@dialpad/dialtone-vue 3.221.0 → 3.222.0-next.1

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

@@ -1 +1 @@
-{"version":3,"file":"input.cjs","names":["VALIDATION_MESSAGE_TYPES","validationMessageValidator","formatMessages"],"sources":["../../../common/mixins/input.js"],"sourcesContent":["import { warn } from 'vue';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport { validationMessageValidator } from '@/common/validators';\nimport { formatMessages } from '@/common/utils';\n\n/**\n * This mixin provides a base set of props, watchers and data attributes that are commonly used in our input components.\n * @displayName Input Mixin\n */\nexport const InputMixin = {\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided label for the input\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The name of the input\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * Describes the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The validation state of the input\n     */\n    validationState: {\n      type: String,\n      default: '',\n      validator: validationState => {\n        if (!validationState) {\n          return true;\n        }\n\n        return Object.values(VALIDATION_MESSAGE_TYPES).includes(validationState);\n      },\n    },\n\n    /**\n     * Used to customize the input element\n     */\n    inputClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Additional class name for the root element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    rootClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      internalDisabled: this.disabled,\n      internalValidationState: this.validationState,\n    };\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      // update internal disabled when the prop changes\n      this.internalDisabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      // update internal validation state when the prop changes\n      this.internalValidationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself\n     * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)\n     */\n    validateInputLabels (hasLabelOrLabel, ariaLabel) {\n      if (!hasLabelOrLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our checkable inputs.\n *\n * This includes the group context, checked model & prop, internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Checkable Mixin\n */\nexport const CheckableMixin = {\n  props: {\n    /**\n     * Used to set the checked state of the checkable input\n     * @model modelValue\n     */\n    modelValue: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * Indeterminate State, toggling indeterminate checkbox will uncheck\n     */\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean],\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      internalIndeterminate: this.indeterminate,\n    };\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      // update internal checked when the prop changes\n      this.internalChecked = newChecked;\n    },\n\n    indeterminate (newValue) {\n      this.internalIndeterminate = newValue;\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our groupable inputs.\n *\n * This includes the group context and internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Groupable Mixin\n */\nexport const GroupableMixin = {\n  inject: {\n    // Object used to pass data from the group\n    groupContext: {\n      default: {},\n    },\n\n    // Method used to update the group value\n    setGroupValue: {\n      default: () => { return () => {}; },\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  computed: {\n    hasGroup () {\n      return Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    },\n\n    groupName () {\n      return this.groupContext?.name ?? '';\n    },\n\n    groupValue () {\n      return this.groupContext?.value;\n    },\n\n    groupDisabled () {\n      return this.groupContext?.disabled ?? false;\n    },\n\n    groupValidationState () {\n      return this.groupContext?.validationState ?? null;\n    },\n\n    internalName () {\n      return this.name || this.groupName;\n    },\n  },\n\n  watch: {\n    value (newValue) {\n      // update internal value when the prop changes\n      this.internalValue = newValue;\n    },\n\n    groupValue: {\n      immediate: true,\n      handler (newGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the group disabled changes\n          this.internalValue = newGroupValue;\n        }\n      },\n    },\n\n    groupDisabled: {\n      immediate: true,\n      handler (newGroupDisabled) {\n        if (this.hasGroup) {\n          // update internal disabled when the group disabled changes\n          this.internalDisabled = this.disabled || newGroupDisabled;\n        }\n      },\n    },\n\n    groupValidationState: {\n      immediate: true,\n      handler (newGroupValidationState) {\n        if (this.hasGroup) {\n          // update internal validation state when the group validation state changes\n          this.internalValidationState = newGroupValidationState || this.validationState;\n        }\n      },\n    },\n  },\n\n  created () {\n    const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    const reactiveGroupName = this.groupContext?.name;\n\n    if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {\n      warn(\n        'Component is being used inside a Group. Did you mean to override the name prop value ' +\n        `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,\n        this,\n      );\n    }\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our validation messages inputs.\n * @displayName Messages Mixin\n */\nexport const MessagesMixin = {\n  props: {\n    /**\n     * Used to customize the validation messages component\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the validation messages component\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Used to hide / show the validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => {\n        return validationMessageValidator(messages);\n      },\n    },\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n  },\n};\n\nexport default {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n};\n"],"mappings":"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"}
+{"version":3,"file":"input.cjs","names":["VALIDATION_MESSAGE_TYPES","validationMessageValidator","formatMessages"],"sources":["../../../common/mixins/input.js"],"sourcesContent":["import { warn } from 'vue';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport { validationMessageValidator } from '@/common/validators';\nimport { formatMessages } from '@/common/utils';\n\n/**\n * This mixin provides a base set of props, watchers and data attributes that are commonly used in our input components.\n * @displayName Input Mixin\n */\nexport const InputMixin = {\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided label for the input\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The name of the input\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * Describes the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The validation state of the input\n     */\n    validationState: {\n      type: String,\n      default: '',\n      validator: validationState => {\n        if (!validationState) {\n          return true;\n        }\n\n        return Object.values(VALIDATION_MESSAGE_TYPES).includes(validationState);\n      },\n    },\n\n    /**\n     * Used to customize the input element\n     */\n    inputClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  data () {\n    return {\n      internalDisabled: this.disabled,\n      internalValidationState: this.validationState,\n    };\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      // update internal disabled when the prop changes\n      this.internalDisabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      // update internal validation state when the prop changes\n      this.internalValidationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself\n     * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)\n     */\n    validateInputLabels (hasLabelOrLabel, ariaLabel) {\n      if (!hasLabelOrLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our checkable inputs.\n *\n * This includes the group context, checked model & prop, internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Checkable Mixin\n */\nexport const CheckableMixin = {\n  props: {\n    /**\n     * Used to set the checked state of the checkable input\n     * @model modelValue\n     */\n    modelValue: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * Indeterminate State, toggling indeterminate checkbox will uncheck\n     */\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean],\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      internalIndeterminate: this.indeterminate,\n    };\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      // update internal checked when the prop changes\n      this.internalChecked = newChecked;\n    },\n\n    indeterminate (newValue) {\n      this.internalIndeterminate = newValue;\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our groupable inputs.\n *\n * This includes the group context and internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Groupable Mixin\n */\nexport const GroupableMixin = {\n  inject: {\n    // Object used to pass data from the group\n    groupContext: {\n      default: {},\n    },\n\n    // Method used to update the group value\n    setGroupValue: {\n      default: () => { return () => {}; },\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  computed: {\n    hasGroup () {\n      return Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    },\n\n    groupName () {\n      return this.groupContext?.name ?? '';\n    },\n\n    groupValue () {\n      return this.groupContext?.value;\n    },\n\n    groupDisabled () {\n      return this.groupContext?.disabled ?? false;\n    },\n\n    groupValidationState () {\n      return this.groupContext?.validationState ?? null;\n    },\n\n    internalName () {\n      return this.name || this.groupName;\n    },\n  },\n\n  watch: {\n    value (newValue) {\n      // update internal value when the prop changes\n      this.internalValue = newValue;\n    },\n\n    groupValue: {\n      immediate: true,\n      handler (newGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the group disabled changes\n          this.internalValue = newGroupValue;\n        }\n      },\n    },\n\n    groupDisabled: {\n      immediate: true,\n      handler (newGroupDisabled) {\n        if (this.hasGroup) {\n          // update internal disabled when the group disabled changes\n          this.internalDisabled = this.disabled || newGroupDisabled;\n        }\n      },\n    },\n\n    groupValidationState: {\n      immediate: true,\n      handler (newGroupValidationState) {\n        if (this.hasGroup) {\n          // update internal validation state when the group validation state changes\n          this.internalValidationState = newGroupValidationState || this.validationState;\n        }\n      },\n    },\n  },\n\n  created () {\n    const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    const reactiveGroupName = this.groupContext?.name;\n\n    if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {\n      warn(\n        'Component is being used inside a Group. Did you mean to override the name prop value ' +\n        `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,\n        this,\n      );\n    }\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our validation messages inputs.\n * @displayName Messages Mixin\n */\nexport const MessagesMixin = {\n  props: {\n    /**\n     * Used to customize the validation messages component\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the validation messages component\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Used to hide / show the validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => {\n        return validationMessageValidator(messages);\n      },\n    },\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n  },\n};\n\nexport default {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n};\n"],"mappings":"uQASA,IAAa,EAAa,CACxB,aAAc,GAEd,MAAO,CAIL,MAAO,CACL,KAAM,OACN,QAAS,GACV,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,GACV,CAKD,MAAO,CACL,KAAM,CAAC,OAAQ,OAAQ,QAAS,OAAO,CACvC,QAAS,KACV,CAKD,YAAa,CACX,KAAM,OACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,gBAAiB,CACf,KAAM,OACN,QAAS,GACT,UAAW,GACJ,EAIE,OAAO,OAAOA,EAAAA,yBAAyB,CAAC,SAAS,EAAgB,CAH/D,GAKZ,CAKD,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,iBAAkB,CAChB,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,gBAAiB,CACf,KAAM,OACN,aAAgB,EAAE,EACnB,CAKD,sBAAuB,CACrB,KAAM,OACN,aAAgB,EAAE,EACnB,CACF,CAED,MAAQ,CACN,MAAO,CACL,iBAAkB,KAAK,SACvB,wBAAyB,KAAK,gBAC/B,EAGH,MAAO,CACL,SAAU,EAAa,CAErB,KAAK,iBAAmB,GAG1B,gBAAiB,EAAoB,CAEnC,KAAK,wBAA0B,GAElC,CAED,QAAS,CAKP,oBAAqB,EAAiB,EAAW,CAC3C,CAAC,GAAmB,CAAC,IACvB,EAAA,EAAA,MACE,+DACA,KACD,EAGN,CACF,CASY,EAAiB,CAC5B,MAAO,CAKL,WAAY,CACV,KAAM,QACN,QAAS,GACV,CAID,cAAe,CACb,KAAM,QACN,QAAS,GACV,CAID,MAAO,CACL,KAAM,CAAC,OAAQ,OAAQ,QAAQ,CAC/B,QAAS,KACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,gBAAiB,KAAK,WACtB,sBAAuB,KAAK,cAC7B,EAGH,MAAO,CACL,WAAY,EAAY,CAEtB,KAAK,gBAAkB,GAGzB,cAAe,EAAU,CACvB,KAAK,sBAAwB,GAEhC,CACF,CASY,EAAiB,CAC5B,OAAQ,CAEN,aAAc,CACZ,QAAS,EAAE,CACZ,CAGD,cAAe,CACb,gBAA8B,GAC/B,CACF,CAED,MAAQ,CACN,MAAO,CACL,cAAe,KAAK,MACrB,EAGH,SAAU,CACR,UAAY,CACV,OAAO,OAAO,UAAU,eAAe,KAAK,KAAK,aAAc,OAAO,EAGxE,WAAa,CACX,OAAO,KAAK,cAAc,MAAQ,IAGpC,YAAc,CACZ,OAAO,KAAK,cAAc,OAG5B,eAAiB,CACf,OAAO,KAAK,cAAc,UAAY,IAGxC,sBAAwB,CACtB,OAAO,KAAK,cAAc,iBAAmB,MAG/C,cAAgB,CACd,OAAO,KAAK,MAAQ,KAAK,WAE5B,CAED,MAAO,CACL,MAAO,EAAU,CAEf,KAAK,cAAgB,GAGvB,WAAY,CACV,UAAW,GACX,QAAS,EAAe,CAClB,KAAK,WAEP,KAAK,cAAgB,IAG1B,CAED,cAAe,CACb,UAAW,GACX,QAAS,EAAkB,CACrB,KAAK,WAEP,KAAK,iBAAmB,KAAK,UAAY,IAG9C,CAED,qBAAsB,CACpB,UAAW,GACX,QAAS,EAAyB,CAC5B,KAAK,WAEP,KAAK,wBAA0B,GAA2B,KAAK,kBAGpE,CACF,CAED,SAAW,CACT,IAAM,EAAe,OAAO,UAAU,eAAe,KAAK,KAAK,aAAc,OAAO,CAC9E,EAAoB,KAAK,cAAc,KAEvC,KAAK,MAAQ,GAAgB,IAAsB,KAAK,OAC5D,EAAA,EAAA,MACE,yFACI,EAAkB,UAAU,KAAK,KAAK,2DAC1C,KACD,EAGN,CAMY,EAAgB,CAC3B,MAAO,CAIL,cAAe,CACb,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,mBAAoB,CAClB,KAAM,OACN,aAAgB,EAAE,EACnB,CAMD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,MACN,YAAe,EAAE,CACjB,UAAW,GACFC,EAAAA,2BAA2B,EAAS,CAE9C,CACF,CAED,SAAU,CACR,mBAAqB,CACnB,OAAOC,EAAAA,eAAe,KAAK,SAAS,EAEvC,CACF,CAED,EAAe,CACb,aACA,iBACA,iBACA,gBACD"}

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

