@aotearoan/neon 22.1.1 → 22.1.2

package/dist/common/enums/NeonButtonType.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(t=>(t.Button="button",t.Submit="submit",t.Reset="reset",t))(e||{});exports.NeonButtonType=e;
+//# sourceMappingURL=NeonButtonType.cjs.js.map

package/dist/common/enums/NeonButtonType.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonButtonType.cjs.js","sources":["../../../src/common/enums/NeonButtonType.ts"],"sourcesContent":["export enum NeonButtonType {\n  Button = 'button',\n  Submit = 'submit',\n  Reset = 'reset',\n}\n"],"names":["NeonButtonType"],"mappings":"gFAAO,IAAKA,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,MAAQ,QAHEA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/common/enums/NeonButtonType.es.js

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((t) => (t.Button = "button", t.Submit = "submit", t.Reset = "reset", t))(r || {});
+export {
+  r as NeonButtonType
+};
+//# sourceMappingURL=NeonButtonType.es.js.map

package/dist/common/enums/NeonButtonType.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonButtonType.es.js","sources":["../../../src/common/enums/NeonButtonType.ts"],"sourcesContent":["export enum NeonButtonType {\n  Button = 'button',\n  Submit = 'submit',\n  Reset = 'reset',\n}\n"],"names":["NeonButtonType"],"mappings":"AAAO,IAAKA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAHEA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/user-input/button/NeonButton.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),f=require("../../../common/enums/NeonButtonSize.cjs.js"),y=require("../../../common/enums/NeonFunctionalColor.cjs.js"),o=require("../../../common/enums/NeonButtonStyle.cjs.js"),S=require("../../../common/enums/NeonHorizontalPosition.cjs.js"),N=require("../../presentation/icon/NeonIcon.vue.cjs.js"),B=require("../../navigation/link/NeonLink.vue.cjs.js"),g=require("../../presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),l=require("../../../common/enums/NeonState.cjs.js"),m=e.defineComponent({name:"NeonButton",components:{NeonExpansionIndicator:g,NeonIcon:N,NeonLink:B},props:{href:{type:String,default:null},label:{type:String,default:null},size:{type:String,default:f.NeonButtonSize.Medium},color:{type:String,default:y.NeonFunctionalColor.Primary},inverse:{type:Boolean,default:!1},alternateColor:{type:String,default:null},icon:{type:String,default:null},iconAriaLabel:{type:String},iconPosition:{type:String,default:S.NeonHorizontalPosition.Left},buttonStyle:{type:String,default:o.NeonButtonStyle.Solid},state:{type:String,default:l.NeonState.Ready},disabled:{type:Boolean,default:!1},transparent:{type:Boolean,default:!1},outline:{type:Boolean,default:!0},circular:{type:Boolean,default:null},fullWidth:{type:Boolean,default:null},indicator:{type:Boolean,default:!1},indicatorExpanded:{type:Boolean,default:null}},emits:["click"],setup(t,{emit:a}){const u=e.useAttrs(),i=e.ref(null),c=e.computed(()=>{switch(t.state){case l.NeonState.Loading:return"loading";case l.NeonState.Success:return"check";case l.NeonState.Error:return"times";default:return t.icon}}),r=e.computed(()=>[`neon-button--${t.size}`,!t.inverse&&`neon-button--${t.color}`,`neon-button--${t.buttonStyle}`,`neon-button--state-${t.state}`,{"neon-button--text-transparent":t.transparent&&t.buttonStyle===o.NeonButtonStyle.Text,"neon-button--disabled":t.disabled,"neon-button--inverse":t.inverse,"neon-button--circular":t.circular,"neon-button--no-outline":!t.outline,"neon-button--full-width":t.fullWidth,"neon-button--with-icon neon-button--icon-only":t.buttonStyle!==o.NeonButtonStyle.Input&&!t.label&&t.icon&&!t.indicator,"neon-button--with-icon neon-button--icon-left":t.label&&t.icon&&t.iconPosition==="left","neon-button--with-icon neon-button--icon-right":(t.label||t.buttonStyle===o.NeonButtonStyle.Input)&&t.icon&&t.iconPosition==="right",[`neon-button--alternate-color-${t.alternateColor}`]:t.alternateColor}]),d=()=>{var n;return(n=i.value)==null?void 0:n.click()},s=e.computed(()=>{const{onClick:n,...b}=u;return b});return{iconName:c,classes:r,button:i,attrs:u,sanitizedAttributes:s,clickLink:d,clickButton:()=>{var n;t.disabled||a("click"),(n=i.value)==null||n.blur()}}}});module.exports=m;
+"use strict";const e=require("vue"),y=require("../../../common/enums/NeonButtonSize.cjs.js"),f=require("../../../common/enums/NeonFunctionalColor.cjs.js"),o=require("../../../common/enums/NeonButtonStyle.cjs.js"),S=require("../../../common/enums/NeonHorizontalPosition.cjs.js"),N=require("../../presentation/icon/NeonIcon.vue.cjs.js"),B=require("../../navigation/link/NeonLink.vue.cjs.js"),g=require("../../presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),l=require("../../../common/enums/NeonState.cjs.js"),m=require("../../../common/enums/NeonButtonType.cjs.js"),h=e.defineComponent({name:"NeonButton",components:{NeonExpansionIndicator:g,NeonIcon:N,NeonLink:B},props:{href:{type:String,default:null},label:{type:String,default:null},size:{type:String,default:y.NeonButtonSize.Medium},color:{type:String,default:f.NeonFunctionalColor.Primary},inverse:{type:Boolean,default:!1},alternateColor:{type:String,default:null},icon:{type:String,default:null},iconAriaLabel:{type:String},iconPosition:{type:String,default:S.NeonHorizontalPosition.Left},buttonStyle:{type:String,default:o.NeonButtonStyle.Solid},buttonType:{type:String,default:m.NeonButtonType.Button},state:{type:String,default:l.NeonState.Ready},disabled:{type:Boolean,default:!1},transparent:{type:Boolean,default:!1},outline:{type:Boolean,default:!0},circular:{type:Boolean,default:null},fullWidth:{type:Boolean,default:null},indicator:{type:Boolean,default:!1},indicatorExpanded:{type:Boolean,default:null}},emits:["click"],setup(t,{emit:a}){const u=e.useAttrs(),i=e.ref(null),c=e.computed(()=>{switch(t.state){case l.NeonState.Loading:return"loading";case l.NeonState.Success:return"check";case l.NeonState.Error:return"times";default:return t.icon}}),r=e.computed(()=>[`neon-button--${t.size}`,!t.inverse&&`neon-button--${t.color}`,`neon-button--${t.buttonStyle}`,`neon-button--state-${t.state}`,{"neon-button--text-transparent":t.transparent&&t.buttonStyle===o.NeonButtonStyle.Text,"neon-button--disabled":t.disabled,"neon-button--inverse":t.inverse,"neon-button--circular":t.circular,"neon-button--no-outline":!t.outline,"neon-button--full-width":t.fullWidth,"neon-button--with-icon neon-button--icon-only":t.buttonStyle!==o.NeonButtonStyle.Input&&!t.label&&t.icon&&!t.indicator,"neon-button--with-icon neon-button--icon-left":t.label&&t.icon&&t.iconPosition==="left","neon-button--with-icon neon-button--icon-right":(t.label||t.buttonStyle===o.NeonButtonStyle.Input)&&t.icon&&t.iconPosition==="right",[`neon-button--alternate-color-${t.alternateColor}`]:t.alternateColor}]),d=()=>{var n;return(n=i.value)==null?void 0:n.click()},s=e.computed(()=>{const{onClick:n,...b}=u;return b});return{iconName:c,classes:r,button:i,attrs:u,sanitizedAttributes:s,clickLink:d,clickButton:()=>{var n;t.disabled||a("click"),(n=i.value)==null||n.blur()}}}});module.exports=h;
 //# sourceMappingURL=NeonButton.cjs.js.map

package/dist/components/user-input/button/NeonButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonButton.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * The aria label of the icon button\n     */\n    iconAriaLabel: { type: String },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * For text buttons, do not display the background. This is useful for icon buttons in headers.\n     */\n    transparent: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the button or link.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--text-transparent': props.transparent && props.buttonStyle === NeonButtonStyle.Text,\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only':\n            props.buttonStyle !== NeonButtonStyle.Input && !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right':\n            (props.label || props.buttonStyle === NeonButtonStyle.Input) &&\n            props.icon &&\n            props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const clickLink = () => button.value?.click();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const clickButton = () => {\n      if (!props.disabled) {\n        emit('click');\n      }\n      button.value?.blur();\n    };\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      sanitizedAttributes,\n      clickLink,\n      clickButton,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonLink","NeonButtonSize","NeonFunctionalColor","NeonHorizontalPosition","NeonButtonStyle","NeonState","props","emit","attrs","useAttrs","button","ref","iconName","computed","classes","clickLink","_a","sanitizedAttributes","onClick","sanitized"],"mappings":"ghBAaAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,uBAAAC,EACA,SAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI/B,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIhC,KAAM,CAAE,KAAM,OAAgC,QAASC,EAAAA,eAAe,MAAA,EAItE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAKjF,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAA,EAItE,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI/B,cAAe,CAAE,KAAM,MAAA,EAIvB,aAAc,CAAE,KAAM,OAAwC,QAASC,EAAAA,uBAAuB,IAAA,EAI9F,YAAa,CAAE,KAAM,OAAiC,QAASC,EAAAA,gBAAgB,KAAA,EAI/E,MAAO,CAAE,KAAM,OAA2B,QAASC,EAAAA,UAAU,KAAA,EAI7D,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,YAAa,CAAE,KAAM,QAAS,QAAS,EAAA,EAIvC,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,SAAU,CAAE,KAAM,QAAS,QAAS,IAAA,EAIpC,UAAW,CAAE,KAAM,QAAS,QAAS,IAAA,EAKrC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,EAKrC,kBAAmB,CAAE,KAAM,QAAS,QAAS,IAAA,CAAK,EAEpD,MAAO,CAIL,OAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,SAAA,EAERC,EAASC,EAAAA,IAAwB,IAAI,EAErCC,EAAWC,EAAAA,SAAS,IAAM,CAC9B,OAAQP,EAAM,MAAA,CACZ,KAAKD,EAAAA,UAAU,QACb,MAAO,UACT,KAAKA,EAAAA,UAAU,QACb,MAAO,QACT,KAAKA,EAAAA,UAAU,MACb,MAAO,QACT,QACE,OAAOC,EAAM,IAAA,CAEnB,CAAC,EAEKQ,EAAUD,EAAAA,SAAS,IAChB,CACL,gBAAgBP,EAAM,IAAI,GAC1B,CAACA,EAAM,SAAW,gBAAgBA,EAAM,KAAK,GAC7C,gBAAgBA,EAAM,WAAW,GACjC,sBAAsBA,EAAM,KAAK,GACjC,CACE,gCAAiCA,EAAM,aAAeA,EAAM,cAAgBF,EAAAA,gBAAgB,KAC5F,wBAAyBE,EAAM,SAC/B,uBAAwBA,EAAM,QAC9B,wBAAyBA,EAAM,SAC/B,0BAA2B,CAACA,EAAM,QAClC,0BAA2BA,EAAM,UACjC,gDACEA,EAAM,cAAgBF,EAAAA,gBAAgB,OAAS,CAACE,EAAM,OAASA,EAAM,MAAQ,CAACA,EAAM,UACtF,gDAAiDA,EAAM,OAASA,EAAM,MAAQA,EAAM,eAAiB,OACrG,kDACGA,EAAM,OAASA,EAAM,cAAgBF,kBAAgB,QACtDE,EAAM,MACNA,EAAM,eAAiB,QACzB,CAAC,gCAAgCA,EAAM,cAAc,EAAE,EAAGA,EAAM,cAAA,CAClE,CAEH,EAEKS,EAAY,IAAA,OAAM,OAAAC,EAAAN,EAAO,QAAP,YAAAM,EAAc,SAEhCC,EAAsBJ,EAAAA,SAAS,IAAM,CAEzC,KAAM,CAAE,QAAAK,EAAS,GAAGC,CAAA,EAAcX,EAClC,OAAOW,CACT,CAAC,EASD,MAAO,CACL,SAAAP,EACA,QAAAE,EACA,OAAAJ,EACA,MAAAF,EACA,oBAAAS,EACA,UAAAF,EACA,YAdkB,IAAM,OACnBT,EAAM,UACTC,EAAK,OAAO,GAEdS,EAAAN,EAAO,QAAP,MAAAM,EAAc,MAChB,CASE,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonButton.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\nimport { NeonButtonType } from '@/common/enums/NeonButtonType';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a\n * button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * The aria label of the icon button\n     */\n    iconAriaLabel: { type: String },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * The type of button, see <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button\">button</a>.\n     */\n    buttonType: { type: String as () => NeonButtonType, default: NeonButtonType.Button },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with\n     * icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * For text buttons, do not display the background. This is useful for icon buttons in headers.\n     */\n    transparent: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the button or link.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--text-transparent': props.transparent && props.buttonStyle === NeonButtonStyle.Text,\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only':\n            props.buttonStyle !== NeonButtonStyle.Input && !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right':\n            (props.label || props.buttonStyle === NeonButtonStyle.Input) &&\n            props.icon &&\n            props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const clickLink = () => button.value?.click();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const clickButton = () => {\n      if (!props.disabled) {\n        emit('click');\n      }\n      button.value?.blur();\n    };\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      sanitizedAttributes,\n      clickLink,\n      clickButton,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonLink","NeonButtonSize","NeonFunctionalColor","NeonHorizontalPosition","NeonButtonStyle","NeonButtonType","NeonState","props","emit","attrs","useAttrs","button","ref","iconName","computed","classes","clickLink","_a","sanitizedAttributes","onClick","sanitized"],"mappings":"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"}

package/dist/components/user-input/button/NeonButton.es.js

@@ -1,18 +1,19 @@
-import { defineComponent as s, useAttrs as m, ref as y, computed as i } from "vue";
+import { defineComponent as m, useAttrs as s, ref as y, computed as i } from "vue";
 import { NeonButtonSize as S } from "../../../common/enums/NeonButtonSize.es.js";
 import { NeonFunctionalColor as g } from "../../../common/enums/NeonFunctionalColor.es.js";
 import { NeonButtonStyle as e } from "../../../common/enums/NeonButtonStyle.es.js";
 import { NeonHorizontalPosition as B } from "../../../common/enums/NeonHorizontalPosition.es.js";
 import h from "../../presentation/icon/NeonIcon.vue.es.js";
-import k from "../../navigation/link/NeonLink.vue.es.js";
-import N from "../../presentation/expansion-indicator/NeonExpansionIndicator.vue.es.js";
+import N from "../../navigation/link/NeonLink.vue.es.js";
+import k from "../../presentation/expansion-indicator/NeonExpansionIndicator.vue.es.js";
 import { NeonState as o } from "../../../common/enums/NeonState.es.js";
-const E = s({
+import { NeonButtonType as v } from "../../../common/enums/NeonButtonType.es.js";
+const W = m({
   name: "NeonButton",
   components: {
-    NeonExpansionIndicator: N,
+    NeonExpansionIndicator: k,
     NeonIcon: h,
-    NeonLink: k
+    NeonLink: N
   },
   props: {
     /**
@@ -57,7 +58,12 @@ const E = s({
      */
     buttonStyle: { type: String, default: e.Solid },
     /**
-     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.
+     * The type of button, see <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button">button</a>.
+     */
+    buttonType: { type: String, default: v.Button },
+    /**
+     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with
+     * icons) to reflect the state.
      */
     state: { type: String, default: o.Ready },
     /**
@@ -98,7 +104,7 @@ const E = s({
     "click"
   ],
   setup(t, { emit: u }) {
-    const a = m(), l = y(null), c = i(() => {
+    const a = s(), l = y(null), r = i(() => {
       switch (t.state) {
         case o.Loading:
           return "loading";
@@ -109,7 +115,7 @@ const E = s({
         default:
           return t.icon;
       }
-    }), r = i(() => [
+    }), c = i(() => [
       `neon-button--${t.size}`,
       !t.inverse && `neon-button--${t.color}`,
       `neon-button--${t.buttonStyle}`,
@@ -134,8 +140,8 @@ const E = s({
       return b;
     });
     return {
-      iconName: c,
-      classes: r,
+      iconName: r,
+      classes: c,
       button: l,
       attrs: a,
       sanitizedAttributes: f,
@@ -148,6 +154,6 @@ const E = s({
   }
 });
 export {
-  E as default
+  W as default
 };
 //# sourceMappingURL=NeonButton.es.js.map

package/dist/components/user-input/button/NeonButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonButton.es.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * The aria label of the icon button\n     */\n    iconAriaLabel: { type: String },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * For text buttons, do not display the background. This is useful for icon buttons in headers.\n     */\n    transparent: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the button or link.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--text-transparent': props.transparent && props.buttonStyle === NeonButtonStyle.Text,\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only':\n            props.buttonStyle !== NeonButtonStyle.Input && !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right':\n            (props.label || props.buttonStyle === NeonButtonStyle.Input) &&\n            props.icon &&\n            props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const clickLink = () => button.value?.click();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const clickButton = () => {\n      if (!props.disabled) {\n        emit('click');\n      }\n      button.value?.blur();\n    };\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      sanitizedAttributes,\n      clickLink,\n      clickButton,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonLink","NeonButtonSize","NeonFunctionalColor","NeonHorizontalPosition","NeonButtonStyle","NeonState","props","emit","attrs","useAttrs","button","ref","iconName","computed","classes","clickLink","_a","sanitizedAttributes","onClick","sanitized"],"mappings":"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"}
+{"version":3,"file":"NeonButton.es.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\nimport { NeonButtonType } from '@/common/enums/NeonButtonType';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a\n * button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * The aria label of the icon button\n     */\n    iconAriaLabel: { type: String },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * The type of button, see <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button\">button</a>.\n     */\n    buttonType: { type: String as () => NeonButtonType, default: NeonButtonType.Button },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with\n     * icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * For text buttons, do not display the background. This is useful for icon buttons in headers.\n     */\n    transparent: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the button or link.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--text-transparent': props.transparent && props.buttonStyle === NeonButtonStyle.Text,\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only':\n            props.buttonStyle !== NeonButtonStyle.Input && !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right':\n            (props.label || props.buttonStyle === NeonButtonStyle.Input) &&\n            props.icon &&\n            props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const clickLink = () => button.value?.click();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const clickButton = () => {\n      if (!props.disabled) {\n        emit('click');\n      }\n      button.value?.blur();\n    };\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      sanitizedAttributes,\n      clickLink,\n      clickButton,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonLink","NeonButtonSize","NeonFunctionalColor","NeonHorizontalPosition","NeonButtonStyle","NeonButtonType","NeonState","props","emit","attrs","useAttrs","button","ref","iconName","computed","classes","clickLink","_a","sanitizedAttributes","onClick","sanitized"],"mappings":"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"}

package/dist/components/user-input/button/NeonButton.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./NeonButton.cjs.js"),n=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={key:1,class:"neon-button__label"},u=["disabled","tabindex"],b={key:1,class:"neon-button__label"};function c(e,o,k,m,y,B){const t=n.resolveComponent("neon-icon"),l=n.resolveComponent("neon-link"),i=n.resolveComponent("neon-expansion-indicator");return e.href?(n.openBlock(),n.createBlock(l,n.mergeProps({key:0,ref:"button",class:[e.classes,"neon-button"],href:e.href,tabindex:e.disabled?-1:0,"outline-style":"none",role:"button"},e.sanitizedAttributes,{onKeydown:n.withKeys(n.withModifiers(e.clickLink,["prevent"]),["space"])}),{default:n.withCtx(()=>[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",d,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0)]),_:1},16,["class","href","tabindex","onKeydown"])):(n.openBlock(),n.createElementBlock("button",n.mergeProps({key:1,ref:"button",class:[e.classes,"neon-button"],disabled:e.disabled||e.state!=="ready",tabindex:e.disabled?-1:0},e.sanitizedAttributes,{onClick:o[0]||(o[0]=(...s)=>e.clickButton&&e.clickButton(...s))}),[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,"aria-label":e.iconAriaLabel,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["aria-label","color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label||e.buttonStyle==="input"?(n.openBlock(),n.createElementBlock("span",b,n.toDisplayString(e.label||e.buttonStyle==="input"&&""),1)):n.createCommentVNode("",!0),e.indicator?(n.openBlock(),n.createBlock(i,{key:2,color:e.buttonStyle==="text"?e.color:"low-contrast",disabled:e.disabled,expanded:e.indicatorExpanded,inverse:e.buttonStyle==="solid"||e.inverse,class:"neon-button__indicator"},null,8,["color","disabled","expanded","inverse"])):n.createCommentVNode("",!0)],16,u))}const p=a(r,[["render",c]]);module.exports=p;
+"use strict";const r=require("./NeonButton.cjs.js"),n=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={key:1,class:"neon-button__label"},u=["disabled","tabindex","type"],b={key:1,class:"neon-button__label"};function p(e,o,k,y,m,B){const t=n.resolveComponent("neon-icon"),l=n.resolveComponent("neon-link"),i=n.resolveComponent("neon-expansion-indicator");return e.href?(n.openBlock(),n.createBlock(l,n.mergeProps({key:0,ref:"button",class:[e.classes,"neon-button"],href:e.href,tabindex:e.disabled?-1:0,"outline-style":"none",role:"button"},e.sanitizedAttributes,{onKeydown:n.withKeys(n.withModifiers(e.clickLink,["prevent"]),["space"])}),{default:n.withCtx(()=>[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",d,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0)]),_:1},16,["class","href","tabindex","onKeydown"])):(n.openBlock(),n.createElementBlock("button",n.mergeProps({key:1,ref:"button",class:[e.classes,"neon-button"],disabled:e.disabled||e.state!=="ready",tabindex:e.disabled?-1:0,type:e.buttonType},e.sanitizedAttributes,{onClick:o[0]||(o[0]=(...s)=>e.clickButton&&e.clickButton(...s))}),[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,"aria-label":e.iconAriaLabel,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["aria-label","color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label||e.buttonStyle==="input"?(n.openBlock(),n.createElementBlock("span",b,n.toDisplayString(e.label||e.buttonStyle==="input"&&""),1)):n.createCommentVNode("",!0),e.indicator?(n.openBlock(),n.createBlock(i,{key:2,color:e.buttonStyle==="text"?e.color:"low-contrast",disabled:e.disabled,expanded:e.indicatorExpanded,inverse:e.buttonStyle==="solid"||e.inverse,class:"neon-button__indicator"},null,8,["color","disabled","expanded","inverse"])):n.createCommentVNode("",!0)],16,u))}const c=a(r,[["render",p]]);module.exports=c;
 //# sourceMappingURL=NeonButton.vue.cjs.js.map

package/dist/components/user-input/button/NeonButton.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonButton.vue.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n  <neon-link\n    v-if=\"href\"\n    ref=\"button\"\n    :class=\"classes\"\n    :href=\"href\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    outline-style=\"none\"\n    role=\"button\"\n    v-bind=\"sanitizedAttributes\"\n    @keydown.space.prevent=\"clickLink\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n  </neon-link>\n  <button\n    v-else\n    ref=\"button\"\n    :class=\"classes\"\n    :disabled=\"disabled || state !== 'ready'\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"clickButton\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :aria-label=\"iconAriaLabel\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label || buttonStyle === 'input'\" class=\"neon-button__label\">\n      {{ label || (buttonStyle === 'input' && '') }}\n    </span>\n    <neon-expansion-indicator\n      v-if=\"indicator\"\n      :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n      :disabled=\"disabled\"\n      :expanded=\"indicatorExpanded\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      class=\"neon-button__indicator\"\n    />\n  </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":"8IAoBuB,MAAM,yDAoBqB,MAAM,gLAtC9CA,EAAA,MADRC,EAAAA,YAAAC,EAAAA,YAoBYC,EApBZC,aAoBY,OAlBV,IAAI,SACH,MAAK,CAAEJ,EAAA,QAGF,aAAa,EAFlB,KAAMA,EAAA,KACN,SAAWA,EAAA,SAAQ,GAAA,EAEpB,gBAAc,OACd,KAAK,UACGA,EAAA,oBAAmB,CAC1B,qCAAuBA,EAAA,UAAS,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,uBAEjC,IAME,CALMA,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAMEG,EAAA,OAJC,MAAOL,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,qFAEGA,EAAA,qBAAZM,EAAAA,mBAAgE,OAAhEC,EAAgEC,EAAAA,gBAAfR,EAAA,KAAK,EAAA,CAAA,oFAExDC,EAAAA,YAAAK,EAAAA,mBA6BS,SA7BTF,aA6BS,OA3BP,IAAI,SACH,MAAK,CAAEJ,EAAA,QAGF,aAAa,EAFlB,SAAUA,EAAA,UAAYA,EAAA,QAAK,QAC3B,SAAWA,EAAA,SAAQ,GAAA,GAEZA,EAAA,oBAAmB,CAC1B,4BAAOA,EAAA,aAAAA,EAAA,YAAA,GAAAS,CAAA,MAGAT,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAOEG,EAAA,OALC,aAAYL,EAAA,cACZ,MAAOA,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,kGAEGA,EAAA,OAASA,EAAA,cAAW,SAAhCC,EAAAA,UAAA,EAAAK,EAAAA,mBAEO,OAFPI,EAEOF,EAAAA,gBADFR,EAAA,OAAUA,EAAA,cAAW,SAAA,EAAA,EAAA,CAAA,+BAGlBA,EAAA,yBADRE,EAAAA,YAOES,EAAA,OALC,MAAOX,EAAA,cAAW,OAAcA,EAAA,MAAK,eACrC,SAAUA,EAAA,SACV,SAAUA,EAAA,kBACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACrC,MAAM"}
+{"version":3,"file":"NeonButton.vue.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n  <neon-link\n    v-if=\"href\"\n    ref=\"button\"\n    :class=\"classes\"\n    :href=\"href\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    outline-style=\"none\"\n    role=\"button\"\n    v-bind=\"sanitizedAttributes\"\n    @keydown.space.prevent=\"clickLink\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n  </neon-link>\n  <button\n    v-else\n    ref=\"button\"\n    :class=\"classes\"\n    :disabled=\"disabled || state !== 'ready'\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    :type=\"buttonType\"\n    class=\"neon-button\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"clickButton\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :aria-label=\"iconAriaLabel\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label || buttonStyle === 'input'\" class=\"neon-button__label\">\n      {{ label || (buttonStyle === 'input' && '') }}\n    </span>\n    <neon-expansion-indicator\n      v-if=\"indicator\"\n      :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n      :disabled=\"disabled\"\n      :expanded=\"indicatorExpanded\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      class=\"neon-button__indicator\"\n    />\n  </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":"8IAoBuB,MAAM,gEAqBqB,MAAM,gLAvC9CA,EAAA,MADRC,EAAAA,YAAAC,EAAAA,YAoBYC,EApBZC,aAoBY,OAlBV,IAAI,SACH,MAAK,CAAEJ,EAAA,QAGF,aAAa,EAFlB,KAAMA,EAAA,KACN,SAAWA,EAAA,SAAQ,GAAA,EAEpB,gBAAc,OACd,KAAK,UACGA,EAAA,oBAAmB,CAC1B,qCAAuBA,EAAA,UAAS,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,uBAEjC,IAME,CALMA,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAMEG,EAAA,OAJC,MAAOL,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,qFAEGA,EAAA,qBAAZM,EAAAA,mBAAgE,OAAhEC,EAAgEC,EAAAA,gBAAfR,EAAA,KAAK,EAAA,CAAA,oFAExDC,EAAAA,YAAAK,EAAAA,mBA8BS,SA9BTF,aA8BS,OA5BP,IAAI,SACH,MAAK,CAAEJ,EAAA,QAIF,aAAa,EAHlB,SAAUA,EAAA,UAAYA,EAAA,QAAK,QAC3B,SAAWA,EAAA,SAAQ,GAAA,EACnB,KAAMA,EAAA,YAECA,EAAA,oBAAmB,CAC1B,4BAAOA,EAAA,aAAAA,EAAA,YAAA,GAAAS,CAAA,MAGAT,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAOEG,EAAA,OALC,aAAYL,EAAA,cACZ,MAAOA,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,kGAEGA,EAAA,OAASA,EAAA,cAAW,SAAhCC,EAAAA,UAAA,EAAAK,EAAAA,mBAEO,OAFPI,EAEOF,EAAAA,gBADFR,EAAA,OAAUA,EAAA,cAAW,SAAA,EAAA,EAAA,CAAA,+BAGlBA,EAAA,yBADRE,EAAAA,YAOES,EAAA,OALC,MAAOX,EAAA,cAAW,OAAcA,EAAA,MAAK,eACrC,SAAUA,EAAA,SACV,SAAUA,EAAA,kBACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACrC,MAAM"}

package/dist/components/user-input/button/NeonButton.vue.es.js

@@ -1,14 +1,14 @@
 import y from "./NeonButton.es.js";
-import { resolveComponent as l, openBlock as n, createBlock as i, mergeProps as d, withKeys as m, withModifiers as f, withCtx as k, createCommentVNode as o, createElementBlock as s, toDisplayString as r } from "vue";
+import { resolveComponent as l, openBlock as n, createBlock as i, mergeProps as d, withKeys as m, withModifiers as f, withCtx as k, createCommentVNode as o, createElementBlock as t, toDisplayString as r } from "vue";
 import c from "../../../_virtual/_plugin-vue_export-helper.es.js";
 const v = {
   key: 1,
   class: "neon-button__label"
-}, h = ["disabled", "tabindex"], S = {
+}, h = ["disabled", "tabindex", "type"], S = {
   key: 1,
   class: "neon-button__label"
 };
-function w(e, t, B, C, N, $) {
+function w(e, s, B, C, N, $) {
   const a = l("neon-icon"), b = l("neon-link"), u = l("neon-expansion-indicator");
   return e.href ? (n(), i(b, d({
     key: 0,
@@ -29,17 +29,18 @@ function w(e, t, B, C, N, $) {
         inverse: e.buttonStyle === "solid" || e.inverse,
         name: e.iconName
       }, null, 8, ["color", "disabled", "inverse", "name"])) : o("", !0),
-      e.label ? (n(), s("span", v, r(e.label), 1)) : o("", !0)
+      e.label ? (n(), t("span", v, r(e.label), 1)) : o("", !0)
     ]),
     _: 1
-  }, 16, ["class", "href", "tabindex", "onKeydown"])) : (n(), s("button", d({
+  }, 16, ["class", "href", "tabindex", "onKeydown"])) : (n(), t("button", d({
     key: 1,
     ref: "button",
     class: [e.classes, "neon-button"],
     disabled: e.disabled || e.state !== "ready",
-    tabindex: e.disabled ? -1 : 0
+    tabindex: e.disabled ? -1 : 0,
+    type: e.buttonType
   }, e.sanitizedAttributes, {
-    onClick: t[0] || (t[0] = (...p) => e.clickButton && e.clickButton(...p))
+    onClick: s[0] || (s[0] = (...p) => e.clickButton && e.clickButton(...p))
   }), [
     e.icon || e.state !== "ready" ? (n(), i(a, {
       key: 0,
@@ -49,7 +50,7 @@ function w(e, t, B, C, N, $) {
       inverse: e.buttonStyle === "solid" || e.inverse,
       name: e.iconName
     }, null, 8, ["aria-label", "color", "disabled", "inverse", "name"])) : o("", !0),
-    e.label || e.buttonStyle === "input" ? (n(), s("span", S, r(e.label || e.buttonStyle === "input" && ""), 1)) : o("", !0),
+    e.label || e.buttonStyle === "input" ? (n(), t("span", S, r(e.label || e.buttonStyle === "input" && ""), 1)) : o("", !0),
     e.indicator ? (n(), i(u, {
       key: 2,
       color: e.buttonStyle === "text" ? e.color : "low-contrast",

package/dist/components/user-input/button/NeonButton.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonButton.vue.es.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n  <neon-link\n    v-if=\"href\"\n    ref=\"button\"\n    :class=\"classes\"\n    :href=\"href\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    outline-style=\"none\"\n    role=\"button\"\n    v-bind=\"sanitizedAttributes\"\n    @keydown.space.prevent=\"clickLink\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n  </neon-link>\n  <button\n    v-else\n    ref=\"button\"\n    :class=\"classes\"\n    :disabled=\"disabled || state !== 'ready'\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"clickButton\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :aria-label=\"iconAriaLabel\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label || buttonStyle === 'input'\" class=\"neon-button__label\">\n      {{ label || (buttonStyle === 'input' && '') }}\n    </span>\n    <neon-expansion-indicator\n      v-if=\"indicator\"\n      :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n      :disabled=\"disabled\"\n      :expanded=\"indicatorExpanded\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      class=\"neon-button__indicator\"\n    />\n  </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":";;;;;EAoBuB,OAAM;;;EAoBqB,OAAM;;;;SAtC9CA,EAAA,QADRC,KAAAC,EAoBYC,GApBZC,EAoBY;AAAA;IAlBV,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAGF,aAAa;AAAA,IAFlB,MAAMA,EAAA;AAAA,IACN,UAAWA,EAAA,WAAQ,KAAA;AAAA,IAEpB,iBAAc;AAAA,IACd,MAAK;AAAA,KACGA,EAAA,qBAAmB;AAAA,IAC1B,eAAuBA,EAAA,WAAS,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;eAEjC,MAME;AAAA,MALMA,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAMEG,GAAA;AAAA;QAJC,OAAOL,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,QACzC,UAAUA,EAAA;AAAA,QACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,QACpC,MAAMA,EAAA;AAAA;MAEGA,EAAA,cAAZM,EAAgE,QAAhEC,GAAgEC,EAAfR,EAAA,KAAK,GAAA,CAAA;;;yDAExDC,KAAAK,EA6BS,UA7BTF,EA6BS;AAAA;IA3BP,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAGF,aAAa;AAAA,IAFlB,UAAUA,EAAA,YAAYA,EAAA,UAAK;AAAA,IAC3B,UAAWA,EAAA,WAAQ,KAAA;AAAA,KAEZA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,eAAAA,EAAA,YAAA,GAAAS,CAAA;AAAA;IAGAT,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAOEG,GAAA;AAAA;MALC,cAAYL,EAAA;AAAA,MACZ,OAAOA,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,MACzC,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACpC,MAAMA,EAAA;AAAA;IAEGA,EAAA,SAASA,EAAA,gBAAW,WAAhCC,EAAA,GAAAK,EAEO,QAFPI,GAEOF,EADFR,EAAA,SAAUA,EAAA,gBAAW,WAAA,EAAA,GAAA,CAAA;IAGlBA,EAAA,kBADRE,EAOES,GAAA;AAAA;MALC,OAAOX,EAAA,gBAAW,SAAcA,EAAA,QAAK;AAAA,MACrC,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACrC,OAAM;AAAA;;;;"}
+{"version":3,"file":"NeonButton.vue.es.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n  <neon-link\n    v-if=\"href\"\n    ref=\"button\"\n    :class=\"classes\"\n    :href=\"href\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    outline-style=\"none\"\n    role=\"button\"\n    v-bind=\"sanitizedAttributes\"\n    @keydown.space.prevent=\"clickLink\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n  </neon-link>\n  <button\n    v-else\n    ref=\"button\"\n    :class=\"classes\"\n    :disabled=\"disabled || state !== 'ready'\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    :type=\"buttonType\"\n    class=\"neon-button\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"clickButton\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :aria-label=\"iconAriaLabel\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label || buttonStyle === 'input'\" class=\"neon-button__label\">\n      {{ label || (buttonStyle === 'input' && '') }}\n    </span>\n    <neon-expansion-indicator\n      v-if=\"indicator\"\n      :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n      :disabled=\"disabled\"\n      :expanded=\"indicatorExpanded\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      class=\"neon-button__indicator\"\n    />\n  </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":";;;;;EAoBuB,OAAM;;;EAqBqB,OAAM;;;;SAvC9CA,EAAA,QADRC,KAAAC,EAoBYC,GApBZC,EAoBY;AAAA;IAlBV,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAGF,aAAa;AAAA,IAFlB,MAAMA,EAAA;AAAA,IACN,UAAWA,EAAA,WAAQ,KAAA;AAAA,IAEpB,iBAAc;AAAA,IACd,MAAK;AAAA,KACGA,EAAA,qBAAmB;AAAA,IAC1B,eAAuBA,EAAA,WAAS,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;eAEjC,MAME;AAAA,MALMA,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAMEG,GAAA;AAAA;QAJC,OAAOL,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,QACzC,UAAUA,EAAA;AAAA,QACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,QACpC,MAAMA,EAAA;AAAA;MAEGA,EAAA,cAAZM,EAAgE,QAAhEC,GAAgEC,EAAfR,EAAA,KAAK,GAAA,CAAA;;;yDAExDC,KAAAK,EA8BS,UA9BTF,EA8BS;AAAA;IA5BP,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAIF,aAAa;AAAA,IAHlB,UAAUA,EAAA,YAAYA,EAAA,UAAK;AAAA,IAC3B,UAAWA,EAAA,WAAQ,KAAA;AAAA,IACnB,MAAMA,EAAA;AAAA,KAECA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,eAAAA,EAAA,YAAA,GAAAS,CAAA;AAAA;IAGAT,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAOEG,GAAA;AAAA;MALC,cAAYL,EAAA;AAAA,MACZ,OAAOA,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,MACzC,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACpC,MAAMA,EAAA;AAAA;IAEGA,EAAA,SAASA,EAAA,gBAAW,WAAhCC,EAAA,GAAAK,EAEO,QAFPI,GAEOF,EADFR,EAAA,SAAUA,EAAA,gBAAW,WAAA,EAAA,GAAA,CAAA;IAGlBA,EAAA,kBADRE,EAOES,GAAA;AAAA;MALC,OAAOX,EAAA,gBAAW,SAAcA,EAAA,QAAK;AAAA,MACrC,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACrC,OAAM;AAAA;;;;"}

package/dist/neon.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components/navigation/action-menu/NeonActionMenu.vue.cjs.js"),n=require("./components/feedback/alert/NeonAlert.vue.cjs.js"),r=require("./components/feedback/alert/container/NeonAlertContainer.vue.cjs.js"),t=require("./components/navigation/anchor/NeonAnchor.vue.cjs.js"),i=require("./components/presentation/badge/NeonBadge.vue.cjs.js"),N=require("./components/user-input/button/NeonButton.vue.cjs.js"),s=require("./components/layout/card/NeonCard.vue.cjs.js"),c=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),l=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),u=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),a=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),q=require("./components/user-input/chip/NeonChip.vue.cjs.js"),S=require("./components/user-input/color/NeonColor.vue.cjs.js"),d=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),p=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),g=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),C=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),P=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),U=require("./components/user-input/drop-zone/NeonDropZone.vue.cjs.js"),T=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),b=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),m=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),y=require("./components/user-input/field/NeonField.vue.cjs.js"),z=require("./components/user-input/file/NeonFile.vue.cjs.js"),D=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),v=require("./components/layout/footer/NeonFooter.vue.cjs.js"),I=require("./components/layout/grid/NeonGrid.vue.cjs.js"),A=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),L=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),h=require("./components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js"),w=require("./components/layout/inline/NeonInline.vue.cjs.js"),M=require("./components/user-input/input/NeonInput.vue.cjs.js"),B=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),R=require("./components/presentation/label/NeonLabel.vue.cjs.js"),F=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),k=require("./components/navigation/link/NeonLink.vue.cjs.js"),E=require("./components/user-input/list/NeonList.vue.cjs.js"),O=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),G=require("./components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js"),H=require("./components/layout/modal/NeonModal.vue.cjs.js"),x=require("./components/feedback/note/NeonNote.vue.cjs.js"),f=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),J=require("./components/user-input/number/NeonNumber.vue.cjs.js"),V=require("./components/layout/page/NeonPage.vue.cjs.js"),Z=require("./components/user-input/password/NeonPassword.vue.cjs.js"),j=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),K=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),Q=require("./components/user-input/search/NeonSearch.vue.cjs.js"),W=require("./components/user-input/select/NeonSelect.vue.cjs.js"),X=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),Y=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),_=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),$=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),ee=require("./components/layout/stack/NeonStack.vue.cjs.js"),oe=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),ne=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),re=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),te=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),ie=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),Ne=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),se=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ce=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),le=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),ue=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),ae=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),qe=require("./common/enums/NeonAlertLevel.cjs.js"),Se=require("./common/enums/NeonAlertPlacement.cjs.js"),de=require("./common/enums/NeonBadgeSize.cjs.js"),pe=require("./common/enums/NeonButtonSize.cjs.js"),ge=require("./common/enums/NeonButtonStyle.cjs.js"),Ce=require("./common/enums/NeonChipAction.cjs.js"),Pe=require("./common/enums/NeonDropdownPlacement.cjs.js"),Ue=require("./common/enums/NeonDropdownStyle.cjs.js"),Te=require("./common/enums/NeonFunctionalColor.cjs.js"),be=require("./common/enums/NeonHorizontalPosition.cjs.js"),me=require("./common/enums/NeonInputMode.cjs.js"),ye=require("./common/enums/NeonInputType.cjs.js"),ze=require("./common/enums/NeonLabelSize.cjs.js"),De=require("./common/enums/NeonMode.cjs.js"),ve=require("./common/enums/NeonOrientation.cjs.js"),Ie=require("./common/enums/NeonOutlineStyle.cjs.js"),Ae=require("./common/enums/NeonPageAlignment.cjs.js"),Le=require("./common/enums/NeonPosition.cjs.js"),he=require("./common/enums/NeonResponsive.cjs.js"),we=require("./common/enums/NeonSize.cjs.js"),Me=require("./common/enums/NeonSplashLoaderSize.cjs.js"),Be=require("./common/enums/NeonState.cjs.js"),Re=require("./common/enums/NeonSwitchStyle.cjs.js"),Fe=require("./common/enums/NeonToggleChipSize.cjs.js"),ke=require("./common/enums/NeonToggleStyle.cjs.js"),Ee=require("./common/enums/NeonTooltipStyle.cjs.js"),Oe=require("./common/enums/NeonVerticalPosition.cjs.js"),Ge=require("./common/utils/NeonAlertService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),He=require("./common/utils/NeonClosableUtils.cjs.js"),xe=require("./common/utils/NeonDateUtils.cjs.js"),fe=require("./common/utils/NeonDebounceUtils.cjs.js"),Je=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),Ve=require("./common/utils/NeonEventBus.cjs.js"),Ze=require("./common/utils/NeonIconRegistry.cjs.js"),je=require("./common/utils/NeonJazziconUtils.cjs.js"),Ke=require("./common/utils/NeonModeUtils.cjs.js"),Qe=require("./common/utils/NeonNumberUtils.cjs.js"),We=require("./common/utils/NeonPlacementUtils.cjs.js"),Xe=require("./common/utils/NeonRandomUtils.cjs.js"),Ye=require("./common/utils/NeonResponsiveUtils.cjs.js"),_e=require("./common/utils/NeonScrollUtils.cjs.js"),$e=require("./common/utils/NeonToastService.cjs.js"),eo=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),oo=require("./common/utils/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonButton=N;exports.NeonCard=s;exports.NeonCardBody=c;exports.NeonCardFooter=l;exports.NeonCardHeader=u;exports.NeonCardList=a;exports.NeonChip=q;exports.NeonColor=S;exports.NeonDatePicker=d;exports.NeonDialog=p;exports.NeonDrawer=g;exports.NeonDropdown=C;exports.NeonDropdownMenu=P;exports.NeonDropZone=U;exports.NeonExpansionIndicator=T;exports.NeonExpansionPanel=b;exports.NeonFieldGroup=m;exports.NeonField=y;exports.NeonFile=z;exports.NeonFilterList=D;exports.NeonFooter=v;exports.NeonGrid=I;exports.NeonGridArea=A;exports.NeonIcon=L;exports.NeonImageCarousel=h;exports.NeonInline=w;exports.NeonInput=M;exports.NeonInputIndicator=B;exports.NeonLabel=R;exports.NeonLinearProgress=F;exports.NeonLink=k;exports.NeonList=E;exports.NeonMenu=O;exports.NeonMobileMenu=G;exports.NeonModal=H;exports.NeonNote=x;exports.NeonNotificationCounter=f;exports.NeonNumber=J;exports.NeonPage=V;exports.NeonPassword=Z;exports.NeonRangeSlider=j;exports.NeonSideNav=K;exports.NeonSearch=Q;exports.NeonSelect=W;exports.NeonSelectableCard=X;exports.NeonSkeletonLoader=Y;exports.NeonSlider=_;exports.NeonSplashLoader=$;exports.NeonStack=ee;exports.NeonStepper=oe;exports.NeonSwiper=ne;exports.NeonSwitch=re;exports.NeonTab=te;exports.NeonTabs=ie;exports.NeonToastContainer=Ne;exports.NeonToggle=se;exports.NeonToggleChip=ce;exports.NeonTooltip=le;exports.NeonTopNav=ue;exports.NeonTreeMenu=ae;exports.NeonAlertLevel=qe.NeonAlertLevel;exports.NeonAlertPlacement=Se.NeonAlertPlacement;exports.NeonBadgeSize=de.NeonBadgeSize;exports.NeonButtonSize=pe.NeonButtonSize;exports.NeonButtonStyle=ge.NeonButtonStyle;exports.NeonChipAction=Ce.NeonChipAction;exports.NeonDropdownPlacement=Pe.NeonDropdownPlacement;exports.NeonDropdownStyle=Ue.NeonDropdownStyle;exports.NeonFunctionalColor=Te.NeonFunctionalColor;exports.NeonHorizontalPosition=be.NeonHorizontalPosition;exports.NeonInputMode=me.NeonInputMode;exports.NeonInputType=ye.NeonInputType;exports.NeonLabelSize=ze.NeonLabelSize;exports.NeonMode=De.NeonMode;exports.NeonOrientation=ve.NeonOrientation;exports.NeonOutlineStyle=Ie.NeonOutlineStyle;exports.NeonPageAlignment=Ae.NeonPageAlignment;exports.NeonPosition=Le.NeonPosition;exports.NeonResponsive=he.NeonResponsive;exports.NeonSize=we.NeonSize;exports.NeonSplashLoaderSize=Me.NeonSplashLoaderSize;exports.NeonState=Be.NeonState;exports.NeonSwitchStyle=Re.NeonSwitchStyle;exports.NeonToggleChipSize=Fe.NeonToggleChipSize;exports.NeonToggleStyle=ke.NeonToggleStyle;exports.NeonTooltipStyle=Ee.NeonTooltipStyle;exports.NeonVerticalPosition=Oe.NeonVerticalPosition;exports.NeonAlertService=Ge.NeonAlertService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=He.NeonClosableUtils;exports.NeonDateUtils=xe.NeonDateUtils;exports.NeonDebounceUtils=fe.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=Je.NeonDropdownPlacementUtils;exports.NeonEventBus=Ve.NeonEventBus;exports.NeonIconRegistry=Ze.NeonIconRegistry;exports.NeonJazziconUtils=je.NeonJazziconUtils;exports.NeonModeUtils=Ke.NeonModeUtils;exports.NeonNumberUtils=Qe.NeonNumberUtils;exports.NeonPlacementUtils=We.NeonPlacementUtils;exports.NeonRandomUtils=Xe.NeonRandomUtils;exports.NeonResponsiveUtils=Ye.NeonResponsiveUtils;exports.NeonScrollUtils=_e.NeonScrollUtils;exports.NeonToastService=$e.NeonToastService;exports.NeonTooltipPlacementUtils=eo.NeonTooltipPlacementUtils;exports.RegisterIcons=oo.RegisterIcons;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components/navigation/action-menu/NeonActionMenu.vue.cjs.js"),n=require("./components/feedback/alert/NeonAlert.vue.cjs.js"),r=require("./components/feedback/alert/container/NeonAlertContainer.vue.cjs.js"),t=require("./components/navigation/anchor/NeonAnchor.vue.cjs.js"),i=require("./components/presentation/badge/NeonBadge.vue.cjs.js"),N=require("./components/user-input/button/NeonButton.vue.cjs.js"),s=require("./components/layout/card/NeonCard.vue.cjs.js"),c=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),l=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),u=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),a=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),q=require("./components/user-input/chip/NeonChip.vue.cjs.js"),S=require("./components/user-input/color/NeonColor.vue.cjs.js"),p=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),d=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),g=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),C=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),P=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),T=require("./components/user-input/drop-zone/NeonDropZone.vue.cjs.js"),U=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),b=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),y=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),m=require("./components/user-input/field/NeonField.vue.cjs.js"),z=require("./components/user-input/file/NeonFile.vue.cjs.js"),D=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),v=require("./components/layout/footer/NeonFooter.vue.cjs.js"),I=require("./components/layout/grid/NeonGrid.vue.cjs.js"),A=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),L=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),h=require("./components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js"),w=require("./components/layout/inline/NeonInline.vue.cjs.js"),M=require("./components/user-input/input/NeonInput.vue.cjs.js"),B=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),R=require("./components/presentation/label/NeonLabel.vue.cjs.js"),F=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),k=require("./components/navigation/link/NeonLink.vue.cjs.js"),E=require("./components/user-input/list/NeonList.vue.cjs.js"),O=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),G=require("./components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js"),H=require("./components/layout/modal/NeonModal.vue.cjs.js"),x=require("./components/feedback/note/NeonNote.vue.cjs.js"),f=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),J=require("./components/user-input/number/NeonNumber.vue.cjs.js"),V=require("./components/layout/page/NeonPage.vue.cjs.js"),Z=require("./components/user-input/password/NeonPassword.vue.cjs.js"),j=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),K=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),Q=require("./components/user-input/search/NeonSearch.vue.cjs.js"),W=require("./components/user-input/select/NeonSelect.vue.cjs.js"),X=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),Y=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),_=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),$=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),ee=require("./components/layout/stack/NeonStack.vue.cjs.js"),oe=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),ne=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),re=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),te=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),ie=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),Ne=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),se=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ce=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),le=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),ue=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),ae=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),qe=require("./common/enums/NeonAlertLevel.cjs.js"),Se=require("./common/enums/NeonAlertPlacement.cjs.js"),pe=require("./common/enums/NeonBadgeSize.cjs.js"),de=require("./common/enums/NeonButtonSize.cjs.js"),ge=require("./common/enums/NeonButtonStyle.cjs.js"),Ce=require("./common/enums/NeonButtonType.cjs.js"),Pe=require("./common/enums/NeonChipAction.cjs.js"),Te=require("./common/enums/NeonDropdownPlacement.cjs.js"),Ue=require("./common/enums/NeonDropdownStyle.cjs.js"),be=require("./common/enums/NeonFunctionalColor.cjs.js"),ye=require("./common/enums/NeonHorizontalPosition.cjs.js"),me=require("./common/enums/NeonInputMode.cjs.js"),ze=require("./common/enums/NeonInputType.cjs.js"),De=require("./common/enums/NeonLabelSize.cjs.js"),ve=require("./common/enums/NeonMode.cjs.js"),Ie=require("./common/enums/NeonOrientation.cjs.js"),Ae=require("./common/enums/NeonOutlineStyle.cjs.js"),Le=require("./common/enums/NeonPageAlignment.cjs.js"),he=require("./common/enums/NeonPosition.cjs.js"),we=require("./common/enums/NeonResponsive.cjs.js"),Me=require("./common/enums/NeonSize.cjs.js"),Be=require("./common/enums/NeonSplashLoaderSize.cjs.js"),Re=require("./common/enums/NeonState.cjs.js"),Fe=require("./common/enums/NeonSwitchStyle.cjs.js"),ke=require("./common/enums/NeonToggleChipSize.cjs.js"),Ee=require("./common/enums/NeonToggleStyle.cjs.js"),Oe=require("./common/enums/NeonTooltipStyle.cjs.js"),Ge=require("./common/enums/NeonVerticalPosition.cjs.js"),He=require("./common/utils/NeonAlertService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),xe=require("./common/utils/NeonClosableUtils.cjs.js"),fe=require("./common/utils/NeonDateUtils.cjs.js"),Je=require("./common/utils/NeonDebounceUtils.cjs.js"),Ve=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),Ze=require("./common/utils/NeonEventBus.cjs.js"),je=require("./common/utils/NeonIconRegistry.cjs.js"),Ke=require("./common/utils/NeonJazziconUtils.cjs.js"),Qe=require("./common/utils/NeonModeUtils.cjs.js"),We=require("./common/utils/NeonNumberUtils.cjs.js"),Xe=require("./common/utils/NeonPlacementUtils.cjs.js"),Ye=require("./common/utils/NeonRandomUtils.cjs.js"),_e=require("./common/utils/NeonResponsiveUtils.cjs.js"),$e=require("./common/utils/NeonScrollUtils.cjs.js"),eo=require("./common/utils/NeonToastService.cjs.js"),oo=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),no=require("./common/utils/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonButton=N;exports.NeonCard=s;exports.NeonCardBody=c;exports.NeonCardFooter=l;exports.NeonCardHeader=u;exports.NeonCardList=a;exports.NeonChip=q;exports.NeonColor=S;exports.NeonDatePicker=p;exports.NeonDialog=d;exports.NeonDrawer=g;exports.NeonDropdown=C;exports.NeonDropdownMenu=P;exports.NeonDropZone=T;exports.NeonExpansionIndicator=U;exports.NeonExpansionPanel=b;exports.NeonFieldGroup=y;exports.NeonField=m;exports.NeonFile=z;exports.NeonFilterList=D;exports.NeonFooter=v;exports.NeonGrid=I;exports.NeonGridArea=A;exports.NeonIcon=L;exports.NeonImageCarousel=h;exports.NeonInline=w;exports.NeonInput=M;exports.NeonInputIndicator=B;exports.NeonLabel=R;exports.NeonLinearProgress=F;exports.NeonLink=k;exports.NeonList=E;exports.NeonMenu=O;exports.NeonMobileMenu=G;exports.NeonModal=H;exports.NeonNote=x;exports.NeonNotificationCounter=f;exports.NeonNumber=J;exports.NeonPage=V;exports.NeonPassword=Z;exports.NeonRangeSlider=j;exports.NeonSideNav=K;exports.NeonSearch=Q;exports.NeonSelect=W;exports.NeonSelectableCard=X;exports.NeonSkeletonLoader=Y;exports.NeonSlider=_;exports.NeonSplashLoader=$;exports.NeonStack=ee;exports.NeonStepper=oe;exports.NeonSwiper=ne;exports.NeonSwitch=re;exports.NeonTab=te;exports.NeonTabs=ie;exports.NeonToastContainer=Ne;exports.NeonToggle=se;exports.NeonToggleChip=ce;exports.NeonTooltip=le;exports.NeonTopNav=ue;exports.NeonTreeMenu=ae;exports.NeonAlertLevel=qe.NeonAlertLevel;exports.NeonAlertPlacement=Se.NeonAlertPlacement;exports.NeonBadgeSize=pe.NeonBadgeSize;exports.NeonButtonSize=de.NeonButtonSize;exports.NeonButtonStyle=ge.NeonButtonStyle;exports.NeonButtonType=Ce.NeonButtonType;exports.NeonChipAction=Pe.NeonChipAction;exports.NeonDropdownPlacement=Te.NeonDropdownPlacement;exports.NeonDropdownStyle=Ue.NeonDropdownStyle;exports.NeonFunctionalColor=be.NeonFunctionalColor;exports.NeonHorizontalPosition=ye.NeonHorizontalPosition;exports.NeonInputMode=me.NeonInputMode;exports.NeonInputType=ze.NeonInputType;exports.NeonLabelSize=De.NeonLabelSize;exports.NeonMode=ve.NeonMode;exports.NeonOrientation=Ie.NeonOrientation;exports.NeonOutlineStyle=Ae.NeonOutlineStyle;exports.NeonPageAlignment=Le.NeonPageAlignment;exports.NeonPosition=he.NeonPosition;exports.NeonResponsive=we.NeonResponsive;exports.NeonSize=Me.NeonSize;exports.NeonSplashLoaderSize=Be.NeonSplashLoaderSize;exports.NeonState=Re.NeonState;exports.NeonSwitchStyle=Fe.NeonSwitchStyle;exports.NeonToggleChipSize=ke.NeonToggleChipSize;exports.NeonToggleStyle=Ee.NeonToggleStyle;exports.NeonTooltipStyle=Oe.NeonTooltipStyle;exports.NeonVerticalPosition=Ge.NeonVerticalPosition;exports.NeonAlertService=He.NeonAlertService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=xe.NeonClosableUtils;exports.NeonDateUtils=fe.NeonDateUtils;exports.NeonDebounceUtils=Je.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=Ve.NeonDropdownPlacementUtils;exports.NeonEventBus=Ze.NeonEventBus;exports.NeonIconRegistry=je.NeonIconRegistry;exports.NeonJazziconUtils=Ke.NeonJazziconUtils;exports.NeonModeUtils=Qe.NeonModeUtils;exports.NeonNumberUtils=We.NeonNumberUtils;exports.NeonPlacementUtils=Xe.NeonPlacementUtils;exports.NeonRandomUtils=Ye.NeonRandomUtils;exports.NeonResponsiveUtils=_e.NeonResponsiveUtils;exports.NeonScrollUtils=$e.NeonScrollUtils;exports.NeonToastService=eo.NeonToastService;exports.NeonTooltipPlacementUtils=oo.NeonTooltipPlacementUtils;exports.RegisterIcons=no.RegisterIcons;
 //# sourceMappingURL=neon.cjs.js.map