@platformscode/core 0.0.34 → 0.0.37

package/dist/esm/dga-notification.entry.js

@@ -1,5 +1,6 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-B4CGwdkg.js';
 import { S as SxStyleManager } from './sx-style-manager-BFEqPAFn.js';
+import { h as alertCircleSolidSharpIcon, i as alert02SolidSharpIcon, j as informationCircleSolidSharpIcon, k as checkmarkCircle02SolidSharpIcon, n as multiplicationSignStrokeRoundedIcon } from './index-BYA91_SW.js';
 
 const dgaNotificationCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular,.notification__content p{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium,.dga-btn--lg{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium,.dga-btn--md{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium,.dga-btn--sm{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold,.notification__lead-text{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.notification{width:100%;padding:var(--spacing-md) var(--spacing-3xl);border-bottom:2px solid;display:flex;align-items:center;justify-content:center;position:relative}.notification__content{display:flex;align-items:center;flex-wrap:wrap;flex:1;gap:var(--spacing-md);padding:0px var(--spacing-3xl)}.notification__icon{display:grid;place-items:center;color:var(--controls-control-neutral-pressed)}.notification__lead-text{color:var(--colors-text-secondary)}.notification__dismiss{position:absolute;right:var(--spacing-3xl);transform:translateX(50%)}.notification--critical{border-color:var(--background-error);background-color:var(--notification-background-error-light)}.notification--critical .notification__content{color:var(--text-error)}.notification--critical .notification__icon{color:var(--text-error)}.notification--critical .notification__lead-text{color:var(--text-error)}.notification--warning{border-color:var(--background-warning);background-color:var(--notification-background-warning-light)}.notification--warning .notification__content{color:var(--text-warning)}.notification--warning .notification__icon{color:var(--text-warning)}.notification--warning .notification__lead-text{color:var(--text-warning)}.notification--success{border-color:var(--background-success);background-color:var(--notification-background-success-light)}.notification--success .notification__content{color:var(--text-success)}.notification--success .notification__icon{color:var(--text-success)}.notification--success .notification__lead-text{color:var(--text-success)}.notification--info{border-color:var(--background-info);background-color:var(--notification-background-info-light)}.notification--info .notification__content{color:var(--text-info)}.notification--info .notification__icon{color:var(--text-info)}.notification--info .notification__lead-text{color:var(--text-info)}.notification--neutral{border-color:var(--background-black);background-color:var(--background-neutral-50)}.notification--neutral .notification__content{color:var(--text-primary-paragraph)}.notification--neutral .notification__icon{color:var(--text-primary-paragraph)}.notification--neutral .notification__lead-text{color:var(--text-primary-paragraph)}html[dir=rtl] .notification__dismiss,html[lang=ar] .notification__dismiss{right:auto;left:var(--spacing-3xl);transform:translateX(-50%)}dga-button{width:fit-content}.dga-btn{-webkit-appearance:none;appearance:none;border-radius:var(--radius-sm);cursor:pointer;border:0;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--buttons-lg-gap);box-sizing:border-box;overflow:hidden}.dga-btn:focus-visible{outline:2px solid var(--border-black)}.dga-btn-icon{display:flex;width:24px;height:24px;font-size:24px;justify-content:center;align-items:center}.dga-btn--lg{height:40px;padding-inline:var(--buttons-lg-padding)}.dga-btn--lg span.dga-btn-icon{width:24px;height:24px;font-size:24px}.dga-btn--md{height:32px;padding-inline:var(--buttons-md-padding)}.dga-btn--md span.dga-btn-icon{width:20px;height:20px;font-size:20px}.dga-btn--sm{height:24px;padding-inline:var(--buttons-sm-padding)}.dga-btn--sm span.dga-btn-icon{width:16px;height:16px;font-size:16px}.dga-btn--icon{padding:0;display:flex;align-items:center;justify-content:center}.dga-btn--icon.dga-btn--lg{width:40px;height:40px;font-size:40px}.dga-btn--icon-menu.dga-btn--lg{width:auto;padding-inline:var(--buttons-lg-padding)}.dga-btn--icon.dga-btn--md{width:32px;height:32px;font-size:32px}.dga-btn--icon-menu.dga-btn--md{width:auto;padding-inline:var(--buttons-md-padding)}.dga-btn--icon.dga-btn--sm{width:24px;height:24px;font-size:24px}.dga-btn--icon-menu.dga-btn--sm{width:auto;padding-inline:var(--buttons-sm-padding)}.dga-btn--primary-neutral{background-color:var(--button-background-black-default);color:var(--text-oncolor-primary)}.dga-btn--primary-neutral:hover{background-color:var(--button-background-black-hovered)}.dga-btn--primary-neutral:visited{background-color:var(--button-background-black-pressed)}.dga-btn--primary-neutral:active{background-color:var(--button-background-black-selected);outline:none}.dga-btn--primary-neutral:active::after{display:none !important}.dga-btn--primary-neutral:disabled,.dga-btn--primary-neutral[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--primary-neutral--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--primary-neutral--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--primary-neutral--on-color:visited,.dga-btn--primary-neutral--on-color.selected{background-color:var(--button-background-oncolor-selected)}.dga-btn--primary-neutral--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-neutral--on-color:disabled,.dga-btn--primary-neutral--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--primary-brand{background-color:var(--button-background-primary-default);color:var(--text-oncolor-primary)}.dga-btn--primary-brand:hover{background:var(--button-background-primary-hovered)}.dga-btn--primary-brand:visited{background:var(--button-background-primary-pressed)}.dga-btn--primary-brand:active{background:var(--button-background-primary-selected);outline:none}.dga-btn--primary-brand:active::after{display:none !important}.dga-btn--primary-brand:disabled,.dga-btn--primary-brand[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--primary-brand--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--primary-brand--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--primary-brand--on-color:visited,.dga-btn--primary-brand--on-color.selected{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-brand--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-brand--on-color:disabled,.dga-btn--primary-brand--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary{background-color:var(--button-background-neutral-default);color:var(--colors-text-primary)}.dga-btn--secondary:hover{background:var(--button-background-neutral-default-hoverd)}.dga-btn--secondary:visited{background:var(--button-background-neutral-default-pressed)}.dga-btn--secondary:active{background:var(--button-background-neutral-default-selected);outline:none}.dga-btn--secondary:disabled,.dga-btn--secondary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--secondary--on-color{background-color:var(--button-background-transparent-hovered);color:var(--text-oncolor-primary)}.dga-btn--secondary--on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn--secondary--on-color:visited,.dga-btn--secondary--on-color.selected{background-color:var(--Button-button-background-transparent-selected)}.dga-btn--secondary--on-color:active{background-color:var(--Button-button-background-transparent-pressed);color:var(--text-oncolor-primary)}.dga-btn--secondary--on-color:disabled,.dga-btn--secondary--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary-outline{outline:1px solid var(--border-neutral-secondary);background-color:transparent;color:var(--text-default);mix-blend-mode:multiply}.dga-btn--secondary-outline:hover{background:var(--button-background-neutral-default)}.dga-btn--secondary-outline:visited{background:var(--button-background-neutral-pressed);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:active{background:var(--button-background-neutral-selected);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:disabled,.dga-btn--secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);border:1px solid var(--border-neutral-secondary)}.dga-btn--secondary-outline--on-color{outline-color:var(--border-white-40);color:var(--text-oncolor-primary);mix-blend-mode:normal}.dga-btn--secondary-outline--on-color:hover{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:visited,.dga-btn--secondary-outline--on-color.selected{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:active{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:disabled,.dga-btn--secondary-outline--on-color[disabled]{outline-color:1px solid var(--icon-default-oncolor-disabled);color:var(--text-default-oncolor-disabled)}.dga-btn--subtle,.dga-btn--close,.dga-btn--sort{background-color:transparent;color:var(--colors-text-primary);mix-blend-mode:multiply}.dga-btn--subtle:hover,.dga-btn--close:hover,.dga-btn--sort:hover{background:var(--button-background-neutral-default)}.dga-btn--subtle:visited,.dga-btn--close:visited,.dga-btn--sort:visited{background:var(--button-background-neutral-pressed)}.dga-btn--subtle:active,.dga-btn--close:active,.dga-btn--sort:active{background:var(--button-background-neutral-selected);outline:none}.dga-btn--subtle:active::after,.dga-btn--close:active::after,.dga-btn--sort:active::after{display:none !important}.dga-btn--subtle:disabled,.dga-btn--subtle[disabled],.dga-btn--close:disabled,.dga-btn--close[disabled],.dga-btn--sort:disabled,.dga-btn--sort[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--transparent{background-color:transparent;color:var(--text-default)}.dga-btn--transparent:hover{background:transparent;color:var(--button-background-primary-hovered)}.dga-btn--transparent:visited{color:var(--button-background-primary-pressed)}.dga-btn--transparent:active{color:var(--button-background-primary-selected);outline:none}.dga-btn--transparent:active::after{display:none !important}.dga-btn--transparent:disabled,.dga-btn--transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--close{display:flex;width:40px;height:40px;padding:var(--spacing-md);justify-content:center;align-items:center;border-radius:var(--radius-sm);background-color:transparent;color:var(--icon-default)}.dga-btn--close:hover{background:var(--button-background-neutral-hovered);color:var(--icon-default)}.dga-btn--close:active{background-color:var(--button-background-neutral-pressed)}.dga-btn--des-primary{background-color:var(--button-background-danger-primary-default);color:var(--text-oncolor-primary)}.dga-btn--des-primary:hover{background:var(--button-background-danger-primary-hovered)}.dga-btn--des-primary:visited{background:var(--button-background-danger-primary-pressed)}.dga-btn--des-primary:active{background:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-primary:active::after{display:none !important}.dga-btn--des-primary:disabled,.dga-btn--des-primary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary{background-color:var(--button-background-danger-secondary-default);color:var(--text-error)}.dga-btn--des-secondary:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-secondary:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-secondary:active::after{display:none !important}.dga-btn--des-secondary:disabled,.dga-btn--des-secondary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary-outline{outline:1px solid var(--border-error-light);background-color:transparent;color:var(--text-error);mix-blend-mode:multiply}.dga-btn--des-secondary-outline:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-secondary-outline:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary-outline:active{background:var(--button-background-danger-secondary-selected);outline:1px solid var(--border-error-light)}.dga-btn--des-secondary-outline:active::after{display:none !important}.dga-btn--des-secondary-outline:disabled,.dga-btn--des-secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);outline:1px solid var(--border-neutral-secondary)}.dga-btn--des-subtle{background-color:transparent;color:var(--text-error)}.dga-btn--des-subtle:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-subtle:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-subtle:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-subtle:active::after{display:none !important}.dga-btn--des-subtle:disabled,.dga-btn--des-subtle[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--des-transparent{background-color:transparent;color:var(--button-background-danger-primary-default)}.dga-btn--des-transparent:hover{background:transparent;color:var(--button-background-danger-primary-hovered)}.dga-btn--des-transparent:visited{color:var(--button-background-danger-primary-pressed)}.dga-btn--des-transparent:active{color:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-transparent:active::after{display:none !important}.dga-btn--des-transparent:disabled,.dga-btn--des-transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn.dga-btn--subtle-on-color,.dga-btn.dga-btn--close-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn.dga-btn--subtle-on-color:hover,.dga-btn.dga-btn--close-on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn.dga-btn--subtle-on-color:visited,.dga-btn.dga-btn--subtle-on-color.selected,.dga-btn.dga-btn--close-on-color:visited,.dga-btn.dga-btn--close-on-color.selected{background-color:var(--button-background-transparent-selected)}.dga-btn.dga-btn--subtle-on-color:active,.dga-btn.dga-btn--close-on-color:active{color:var(--text-oncolor-primary);background-color:var(--button-background-transparent-pressed)}.dga-btn.dga-btn--subtle-on-color:disabled,.dga-btn.dga-btn--subtle-on-color[disabled],.dga-btn.dga-btn--close-on-color:disabled,.dga-btn.dga-btn--close-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}.dga-btn--transparent-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn--transparent-on-color:hover{color:var(--button-label-transparent-hovered-on-color)}.dga-btn--transparent-on-color:visited,.dga-btn--transparent-on-color.selected{color:var(--button-label-transparent-selected-on-color)}.dga-btn--transparent-on-color:active{color:var(--button-label-transparent-pressed-on-color)}.dga-btn--transparent-on-color:disabled,.dga-btn--transparent-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}";
 
@@ -10,31 +11,11 @@ const DgaNotification = class {
         this.link = false;
         this.dismissable = false;
         this.icons = {
-            success: {
-                name: "checkmark-circle-02",
-                variant: "solid",
-                type: "sharp",
-            },
-            info: {
-                name: "information-circle",
-                variant: "solid",
-                type: "sharp",
-            },
-            neutral: {
-                name: "information-circle",
-                variant: "solid",
-                type: "sharp",
-            },
-            warning: {
-                name: "alert-02",
-                variant: "solid",
-                type: "sharp",
-            },
-            critical: {
-                name: "alert-circle",
-                variant: "solid",
-                type: "sharp",
-            },
+            success: checkmarkCircle02SolidSharpIcon,
+            info: informationCircleSolidSharpIcon,
+            neutral: informationCircleSolidSharpIcon,
+            warning: alert02SolidSharpIcon,
+            critical: alertCircleSolidSharpIcon,
         };
         // Generate a unique ID if not provided
         this.componentId = `dga-notification-${Math.random().toString(36).substring(2, 9)}`;
@@ -69,11 +50,11 @@ const DgaNotification = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'ac749b0f2f105a73f8b6f8f31af9186acf75fb99', id: this.componentId, style: this.rootStyles }, h("div", { key: 'e9a807c26f2381b015763fd97d4073e650abff24', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: 'f22838adb7c90e9866cffa54222948d4c917fc24', class: "notification__content" }, this.icon && h("div", { key: '9cbf5727b7d204802c4ff2c0974b4e950029a538', class: "notification__icon" }, h("dga-icon", { key: '518e361074b07de2e8e55d95742679d4c88ca0d0', name: this.icons[this.variant].name, variant: this.icons[this.variant].variant, type: this.icons[this.variant].type, size: 24 })), this.leadText && h("strong", { key: 'c6f233bf1e0c55a597e67be5715a790743e8fba6', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: '581a954658b8b1889376f69ad39e79409e130db1' }, this.content), this.link && (h("a", { key: '56e71f09d0670c07ee03753ab58f3428c840b2ae', onClick: () => {
+        return (h(Host, { key: 'c10fe5cf1d1b2b8e34f95c9628c93fc54ed08a63', id: this.componentId, style: this.rootStyles }, h("div", { key: '3781e8e6ee2e86b48eee4ff1499dcfb750ff53f2', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '1a54e54e0d597ec96a7dc1baa06e583eedf31256', class: "notification__content" }, this.icon && h("div", { key: '269d9828eab5dce7a867e93e99c46f559fb0bdee', class: "notification__icon" }, h("dga-icon", { key: '214fbd86c993ea9a7ff16b0f124b7c2a18bf26ba', icon: this.icons[this.variant], size: 24 })), this.leadText && h("strong", { key: 'd2649d7873d4457ecb5e21234cc0791f79a0aa37', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: '5018fc98e3384415f9e1872ec8920762fa2dca39' }, this.content), this.link && (h("a", { key: '82afcee551bb6768f51d7a6e990b59e40e5ce4e0', onClick: () => {
                 this.navigateTo && this.navigateTo(this.setNavigateTo);
-            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: 'e702d90a7e92a25db3e82fde5c28329da54d1855', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: '15c387a82a2496691674c734c247f88df6439354', class: "notification__dismiss" }, h("button", { key: '7311eb93bbc6bf7e190326009e30e3380c10035a', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
+            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: '777c91d4e3d8d8c0a94c701c2a4a199d98482c77', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: '367e85962266e5db6997eabc0cb8a57d796a687b', class: "notification__dismiss" }, h("button", { key: 'e8ffaa3a182a8d2527dface4a0d07e6d78c3abe2', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
                 this.dismmissed && this.dismmissed();
-            } }, h("span", { key: 'cb60d019806c55134becbad674b4c5cb9de8cfc3', class: "dga-btn-icon" }, h("dga-icon", { key: '0a94e8552bcf4fd3bd49ad466a0807dce1089460', name: "multiplication-sign", variant: 'stroke', size: 20 }))))))));
+            } }, h("span", { key: '4fab62e36b1d881c1e03a8556f2bd3eb676c27fa', class: "dga-btn-icon" }, h("dga-icon", { key: 'f4734ac6295ec9bf5aa4d3c7e13c72bdb3a0ec50', icon: multiplicationSignStrokeRoundedIcon, size: 20 }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-number-input-usage.entry.js

@@ -6,13 +6,13 @@ const DgaNumberInputUsage = class {
         this.value = '';
     }
     render() {
-        return (h("div", { key: 'fdacbecff054f09c0f8745a19fea931c8f61754c' }, h("h1", { key: 'dee47eb5095de9ea0af5db1d21adbb2c7ac073cd' }, "Number Input Example"), h("div", { key: 'df2a14ea335e2972a8f36f726ccdc84b6c86dd4a', style: { padding: '50px' } }, h("div", { key: '2adeedc6a1cb55c8407f33807b01852745e59e76', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: 'ad3d2a837275e8e7802fe2b1ffad5583fd8b5745', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: 'd0da70586a438dab7076f243795c06784c7d1d56', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+        return (h("div", { key: '5754975c6ffe137ce8d18809a1c6865e315caf66' }, h("h1", { key: '36c7420ba6ca7f04547c6128b686711aa9d22d84' }, "Number Input Example"), h("div", { key: 'ea181c6f1351757512b1a7aac4c24f1afa2a6633', style: { padding: '50px' } }, h("div", { key: '002d6a077539d0dd291dbf3f4bfa06f30b2cadab', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: '57afc64ff912264b99210a733ac776528ab9fbb5', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '3bbe6286611758f6258d29a98c6b9559158dc746', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: 'e216e6d34c057928d7020abd7965abb7c0ecada0', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '10e5ce6497bc358598bd650c922c4b8a38e09bfb', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: '579561f2c6d29dfe8b07590ff8b095aa5226025a', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '893338a9bed32652a271e33314e1a19a282d5e92', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-label", { key: 'fe8e6d2804da3b469c6185a7dce13ba3bb30d698', label: "Mandatory Text Input" }), h("dga-label", { key: '686392f5f7ee0057675be5d26cc8161bf26217e9', label: "Mandatory Text Input", required: true })))));
+            helperText: "test" }), h("dga-label", { key: '90da01a28423b2ae16e0800e8e3e828cc2e7657a', label: "Mandatory Text Input" }), h("dga-label", { key: '459949ae40eaed15569d0326d6e2548070e00c27', label: "Mandatory Text Input", required: true })))));
     }
 };
 

package/dist/esm/dga-number-input.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-B4CGwdkg.js';
-import { g as guid } from './index-DEtoWGOc.js';
+import { g as guid } from './index-OZG1OajU.js';
 import { S as SxStyleManager } from './sx-style-manager-BFEqPAFn.js';
 
 const dgaNumberInputCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular,.dga-number-input--lg .dga-number-input__prefix-label,.dga-number-input--lg .dga-number-input__suffix-label,.dga-number-input__prefix-label,.dga-number-input__prefix-icon,.dga-number-input__prefix-chevron,.dga-number-input__suffix-label,.dga-number-input__suffix-icon,.dga-number-input__suffix-chevron,.dga-number-input__field::placeholder,.dga-number-input__field{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular,.dga-number-input--md .dga-number-input__prefix-label,.dga-number-input--md .dga-number-input__suffix-label,.dga-number-input--md .dga-number-input__field,.dga-number-input--md .dga-number-input__field::placeholder,.dga-number-input--lg .dga-number-input__field,.dga-number-input--lg .dga-number-input__field::placeholder,.dga-number-input__prefix .dropdown__label--selection,.dga-number-input__suffix .dropdown__label--selection,.dga-form-control>.dga-label{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md,.dga-number-input.focus{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dga-form-control{display:flex;flex-direction:column;gap:8px;width:fit-content}.dga-form-control>.dga-label{margin-bottom:8px;color:var(--form-field-text-label)}.dga-number-input{display:flex;height:40px;width:100%;max-width:183px;min-width:183px;justify-content:flex-start;border-radius:var(--radius-sm);gap:var(--spacing-xs);border:1px solid var(--form-field-border-default);background:var(--form-field-background-default);position:relative}.dga-number-input--full-width{max-width:none}.dga-number-input:hover{border-color:var(--form-field-border-hovered)}.dga-number-input::after{content:\"\";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--form-field-border-pressed);transition:width 0.2s ease-in-out}.dga-number-input__field{background-color:transparent;border:0;outline:0;height:100%;width:100%;color:var(--form-field-text-focused)}.dga-number-input__field::placeholder{color:var(--form-field-text-placeholder);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dga-number-input.focus::after{width:100%}.dga-number-input.active::after{width:50%}.dga-number-input--readonly,.dga-number-input--readonly:hover,.dga-number-input--disabled,.dga-number-input--disabled:hover{border-color:var(--border-neutral-primary);box-shadow:none !important}.dga-number-input--readonly::after,.dga-number-input--disabled::after{display:none}.dga-number-input--readonly .dga-number-input__field,.dga-number-input--readonly .dga-number-input__field::placeholder,.dga-number-input--disabled .dga-number-input__field,.dga-number-input--disabled .dga-number-input__field::placeholder{color:var(--form-field-text-readonly)}.dga-number-input--disabled{border-color:var(--border-disabled)}.dga-number-input--disabled .dga-number-input__field{color:var(--text-default-disabled)}.dga-number-input--disabled .dga-number-input__field,.dga-number-input--disabled .dga-number-input__field::placeholder{color:var(--text-default-disabled)}.dga-number-input--disabled .dga-number-input__icon span,.dga-number-input--disabled .dga-number-input__prefix--subtle-text,.dga-number-input--disabled .dga-number-input__prefix--solid-text{color:var(--text-default-disabled)}.dga-number-input__icon{height:100%;display:inline-flex;align-items:center}.dga-number-input__icon span{color:var(--form-field-border-hovered);font-size:20px}.dga-number-input__feedback-icon{height:100%;display:inline-flex;align-items:center}.dga-number-input__feedback-icon span{font-size:20px;position:relative;z-index:0}.dga-number-input__feedback-icon--success{color:var(--text-success)}.dga-number-input__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.dga-number-input__feedback-icon--error{color:var(--text-error)}.dga-number-input__feedback-icon--error span::after{background-color:var(--text-error-100)}.dga-number-input__feedback-icon--warning{color:var(--text-warning)}.dga-number-input__feedback-icon--warning span::after{background-color:var(--colors-warning-100)}.dga-number-input__feedback-icon--warning-triangle{color:var(--text-warning)}.dga-number-input__feedback-icon--warning-triangle span::after{width:0 !important;height:0 !important;transform:scale(1) !important;border:12px solid rgba(0, 0, 0, 0);border-top:0;border-bottom:20px solid var(--colors-warning-100);border-radius:0px !important;left:-2px !important;top:-1px !important}.dga-number-input__feedback-icon--ring span::after{content:\"\";display:block;width:100%;height:100%;transform:scale(1.16);position:absolute;top:0;left:0;border-radius:var(--radius-full);z-index:-1}.dga-number-input__prefix,.dga-number-input__suffix{display:flex;height:100%;width:56px;padding:var(--spacing-xxs) var(--spacing-2);justify-content:center;align-items:center;gap:var(--spacing-xs);mix-blend-mode:multiply;padding:var(--spacing-xxs, 2px) var(--spacing-xl, 16px);align-self:stretch;border:0}.dga-number-input__prefix-label,.dga-number-input__prefix-icon,.dga-number-input__prefix-chevron,.dga-number-input__suffix-label,.dga-number-input__suffix-icon,.dga-number-input__suffix-chevron{color:var(--colors-text-primary)}.dga-number-input__prefix .dropdown__label,.dga-number-input__suffix .dropdown__label{display:none}.dga-number-input__prefix .dropdown__label--selection,.dga-number-input__suffix .dropdown__label--selection{display:inline-block;white-space:nowrap}.dga-number-input__prefix .dropdown__label--selection~.dga-number-input__prefix-label,.dga-number-input__suffix .dropdown__label--selection~.dga-number-input__prefix-label{display:none}.dga-number-input__prefix-chevron,.dga-number-input__suffix-chevron{font-size:30px !important;transform:rotate(0);transition:all 0.3s ease-in-out}.dga-number-input__prefix.active,.dga-number-input__suffix.active{background-color:var(--colors-gray-neutral-300)}.dga-number-input__prefix--solid,.dga-number-input__suffix--solid{background-color:var(--background-neutral-50)}.dga-number-input__prefix--solid-text,.dga-number-input__suffix--solid-text{background-color:var(--background-neutral-50)}.dga-number-input__prefix--solid-text .dga-number-input__prefix-label,.dga-number-input__suffix--solid-text .dga-number-input__prefix-label{color:var(--colors-text-quarterary)}.dga-number-input__prefix--solid:hover,.dga-number-input__suffix--solid:hover{background-color:var(--colors-gray-neutral-200)}.dga-number-input__prefix--solid:focus,.dga-number-input__suffix--solid:focus{background-color:transparent;border:4px solid var(--colors-base-black);border-radius:0}.dga-number-input__prefix--solid.active,.dga-number-input__suffix--solid.active{background-color:var(--colors-gray-neutral-300);border:0}.dga-number-input__prefix--solid:disabled,.dga-number-input__suffix--solid:disabled{background-color:var(--background-neutral-50)}.dga-number-input__prefix--solid:disabled .dga-number-input__prefix-label,.dga-number-input__prefix--solid:disabled .dga-number-input__prefix-icon,.dga-number-input__prefix--solid:disabled .dga-number-input__prefix-chevron,.dga-number-input__suffix--solid:disabled .dga-number-input__prefix-label,.dga-number-input__suffix--solid:disabled .dga-number-input__prefix-icon,.dga-number-input__suffix--solid:disabled .dga-number-input__prefix-chevron{color:var(--colors-gray-neutral-300)}.dga-number-input__prefix--subtle,.dga-number-input__suffix--subtle{background-color:transparent}.dga-number-input__prefix--subtle-text,.dga-number-input__suffix--subtle-text{background-color:transparent}.dga-number-input__prefix--subtle-text .dga-number-input__prefix-label,.dga-number-input__suffix--subtle-text .dga-number-input__prefix-label{color:var(--colors-text-quarterary)}.dga-number-input__prefix--subtle:hover,.dga-number-input__suffix--subtle:hover{background-color:var(--colors-gray-neutral-50)}.dga-number-input__prefix--subtle:focus,.dga-number-input__suffix--subtle:focus{background-color:transparent;border:4px solid var(--colors-base-black)}.dga-number-input__prefix--subtle.active,.dga-number-input__suffix--subtle.active{background-color:var(--colors-gray-neutral-200);border:0}.dga-number-input__prefix--subtle:disabled .dga-number-input__prefix-label,.dga-number-input__prefix--subtle:disabled .dga-number-input__prefix-icon,.dga-number-input__prefix--subtle:disabled .dga-number-input__prefix-chevron,.dga-number-input__suffix--subtle:disabled .dga-number-input__prefix-label,.dga-number-input__suffix--subtle:disabled .dga-number-input__prefix-icon,.dga-number-input__suffix--subtle:disabled .dga-number-input__prefix-chevron{color:var(--colors-gray-neutral-300)}.dga-number-input__prefix.selected,.dga-number-input__suffix.selected{background-color:var(--form-field-border-hovered)}.dga-number-input__prefix.selected .dga-number-input__prefix-icon,.dga-number-input__prefix.selected .dga-number-input__prefix-label,.dga-number-input__prefix.selected .dga-number-input__prefix-chevron,.dga-number-input__suffix.selected .dga-number-input__prefix-icon,.dga-number-input__suffix.selected .dga-number-input__prefix-label,.dga-number-input__suffix.selected .dga-number-input__prefix-chevron{color:var(--colors-text-primary_on-brand)}.dga-number-input__prefix.selected .dropdown__label,.dga-number-input__suffix.selected .dropdown__label{color:var(--colors-text-primary_on-brand)}.dga-number-input__dropdown-btn.open+.dga-number-input__dropdown-list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto}.dga-number-input__dropdown-btn.open .dga-number-input__dropdown .dga-number-input__prefix-chevron,.dga-number-input__dropdown-btn.open .dga-number-input__dropdown .dga-number-input__suffix-chevron{transform:rotate(180deg)}.dga-number-input__prefix{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.dga-number-input__suffix{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.dga-number-input--lighter{border:0;background:var(--form-field-background-lighter, #fcfcfd)}.dga-number-input--lighter:hover{border:1px solid var(--form-field-border-default)}.dga-number-input--lighter.focus{border:1px solid var(--form-field-border-default)}.dga-number-input--lighter.active{border:1px solid var(--form-field-border-default)}.dga-number-input--darker{border:0;background-color:var(--form-field-background-darker, #f3f4f6)}.dga-number-input--darker:hover{border:1px solid var(--form-field-border-default)}.dga-number-input--darker.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default) !important}.dga-number-input--darker.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default) !important}.dga-number-input.readOnly{border:1px solid var(--border-neutral-primary) !important;background-color:var(--form-field-background-default) !important;box-shadow:none !important}.dga-number-input.readOnly::after{content:none}.dga-number-input--error,.dga-number-input--error:hover{border:1px solid var(--form-field-border-error) !important}.dga-number-input--error::after{background-color:var(--form-field-border-error)}.dga-number-input--lg{height:40px}.dga-number-input--lg .dga-number-input__field,.dga-number-input--lg .dga-number-input__field::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dga-number-input--lg__feedback-icon span{font-size:20px}.dga-number-input--lg .dga-number-input__prefix,.dga-number-input--lg .dga-number-input__suffix{cursor:pointer}.dga-number-input--lg .dga-number-input__prefix-icon,.dga-number-input--lg .dga-number-input__suffix-icon{font-size:24px}.dga-number-input--lg .dga-number-input__prefix-chevron,.dga-number-input--lg .dga-number-input__suffix-chevron{font-size:20px}.dga-number-input--md{height:32px}.dga-number-input--md .dga-number-input__field,.dga-number-input--md .dga-number-input__field::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dga-number-input--md__feedback-icon span{font-size:16px}.dga-number-input--md .dga-number-input__prefix-icon,.dga-number-input--md .dga-number-input__suffix-icon{font-size:20px}.dga-number-input--md .dga-number-input__prefix-chevron,.dga-number-input--md .dga-number-input__suffix-chevron{font-size:16px}";
@@ -69,12 +69,12 @@ const DgaNumberInput = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'f8f22fc6678c9321c25cad527b9be48ca6085866', id: this.componentId, style: this.rootStyles }, h("div", { key: '9215e727105c3a4434617d087e1b506cccb29e31', class: "dga-form-control" }, this.label && h("dga-label", { key: '53ec790f0522f4080de2950b0619ffa42f2bc683', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '8ad12b9bffad19dc516acce54b1e96235e750cea', class: `dga-number-input dga-number-input--${this.size} ${this.error ? 'dga-number-input--error' : ''} ${this.fullwidth ? 'dga-number-input--full-width' : ''} ${this.variant !== 'default' ? `dga-number-input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-number-input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("button", { key: '10e92059f8a716af3dcd30635722005c060e381c', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: 'b078d6757b562af31518d651d813d0b747b32eda', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: '116ae9cac820f9069ca2044a4628f906de33e87e', name: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '8626ebba60dd2b9d1bc6e0c7a2d218ee389e178d',
+        return (h(Host, { key: 'b6cfc11bdc5d807d52a47f5d43e20b239ef7b072', id: this.componentId, style: this.rootStyles }, h("div", { key: '895e80001a6e9c4b381338adb29af0793bf693fd', class: "dga-form-control" }, this.label && h("dga-label", { key: '2b80aba8bdd09af5d1ca872b79ea059d96445886', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'efe9404c98548f4b54309ea1973a62d61f55369e', class: `dga-number-input dga-number-input--${this.size} ${this.error ? 'dga-number-input--error' : ''} ${this.fullwidth ? 'dga-number-input--full-width' : ''} ${this.variant !== 'default' ? `dga-number-input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-number-input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("button", { key: '6199d149be5c74231ff6a9eec44db045175f5f2b', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: 'e55563e4bc62d3317397164d6a9d94d4b4f4bb57', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: 'f34ed026b2c8b15056eebb03ade51588f8bb5cb3', name: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '084ad77e87c028fdec819b3fb74fd5d25ba8fd0b',
             // id={id}
             value: this.value, name: this.name, type: 'number', onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur(e);
-            }, class: "dga-number-input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), h("button", { key: 'dcd3b4f6d89a575ed8686b5c36f08175bf8b5928', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: '3a54b1e0161d222e5f063435b8bfb78aa34089dc', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: '43e350794e08f92bb44d1628fb9b3a1e4829f8df', name: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: '13a71c036023bf16c34f39b23af37f2cb09f57c8', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
+            }, class: "dga-number-input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), h("button", { key: '7f6ebb7445d298d4eced9d3a6185e4e6653c79ac', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: '0fea4e0cf41285383e10f1349e5a51df7af74cc0', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: '315234d4118b47420bda15722c7cd73bfe9d154e', name: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: '1afcf5d50b1b0d24b0fdc959a3e327f49f8e1fa3', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-pagination-usage.entry.js

@@ -6,7 +6,7 @@ const DgaPaginationUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '86fb73e350f552f42d285e588361034617c06c54' }, h("h1", { key: 'e7224890e3ea50c7d0b04a5d98c058035e8d35d0' }, "Pagination Example"), h("div", { key: 'c70ca87729d82bac7fc751d8671a083cee8d4892', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ebb5ae8db7304889dbbfe49fa336a5cf187be7c2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: 'f5aef5f4137c324398a84693038311f1d737a53c', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '9f256f42667b911174f94606d8a7def669e4c1c8', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '56a10d2dbe2457855298bda770fbe3f6cd109f7c', totalPageCount: 10, size: 'small' })), h("div", { key: '5d9ce5ad150f8dfd36d5d4573a4bae8733a6e060', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '90e571eb4e4c86b1d040563def1e63227f758430' }, h("h1", { key: '4cac213523a1ba23345328988df0b835a9c4cff9' }, "Pagination Example"), h("div", { key: '44c2bcce44cb4e165fbe562f13315c4d4a2ed4f6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e4e544aabf9ab4e57196e4b56805dd6fd8ee7cc9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: '1af325367643fb1a86cc0bcb8624e7062a1500a9', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '3d516d50bf028ed7b5042f728f1135d14c073f81', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '25a0ef6f236f662e7a0e17c10d3e4b2f58e26c1d', totalPageCount: 10, size: 'small' })), h("div", { key: 'd84647b1c5e6de3a60510bd24fa7a25d8f1698c0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-pagination.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-B4CGwdkg.js';
-import { g as guid } from './index-DEtoWGOc.js';
+import { g as guid } from './index-OZG1OajU.js';
 import { S as SxHandler } from './sx-handler-SsJVD279.js';
 import { i as isRTL } from './dir-CH66vbCC.js';
 import './sx-style-manager-BFEqPAFn.js';
@@ -83,7 +83,7 @@ const DgaPagination = class {
     render() {
         const { el } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
-        return (h("ul", { key: 'e70bc84f0ddc7e03fad72444bb2629dc9fe20c61', dir: dir, class: `pagination pagination--${this.size}` }, h("li", { key: '1e61c15182fd74e06d8e97fddfb682a3cb96b233', class: "pagination__item pagination__arrow" }, h("button", { key: '1ac9e9e1cec5fc36e5e926eb3375f2401dbd3ae5', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: 'a4616e62301dff63f8820257b9b56e2f38e9f8f6', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'f485db0b42f6257882e3fa8fd1f87d22bc3a3c59', id: "Leading Icon" }, h("path", { key: 'cb999616dd280d3a1edd1b25b1eba6dd1e0ec936', id: "Icon", d: "M10.5 12L6.5 8L10.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.paginationRange &&
+        return (h("ul", { key: '89574d2284bb22b95fd7c3cbf670e2160a2893bc', dir: dir, class: `pagination pagination--${this.size}` }, h("li", { key: '8cd804b8bb3ae0f5ba4afd21842a6015d49cc3f6', class: "pagination__item pagination__arrow" }, h("button", { key: '21e29706de888e40cdf6930ceb963b843766bf85', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: '3effbba35d2225a953be58de3344b66f27ccbafa', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'be59b6288445aaae431e22c18f9bff9b0a4a4b29', id: "Leading Icon" }, h("path", { key: 'ac3eb19633e2db8952f3e2e03683c38709c39204', id: "Icon", d: "M10.5 12L6.5 8L10.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.paginationRange &&
             this.paginationRange.map(pageNumber => {
                 if (pageNumber === DOTS) {
                     return (h("li", { key: guid(), class: "pagination__item" }, "\u2026"));
@@ -91,7 +91,7 @@ const DgaPagination = class {
                 return (h("li", { key: guid(), class: `pagination__item ${this.currentPage === pageNumber ? 'pagination__item--active' : ''}` }, h("button", { onClick: () => {
                         this.handelPageChange(pageNumber);
                     } }, pageNumber)));
-            }), h("li", { key: 'eb57daa3b780770fa63307479b2d473f06a071ef', class: "pagination__item pagination__arrow" }, h("button", { key: 'd95d3c7c8ec9a6652fc08c2e0e6a3bc97140bbd2', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: '3dd92ce2b668a5eb7063a721e8f32925ce1310b0', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '0fb900bd731288d427e37d385bfe8d263a0cc797', id: "Leading Icon" }, h("path", { key: 'c2c002e338b5a66029fd8dabfe47ebcced15aaf2', id: "Icon", d: "M6.5 12L10.5 8L6.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+            }), h("li", { key: '46b18473db22872b05dab57b90712693e1a491a1', class: "pagination__item pagination__arrow" }, h("button", { key: 'd9e8459064fb22cdb834c22eca83b10791f9150a', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: '6f5cda029a252cc73f9c4507ff6be2f57a26a712', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '19e46f0b48a6649d39cf95409e3765b1c7fd7e13', id: "Leading Icon" }, h("path", { key: '5c3f05a30bd4d48195b50d8ba88b02ef3dd101d1', id: "Icon", d: "M6.5 12L10.5 8L6.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-prefix.entry.js

@@ -1,4 +1,5 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-B4CGwdkg.js';
+import { t as tick02SolidRoundedIcon, a as arrowDown01StrokeRoundedIcon } from './index-BYA91_SW.js';
 
 const DgaPrefix = class {
     constructor(hostRef) {
@@ -28,10 +29,10 @@ const DgaPrefix = class {
         if (this.type === 'button') {
             return (h("button", { class: `input__prefix input__prefix--${this.variant}`, onMouseDown: () => (this.dpIsActive = true), onMouseUp: () => (this.dpIsActive = false), onMouseOut: () => (this.dpIsActive = false), onClick: () => this.handlePrefixClick(), ref: el => (this.prefixBtn = el) }, h("span", { class: "input__prefix-icon" }, h("dga-icon", Object.assign({}, this.icon))), h("span", { class: "dropdown__label" }, this.selectedOption && Object.keys(this.selectedOption).length ? this.selectedOption.label : ' '), h("span", { class: "input__prefix-label" }, this.label)));
         }
-        return (h(Fragment, null, h("button", { class: `input__prefix input__prefix--${this.variant} input__dropdown-btn`, onMouseDown: () => (this.dpIsActive = true), onMouseUp: () => (this.dpIsActive = false), onMouseOut: () => (this.dpIsActive = false), onClick: () => this.handlePrefixClick(), ref: el => (this.prefixBtn = el) }, h("span", { class: "input__prefix-icon" }, this.icon), h("span", { class: "dropdown__label" }, this.selectedOption && Object.keys(this.selectedOption).length ? this.selectedOption.label : ' '), h("span", { class: "input__prefix-label" }, this.label), h("span", { class: "input__prefix-chevron" }, h("dga-icon", { name: "arrow-down-01", variant: "stroke" }))), h("ul", { class: "input__dropdown-list" }, this.options &&
+        return (h(Fragment, null, h("button", { class: `input__prefix input__prefix--${this.variant} input__dropdown-btn`, onMouseDown: () => (this.dpIsActive = true), onMouseUp: () => (this.dpIsActive = false), onMouseOut: () => (this.dpIsActive = false), onClick: () => this.handlePrefixClick(), ref: el => (this.prefixBtn = el) }, h("span", { class: "input__prefix-icon" }, this.icon), h("span", { class: "dropdown__label" }, this.selectedOption && Object.keys(this.selectedOption).length ? this.selectedOption.label : ' '), h("span", { class: "input__prefix-label" }, this.label), h("span", { class: "input__prefix-chevron" }, h("dga-icon", { icon: arrowDown01StrokeRoundedIcon }))), h("ul", { class: "input__dropdown-list" }, this.options &&
             this.options.map(option => {
                 var _a;
-                return (h("li", { key: option.value }, h("button", { class: `dropdown__option ${((_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.value) === option.value ? 'selected' : ''}`, onClick: () => this.handleOptionSelect(option) }, h("span", { class: "dropdown__option-label" }, option.label), h("span", { class: "dropdown__option-icon" }, h("dga-icon", { name: "tick-02", variant: "solid" })))));
+                return (h("li", { key: option.value }, h("button", { class: `dropdown__option ${((_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.value) === option.value ? 'selected' : ''}`, onClick: () => this.handleOptionSelect(option) }, h("span", { class: "dropdown__option-label" }, option.label), h("span", { class: "dropdown__option-icon" }, h("dga-icon", { icon: tick02SolidRoundedIcon })))));
             }))));
     }
 };

package/dist/esm/dga-progress-indicator-step-v3.entry.js

@@ -71,7 +71,7 @@ const DgaProgressIndicatorStep = class {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: '68a63d0c812ddc43f0835223585ea2c6ac605f99', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '744727fee36800d87a4ac3ec4962f91fa7aea8f1', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: 'a85fbeef09bc491824462580cddc59a06dbf30ee', class: "step-label", "data-state": this.labelState }, h("span", { key: 'f24720d5d50e6d7025040087fde2b1fa58921410', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '39e2bea9fd239035361927bc587ad836cbc52692', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'c9770a17b644747c5d683d5f48f070ed89962805', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '744d10987b545956ea3470e871eb5636b99c8597', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '3c73c4d0eb4da643589cb873046facebd791aebe', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '2544d7cf7a9c11194fe596987e1b992b5b9bcba0', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '7981ca45bac9a195f81759fd424d9a62fd695b2f', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '951a145c98cca8b02351068efd00a4e3875889af', class: "step-label", "data-state": this.labelState }, h("span", { key: '776405bfc8d14e62886a8be93bc63cbfa2bb6dff', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '63fef306b1e435195e2ae7eb52c1ec2ad864e2fa', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '513540640173803976c08f8581c2b110d8a51987', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'e7b057d27cbda72fd9e9353a66e43bdc136c5e1a', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '6cdf0dca2aa4fe31ca4f8529ba1d9d214374af9a', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dga-progress-indicator-usage.entry.js

@@ -8,7 +8,7 @@ const DgaProgressIndicatorUsage = class {
     }
     render() {
         console.log(this.activeStep);
-        return (h("div", { key: '3c79a4f084a19e27d948777a9690f5cff788c910' }, h("h1", { key: '40e40b45ba937e112cdab609c93791b083f5727c' }, "Progress Indicator Example"), h("div", { key: 'c8e33a0b3e7332c68684c21d230217e0c4b4460a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '91b0e70ee92d301448e86d47c2b5eed7a2cbdaae', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '1e15431e53905aadfb1397e3be58a36103a60c95', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'b9c8529920b63d54ef1b7f9904a165eee6fdf36a', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '57953a5b3631c748bd2f6f35e1f891e96f162e7e', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '9941014d6ea9843bec1e6e7638a73326302d7bb4', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '1a469cefce702f735b8386012ad03a531a4f270b', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'c1b4f7b224900ffd89015bbe569336d8a8d3ff68', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '61988dd386a2b63d1b19e276131e7d96086f6a69', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'd09ec9461cd8a58f99076c693cbf825579103fdc', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'f6253e530f30865b565697ea1ad39755b0a03ee8', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '0242af563ace750c66059ba52efaf39d9c26f7ab', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '75654e88ee574e8412bd78d96966eccad29f2442', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'fd27183404503a11e8fd585533f12b3cc64007d5', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: 'bb08f1cddd8b53e38b1256840355e2ed235e26d9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '860aaa83040e5fa38bf9a2ad49a4e3d5d0b5cfc5' }, h("h1", { key: 'bfbe9794dc3c245fad55962550f7c198feab49ef' }, "Progress Indicator Example"), h("div", { key: '55d6ba6e2de3fa97c2840d517420cb655f95bcb6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a32b6b38fbb738dc067c2532a58c2ee5c68efe18', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'fb4592dd178693b6e97bd0d43dd3488eacea03b1', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '9ccf69edab1d8f40980b85515ed35cb4ed48dd88', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '6425f8e926858dd354741cf7cc112efab93caebd', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'b5215177ba4c78345d4495074aa36d87056663bb', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '8476f0bf8bd6652e1638714881c99004445f9a04', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '8e7fc0021bcd9d93b6ed60ac45ee7fa427c4a545', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '8cec935d461b533a753f40ab531e4ab58ee4d1f8', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '071ca39f21055f935d08f905bb18d58ccc5002de', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'e884aca8d8c1352e8f880b40fad00e7c1ccfa067', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '02b48e719d1cacff5138886396b2ee9a08c58eee', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'bcd292bfa71b1e3002ebf72a2a552144b5c46ca4', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'f95a10827beb83d7907f428a0fe9522eb0702e7f', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: 'bc66063dcbb3c4e09aa07e5df9f2cb5f79ddbb8a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-progress-indicator-v3-usage.entry.js

@@ -8,7 +8,7 @@ const DgaProgressIndicatorUsage = class {
     }
     render() {
         console.log(this.activeStep);
-        return (h("div", { key: 'b48e6a8b418fc38454f4dc5c467fa5be985967db' }, h("h1", { key: '837b665be29e641756201f89b32db31bdc712317' }, "Progress Indicator Example"), h("div", { key: '1019a10cf2c49d09eb21d48657a4f37f18dfb168', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '7e24069129fc7da2bb8c97ef63451db8e5967534', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'db01c2b353bdbc570c11245b9ca169c402970fc7', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'adff0cf9cf3d1ce99d29f62851fa69f37de71f8d', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '28d8c6548f47b7172e8d4018f2a20e8793b2fd37', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'bd10f7ca70bb3c94b6fe8d236346aed47d532037', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '041ff0b1364135d3f140111384b7533ef4839154', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'a4e08419819b7d43a307afdfcc0374943765b806', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'c9019aa604770af183cdd7969fe83b125c9307a9', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '62ca7e516d82d0a98ca15789f39e5c02a85af5e2', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'b70b46f3c6b209000b3b571cd88f4f49de88296a', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'b72ed5202ba89d34803b50c1c9ee954aa7de009c', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '1f2a5514b1b234a30213ea131de73392bf721791', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '4c4ec86d9a9eb1680d90bd50b353f3b213185731', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '30fa92f6c005b5aa8e3487aa1ec6c22bfda99124', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '49bdea112d1ef2414b88207d0f3f4638f4d0007e' }, h("h1", { key: 'b95cd4e4dae75523c6a65f44bc06155cb75981c8' }, "Progress Indicator Example"), h("div", { key: '05511147d75af1ab54fe401b090923f586568514', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0034a7ac7456a2682f0709412c1a9e4407b41a6e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'b19745d71d2ed1ba06a324010fa3a91fbba01dd5', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'ff79b843056df653432bc76cff58850c77a66b58', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '5fee02140ee8e5c3f944ea7fb1aa1fe014903e61', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '46580ea9f1ab2fb53400a65b7e3e814e94afe185', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '3991523b382d2bd6fdc4d968ea18b931a731ce80', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'fbf44c5a33e9deb47e08ae865f6c805e595069c8', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '59e1bb338e690802321bd7e12018499241d70d9b', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'b7d10d6cee79113fa28c0d8449f3eb74fd663f8b', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'cc402b2f342d196a58a5c9ddcc245e0d890c7892', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '80242d121043f690c940a9295c5d6b31578536ed', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'ae59a7c0ef02362885ba4533b119af10ac5e6e0b', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '2ff84358fd4b1ba7ff3237efb41ccf62b4564495', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '0cec5c114ac8c3ed2fd8020515a18ba741675e27', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-progress-indicator-v3.entry.js

@@ -41,7 +41,7 @@ const DgaProgressIndicator = class {
     }
     render() {
         // console.log(this.activeStep , "<= active step")
-        return (h("div", { key: 'a3c06d298fbc89ecac28d7ad3addb50565296499', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: 'a24f26240fce05d8344b6241190efdfd1dd6e185', name: 'progress-indicator-step' })));
+        return (h("div", { key: '19a2c27561dc325a52fe922ae57a5af5a1de88e7', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '0d8e4928f96c74b8a3a6edf3a0da099046debcd4', name: 'progress-indicator-step' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-progress-indicator_2.entry.js

@@ -28,7 +28,7 @@ const DgaProgressIndicator = class {
         this.updateInternalActiveStep();
     }
     render() {
-        return (h("div", { key: '313a5076ccdb9426c785ddb0cc7b1fa0e6b00c1d', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: 'fe432618308c4943c93c326e15f2bb56452b4e4d', name: 'progress-indicator-step' })));
+        return (h("div", { key: 'e3f33c409c99c76bf9d5b742b7691b562a8a490c', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '6dd6439980a5b85a67d142ea68fcb5bfe1e8008a', name: 'progress-indicator-step' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -101,7 +101,7 @@ const DgaProgressIndicatorStep = class {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: 'b17a56d3701e84037fb115c847aa28611dc11d17', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '685af696496b2a8054b4f85f04e72cf1a8a42d18', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: 'b736a289ef36f17d1f7d24f80006f79f003ebc0d', class: "step-label", "data-state": this.labelState }, h("span", { key: '01d03a718f84241e75cd513eb0b057bfb69329aa', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '70ae1e2a1e597e0bc02436d79347c486f7a8a6ed', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '04ec459e25cc4acd32fe589d9b68a41d7cfa8f96', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '468c30b28146a70e38e3c3972bf93cf2259e6b37', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '106b950a94f764b9afff0284431ed3db40960a4f', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: 'aefa8b3de485cd680b113d810ad23efbec59c4d7', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: 'bd3f05e617713811c6ad839b0f62f256ed16e399', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '8e7fd1cacb3ba89ca65b51342ee528976c82f8a3', class: "step-label", "data-state": this.labelState }, h("span", { key: '27ba058dd4ff8fcaccfae89b35e9f9826df2b71b', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'ded1e2ca0776961b628b1030a6516019b23cd75e', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'c72973d7ae85a68855bc1359a19db957f73e2906', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '3a54081c28289a076882b358e26ecb1058057d9c', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '659ad1c346eda2a2491e693c3e148094d7a6f632', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dga-quote-usage.entry.js

@@ -6,7 +6,7 @@ const DgaQuoteUsage = class {
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: '8e44b5586bec0f0ecf061ada550d491236f2f8db' }, h("h1", { key: '8b0601930a24e1219c18a3285427fac072798fa2' }, "Quote Example"), h("div", { key: '293c1b2df9d61fec0e081e015748963c69dad29b', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '054d276d71e67ee068827c2f2df1884f5a1796ae', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: '4de62c4f6035992ed10ca177888a760eeba55ce1', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '336bca0344ab748e24478b3d89a7460c47da4e45', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: '680cbfaef3dbebcf6fd61121f15fd3a52ec6937c', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: '7b59d5cd7223387ec9ecaf09ae430cd5fa031665' }, h("h1", { key: 'c559eb076b7986f94c1bdbe8813692219cd85206' }, "Quote Example"), h("div", { key: 'fdd12b17fbd6083a322bf11b6b7d591876711099', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '33fe8a38ca236161d916a9e334586a752f10e2e6', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: 'a8997e3d3f0bca7f9529bac03e0e8ed90d682234', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '9a27f63db1512dc033c546b9e2a5cc86e25e1fc6', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: '7b7fb07e6b082f02a58d87cdebaf03660d5cbc45', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };
 

package/dist/esm/dga-quote.entry.js

@@ -17,6 +17,7 @@ const DgaQuote = class {
         this.authorName = '';
         this.authorDescription = '';
         this.showAvatar = false;
+        this.avatarSrc = '';
     }
     componentWillLoad() {
         this.sxHandler = new SxHandler(this.el, 'dga-slider');
@@ -31,7 +32,7 @@ const DgaQuote = class {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h("div", { key: 'f953fa320841774c300c9ceb3b58af66e76068e5', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: 'daa6b47644de37f67c05bb15b29044603672f368', class: "dga-quote__body" }, h("dga-flex", { key: '89af50c2704e87db43ade276cf1d807226dd64ab', spacing: 9 }, h("span", { key: 'e139556bd6f52a0fced329ec8e964df302035559', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '142d89dd027a704787fe0117a1dbc187a2135b55', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: '287b86255d706047b42859725d6bc19f5a4c579c', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: '4c972383ea25ec12f219525a82b7e1a1c8509d41', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: 'cc2d41cbf8bc19f2e8bfbd862520895e300708fb', class: "dga-quote__auther-details" }, h("dga-flex", { key: 'c19a57ba47874a43416ac3bb727b4fa9a130ff13', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '9ce1aa667cb7b445b4252d07eb5fbf1dd80c5c20', size: 80, type: "image", border: false }), h("dga-flex", { key: '231002891c6bee8231dce80b6ca1c62ae6d2108a', direction: "column", spacing: 8 }, h("h3", { key: '19d535f64ce2fa95ad2be5a0de6db6682ecfa88f', class: "auther-title" }, this.authorName), h("p", { key: '4c6f44efa6c2107a5885efbe178d46a3c926f7c7', class: "auther-desc" }, this.authorDescription))), h("span", { key: '621efd9b1e48319f48546a1c4155438c6bebb8ff', class: "quote-icon" }, "\u201C")))));
+        return (h("div", { key: '07dd772dbecb2357d9b415f9d0634b8026dcd545', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '6610e95353f3401a7ff3611c95fd5265940cb6ae', class: "dga-quote__body" }, h("dga-flex", { key: '0ac4e007538c281e0f77354f6b075cb1c721186e', spacing: 9 }, h("span", { key: '058665944ad2a598a97c578e469feeccaff80356', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '72675b554aae7b2818776565b5a687a7617c960f', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: 'ae55478db2150cbe3fe3958084a022c16ab1dbfe', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: '161e595a53136e146d2fc4aabd4380b10812d1ba', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '3a3073a56b54bfe6d84e7fd1f1e2879d65684a91', class: "dga-quote__auther-details" }, h("dga-flex", { key: 'ca7ced49fdf2dc3f0e5047d13cc1736948b1b9e3', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '1dd0ab142f1bfb671971289b468cc5802d7735a4', size: 80, type: "image", border: false, imgUrl: this.avatarSrc }), h("dga-flex", { key: 'a48f41654eafe4c267749edc87fa839043f2c170', direction: "column", spacing: 8 }, h("h3", { key: 'dd46a2f0c41206e1fa49dd7d6d6c0f2cb7c9a95e', class: "auther-title" }, this.authorName), h("p", { key: '14c40e6d46e0a2baaa64646e911c2aebc8b3dfcd', class: "auther-desc" }, this.authorDescription))), h("span", { key: '6905a5bbd199c912c81b2ddf5ce5d4fd2c56ebbc', class: "quote-icon" }, "\u201C")))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-radial-stepper-usage.entry.js

@@ -15,7 +15,7 @@ const DgaRadialStepperUsage = class {
         this.activeStep = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (h("div", { key: '24116d4ab2d75e03b491ffded68c266de63fce98' }, h("h1", { key: 'a872b46abe444955d797abc0aaccee386b39b75d' }, "Radial Stepper Example"), h("div", { key: 'cdcfbe07d95f93938d7169d5ebbfd5deb4f4fade', style: { padding: '50px', gap: '20px' } }, h("div", { key: '013d429926c4eac491840e5a1cf77534e0814cd5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '030e66481462a9b3b8512f6bd3140b7bc2c73b4c', size: "120px", activeStep: this.activeStep, steps: [
+        return (h("div", { key: '3bfd206db81ed99dae9ec22401ce166ab9ea202d' }, h("h1", { key: 'e0ebc16837cf106a013ba87d0e6335a561a8ea89' }, "Radial Stepper Example"), h("div", { key: '4d62785358273ec5b138e2ae73a48f97fa255805', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'a4c02d5dae77954998556f79d2f85138ac2f0ab7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '46515a109fefa768232d04f46169729ff592e002', size: "120px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -40,7 +40,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: 'e45dbe8ef4edcfa83b361f55623ade75ed688713', size: "80px", color: "success", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '7eb636bc195cf435c17cd9a45fbdcc306210e415', size: "80px", color: "success", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -65,7 +65,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: 'b5622c1e7f554511599e091ddb17f0bdb1d927da', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '1b6c497328a00e4975a09fbbacddc7db4faa71f3', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -90,7 +90,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '009e80762077dd17cb2cfce481d89482c1e37dc0', size: "48px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: 'e1eea3d7c88b596ce0e38c2150f2ac0aa7970e8e', size: "48px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -115,7 +115,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: 'e1035ab84eb74d7549f1e6297da329c2fda524b0', size: "40px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '598021ae613ccabbf08d5533ffc440e8becb250c', size: "40px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -140,10 +140,10 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("div", { key: 'ef06f5b9cf5e4f1e29e3f32310158f8aae23771e', style: {
+            ] }), h("div", { key: '1fedca41452567be59be5c385a6755d56d80461f', style: {
                 backgroundColor: "#1B8354",
                 padding: "40px"
-            } }, h("dga-radial-stepper", { key: '6f860b35496251183c7cc64a3f0ace42a136bb49', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
+            } }, h("dga-radial-stepper", { key: 'ae1299b79c91f475dd75ef211930cd64a39b0589', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -180,7 +180,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ], RTL: true })), h("button", { key: '522fbc9a7cc2b44df244b1c74577dd05292ed144', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: 'f1b45d5366d45cd63e228131b9188c1e8c9891ca', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: '15fc610fdb23eeb6887b804d5ab6c9ba8913f019', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
+            ], RTL: true })), h("button", { key: 'abe42640524b6901e6152fc9a411b8838344bd68', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: '72142c1d3494195ecdd122b9f79e9a622f34d093', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: '87c2d846e13106f4b8b5ddc7f0b4ba7eb7c2e152', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
     }
 };
 

package/dist/esm/dga-radial-stepper.entry.js

@@ -37,12 +37,12 @@ const DgaRadialStepper = class {
         const radius = (this.sizes[this.size] - strokeWidth) / 2;
         const dashArray = 2 * Math.PI * radius;
         const dashOffset = (this.RTL ? 1 : -1) * dashArray * (1 - this.internalPercentage / 100);
-        return (h(Host, { key: 'd601d1e0bdf9efa319caba637e5ba05d543ca454' }, h("dga-flex", { key: '149bc159858c693c3b5886799ba0d0d3daa54944', spacing: 8, align: 'center', dir: this.RTL ? "rtl" : "ltr", class: `dga-radial-stepper--${this.size} dga-radial-stepper--${this.variant}`, "aria-size": this.size }, h("div", { key: '469440ef80a6632a8c74879a994aee0dfa0309f8', class: "dga-circular-stepper", "aria-size": this.size }, h("div", { key: '886ee4d15355c0d9468bbc36b75f7c0e11311cf0', class: "dga-circular-stepper__label" }, this.showText && this.steps.length > 0 && h("h4", { key: '9f2bc43ecc6e77ebfc62eb6ccdb41bace54ee98b', class: `dga-circular-stepper__label--text ${this.variant}` }, this.RTL ? `${this.internalActiveStep} من ${this.steps.length}` : `${this.internalActiveStep} of ${this.steps.length}`)), h("svg", { key: 'bf587649a96a8f76a89872f2581efb0694cb06a7', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: 'c6a1a856efca52269099423d5d1e4fd13467b24a', class: `track track--${this.variant}`, fill: "none", stroke: "#e6e6e6",
+        return (h(Host, { key: 'aad9ed3d87a2ca7d06729170f332fe70a36f1899' }, h("dga-flex", { key: 'be43194cf9f1fba264c6787d9bba943a093407ec', spacing: 8, align: 'center', dir: this.RTL ? "rtl" : "ltr", class: `dga-radial-stepper--${this.size} dga-radial-stepper--${this.variant}`, "aria-size": this.size }, h("div", { key: 'b40c1518a553373897a651056052005bf9179245', class: "dga-circular-stepper", "aria-size": this.size }, h("div", { key: 'd69cf42dffe6569559fd8d498a7d34849f150525', class: "dga-circular-stepper__label" }, this.showText && this.steps.length > 0 && h("h4", { key: 'e1dd3f66952917377f71aa7c75175ec8aa6ce00d', class: `dga-circular-stepper__label--text ${this.variant}` }, this.RTL ? `${this.internalActiveStep} من ${this.steps.length}` : `${this.internalActiveStep} of ${this.steps.length}`)), h("svg", { key: 'fd88a6455fc2bb7b0073ca30e0df4a9feaf2892f', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: 'b4d6e0d31afe30d0ae1addf307bc2f896b95b11f', class: `track track--${this.variant}`, fill: "none", stroke: "#e6e6e6",
             // stroke="currentColor"
-            r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth }), h("circle", { key: '8350b172d9e63e8b5d0f138313ab71a3f8f4e4ce', class: `tail tail--${this.variant}`, fill: "none", stroke: "currentColor", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth, "stroke-linecap": 'round', "stroke-dasharray": dashArray, "stroke-dashoffset": dashOffset, transform: `rotate(-90 ${this.sizes[this.size] / 2} ${this.sizes[this.size] / 2})`, style: {
+            r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth }), h("circle", { key: 'edd6807f0453048ad0caaa18990b6a42613ab90c', class: `tail tail--${this.variant}`, fill: "none", stroke: "currentColor", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth, "stroke-linecap": 'round', "stroke-dasharray": dashArray, "stroke-dashoffset": dashOffset, transform: `rotate(-90 ${this.sizes[this.size] / 2} ${this.sizes[this.size] / 2})`, style: {
                 transition: 'stroke-dashoffset 0.5s ease',
-            } }))), h("dga-flex", { key: '638af7003ed048eefc26d847f88b52e16b859e14', direction: 'column', spacing: 4 }, ((_a = this.steps[this.internalActiveStep - 1]) === null || _a === void 0 ? void 0 : _a.showPreStep) && h("span", { key: '4380d0d2e6b7c03329f99d449a29fa22b178d50c', class: "dga-radial-stepper__pre-name" }, "Previous: ", (_b = this.steps[this.internalActiveStep - 1]) === null || _b === void 0 ? void 0 :
-            _b.stepName), this.showStepName && ((_c = this.steps[this.internalActiveStep - 1]) === null || _c === void 0 ? void 0 : _c.stepName) && h("h3", { key: '7dfd5d944bdba170239a6d356535d8c7a477725d', class: "dga-radial-stepper__name" }, (_d = this.steps[this.internalActiveStep - 1]) === null || _d === void 0 ? void 0 : _d.stepName), this.showStepDescription && ((_e = this.steps[this.internalActiveStep - 1]) === null || _e === void 0 ? void 0 : _e.stepDescription) && h("h5", { key: 'd400a5e2df898aba8ca1762fc3d61167dd4b051e', class: "dga-radial-stepper__desc" }, (_f = this.steps[this.internalActiveStep - 1]) === null || _f === void 0 ? void 0 : _f.stepDescription), ((_g = this.steps[this.internalActiveStep - 1]) === null || _g === void 0 ? void 0 : _g.showNextStep) && h("span", { key: '4bb5db7d6032db7b328094419728e14867f80282', class: "dga-radial-stepper__next-name" }, "Next: ", (_h = this.steps[this.internalActiveStep]) === null || _h === void 0 ? void 0 :
+            } }))), h("dga-flex", { key: '3f25425d84ee74d7d95eb295577cc75733ab7f51', direction: 'column', spacing: 4 }, ((_a = this.steps[this.internalActiveStep - 1]) === null || _a === void 0 ? void 0 : _a.showPreStep) && h("span", { key: '7285fa6dc4d3e00422337f45a6a8f19af206ca97', class: "dga-radial-stepper__pre-name" }, "Previous: ", (_b = this.steps[this.internalActiveStep - 1]) === null || _b === void 0 ? void 0 :
+            _b.stepName), this.showStepName && ((_c = this.steps[this.internalActiveStep - 1]) === null || _c === void 0 ? void 0 : _c.stepName) && h("h3", { key: '8b3e9d70ecd7519eb355723e219673fe8667caca', class: "dga-radial-stepper__name" }, (_d = this.steps[this.internalActiveStep - 1]) === null || _d === void 0 ? void 0 : _d.stepName), this.showStepDescription && ((_e = this.steps[this.internalActiveStep - 1]) === null || _e === void 0 ? void 0 : _e.stepDescription) && h("h5", { key: '64075daa2515a49f07b88336a07a4efd563f8035', class: "dga-radial-stepper__desc" }, (_f = this.steps[this.internalActiveStep - 1]) === null || _f === void 0 ? void 0 : _f.stepDescription), ((_g = this.steps[this.internalActiveStep - 1]) === null || _g === void 0 ? void 0 : _g.showNextStep) && h("span", { key: 'a1e6c2057849dd5a7202f91418723579712d9131', class: "dga-radial-stepper__next-name" }, "Next: ", (_h = this.steps[this.internalActiveStep]) === null || _h === void 0 ? void 0 :
             _h.stepName)))));
     }
     static get watchers() { return {