@@ -67,12 +67,6 @@ export namespace InputMixin {
             function _default_10(): {};
             export { _default_10 as default };
         }
-        namespace rootClass {
-            let type_11: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            export { type_11 as type };
-            let _default_11: string;
-            export { _default_11 as default };
-        }
     }
     function data(): any;
     namespace watch {
@@ -86,23 +80,23 @@ export namespace InputMixin {
 export namespace CheckableMixin {
     export namespace props_1 {
         export namespace modelValue {
+            let type_11: BooleanConstructor;
+            export { type_11 as type };
+            let _default_11: boolean;
+            export { _default_11 as default };
+        }
+        export namespace indeterminate {
             let type_12: BooleanConstructor;
             export { type_12 as type };
             let _default_12: boolean;
             export { _default_12 as default };
         }
-        export namespace indeterminate {
-            let type_13: BooleanConstructor;
+        export namespace value_1 {
+            let type_13: (StringConstructor | NumberConstructor | BooleanConstructor)[];
             export { type_13 as type };
-            let _default_13: boolean;
+            let _default_13: null;
             export { _default_13 as default };
         }
-        export namespace value_1 {
-            let type_14: (StringConstructor | NumberConstructor | BooleanConstructor)[];
-            export { type_14 as type };
-            let _default_14: null;
-            export { _default_14 as default };
-        }
         export { value_1 as value };
     }
     export { props_1 as props };
@@ -116,12 +110,12 @@ export namespace CheckableMixin {
 export namespace GroupableMixin {
     export namespace inject {
         namespace groupContext {
-            let _default_15: {};
-            export { _default_15 as default };
+            let _default_14: {};
+            export { _default_14 as default };
         }
         namespace setGroupValue {
-            function _default_16(): () => void;
-            export { _default_16 as default };
+            function _default_15(): () => void;
+            export { _default_15 as default };
         }
     }
     export function data(): any;
@@ -156,28 +150,28 @@ export namespace GroupableMixin {
 export namespace MessagesMixin {
     export namespace props_2 {
         namespace messagesClass {
-            let type_15: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            let type_14: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            export { type_14 as type };
+            let _default_16: string;
+            export { _default_16 as default };
+        }
+        namespace messagesChildProps {
+            let type_15: ObjectConstructor;
             export { type_15 as type };
-            let _default_17: string;
+            function _default_17(): {};
             export { _default_17 as default };
         }
-        namespace messagesChildProps {
-            let type_16: ObjectConstructor;
+        namespace showMessages {
+            let type_16: BooleanConstructor;
             export { type_16 as type };
-            function _default_18(): {};
+            let _default_18: boolean;
             export { _default_18 as default };
         }
-        namespace showMessages {
-            let type_17: BooleanConstructor;
+        namespace messages {
+            let type_17: ArrayConstructor;
             export { type_17 as type };
-            let _default_19: boolean;
+            function _default_19(): never[];
             export { _default_19 as default };
-        }
-        namespace messages {
-            let type_18: ArrayConstructor;
-            export { type_18 as type };
-            function _default_20(): never[];
-            export { _default_20 as default };
             export function validator_1(messages: any): any;
             export { validator_1 as validator };
         }

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../common/mixins/input.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2DiB,yDAMV;;;;;;;;;;;;;;;;;;;;;;;YAgCQ,0BAAU;;;;;;YAQV,2BAAU;;;;;;;;;;IAcvB,qBAKC;;QAGC,0CAGC;QAED,wDAGC;;;QAQD,8CAHW,gBAAgB,2BAU1B;;;;;;;;;;;;;;;;;;;;;;;;;;IAqCH,4BAKC;;QAGC,2CAGC;QAED,4CAEC;;;;;;;;;;;YAoBU,mCAA0B;;;;IAIvC,4BAIC;;QAGC,6BAEC;QAED,0BAEC;QAED,2BAEC;QAED,8BAEC;QAED,qCAEC;QAED,6BAEC;;;QAID,oCAGC;;;YAIC,2CAKC;;;;;YAKD,qDAKC;;;;;YAKD,4DAKC;;;;IAIL,gCAWC;;;;;;;;;;;;;YAsBY,2BAAU;;;;;;;;;;;;YAiBV,gCAAQ;;YACN,gDAEV;;;;;;QAKH,kCAEC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../common/mixins/input.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2DiB,yDAMV;;;;;;;;;;;;;;;;;;;;;;;YAgCQ,0BAAU;;;;;;YAQV,2BAAU;;;;IAIvB,qBAKC;;QAGC,0CAGC;QAED,wDAGC;;;QAQD,8CAHW,gBAAgB,2BAU1B;;;;;;;;;;;;;;;;;;;;;;;;;;IAqCH,4BAKC;;QAGC,2CAGC;QAED,4CAEC;;;;;;;;;;;YAoBU,mCAA0B;;;;IAIvC,4BAIC;;QAGC,6BAEC;QAED,0BAEC;QAED,2BAEC;QAED,8BAEC;QAED,qCAEC;QAED,6BAEC;;;QAID,oCAGC;;;YAIC,2CAKC;;;;;YAKD,qDAKC;;;;;YAKD,4DAKC;;;;IAIL,gCAWC;;;;;;;;;;;;;YAsBY,2BAAU;;;;;;;;;;;;YAiBV,gCAAQ;;YACN,gDAEV;;;;;;QAKH,kCAEC"}

package/dist/common/mixins/input.js

@@ -67,14 +67,6 @@ var i = {
 		descriptionChildProps: {
 			type: Object,
 			default: () => ({})
-		},
-		rootClass: {
-			type: [
-				String,
-				Object,
-				Array
-			],
-			default: ""
 		}
 	},
 	data() {

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../../common/mixins/input.js"],"sourcesContent":["import { warn } from 'vue';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport { validationMessageValidator } from '@/common/validators';\nimport { formatMessages } from '@/common/utils';\n\n/**\n * This mixin provides a base set of props, watchers and data attributes that are commonly used in our input components.\n * @displayName Input Mixin\n */\nexport const InputMixin = {\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided label for the input\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The name of the input\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * Describes the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The validation state of the input\n     */\n    validationState: {\n      type: String,\n      default: '',\n      validator: validationState => {\n        if (!validationState) {\n          return true;\n        }\n\n        return Object.values(VALIDATION_MESSAGE_TYPES).includes(validationState);\n      },\n    },\n\n    /**\n     * Used to customize the input element\n     */\n    inputClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Additional class name for the root element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    rootClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      internalDisabled: this.disabled,\n      internalValidationState: this.validationState,\n    };\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      // update internal disabled when the prop changes\n      this.internalDisabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      // update internal validation state when the prop changes\n      this.internalValidationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself\n     * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)\n     */\n    validateInputLabels (hasLabelOrLabel, ariaLabel) {\n      if (!hasLabelOrLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our checkable inputs.\n *\n * This includes the group context, checked model & prop, internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Checkable Mixin\n */\nexport const CheckableMixin = {\n  props: {\n    /**\n     * Used to set the checked state of the checkable input\n     * @model modelValue\n     */\n    modelValue: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * Indeterminate State, toggling indeterminate checkbox will uncheck\n     */\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean],\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      internalIndeterminate: this.indeterminate,\n    };\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      // update internal checked when the prop changes\n      this.internalChecked = newChecked;\n    },\n\n    indeterminate (newValue) {\n      this.internalIndeterminate = newValue;\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our groupable inputs.\n *\n * This includes the group context and internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Groupable Mixin\n */\nexport const GroupableMixin = {\n  inject: {\n    // Object used to pass data from the group\n    groupContext: {\n      default: {},\n    },\n\n    // Method used to update the group value\n    setGroupValue: {\n      default: () => { return () => {}; },\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  computed: {\n    hasGroup () {\n      return Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    },\n\n    groupName () {\n      return this.groupContext?.name ?? '';\n    },\n\n    groupValue () {\n      return this.groupContext?.value;\n    },\n\n    groupDisabled () {\n      return this.groupContext?.disabled ?? false;\n    },\n\n    groupValidationState () {\n      return this.groupContext?.validationState ?? null;\n    },\n\n    internalName () {\n      return this.name || this.groupName;\n    },\n  },\n\n  watch: {\n    value (newValue) {\n      // update internal value when the prop changes\n      this.internalValue = newValue;\n    },\n\n    groupValue: {\n      immediate: true,\n      handler (newGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the group disabled changes\n          this.internalValue = newGroupValue;\n        }\n      },\n    },\n\n    groupDisabled: {\n      immediate: true,\n      handler (newGroupDisabled) {\n        if (this.hasGroup) {\n          // update internal disabled when the group disabled changes\n          this.internalDisabled = this.disabled || newGroupDisabled;\n        }\n      },\n    },\n\n    groupValidationState: {\n      immediate: true,\n      handler (newGroupValidationState) {\n        if (this.hasGroup) {\n          // update internal validation state when the group validation state changes\n          this.internalValidationState = newGroupValidationState || this.validationState;\n        }\n      },\n    },\n  },\n\n  created () {\n    const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    const reactiveGroupName = this.groupContext?.name;\n\n    if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {\n      warn(\n        'Component is being used inside a Group. Did you mean to override the name prop value ' +\n        `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,\n        this,\n      );\n    }\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our validation messages inputs.\n * @displayName Messages Mixin\n */\nexport const MessagesMixin = {\n  props: {\n    /**\n     * Used to customize the validation messages component\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the validation messages component\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Used to hide / show the validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => {\n        return validationMessageValidator(messages);\n      },\n    },\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n  },\n};\n\nexport default {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n};\n"],"mappings":"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"}
+{"version":3,"file":"input.js","names":[],"sources":["../../../common/mixins/input.js"],"sourcesContent":["import { warn } from 'vue';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport { validationMessageValidator } from '@/common/validators';\nimport { formatMessages } from '@/common/utils';\n\n/**\n * This mixin provides a base set of props, watchers and data attributes that are commonly used in our input components.\n * @displayName Input Mixin\n */\nexport const InputMixin = {\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided label for the input\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The name of the input\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * Describes the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The validation state of the input\n     */\n    validationState: {\n      type: String,\n      default: '',\n      validator: validationState => {\n        if (!validationState) {\n          return true;\n        }\n\n        return Object.values(VALIDATION_MESSAGE_TYPES).includes(validationState);\n      },\n    },\n\n    /**\n     * Used to customize the input element\n     */\n    inputClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  data () {\n    return {\n      internalDisabled: this.disabled,\n      internalValidationState: this.validationState,\n    };\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      // update internal disabled when the prop changes\n      this.internalDisabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      // update internal validation state when the prop changes\n      this.internalValidationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself\n     * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)\n     */\n    validateInputLabels (hasLabelOrLabel, ariaLabel) {\n      if (!hasLabelOrLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our checkable inputs.\n *\n * This includes the group context, checked model & prop, internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Checkable Mixin\n */\nexport const CheckableMixin = {\n  props: {\n    /**\n     * Used to set the checked state of the checkable input\n     * @model modelValue\n     */\n    modelValue: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * Indeterminate State, toggling indeterminate checkbox will uncheck\n     */\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean],\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      internalIndeterminate: this.indeterminate,\n    };\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      // update internal checked when the prop changes\n      this.internalChecked = newChecked;\n    },\n\n    indeterminate (newValue) {\n      this.internalIndeterminate = newValue;\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our groupable inputs.\n *\n * This includes the group context and internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Groupable Mixin\n */\nexport const GroupableMixin = {\n  inject: {\n    // Object used to pass data from the group\n    groupContext: {\n      default: {},\n    },\n\n    // Method used to update the group value\n    setGroupValue: {\n      default: () => { return () => {}; },\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  computed: {\n    hasGroup () {\n      return Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    },\n\n    groupName () {\n      return this.groupContext?.name ?? '';\n    },\n\n    groupValue () {\n      return this.groupContext?.value;\n    },\n\n    groupDisabled () {\n      return this.groupContext?.disabled ?? false;\n    },\n\n    groupValidationState () {\n      return this.groupContext?.validationState ?? null;\n    },\n\n    internalName () {\n      return this.name || this.groupName;\n    },\n  },\n\n  watch: {\n    value (newValue) {\n      // update internal value when the prop changes\n      this.internalValue = newValue;\n    },\n\n    groupValue: {\n      immediate: true,\n      handler (newGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the group disabled changes\n          this.internalValue = newGroupValue;\n        }\n      },\n    },\n\n    groupDisabled: {\n      immediate: true,\n      handler (newGroupDisabled) {\n        if (this.hasGroup) {\n          // update internal disabled when the group disabled changes\n          this.internalDisabled = this.disabled || newGroupDisabled;\n        }\n      },\n    },\n\n    groupValidationState: {\n      immediate: true,\n      handler (newGroupValidationState) {\n        if (this.hasGroup) {\n          // update internal validation state when the group validation state changes\n          this.internalValidationState = newGroupValidationState || this.validationState;\n        }\n      },\n    },\n  },\n\n  created () {\n    const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    const reactiveGroupName = this.groupContext?.name;\n\n    if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {\n      warn(\n        'Component is being used inside a Group. Did you mean to override the name prop value ' +\n        `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,\n        this,\n      );\n    }\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our validation messages inputs.\n * @displayName Messages Mixin\n */\nexport const MessagesMixin = {\n  props: {\n    /**\n     * Used to customize the validation messages component\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the validation messages component\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Used to hide / show the validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => {\n        return validationMessageValidator(messages);\n      },\n    },\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n  },\n};\n\nexport default {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n};\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { DtValidationMessages } from '../../components/validation_messages';
+import { DtValidationMessages } from '../../components/ValidationMessages';
 export namespace InputGroupMixin {
     namespace components {
         export { DtValidationMessages };

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

@@ -1 +1 @@
-{"version":3,"file":"input_group.d.ts","sourceRoot":"","sources":["../../../common/mixins/input_group.js"],"names":[],"mappings":";;;;IAkBE;;;MAKC;;;;YAQG,4BAEC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAyCQ,+BAAQ;;YACN,8CAAgD;;;;;;;;;;;;;;;;;;;;;;;YAiClD,0BAAU;;;;;;YAQV,0BAAU;;;;;IAcvB;;;;;;MAWC;;QAGC,kCAEC;QAED,0CAEC;;;QAID,0CAEC;QAED,wDAEC;;;QAQD,4CAGC;;IAGH,yBAIC;;;;;;qCAjLkC,kCAAkC"}
+{"version":3,"file":"input_group.d.ts","sourceRoot":"","sources":["../../../common/mixins/input_group.js"],"names":[],"mappings":";;;;IAkBE;;;MAKC;;;;YAQG,4BAEC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAyCQ,+BAAQ;;YACN,8CAAgD;;;;;;;;;;;;;;;;;;;;;;;YAiClD,0BAAU;;;;;;YAQV,0BAAU;;;;;IAcvB;;;;;;MAWC;;QAGC,kCAEC;QAED,0CAEC;;;QAID,0CAEC;QAED,wDAEC;;;QAQD,4CAGC;;IAGH,yBAIC;;;;;;qCAjLkC,iCAAiC"}

package/dist/common/mixins/mode.cjs

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,62 @@
+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

@@ -0,0 +1 @@
+{"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/mixins/skeleton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.cjs","names":["SKELETON_RIPPLE_DURATION"],"sources":["../../../common/mixins/skeleton.js"],"sourcesContent":["import { SKELETON_RIPPLE_DURATION } from '@/components/skeleton/skeleton_constants';\n\n/**\n * @displayName Skeleton Animation Mixin\n */\nexport default {\n  computed: {\n    skeletonOffset () {\n      const skeletonText = this.$refs.skeleton;\n      if (!skeletonText) { return this.offset; }\n      const { top, height } = skeletonText.getBoundingClientRect();\n      return top + (height / 2);\n    },\n\n    skeletonStyle () {\n      const style = {};\n\n      if (this.skeletonOffset === -1 || (!this.animate && this.animationDuration === -1)) {\n        return style;\n      }\n      const animationDelay = this.skeletonOffset * SKELETON_RIPPLE_DURATION / 1000;\n      const animationDuration = this.animationDuration === -1 ? 1000 : this.animationDuration;\n      style.animationDelay = `${animationDelay}ms`;\n      style.animationDuration = `${animationDuration}ms`;\n      return style;\n    },\n  },\n};\n"],"mappings":"4JAKA,IAAA,EAAe,CACb,SAAU,CACR,gBAAkB,CAChB,IAAM,EAAe,KAAK,MAAM,SAChC,GAAI,CAAC,EAAgB,OAAO,KAAK,OACjC,GAAM,CAAE,MAAK,UAAW,EAAa,uBAAuB,CAC5D,OAAO,EAAO,EAAS,GAGzB,eAAiB,CACf,IAAM,EAAQ,EAAE,CAEhB,GAAI,KAAK,iBAAmB,IAAO,CAAC,KAAK,SAAW,KAAK,oBAAsB,GAC7E,OAAO,EAET,IAAM,EAAiB,KAAK,eAAiBA,EAAAA,yBAA2B,IAClE,EAAoB,KAAK,oBAAsB,GAAK,IAAO,KAAK,kBAGtE,MAFA,GAAM,eAAiB,GAAG,EAAe,IACzC,EAAM,kBAAoB,GAAG,EAAkB,IACxC,GAEV,CACF"}
+{"version":3,"file":"skeleton.cjs","names":["SKELETON_RIPPLE_DURATION"],"sources":["../../../common/mixins/skeleton.js"],"sourcesContent":["import { SKELETON_RIPPLE_DURATION } from '@/components/Skeleton/SkeletonConstants';\n\n/**\n * @displayName Skeleton Animation Mixin\n */\nexport default {\n  computed: {\n    skeletonOffset () {\n      const skeletonText = this.$refs.skeleton;\n      if (!skeletonText) { return this.offset; }\n      const { top, height } = skeletonText.getBoundingClientRect();\n      return top + (height / 2);\n    },\n\n    skeletonStyle () {\n      const style = {};\n\n      if (this.skeletonOffset === -1 || (!this.animate && this.animationDuration === -1)) {\n        return style;\n      }\n      const animationDelay = this.skeletonOffset * SKELETON_RIPPLE_DURATION / 1000;\n      const animationDuration = this.animationDuration === -1 ? 1000 : this.animationDuration;\n      style.animationDelay = `${animationDelay}ms`;\n      style.animationDuration = `${animationDuration}ms`;\n      return style;\n    },\n  },\n};\n"],"mappings":"4JAKA,IAAA,EAAe,CACb,SAAU,CACR,gBAAkB,CAChB,IAAM,EAAe,KAAK,MAAM,SAChC,GAAI,CAAC,EAAgB,OAAO,KAAK,OACjC,GAAM,CAAE,MAAK,UAAW,EAAa,uBAAuB,CAC5D,OAAO,EAAO,EAAS,GAGzB,eAAiB,CACf,IAAM,EAAQ,EAAE,CAEhB,GAAI,KAAK,iBAAmB,IAAO,CAAC,KAAK,SAAW,KAAK,oBAAsB,GAC7E,OAAO,EAET,IAAM,EAAiB,KAAK,eAAiBA,EAAAA,yBAA2B,IAClE,EAAoB,KAAK,oBAAsB,GAAK,IAAO,KAAK,kBAGtE,MAFA,GAAM,eAAiB,GAAG,EAAe,IACzC,EAAM,kBAAoB,GAAG,EAAkB,IACxC,GAEV,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","names":[],"sources":["../../../common/mixins/skeleton.js"],"sourcesContent":["import { SKELETON_RIPPLE_DURATION } from '@/components/skeleton/skeleton_constants';\n\n/**\n * @displayName Skeleton Animation Mixin\n */\nexport default {\n  computed: {\n    skeletonOffset () {\n      const skeletonText = this.$refs.skeleton;\n      if (!skeletonText) { return this.offset; }\n      const { top, height } = skeletonText.getBoundingClientRect();\n      return top + (height / 2);\n    },\n\n    skeletonStyle () {\n      const style = {};\n\n      if (this.skeletonOffset === -1 || (!this.animate && this.animationDuration === -1)) {\n        return style;\n      }\n      const animationDelay = this.skeletonOffset * SKELETON_RIPPLE_DURATION / 1000;\n      const animationDuration = this.animationDuration === -1 ? 1000 : this.animationDuration;\n      style.animationDelay = `${animationDelay}ms`;\n      style.animationDuration = `${animationDuration}ms`;\n      return style;\n    },\n  },\n};\n"],"mappings":";;AAKA,IAAA,IAAe,EACb,UAAU;CACR,iBAAkB;EAChB,IAAM,IAAe,KAAK,MAAM;AAChC,MAAI,CAAC,EAAgB,QAAO,KAAK;EACjC,IAAM,EAAE,QAAK,cAAW,EAAa,uBAAuB;AAC5D,SAAO,IAAO,IAAS;;CAGzB,gBAAiB;EACf,IAAM,IAAQ,EAAE;AAEhB,MAAI,KAAK,mBAAmB,MAAO,CAAC,KAAK,WAAW,KAAK,sBAAsB,GAC7E,QAAO;EAET,IAAM,IAAiB,KAAK,iBAAiB,IAA2B,KAClE,IAAoB,KAAK,sBAAsB,KAAK,MAAO,KAAK;AAGtE,SAFA,EAAM,iBAAiB,GAAG,EAAe,KACzC,EAAM,oBAAoB,GAAG,EAAkB,KACxC;;CAEV,EACF"}
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../../common/mixins/skeleton.js"],"sourcesContent":["import { SKELETON_RIPPLE_DURATION } from '@/components/Skeleton/SkeletonConstants';\n\n/**\n * @displayName Skeleton Animation Mixin\n */\nexport default {\n  computed: {\n    skeletonOffset () {\n      const skeletonText = this.$refs.skeleton;\n      if (!skeletonText) { return this.offset; }\n      const { top, height } = skeletonText.getBoundingClientRect();\n      return top + (height / 2);\n    },\n\n    skeletonStyle () {\n      const style = {};\n\n      if (this.skeletonOffset === -1 || (!this.animate && this.animationDuration === -1)) {\n        return style;\n      }\n      const animationDelay = this.skeletonOffset * SKELETON_RIPPLE_DURATION / 1000;\n      const animationDuration = this.animationDuration === -1 ? 1000 : this.animationDuration;\n      style.animationDelay = `${animationDelay}ms`;\n      style.animationDuration = `${animationDuration}ms`;\n      return style;\n    },\n  },\n};\n"],"mappings":";;AAKA,IAAA,IAAe,EACb,UAAU;CACR,iBAAkB;EAChB,IAAM,IAAe,KAAK,MAAM;AAChC,MAAI,CAAC,EAAgB,QAAO,KAAK;EACjC,IAAM,EAAE,QAAK,cAAW,EAAa,uBAAuB;AAC5D,SAAO,IAAO,IAAS;;CAGzB,gBAAiB;EACf,IAAM,IAAQ,EAAE;AAEhB,MAAI,KAAK,mBAAmB,MAAO,CAAC,KAAK,WAAW,KAAK,sBAAsB,GAC7E,QAAO;EAET,IAAM,IAAiB,KAAK,iBAAiB,IAA2B,KAClE,IAAoB,KAAK,sBAAsB,KAAK,MAAO,KAAK;AAGtE,SAFA,EAAM,iBAAiB,GAAG,EAAe,KACzC,EAAM,oBAAoB,GAAG,EAAkB,KACxC;;CAEV,EACF"}

package/dist/common/mode_constants.d.ts

@@ -0,0 +1,37 @@
+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

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

package/dist/common/sr_only_close_button.vue.d.ts

@@ -65,6 +65,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        linkUnderline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        underline: {
+            type: BooleanConstructor;
+            default: null;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -79,14 +87,42 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: null;
         };
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         labelClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        leadingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        trailingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockStartIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockEndIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        iconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -126,6 +162,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         };
     }>, {}, {
         ICON_POSITION_MODIFIERS: {
+            start: string;
+            end: string;
+            blockStart: string;
+            blockEnd: string;
             left: string;
             right: string;
             top: string;
@@ -135,6 +175,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         hasSlotContent: typeof import('./utils').hasSlotContent;
         i18n: any;
     }, {
+        resolvedUnderline(): boolean;
         computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
         isNativeButton(): boolean;
         computedAttrs(): {
@@ -167,7 +208,12 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
         buttonClasses(): any[];
         isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-        shouldRenderIcon(): any;
+        hasStartIcon(): any;
+        hasEndIcon(): any;
+        hasBlockStartIcon(): any;
+        hasBlockEndIcon(): any;
+        hasNewIconSlots(): any;
+        shouldRenderLegacyIcon(): any;
         isIconOnly(): any;
         isVerticalIconLayout(): boolean;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -198,6 +244,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        linkUnderline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        underline: {
+            type: BooleanConstructor;
+            default: null;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -212,14 +266,42 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: null;
         };
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         labelClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        leadingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        trailingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockStartIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockEndIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        iconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -263,22 +345,31 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     }>, {
         link: boolean;
         disabled: boolean;
+        size: string | number;
         type: string;
+        iconClass: string | unknown[] | Record<string, any>;
+        replace: boolean;
         target: string;
         circle: boolean;
         active: boolean;
         loading: boolean;
-        size: string;
-        replace: boolean;
+        underline: boolean;
         kind: string;
         labelClass: string | unknown[] | Record<string, any>;
+        startIconClass: string | unknown[] | Record<string, any>;
+        endIconClass: string | unknown[] | Record<string, any>;
         href: string;
         to: string | Record<string, any>;
         iconPosition: string;
         importance: string;
         linkKind: string;
         linkInverted: boolean;
+        linkUnderline: boolean;
         width: string;
+        leadingClass: string | unknown[] | Record<string, any>;
+        trailingClass: string | unknown[] | Record<string, any>;
+        blockStartIconClass: string | unknown[] | Record<string, any>;
+        blockEndIconClass: string | unknown[] | Record<string, any>;
         assertiveOnFocus: boolean;
         rel: string;
     }, {}, {

package/dist/common/sr_only_close_button.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sr_only_close_button.vue.d.ts","sourceRoot":"","sources":["../../common/sr_only_close_button.vue"],"names":[],"mappings":"AAaA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA8DG,GAAG"}
+{"version":3,"file":"sr_only_close_button.vue.d.ts","sourceRoot":"","sources":["../../common/sr_only_close_button.vue"],"names":[],"mappings":"AAaA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA8DK,GAAG"}