sit-onyx 1.0.0-alpha.25 → 1.0.0-alpha.26

package/dist/components/OnyxCheckbox/OnyxCheckbox.vue.d.ts

@@ -18,9 +18,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     required: boolean;
     label: string;
+    disabled: boolean;
     modelValue: boolean;
     indeterminate: boolean;
-    disabled: boolean;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/OnyxCheckboxGroup/OnyxCheckboxGroup.vue.d.ts

@@ -1,10 +1,10 @@
 declare const _default: <TValue extends string | number | boolean>(__VLS_props: {
-    modelValue?: TValue[] | undefined;
     disabled?: boolean | undefined;
+    modelValue?: TValue[] | undefined;
     "onUpdate:modelValue"?: ((value: TValue[]) => any) | undefined;
-    options: import('../../index').CheckboxGroupOption<TValue>[];
     headline?: string | undefined;
     direction?: "horizontal" | "vertical" | undefined;
+    options: import('../../index').CheckboxGroupOption<TValue>[];
     withCheckAll?: boolean | undefined;
     checkAllLabel?: string | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
@@ -13,12 +13,12 @@ declare const _default: <TValue extends string | number | boolean>(__VLS_props:
     emit: (evt: "update:modelValue", value: TValue[]) => void;
 } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
-        modelValue?: TValue[] | undefined;
         disabled?: boolean | undefined;
+        modelValue?: TValue[] | undefined;
         "onUpdate:modelValue"?: ((value: TValue[]) => any) | undefined;
-        options: import('../../index').CheckboxGroupOption<TValue>[];
         headline?: string | undefined;
         direction?: "horizontal" | "vertical" | undefined;
+        options: import('../../index').CheckboxGroupOption<TValue>[];
         withCheckAll?: boolean | undefined;
         checkAllLabel?: string | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
@@ -31,12 +31,12 @@ declare const _default: <TValue extends string | number | boolean>(__VLS_props:
 }> & {
     __ctx?: {
         props: {
-            modelValue?: TValue[] | undefined;
             disabled?: boolean | undefined;
+            modelValue?: TValue[] | undefined;
             "onUpdate:modelValue"?: ((value: TValue[]) => any) | undefined;
-            options: import('../../index').CheckboxGroupOption<TValue>[];
             headline?: string | undefined;
             direction?: "horizontal" | "vertical" | undefined;
+            options: import('../../index').CheckboxGroupOption<TValue>[];
             withCheckAll?: boolean | undefined;
             checkAllLabel?: string | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;

package/dist/components/OnyxIcon/OnyxIcon.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     size: string;
     color: string;
 }>>>, {
-    color: "primary" | "secondary" | "danger" | "neutral" | "warning" | "success" | "info" | "currentColor";
+    color: "primary" | "secondary" | "neutral" | "danger" | "warning" | "success" | "info" | "currentColor";
     size: "12px" | "16px" | "24px" | "32px" | "48px" | "64px" | "96px";
 }, {}>;
 export default _default;

package/dist/components/OnyxLink/OnyxLink.stories.d.ts

@@ -1,7 +1,7 @@
 import type { Meta } from "@storybook/vue3";
 import OnyxLink from "./OnyxLink.vue";
 /**
- * Links are a navigational elements that direct users to other pages, whether they are internal or external.
+ * Links are navigational elements that direct users to other pages, whether they are internal or external.
  */
 declare const meta: Meta<typeof OnyxLink>;
 export default meta;

package/dist/components/OnyxLink/types.d.ts

@@ -5,7 +5,7 @@ export type OnyxLinkProps = {
     href: string;
     /**
      * Where to display the linked URL (same tab, new tab etc.).
-     * For `_blank`, the `rel="noopener noreferrer"` will be set automatically.
+     * For `_blank`, the `rel="noreferrer"` will be set automatically.
      */
     target?: LinkTarget;
     /**

package/dist/components/OnyxRadioButtonGroup/OnyxRadioButtonGroup.vue.d.ts

@@ -1,14 +1,14 @@
 import type { SelectionOption } from "../OnyxRadioButton/types";
 declare const _default: <TValue>(__VLS_props: {
     required?: boolean | undefined;
-    modelValue?: SelectionOption<TValue> | undefined;
     disabled?: boolean | undefined;
+    modelValue?: SelectionOption<TValue> | undefined;
     "onUpdate:modelValue"?: ((selected: SelectionOption<TValue>) => any) | undefined;
-    options: SelectionOption<TValue>[];
-    headline?: string | undefined;
-    direction?: "horizontal" | "vertical" | undefined;
     name?: string | undefined;
     errorMessage?: string | undefined;
+    headline?: string | undefined;
+    direction?: "horizontal" | "vertical" | undefined;
+    options: SelectionOption<TValue>[];
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: {};
@@ -16,14 +16,14 @@ declare const _default: <TValue>(__VLS_props: {
 } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         required?: boolean | undefined;
-        modelValue?: SelectionOption<TValue> | undefined;
         disabled?: boolean | undefined;
+        modelValue?: SelectionOption<TValue> | undefined;
         "onUpdate:modelValue"?: ((selected: SelectionOption<TValue>) => any) | undefined;
-        options: SelectionOption<TValue>[];
-        headline?: string | undefined;
-        direction?: "horizontal" | "vertical" | undefined;
         name?: string | undefined;
         errorMessage?: string | undefined;
+        headline?: string | undefined;
+        direction?: "horizontal" | "vertical" | undefined;
+        options: SelectionOption<TValue>[];
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -35,14 +35,14 @@ declare const _default: <TValue>(__VLS_props: {
     __ctx?: {
         props: {
             required?: boolean | undefined;
-            modelValue?: SelectionOption<TValue> | undefined;
             disabled?: boolean | undefined;
+            modelValue?: SelectionOption<TValue> | undefined;
             "onUpdate:modelValue"?: ((selected: SelectionOption<TValue>) => any) | undefined;
-            options: SelectionOption<TValue>[];
-            headline?: string | undefined;
-            direction?: "horizontal" | "vertical" | undefined;
             name?: string | undefined;
             errorMessage?: string | undefined;
+            headline?: string | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
+            options: SelectionOption<TValue>[];
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;

package/dist/components/OnyxSwitch/OnyxSwitch.stories.d.ts

@@ -0,0 +1,34 @@
+import type { Meta } from "@storybook/vue3";
+import OnyxSwitch from "./OnyxSwitch.vue";
+/**
+ * Toggle switches are a common ui element used to controll binary states, such as on/off, enable/disable/, or active/inactive.
+ * They consist of a toggle mechanism that allow users to switch between two distinct states with a simple interaction.
+ */
+declare const meta: Meta<typeof OnyxSwitch>;
+export default meta;
+/**
+ * This example shows the default checked state of the switch.
+ */
+export declare const Default: {
+    args: {
+        label: string;
+    };
+};
+/**
+ * This example shows the default unchecked state of the switch.
+ */
+export declare const Checked: {
+    args: {
+        label: string;
+        modelValue: true;
+    };
+};
+/**
+ * This example shows the invalid state of the switch.
+ */
+export declare const Invalid: {
+    args: {
+        errorMessage: string;
+        label: string;
+    };
+};

package/dist/components/OnyxSwitch/OnyxSwitch.vue.d.ts

@@ -0,0 +1,38 @@
+import type { OnyxSwitchProps } from "./types";
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxSwitchProps>, {
+    modelValue: boolean;
+    disabled: boolean;
+    required: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+    validityChange: (state: ValidityState) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxSwitchProps>, {
+    modelValue: boolean;
+    disabled: boolean;
+    required: boolean;
+}>>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onValidityChange?: ((state: ValidityState) => any) | undefined;
+}, {
+    required: boolean;
+    disabled: boolean;
+    modelValue: boolean;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/OnyxSwitch/types.d.ts

@@ -0,0 +1,27 @@
+export type OnyxSwitchProps = {
+    /**
+     * Whether the switch should be checked or not.
+     */
+    modelValue?: boolean;
+    /**
+     * The label of the switch.
+     */
+    label: string;
+    /**
+     * Whether to disable the switch and prevent user interaction.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the switch is required / has to be checked.
+     */
+    required?: boolean;
+    /**
+     * The error message will set switch to invalid state.
+     */
+    errorMessage?: string;
+    /**
+     * If `true`, the label will be visually hidden.
+     * For accessibility / screen readers, the aria-label will still be set.
+     */
+    hideLabel?: boolean;
+};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),T=["disabled"],N={class:"onyx-button__label"},$=e.defineComponent({__name:"OnyxButton",props:{label:{default:""},disabled:{type:Boolean,default:!1},type:{default:"button"},variation:{default:"primary"},mode:{default:"default"},icon:{}},emits:["click"],setup(o,{emit:n}){const t=o,l=n;return(a,r)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["onyx-button",[`onyx-button--${t.variation}`,`onyx-button--${t.mode}`]]),disabled:t.disabled,onClick:r[0]||(r[0]=c=>l("click"))},[t.icon?(e.openBlock(),e.createBlock(e.unref(g),{key:0,icon:t.icon,size:"24px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",N,e.toDisplayString(t.label),1)],10,T))}}),I=["button","submit","reset"],L=["primary","secondary","danger"],M=["default","outline","plain"],w="(optional)",q={tooShort:"Please lengthen this text to {minLength} characters or more (you are currently using 1 character) | Please lengthen this text to {minLength} characters or more (you are currently using {n} characters)",tooLong:"Please shorten this text to {maxLength} characters or less (you are currently using 1 character) | Please shorten this text to {maxLength} characters or less (you are currently using {n} characters)",rangeUnderflow:"Value must be greater than or equal to {min}",rangeOverflow:"Value must be less than or equal to {max}",patternMismatch:"Please match the format requested.",valueMissing:"Please fill in this field.",stepMismatch:"Please enter a value that is a multiple of {step}.",badInput:'"{value}" does not match the expected type.',typeMismatch:{generic:'"{value}" does not match the expected type.',email:'"{value}" must be a valid email address.',number:'"{value}" must be a number.',tel:'"{value}" must be a valid phone number.',url:'"{value}" must a valid URL.'}},z="Select all",f={optional:w,validations:q,selectAll:z},V=Symbol(),C=o=>{const n=e.computed(()=>e.unref(o==null?void 0:o.locale)??"en-US"),t=e.computed(()=>o!=null&&o.messages&&n.value in o.messages?o.messages[n.value]:f),l=e.computed(()=>(a,r={})=>{let c=B(a,t.value)??B(a,f)??"";const s=typeof r.n=="number"?r.n:void 0;return c=D(c,s),U(c,r)});return{locale:n,t:l}},P=(o,n)=>o.provide(V,C(n)),y=()=>e.inject(V,()=>C(),!0),B=(o,n)=>{const t=o.split(".").reduce((l,a)=>!l||typeof l=="string"?l:l[a],n);return t&&typeof t=="string"?t:void 0},D=(o,n)=>{const t=o.split(" | ").map(a=>a.trim());if(t.length<=1)return o;let l=1;return n===0&&(l=0),n&&(n<=0||n>1)&&(l=2),t.length===2?l===1?t[0]:t[1]:t[l]},U=(o,n)=>n?Object.entries(n).reduce((l,[a,r])=>r===void 0?l:l.replace(new RegExp(`{${a}}`,"gi"),r.toString()),o).replace(/\s?{.*}\s?/gi,""):o,R={class:"onyx-checkbox__container"},A=["aria-label","indeterminate","disabled","required"],G={key:0,class:"onyx-checkbox__label"},E=e.defineComponent({__name:"OnyxCheckbox",props:{modelValue:{type:Boolean,default:!1},label:{default:""},indeterminate:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},hideLabel:{type:Boolean}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,a=e.computed({get:()=>t.modelValue,set:c=>l("update:modelValue",c)}),r=e.ref(!1);return(c,s)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["onyx-checkbox",{"onyx-required-marker":t.required,"onyx-optional-marker":!t.required}])},[e.createElementVNode("div",R,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=u=>a.value=u),"aria-label":t.hideLabel?t.label:void 0,class:e.normalizeClass(["onyx-checkbox__input",{"onyx-checkbox__input--touched":r.value}]),type:"checkbox",indeterminate:t.indeterminate,disabled:t.disabled,required:t.required,onBlur:s[1]||(s[1]=u=>r.value=!0)},null,42,A),[[e.vModelCheckbox,a.value]])]),t.label&&!t.hideLabel?(e.openBlock(),e.createElementBlock("p",G,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0)],2))}}),H=["disabled"],Y={key:0,class:"onyx-checkbox-group__label"},j=e.defineComponent({__name:"OnyxCheckboxGroup",props:{options:{},modelValue:{default:()=>[]},headline:{},direction:{default:"vertical"},withCheckAll:{type:Boolean,default:!1},checkAllLabel:{},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:a}=y(),r=(i,m)=>{const d=m?[...t.modelValue,i]:t.modelValue.filter(h=>h!==i);l("update:modelValue",d)},c=e.computed(()=>t.options.filter(i=>!i.disabled)),s=i=>{const m=i?c.value.map(({id:d})=>d):[];l("update:modelValue",m)},u=e.computed(()=>{const i=c.value.map(({id:d})=>d),m=t.modelValue.filter(d=>i.includes(d));return!i.length||!m.length?{modelValue:!1}:m.length===i.length?{modelValue:!0}:{indeterminate:!0,modelValue:!1}});return(i,m)=>(e.openBlock(),e.createElementBlock("fieldset",{class:"onyx-checkbox-group",disabled:t.disabled},[t.headline?(e.openBlock(),e.createElementBlock("legend",Y,[e.createVNode(e.unref(x),{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1})])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["onyx-checkbox-group__content",{"onyx-checkbox-group__content--horizontal":t.direction==="horizontal"}])},[t.withCheckAll?(e.openBlock(),e.createBlock(E,e.mergeProps({key:0},u.value,{label:t.checkAllLabel||e.unref(a)("selectAll"),"onUpdate:modelValue":s}),null,16,["label"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,d=>(e.openBlock(),e.createBlock(E,e.mergeProps({key:d.id.toString()},d,{"model-value":t.modelValue.includes(d.id),"onUpdate:modelValue":h=>r(d.id,h)}),null,16,["model-value","onUpdate:modelValue"]))),128))],2)],8,H))}}),X=["horizontal","vertical"],x=e.defineComponent({__name:"OnyxHeadline",props:{is:{},monospace:{type:Boolean,default:!1}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:e.normalizeClass(["onyx-headline",`onyx-headline--${n.is}`,n.monospace?"onyx-headline--monospace":""])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"]))}}),K=["h1","h2","h3","h4","h5","h6"],F=["innerHTML"],g=e.defineComponent({__name:"OnyxIcon",props:{icon:{},size:{default:"24px"},color:{default:"currentColor"}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-icon",[n.size!=="24px"?`onyx-icon--${n.size}`:"",n.color!=="currentColor"?`onyx-icon--${n.color}`:""]]),"aria-hidden":"true",innerHTML:n.icon},null,10,F))}}),Z=["12px","16px","24px","32px","48px","64px","96px"],J='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M12.2 10.55v2h5.836l-8.193 8.193 1.414 1.414 8.193-8.193V19.8h2v-9.25z"/></svg>',W=o=>/^http(s?):\/\//.test(o),Q=["href","target","rel"],ee=e.defineComponent({__name:"OnyxLink",props:{href:{},target:{default:"_self"},withExternalIcon:{type:[Boolean,String],default:"auto"}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,a=e.computed(()=>t.withExternalIcon!=="auto"?t.withExternalIcon:W(t.href));return(r,c)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-link",href:t.href,target:t.target,rel:t.target==="_blank"?"noopener noreferrer":void 0,onClick:c[0]||(c[0]=s=>l("click"))},[e.renderSlot(r.$slots,"default"),a.value?(e.openBlock(),e.createBlock(g,{key:0,class:"onyx-link__icon",icon:e.unref(J),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)],8,Q))}}),te=["_self","_blank","_parent","_top"],O=(o,n)=>{const t=o.__vccOpts||o;for(const[l,a]of n)t[l]=a;return t},ne={},oe={class:"onyx-circle-spinner",viewBox:"0 0 50 50"},le=e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1),ae=[le];function re(o,n){return e.openBlock(),e.createElementBlock("svg",oe,ae)}const se=O(ne,[["render",re]]),ce={},ie={class:"onyx-loading-dots"},ue=e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1),de=[ue];function pe(o,n){return e.openBlock(),e.createElementBlock("div",ie,de)}const me=O(ce,[["render",pe]]),_e=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"circle"}},setup(o){const n=o;return(t,l)=>n.type==="circle"?(e.openBlock(),e.createBlock(se,{key:0})):n.type==="dots"?(e.openBlock(),e.createBlock(me,{key:1})):e.createCommentVNode("",!0)}}),he=["title"],fe=["required","name","value","checked","disabled"],ye={class:"onyx-radio-button__label"},xe=e.defineComponent({__name:"OnyxRadioButton",props:{id:{},label:{},value:{},disabled:{type:Boolean},selected:{type:Boolean},name:{},required:{type:Boolean},errorMessage:{}},setup(o){const n=o,t=e.ref();return e.watchEffect(()=>{var l;return(l=t.value)==null?void 0:l.setCustomValidity(n.errorMessage??"")}),(l,a)=>(e.openBlock(),e.createElementBlock("label",{class:"onyx-radio-button",title:n.errorMessage},[e.createElementVNode("input",{ref_key:"selectorRef",ref:t,class:"onyx-radio-button__selector",type:"radio",required:n.required,name:n.name,value:n.id,checked:n.selected,disabled:n.disabled},null,8,fe),e.createElementVNode("span",ye,e.toDisplayString(n.label),1)],8,he))}}),ge=(()=>{let o=0;return()=>o++})(),ve=o=>`${o}-${ge()}`,be=["disabled"],ke={key:0,class:"onyx-radio-button-group__headline"},Be=e.defineComponent({__name:"OnyxRadioButtonGroup",props:{name:{default:()=>ve("radio-button-group-name")},modelValue:{},headline:{default:""},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},errorMessage:{default:""},direction:{default:"vertical"},options:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,a=r=>l("update:modelValue",t.options.find(({id:c})=>r.target.value===c));return(r,c)=>(e.openBlock(),e.createElementBlock("fieldset",{class:"onyx-radio-button-group",disabled:t.disabled,onChange:c[0]||(c[0]=s=>a(s))},[t.headline?(e.openBlock(),e.createElementBlock("legend",ke,[e.createVNode(x,{is:"h3",class:e.normalizeClass({"onyx-required-marker":t.required,"onyx-optional-marker":!t.required})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1},8,["class"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-button-group__content",{"onyx-radio-button-group__content--horizontal":t.direction==="horizontal"}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,s=>{var u;return e.openBlock(),e.createBlock(xe,{id:s.id,key:s.id,name:t.name,label:s.label,value:s.value,"error-message":t.errorMessage,selected:s.id===((u=t.modelValue)==null?void 0:u.id),disabled:s.disabled,required:t.required},null,8,["id","name","label","value","error-message","selected","disabled","required"])}),128))],2)],40,be))}}),Ee=(o,n)=>{const t=Object.entries(o).filter(([a,r])=>r!==void 0),l=Object.entries(n).filter(([a,r])=>r!==void 0);return t.length!==l.length?!1:t.every(([a,r])=>r===n[a])},S=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([o,n])=>n.enumerable).map(([o])=>o),Ve=o=>S().reduce((n,t)=>(n[t]=o[t],n),{}),Ce=o=>{if(o.valueMissing)return"valueMissing";const n=S().filter(t=>t!=="valid").sort();for(const t of n)if(t in o&&o[t])return t},Oe=Object.keys(f.validations.typeMismatch),Se={key:0,class:"onyx-input__error","aria-live":"polite"},Te={class:"onyx-input__info"},Ne=e.defineComponent({__name:"TestInput",props:{modelValue:{default:""},label:{default:""},errorMessage:{},required:{type:Boolean},pattern:{},type:{default:"text"},max:{},maxLength:{},min:{},step:{},minLength:{}},emits:["update:modelValue","change","validityChange"],setup(o,{emit:n}){var h;const t=o,l=n,{t:a}=y(),{errorMessage:r}=e.toRefs(t),c=e.ref(!1),s=e.ref(null),u=e.ref((h=s.value)==null?void 0:h.validity),i=e.computed({get:()=>t.modelValue,set:p=>l("update:modelValue",p)}),m=e.computed(()=>{if(!u.value||u.value.valid)return"";const p=Ce(u.value);if(t.errorMessage||p==="customError")return t.errorMessage;if(!p)return"";if(p==="typeMismatch"){const _=Oe.includes(t.type)?t.type:"generic";return a.value(`validations.typeMismatch.${_}`,{value:i.value})}return a.value(`validations.${p}`,{value:i.value,n:i.value.toString().length,minLength:t.minLength,maxLength:t.maxLength,min:t.min,max:t.max,step:t.step})}),d=p=>{const _=p.target;l("change",_.value)};return e.watch([s,r],()=>{s.value&&s.value.setCustomValidity(t.errorMessage||"")}),e.watch([s,i,r],()=>{if(!s.value)return;const p=Ve(s.value.validity);(!u.value||!Ee(p,u.value))&&(u.value=p,l("validityChange",u.value))},{immediate:!0}),(p,_)=>{var v,b;return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["onyx-input",{"onyx-input--touched":c.value}])},[e.createElementVNode("span",{class:e.normalizeClass(["onyx-input__label",{"onyx-input__label--required":t.required}])},e.toDisplayString(t.label),3),e.withDirectives(e.createElementVNode("input",e.mergeProps(t,{ref_key:"inputElement",ref:s,"onUpdate:modelValue":_[0]||(_[0]=k=>i.value=k),onChange:d,onBlur:_[1]||(_[1]=k=>c.value=!0)}),null,16),[[e.vModelDynamic,i.value]]),c.value&&!((v=u.value)!=null&&v.valid)?(e.openBlock(),e.createElementBlock("p",Se,e.toDisplayString(m.value),1)):e.createCommentVNode("",!0),e.createElementVNode("p",Te,'Model value: "'+e.toDisplayString(i.value)+'", is valid: '+e.toDisplayString((b=u.value)==null?void 0:b.valid),1)],2)}}}),$e=["primary","secondary","neutral","danger","warning","success","info"],Ie=["small","default","large"],Le=o=>({install:n=>{P(n,o.i18n);const t=n.runWithContext(()=>y());e.watchEffect(()=>Me(t.t.value("optional")))}}),Me=o=>globalThis.document.body.style.setProperty("--onyx-global-optional-text",o);exports.BUTTON_MODES=M;exports.BUTTON_TYPES=I;exports.BUTTON_VARIATIONS=L;exports.CHECKBOX_GROUP_DIRECTIONS=X;exports.HEADLINE_TYPES=K;exports.ICON_SIZES=Z;exports.LINK_TARGETS=te;exports.ONYX_COLORS=$e;exports.OnyxButton=$;exports.OnyxCheckboxGroup=j;exports.OnyxHeadline=x;exports.OnyxIcon=g;exports.OnyxLink=ee;exports.OnyxLoadingIndicator=_e;exports.OnyxRadioButtonGroup=Be;exports.TEXT_SIZES=Ie;exports.TestInput=Ne;exports.createOnyx=Le;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),$=["button","submit","reset"],T=["primary","secondary","danger"],L=["default","outline","plain"],I=["innerHTML"],y=e.defineComponent({__name:"OnyxIcon",props:{icon:{},size:{default:"24px"},color:{default:"currentColor"}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-icon",[n.size!=="24px"?`onyx-icon--${n.size}`:"",n.color!=="currentColor"?`onyx-icon--${n.color}`:""]]),"aria-hidden":"true",innerHTML:n.icon},null,10,I))}}),M=["disabled"],q={class:"onyx-button__label"},z=e.defineComponent({__name:"OnyxButton",props:{label:{default:""},disabled:{type:Boolean,default:!1},type:{default:"button"},variation:{default:"primary"},mode:{default:"default"},icon:{}},emits:["click"],setup(o,{emit:n}){const t=o,l=n;return(s,a)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["onyx-button",[`onyx-button--${t.variation}`,`onyx-button--${t.mode}`]]),disabled:t.disabled,onClick:a[0]||(a[0]=i=>l("click"))},[t.icon?(e.openBlock(),e.createBlock(y,{key:0,icon:t.icon,size:"24px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",q,e.toDisplayString(t.label),1)],10,M))}}),D="(optional)",P={tooShort:"Please lengthen this text to {minLength} characters or more (you are currently using 1 character) | Please lengthen this text to {minLength} characters or more (you are currently using {n} characters)",tooLong:"Please shorten this text to {maxLength} characters or less (you are currently using 1 character) | Please shorten this text to {maxLength} characters or less (you are currently using {n} characters)",rangeUnderflow:"Value must be greater than or equal to {min}",rangeOverflow:"Value must be less than or equal to {max}",patternMismatch:"Please match the format requested.",valueMissing:"Please fill in this field.",stepMismatch:"Please enter a value that is a multiple of {step}.",badInput:'"{value}" does not match the expected type.',typeMismatch:{generic:'"{value}" does not match the expected type.',email:'"{value}" must be a valid email address.',number:'"{value}" must be a number.',tel:'"{value}" must be a valid phone number.',url:'"{value}" must a valid URL.'}},U="Select all",f={optional:D,validations:P,selectAll:U},E=Symbol(),C=o=>{const n=e.computed(()=>e.unref(o==null?void 0:o.locale)??"en-US"),t=e.computed(()=>o!=null&&o.messages&&n.value in o.messages?o.messages[n.value]:f),l=e.computed(()=>(s,a={})=>{let i=B(s,t.value)??B(s,f)??"";const r=typeof a.n=="number"?a.n:void 0;return i=A(i,r),G(i,a)});return{locale:n,t:l}},R=(o,n)=>o.provide(E,C(n)),x=()=>e.inject(E,()=>C(),!0),B=(o,n)=>{const t=o.split(".").reduce((l,s)=>!l||typeof l=="string"?l:l[s],n);return t&&typeof t=="string"?t:void 0},A=(o,n)=>{const t=o.split(" | ").map(s=>s.trim());if(t.length<=1)return o;let l=1;return n===0&&(l=0),n&&(n<=0||n>1)&&(l=2),t.length===2?l===1?t[0]:t[1]:t[l]},G=(o,n)=>n?Object.entries(n).reduce((l,[s,a])=>a===void 0?l:l.replace(new RegExp(`{${s}}`,"gi"),a.toString()),o).replace(/\s?{.*}\s?/gi,""):o,H={class:"onyx-checkbox__container"},Y=["aria-label","indeterminate","disabled","required"],j={key:0,class:"onyx-checkbox__label"},V=e.defineComponent({__name:"OnyxCheckbox",props:{modelValue:{type:Boolean,default:!1},label:{default:""},indeterminate:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},hideLabel:{type:Boolean}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,s=e.computed({get:()=>t.modelValue,set:i=>l("update:modelValue",i)}),a=e.ref(!1);return(i,r)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["onyx-checkbox",{"onyx-required-marker":t.required,"onyx-optional-marker":!t.required}])},[e.createElementVNode("div",H,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":r[0]||(r[0]=u=>s.value=u),"aria-label":t.hideLabel?t.label:void 0,class:e.normalizeClass(["onyx-checkbox__input",{"onyx-checkbox__input--touched":a.value}]),type:"checkbox",indeterminate:t.indeterminate,disabled:t.disabled,required:t.required,onBlur:r[1]||(r[1]=u=>a.value=!0)},null,42,Y),[[e.vModelCheckbox,s.value]])]),t.label&&!t.hideLabel?(e.openBlock(),e.createElementBlock("p",j,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0)],2))}}),X=["disabled"],K={key:0,class:"onyx-checkbox-group__label"},F=e.defineComponent({__name:"OnyxCheckboxGroup",props:{options:{},modelValue:{default:()=>[]},headline:{},direction:{default:"vertical"},withCheckAll:{type:Boolean,default:!1},checkAllLabel:{},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:s}=x(),a=(c,p)=>{const d=p?[...t.modelValue,c]:t.modelValue.filter(h=>h!==c);l("update:modelValue",d)},i=e.computed(()=>t.options.filter(c=>!c.disabled)),r=c=>{const p=c?i.value.map(({id:d})=>d):[];l("update:modelValue",p)},u=e.computed(()=>{const c=i.value.map(({id:d})=>d),p=t.modelValue.filter(d=>c.includes(d));return!c.length||!p.length?{modelValue:!1}:p.length===c.length?{modelValue:!0}:{indeterminate:!0,modelValue:!1}});return(c,p)=>(e.openBlock(),e.createElementBlock("fieldset",{class:"onyx-checkbox-group",disabled:t.disabled},[t.headline?(e.openBlock(),e.createElementBlock("legend",K,[e.createVNode(e.unref(v),{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1})])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["onyx-checkbox-group__content",{"onyx-checkbox-group__content--horizontal":t.direction==="horizontal"}])},[t.withCheckAll?(e.openBlock(),e.createBlock(V,e.mergeProps({key:0},u.value,{label:t.checkAllLabel||e.unref(s)("selectAll"),"onUpdate:modelValue":r}),null,16,["label"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,d=>(e.openBlock(),e.createBlock(V,e.mergeProps({key:d.id.toString()},d,{"model-value":t.modelValue.includes(d.id),"onUpdate:modelValue":h=>a(d.id,h)}),null,16,["model-value","onUpdate:modelValue"]))),128))],2)],8,X))}}),Z=["horizontal","vertical"],v=e.defineComponent({__name:"OnyxHeadline",props:{is:{},monospace:{type:Boolean,default:!1}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:e.normalizeClass(["onyx-headline",`onyx-headline--${n.is}`,n.monospace?"onyx-headline--monospace":""])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"]))}}),J=["h1","h2","h3","h4","h5","h6"],W=["12px","16px","24px","32px","48px","64px","96px"],Q='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M12.2 10.55v2h5.836l-8.193 8.193 1.414 1.414 8.193-8.193V19.8h2v-9.25z"/></svg>',ee=o=>/^http(s?):\/\//.test(o),te=["href","target","rel"],ne=e.defineComponent({__name:"OnyxLink",props:{href:{},target:{default:"_self"},withExternalIcon:{type:[Boolean,String],default:"auto"}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,s=e.computed(()=>t.withExternalIcon!=="auto"?t.withExternalIcon:ee(t.href));return(a,i)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-link",href:t.href,target:t.target,rel:t.target==="_blank"?"noreferrer":void 0,onClick:i[0]||(i[0]=r=>l("click"))},[e.renderSlot(a.$slots,"default"),s.value?(e.openBlock(),e.createBlock(y,{key:0,class:"onyx-link__icon",icon:e.unref(Q),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)],8,te))}}),oe=["_self","_blank","_parent","_top"],S=(o,n)=>{const t=o.__vccOpts||o;for(const[l,s]of n)t[l]=s;return t},le={},ae={class:"onyx-circle-spinner",viewBox:"0 0 50 50"},re=e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1),se=[re];function ie(o,n){return e.openBlock(),e.createElementBlock("svg",ae,se)}const ce=S(le,[["render",ie]]),ue={},de={class:"onyx-loading-dots"},pe=e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1),me=[pe];function _e(o,n){return e.openBlock(),e.createElementBlock("div",de,me)}const he=S(ue,[["render",_e]]),ye=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"circle"}},setup(o){const n=o;return(t,l)=>n.type==="circle"?(e.openBlock(),e.createBlock(ce,{key:0})):n.type==="dots"?(e.openBlock(),e.createBlock(he,{key:1})):e.createCommentVNode("",!0)}}),fe=["title"],xe=["required","name","value","checked","disabled"],ve={class:"onyx-radio-button__label"},ge=e.defineComponent({__name:"OnyxRadioButton",props:{id:{},label:{},value:{},disabled:{type:Boolean},selected:{type:Boolean},name:{},required:{type:Boolean},errorMessage:{}},setup(o){const n=o,t=e.ref();return e.watchEffect(()=>{var l;return(l=t.value)==null?void 0:l.setCustomValidity(n.errorMessage??"")}),(l,s)=>(e.openBlock(),e.createElementBlock("label",{class:"onyx-radio-button",title:n.errorMessage},[e.createElementVNode("input",{ref_key:"selectorRef",ref:t,class:"onyx-radio-button__selector",type:"radio",required:n.required,name:n.name,value:n.id,checked:n.selected,disabled:n.disabled},null,8,xe),e.createElementVNode("span",ve,e.toDisplayString(n.label),1)],8,fe))}}),be=(()=>{let o=0;return()=>o++})(),ke=o=>`${o}-${be()}`,Be=["disabled"],Ve={key:0,class:"onyx-radio-button-group__headline"},Ee=e.defineComponent({__name:"OnyxRadioButtonGroup",props:{name:{default:()=>ke("radio-button-group-name")},modelValue:{},headline:{default:""},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},errorMessage:{default:""},direction:{default:"vertical"},options:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,s=a=>l("update:modelValue",t.options.find(({id:i})=>a.target.value===i));return(a,i)=>(e.openBlock(),e.createElementBlock("fieldset",{class:"onyx-radio-button-group",disabled:t.disabled,onChange:i[0]||(i[0]=r=>s(r))},[t.headline?(e.openBlock(),e.createElementBlock("legend",Ve,[e.createVNode(v,{is:"h3",class:e.normalizeClass({"onyx-required-marker":t.required,"onyx-optional-marker":!t.required})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1},8,["class"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-button-group__content",{"onyx-radio-button-group__content--horizontal":t.direction==="horizontal"}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,r=>{var u;return e.openBlock(),e.createBlock(ge,{id:r.id,key:r.id,name:t.name,label:r.label,value:r.value,"error-message":t.errorMessage,selected:r.id===((u=t.modelValue)==null?void 0:u.id),disabled:r.disabled,required:t.required},null,8,["id","name","label","value","error-message","selected","disabled","required"])}),128))],2)],40,Be))}}),O=(o,n)=>{const t=Object.entries(o).filter(([s,a])=>a!==void 0),l=Object.entries(n).filter(([s,a])=>a!==void 0);return t.length!==l.length?!1:t.every(([s,a])=>a===n[s])},N=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([o,n])=>n.enumerable).map(([o])=>o),w=o=>N().reduce((n,t)=>(n[t]=o[t],n),{}),Ce=o=>{if(o.valueMissing)return"valueMissing";const n=N().filter(t=>t!=="valid").sort();for(const t of n)if(t in o&&o[t])return t},Se=Object.keys(f.validations.typeMismatch),Oe={key:0,class:"onyx-input__error","aria-live":"polite"},Ne={class:"onyx-input__info"},we=e.defineComponent({__name:"TestInput",props:{modelValue:{default:""},label:{default:""},errorMessage:{},required:{type:Boolean},pattern:{},type:{default:"text"},max:{},maxLength:{},min:{},step:{},minLength:{}},emits:["update:modelValue","change","validityChange"],setup(o,{emit:n}){var h;const t=o,l=n,{t:s}=x(),{errorMessage:a}=e.toRefs(t),i=e.ref(!1),r=e.ref(null),u=e.ref((h=r.value)==null?void 0:h.validity),c=e.computed({get:()=>t.modelValue,set:m=>l("update:modelValue",m)}),p=e.computed(()=>{if(!u.value||u.value.valid)return"";const m=Ce(u.value);if(t.errorMessage||m==="customError")return t.errorMessage;if(!m)return"";if(m==="typeMismatch"){const _=Se.includes(t.type)?t.type:"generic";return s.value(`validations.typeMismatch.${_}`,{value:c.value})}return s.value(`validations.${m}`,{value:c.value,n:c.value.toString().length,minLength:t.minLength,maxLength:t.maxLength,min:t.min,max:t.max,step:t.step})}),d=m=>{const _=m.target;l("change",_.value)};return e.watch([r,a],()=>{r.value&&r.value.setCustomValidity(t.errorMessage||"")}),e.watch([r,c,a],()=>{if(!r.value)return;const m=w(r.value.validity);(!u.value||!O(m,u.value))&&(u.value=m,l("validityChange",u.value))},{immediate:!0}),(m,_)=>{var g,b;return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["onyx-input",{"onyx-input--touched":i.value}])},[e.createElementVNode("span",{class:e.normalizeClass(["onyx-input__label",{"onyx-input__label--required":t.required}])},e.toDisplayString(t.label),3),e.withDirectives(e.createElementVNode("input",e.mergeProps(t,{ref_key:"inputElement",ref:r,"onUpdate:modelValue":_[0]||(_[0]=k=>c.value=k),onChange:d,onBlur:_[1]||(_[1]=k=>i.value=!0)}),null,16),[[e.vModelDynamic,c.value]]),i.value&&!((g=u.value)!=null&&g.valid)?(e.openBlock(),e.createElementBlock("p",Oe,e.toDisplayString(p.value),1)):e.createCommentVNode("",!0),e.createElementVNode("p",Ne,'Model value: "'+e.toDisplayString(c.value)+'", is valid: '+e.toDisplayString((b=u.value)==null?void 0:b.valid),1)],2)}}}),$e='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m21.311 10.793-8.293 8.293-3.291-3.292-1.415 1.415 4.706 4.705 9.707-9.707z"/></svg>',Te='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m22.707 10.707-1.414-1.414L16 14.586l-5.293-5.293-1.414 1.414L14.586 16l-5.293 5.293 1.414 1.414L16 17.414l5.293 5.293 1.414-1.414L17.414 16z"/></svg>',Le=["aria-label","disabled","required"],Ie={class:"onyx-switch__container"},Me={class:"onyx-switch__icon"},qe={key:0,class:"onyx-switch__label"},ze=e.defineComponent({__name:"OnyxSwitch",props:{modelValue:{type:Boolean,default:!1},label:{},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},errorMessage:{},hideLabel:{type:Boolean}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){var u;const t=o,l=n,{errorMessage:s}=e.toRefs(t),a=e.ref(),i=e.ref((u=a.value)==null?void 0:u.validity),r=e.computed({get:()=>t.modelValue,set:c=>{l("update:modelValue",c)}});return e.watch([a,s],()=>{a.value&&a.value.setCustomValidity(t.errorMessage||"")}),e.watch([a,r,s],()=>{if(!a.value)return;const c=w(a.value.validity);(!i.value||!O(c,i.value))&&(i.value=c,l("validityChange",i.value))},{immediate:!0}),(c,p)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["onyx-switch",{"onyx-required-marker":t.required,"onyx-optional-marker":!t.required}])},[e.withDirectives(e.createElementVNode("input",{ref_key:"inputElement",ref:a,"onUpdate:modelValue":p[0]||(p[0]=d=>r.value=d),class:"onyx-switch__input",type:"checkbox","aria-label":t.hideLabel?t.label:void 0,disabled:t.disabled,required:t.required},null,8,Le),[[e.vModelCheckbox,r.value]]),e.createElementVNode("span",Ie,[e.createElementVNode("span",Me,[e.createVNode(e.unref(y),{icon:r.value?e.unref($e):e.unref(Te),size:"24px"},null,8,["icon"])])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",qe,e.toDisplayString(t.label),1))],2))}}),De=["primary","secondary","neutral","danger","warning","success","info"],Pe=["small","default","large"],Ue=o=>({install:n=>{R(n,o.i18n);const t=n.runWithContext(()=>x());e.watchEffect(()=>Re(t.t.value("optional")))}}),Re=o=>globalThis.document.body.style.setProperty("--onyx-global-optional-text",o);exports.BUTTON_MODES=L;exports.BUTTON_TYPES=$;exports.BUTTON_VARIATIONS=T;exports.CHECKBOX_GROUP_DIRECTIONS=Z;exports.HEADLINE_TYPES=J;exports.ICON_SIZES=W;exports.LINK_TARGETS=oe;exports.ONYX_COLORS=De;exports.OnyxButton=z;exports.OnyxCheckboxGroup=F;exports.OnyxHeadline=v;exports.OnyxIcon=y;exports.OnyxLink=ne;exports.OnyxLoadingIndicator=ye;exports.OnyxRadioButtonGroup=Ee;exports.OnyxSwitch=ze;exports.TEXT_SIZES=Pe;exports.TestInput=we;exports.createOnyx=Ue;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { default as OnyxButton } from './components/OnyxButton/OnyxButton.vue';
 export * from './components/OnyxButton/types';
+export { default as OnyxButton } from './components/OnyxButton/OnyxButton.vue';
 export * from './components/OnyxCheckbox/types';
 export { default as OnyxCheckboxGroup } from './components/OnyxCheckboxGroup/OnyxCheckboxGroup.vue';
 export * from './components/OnyxCheckboxGroup/types';
@@ -14,6 +14,8 @@ export * from './components/OnyxLoadingIndicator/types';
 export * from './components/OnyxRadioButton/types';
 export { default as OnyxRadioButtonGroup } from './components/OnyxRadioButtonGroup/OnyxRadioButtonGroup.vue';
 export { default as TestInput } from './components/TestInput/TestInput.vue';
+export * from './components/OnyxSwitch/types';
+export { default as OnyxSwitch } from './components/OnyxSwitch/OnyxSwitch.vue';
 export type { OnyxTranslations, ProvideI18nOptions } from './i18n';
 export * from './types/colors';
 export * from './types/fonts';