@platformscode/core 0.0.43 → 0.0.45

package/dist/components/dga-carousel-v2.js

@@ -1,4 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
+import { g as arrowLeft01Stroke, h as arrowRight01Stroke } from './p-DI5KU0KR.js';
+import { d as defineCustomElement$2 } from './p-DelImzb3.js';
 
 const dgaCarouselCss = "@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\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&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{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{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{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}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;line-height:1.15;background-color:var(--background-site);font-size:62.5%;font-family:Inter, \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}*,*::before,*::after{box-sizing:inherit}body{background-color:var(--background-site);color:var(--text-high-contrast);font-size:1.6rem;line-height:1.65}.theme-light{--brand-primary:rgb(47, 112, 193);--brand-secondary:rgb(116, 97, 195);--brand-alternative:rgb(19, 120, 134);--background-site:rgb(249, 249, 249);--background-code:rgb(244, 244, 244);--text-body:rgb(54, 49, 61);--text-comment:rgb(99, 94, 105);--text-high-contrast:rgb(49, 49, 49);--text-medium-contrast:rgb(99, 94, 105);--text-low-contrast:rgb(116, 109, 118);--detail-high-contrast:rgb(192, 192, 192);--detail-medium-contrast:rgb(234, 234, 234);--detail-low-contrast:rgb(240, 240, 242);--admonition-note:rgb(46, 109, 188);--admonition-warning:rgb(255, 196, 9);--admonition-danger:rgb(220, 38, 38);--brand-primary-rgb-value:47, 112, 193;--brand-secondary-rgb-value:116, 97, 195;--brand-alternative-rgb-value:19, 120, 134;--background-site-rgb-value:249, 249, 249;--background-code-rgb-value:244, 244, 244;--text-body-rgb-value:54, 49, 61;--text-comment-rgb-value:99, 94, 105;--text-high-contrast-rgb-value:49, 49, 49;--text-medium-contrast-rgb-value:99, 94, 105;--text-low-contrast-rgb-value:116, 109, 118;--detail-high-contrast-rgb-value:192, 192, 192;--detail-medium-contrast-rgb-value:234, 234, 234;--detail-low-contrast-rgb-value:240, 240, 242;--admonition-note-rgb-value:46, 109, 188;--admonition-warning-rgb-value:255, 196, 9;--admonition-danger-rgb-value:220, 38, 38}.theme-dark{--brand-primary:rgb(138, 180, 248);--brand-secondary:rgb(193, 168, 226);--brand-alternative:rgb(136, 186, 191);--background-site:rgb(0, 0, 0);--background-code:rgb(12, 12, 12);--text-body:rgb(222, 222, 222);--text-comment:rgb(170, 170, 170);--text-high-contrast:rgb(230, 230, 230);--text-medium-contrast:rgb(202, 202, 202);--text-low-contrast:rgb(170, 170, 170);--detail-high-contrast:rgb(101, 101, 101);--detail-medium-contrast:rgb(25, 25, 25);--detail-low-contrast:rgb(21, 21, 21);--admonition-note:rgb(138, 180, 248);--admonition-warning:rgb(253, 186, 116);--admonition-danger:rgb(220, 38, 38);--brand-primary-rgb-value:138, 180, 248;--brand-secondary-rgb-value:193, 168, 226;--brand-alternative-rgb-value:136, 186, 191;--background-site-rgb-value:0, 0, 0;--background-code-rgb-value:12, 12, 12;--text-body-rgb-value:222, 222, 222;--text-comment-rgb-value:170, 170, 170;--text-high-contrast-rgb-value:230, 230, 230;--text-medium-contrast-rgb-value:202, 202, 202;--text-low-contrast-rgb-value:170, 170, 170;--detail-high-contrast-rgb-value:101, 101, 101;--detail-medium-contrast-rgb-value:25, 25, 25;--detail-low-contrast-rgb-value:21, 21, 21;--admonition-note-rgb-value:138, 180, 248;--admonition-warning-rgb-value:253, 186, 116;--admonition-danger-rgb-value:220, 38, 38}.embla{max-width:48rem;margin:auto;--slide-height:19rem;--slide-spacing:1rem;--slide-size:70%}.embla__viewport{overflow:hidden}.embla__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1)}.embla__slide{transform:translate3d(0, 0, 0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing)}.embla__slide__number{box-shadow:inset 0 0 0 0.2rem var(--detail-medium-contrast);border-radius:1.8rem;font-size:4rem;font-weight:600;display:flex;align-items:center;justify-content:center;height:var(--slide-height);user-select:none}.embla__controls{display:grid;grid-template-columns:auto 1fr;justify-content:space-between;gap:1.2rem;margin-top:1.8rem}.embla__buttons{display:grid;grid-template-columns:repeat(2, 1fr);gap:0.6rem;align-items:center}.embla__button{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value), 0.5);-webkit-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;box-shadow:inset 0 0 0 0.2rem var(--detail-medium-contrast);width:3.6rem;height:3.6rem;z-index:1;border-radius:50%;color:var(--text-body);display:flex;align-items:center;justify-content:center}.embla__button:disabled{color:var(--detail-high-contrast)}.embla__button__svg{width:35%;height:35%}.embla__dots{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-right:-0.6rem}.embla__dot{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value), 0.5);-webkit-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.embla__dot:after{box-shadow:inset 0 0 0 0.2rem var(--detail-medium-contrast);width:1.4rem;height:1.4rem;border-radius:50%;display:flex;align-items:center;content:\"\"}.embla__dot--selected:after{box-shadow:inset 0 0 0 0.2rem var(--text-body)}";
 
@@ -97,7 +99,7 @@ const DgaCarousel = /*@__PURE__*/ proxyCustomElement(class DgaCarousel extends H
         }
     }
     render() {
-        return (h("section", { key: '570d83c85e58b5009f42ebce4b57cb6e02fe30d4', class: "embla" }, h("div", { key: '619322c515830d486f463ee3567ccf3d6e848122', class: "embla__viewport" }, h("div", { key: '9957880649b602280da659241865576b3be61740', class: "embla__container" }, h("div", { key: '33a5fe6a19aed44690d7719e80213997415c1e4c', class: "embla__slide" }, h("div", { key: 'ec98e6742b8bcfbcf28e4eb6b03e27b3763e3318', class: "embla__slide__number" }, "1")), h("div", { key: '726b8429858f89da647d4c59c49bc2bd20527186', class: "embla__slide" }, h("div", { key: '922597ce56e09a28732fc637a9a2b263d74506ce', class: "embla__slide__number" }, "2")), h("div", { key: '4ea3c927a4bef78732c06b638445f9fc65adcddf', class: "embla__slide" }, h("div", { key: '920b4424f4556f95049dfc6f123a6bb573659870', class: "embla__slide__number" }, "3")), h("div", { key: '85a655116d99f2d943450d12eb31001feeea367d', class: "embla__slide" }, h("div", { key: '76e448362e3cd53e391d7bc80cd2660075c58ce4', class: "embla__slide__number" }, "4")), h("div", { key: '521dac2537dd54e214bda5ce4962d081c0b1ac40', class: "embla__slide" }, h("div", { key: 'b5e22084b439ec476e115fe6c6ddc0d497c469ac', class: "embla__slide__number" }, "5")))), h("div", { key: '0fe534f525967eb43991a19a79d0deccebe0edbd', class: "embla__controls" }, h("div", { key: 'a12d9228c882aeb396edf728a4a89fd4b6ddae08', class: "embla__buttons" }, h("button", { key: 'bfa041ffb4be57f27cb493b0e780493c38ff9a8b', class: "embla__button embla__button--prev", type: "button" }, h("svg", { key: 'f1bbfc60ebc32c73aea3cfabca6da5e25a3a89e7', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: 'bbb331f1036d5ccb01baa7ae74106d239780b949', fill: "currentColor", d: "M355.66 11.354c13.793-13.805 36.208-13.805 50.001 0 13.785 13.804 13.785 36.238 0 50.034L201.22 266l204.442 204.61c13.785 13.805 13.785 36.239 0 50.044-13.793 13.796-36.208 13.796-50.002 0a5994246.277 5994246.277 0 0 0-229.332-229.454 35.065 35.065 0 0 1-10.326-25.126c0-9.2 3.393-18.26 10.326-25.2C172.192 194.973 332.731 34.31 355.66 11.354Z" }))), h("button", { key: '1b0cd6a85a977d5c8d95711ba84f88609263ea8a', class: "embla__button embla__button--next", type: "button" }, h("svg", { key: 'e4ceb67055d003f856911a633bad793a758b88e3', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: 'eac83fa44383eb8cc3b650955474144630292f68', fill: "currentColor", d: "M176.34 520.646c-13.793 13.805-36.208 13.805-50.001 0-13.785-13.804-13.785-36.238 0-50.034L330.78 266 126.34 61.391c-13.785-13.805-13.785-36.239 0-50.044 13.793-13.796 36.208-13.796 50.002 0 22.928 22.947 206.395 206.507 229.332 229.454a35.065 35.065 0 0 1 10.326 25.126c0 9.2-3.393 18.26-10.326 25.2-45.865 45.901-206.404 206.564-229.332 229.52Z" })))), h("div", { key: 'e5471fe0eec776b42b017a362364440a512bd936', class: "embla__dots" }))));
+        return (h("section", { key: 'b61a2168fd4309ca842e905f707529ff7d55e49a', class: "embla" }, h("div", { key: '52c6c2183ed9935b8d6bc2aaab3343dfa2be61fe', class: "embla__viewport" }, h("div", { key: '3cb1663c0b12f976059cdbddaeeba058be31399f', class: "embla__container" }, h("div", { key: '0ab1cfa3d63890e737ff556d5435c4ca1145f998', class: "embla__slide" }, h("div", { key: '450ecc710f0b54a9bd6ea919a96205218de277e3', class: "embla__slide__number" }, "1")), h("div", { key: 'ad787841460a36e90aadac8d74763961d7956381', class: "embla__slide" }, h("div", { key: 'f2b10b390556b984cf8116aa93e5b6a05c53e7dd', class: "embla__slide__number" }, "2")), h("div", { key: '1a5059c34f2499d1a0428978d7642859d6f0039a', class: "embla__slide" }, h("div", { key: '8b0f3e56f5d9f8ab2726a6f6da4070f553eee90e', class: "embla__slide__number" }, "3")), h("div", { key: 'af69542441ffd30126fb3b2232e6cf2f0fdd7d7b', class: "embla__slide" }, h("div", { key: '54bad6df66a7d915f4ba2834701d0483545d9857', class: "embla__slide__number" }, "4")), h("div", { key: '09eb6153f9d4ef6671ad4578ee556e16f40a2465', class: "embla__slide" }, h("div", { key: 'f9272cc4492ada7ade99ae06eb4325373fa22188', class: "embla__slide__number" }, "5")))), h("div", { key: 'edb17a672d7012fc2e189dbc35f1e0c6b168890c', class: "embla__controls" }, h("div", { key: 'fd36003b9bd2c3411e58768f289889dbfb1fe834', class: "embla__buttons" }, h("button", { key: '9f0aa80cadfdd948c852bee5444641a70de7dc2e', class: "embla__button embla__button--prev", type: "button" }, h("dga-icon", { key: '7f1baca00554f318d96d5525edbfc996790f4a64', class: "embla__button__svg", icon: arrowLeft01Stroke, size: 24, color: '#161616' })), h("button", { key: '0685334652bfe1f85ea689cac95cf0d235b5c509', class: "embla__button embla__button--next", type: "button" }, h("dga-icon", { key: 'ef506eedbb5efc81ac8a67684dd5753085041ef5', class: "embla__button__svg", icon: arrowRight01Stroke, size: 24, color: '#161616' }))), h("div", { key: 'bf123b4b7d53396392872d0161436f4e0186f6ba', class: "embla__dots" }))));
     }
     get el() { return this; }
     static get style() { return dgaCarouselCss; }
@@ -118,13 +120,18 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["dga-carousel-v2"];
+    const components = ["dga-carousel-v2", "dga-icon"];
     components.forEach(tagName => { switch (tagName) {
         case "dga-carousel-v2":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, DgaCarousel);
             }
             break;
+        case "dga-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
     } });
 }
 

package/dist/components/dga-carousel.js

@@ -1,4 +1,4 @@
-import { D as DgaCarousel$1, d as defineCustomElement$1 } from './p-C7iRYqgf.js';
+import { D as DgaCarousel$1, d as defineCustomElement$1 } from './p-CbYzeYSx.js';
 
 const DgaCarousel = DgaCarousel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-chart-usage.js

@@ -7,7 +7,7 @@ const DgaChartUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaChartUsage ext
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '91054295b8e1075c8f0cfe532107a163d5cd1736' }, h("h1", { key: '8347c6a77c34ff1043acbe5d7275cc0698952605' }, " Chart Example"), h("div", { key: 'b70e42f354aa66b85c563664a2a9e9e17353025a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '9ddd8ef9e51cf481f284d8722b1b6f35a491768e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: 'a00aa0be180d54e27400f3918c6891ffd73fe3d5', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '609442d56c96b8da8069c02f26d61b4b3a758622', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'f756f8a16664429297ec264a66e4ec39ebe98d9b', type: 'line', series: [
+        return (h("div", { key: 'f1b4ca2723b6f1f2ed93a985559202bc28e32aad' }, h("h1", { key: '814d8d99abdfc3db6c5fa3cccffc94498fac2815' }, " Chart Example"), h("div", { key: 'c9bf4dd84b3a396a258fb5f1d73be1b9b60e053b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '11857276b4c95a18fba17da17f9231f4e8b88520', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: '21b71d9cc524329c1ba7509e68711fe502704ae5', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'c0413c6df90ff2267aa8bec68c1ac8b7fb2d81d3', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'eba06531ca4bec0f2806feef1a204cd4ff000367', type: 'line', series: [
                 {
                     name: 'Series A',
                     data: [1.4, 2, 2.5, 1.5, 2.5, 2.8, 3.8, 4.6],
@@ -25,7 +25,7 @@ const DgaChartUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaChartUsage ext
                 title: {
                     text: 'Active users',
                 },
-            } }), h("dga-chart", { key: '5d3fe0e2cf1f707b95da89c78c3493378d85b75b', series: [
+            } }), h("dga-chart", { key: '3346a1a4f3c5443a3bcb90e225d4f3abaaf7ea8c', series: [
                 {
                     name: 'Series A',
                     data: [44, 55, 41, 44, 55, 41],

package/dist/components/dga-checkbox-usage.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-D5Cpd9xK.js';
-import { d as defineCustomElement$2 } from './p-zVn-LSJh.js';
+import { d as defineCustomElement$3 } from './p-TaVdpTlZ.js';
+import { d as defineCustomElement$2 } from './p-DelImzb3.js';
 
 const DgaCheckboxUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCheckboxUsage extends H {
     constructor() {
@@ -9,7 +9,7 @@ const DgaCheckboxUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCheckboxUsa
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'c4e540214198e65b5f432db3c5bbc8158c81dd06' }, h("h1", { key: '338bb151722f1f32b745782ccf3ae74af30fe79a' }, "Checkbox Example"), h("div", { key: 'cda273202f63609b6ba5309fc72eec20ab2ca924', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a860342b975c3efe2ad9bb82351160baf52ae1ba', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: '6986b01315fefac2b69e9decc528ee6ca1182e6c' }, "test"), h("dga-checkbox", { key: '7de3fccd35c2d7c14243ae82adb8458c6d3832d8', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: 'da2dbc3ced0bd9991370a40d80b589d14cc9a80f', size: 'lg' }), h("dga-checkbox", { key: 'a71a5d2e0c963996cfbd4a3d74e66a131651af4a', size: 'md' }), h("dga-checkbox", { key: 'e360f109e741920d24ceffdb8e939877cc4f0523', size: 'sm' })), h("div", { key: 'ad09ab4003870d5b6af75e4c3bf8868bd8748d1f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '5f5ddb35f178c766fa9ac1b9ddc469fc0c426cbe' }, h("h1", { key: 'b15d5ecc8d0f181309da33c44bd913a403b784db' }, "Checkbox Example"), h("div", { key: 'e64d891c05f5c1a8e962764ad5e9d3443277407b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ee0299fe0f8f04212e3dbad31c9fedfaad660017', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: '22cb8e922923bbfb6ae3a7a5ced89a0d69dec22b' }, "test"), h("dga-checkbox", { key: 'de27ab5f9385641471055ac065806f91c55086e5', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: '048c1626d4fd27a906eae29e3284191d3c6e2c55', size: 'lg' }), h("dga-checkbox", { key: '64346edd99bc375e11e0b6ec7009971cf3ea780b', size: 'md' }), h("dga-checkbox", { key: '73f55448514a47558656e4f8d6aeec91745d4e64', size: 'sm' })), h("div", { key: 'fae33b493efe8a8c472aa91517660882810ca1a9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-checkbox-usage", {
         "variant": [32]

package/dist/components/dga-checkbox.js

@@ -1,4 +1,4 @@
-import { D as DgaCheckbox$1, d as defineCustomElement$1 } from './p-D5Cpd9xK.js';
+import { D as DgaCheckbox$1, d as defineCustomElement$1 } from './p-TaVdpTlZ.js';
 
 const DgaCheckbox = DgaCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-chip-usage.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-DONaw3QE.js';
-import { d as defineCustomElement$2 } from './p-zVn-LSJh.js';
+import { d as defineCustomElement$3 } from './p-Dl8CMudv.js';
+import { d as defineCustomElement$2 } from './p-DelImzb3.js';
 
 const DgaChipUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaChipUsage extends H {
     constructor() {
@@ -9,14 +9,14 @@ const DgaChipUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaChipUsage exten
         this.isSelected = false;
     }
     render() {
-        return (h("div", { key: '4f3225eda2ba0964283fcc461a3313e7b5325a55' }, h("h1", { key: '7c93c26c7ec9783ddc162d0b4133217d0e3ba8f9' }, "Chip Example"), h("div", { key: '4c464972bf6f0bebcd19e727e27e69f213819173', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '925542151aa3e2adc88ad46b9d6a73ee5d9d5945', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: '3c380828ee5f01bbc769e6249e477e40df77bd97', label: "Label", variant: "neutral",
+        return (h("div", { key: 'a94ce0b8f15ffd5ee0be633e4661a396ca1b463d' }, h("h1", { key: 'f103f08b47182743abdff1f0ed4108787326188e' }, "Chip Example"), h("div", { key: '3c2b501f00d7122b78e207991e1c96e6feff30f9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e318ee612bcd217c17b5dafa7c9db7a6d832c69c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: 'c7ac5c7f0d7a89d7333a333a5fc9047fdc5d423d', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("dga-chip", { key: '2ac92e848223d91f7e8a41eb26e455608e7b2ba4', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            rounded: false, size: "lg" }), h("dga-chip", { key: '2dd86e8e288fafec396d03eb32d27ad83a1198fc', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
                 this.isSelected = isSelected;
-            }, isSelected: this.isSelected }), h("dga-chip", { key: '74066d05156ae4b751106842ac0a7a15b6e90ee3', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            }, isSelected: this.isSelected }), h("dga-chip", { key: '87b81a4eedc0969b29ad3b39e03990a1ecb5ea29', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
-            }, isSelected: false }), h("dga-chip", { key: '4ad070b0ed242b87171ab2b2b070aca38737985a', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '100091c180a352409c696f8894fc3cb6c16c72f5', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: '9aba190cc90dbe6114f447e1990f7f80dbf27f99', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, isSelected: false }), h("dga-chip", { key: 'aaf5e5b2015d0e7718847dd159f3aa4d69fd64b5', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '5c0b46db78035982a2da84653efcb1bb11af7473', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: 'be4fd2a06cb8a4ed89ce0ebc692fe6ef0a4c5beb', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
     }
 }, [0, "dga-chip-usage", {
         "isSelected": [32]

package/dist/components/dga-chip.js

@@ -1,4 +1,4 @@
-import { D as DgaChip$1, d as defineCustomElement$1 } from './p-DONaw3QE.js';
+import { D as DgaChip$1, d as defineCustomElement$1 } from './p-Dl8CMudv.js';
 
 const DgaChip = DgaChip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-circle-skeleton.js

@@ -1,4 +1,4 @@
-import { C as CircleSkeleton, d as defineCustomElement$1 } from './p-CINdaz9C.js';
+import { C as CircleSkeleton, d as defineCustomElement$1 } from './p-DrP3HF4A.js';
 
 const DgaCircleSkeleton = CircleSkeleton;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-circular-progress-bar-usage.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-DK1DDe0n.js';
-import { d as defineCustomElement$2 } from './p-zVn-LSJh.js';
+import { d as defineCustomElement$3 } from './p-L7noZ7H9.js';
+import { d as defineCustomElement$2 } from './p-DelImzb3.js';
 
 const DgaCircularProgressBarUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCircularProgressBarUsage extends H {
     constructor() {
@@ -13,7 +13,7 @@ const DgaCircularProgressBarUsage$1 = /*@__PURE__*/ proxyCustomElement(class Dga
         this.percentage = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (h("div", { key: 'f9577fad9e085af78375575d2ce795156b21bf72' }, h("h1", { key: '861aa66156207f5adc2302a4c264c0390ab3d742' }, "Circular Progress Bar Example"), h("div", { key: 'fb00ea5d6040e2298aebde05a35853a818def505', style: { padding: '50px', gap: '20px' } }, h("div", { key: '8f39abd1783bba020dfd94975c5375b7ad16848b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'cdf80cd37320efe15440cc5173581e33e72a5e32', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '0342658adabf45f1cee4d0a03c83ea975d384646', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '019afb6bdbb4824f3afb1d047a9283b0ee526473', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '7121f41be5bdb35b4b9f508a012db7eda7c7c8ab', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '9d72c71b97e373ece837ef315e8d57eab2f56e1d', size: "64px", percentage: this.percentage }), h("div", { key: '0326321207b5bbf54f0fe6bf360ee8e801f3ab35', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'e2700f5f423a3edfa24d7a197d4720f29863cdc9', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '96251560b2373deb2fcb28538f3eaea30507d871', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'd589e8cec7c951bf1681ad909e077deb5999b063', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '7cee4d167a1c02bd5332431657c582c3e0c0f47f', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '200cdad08c8297f08a195427ca7654a786a49b59', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: '0ba442a3bb329bfe3072c816f87e2014157b810c', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '13ffaeaf27525a5cfa90ddb9cafc239f6d5cc0aa', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '17e853dae3e52705fbc0f6611b3abcef09b66846', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '50442db3ff50a0651211719e38843bfdf57fb669', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '4d96f217f587dfa9b85b4e55a9cbe482a14b4992', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'f86b05b02b309ce59a5d3949aaa18822e464e983', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: '58c08f8ec8bdbdcf3b22b6f1d64890655450a2c7', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: 'e4576d8a8521e2674a4c8e192e608cae92ca6ea4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '092f3164966e5764f03e5ee50fe28819a9adbdb5' }, h("h1", { key: '9481d953fe48f3f089c28aecd1754a69a644ee8f' }, "Circular Progress Bar Example"), h("div", { key: '40a52a409d68b262a477a10e35826fb5c03e3221', style: { padding: '50px', gap: '20px' } }, h("div", { key: '954eceb4d12377e0692bbe5e876ac63ee4eaa770', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'f7081adb48a7e33cdb82e2f662a13ccd1b386792', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'f514325d12931d8bfcba7aa5ac9818884602bdfc', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '806d0ee45aa7c6ece4cc451806288779f388e994', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'dc9730284b8a535daee9214ea68f8c39853ed4c4', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'cc8a663919b4074647938d3cbaf58c130496832e', size: "64px", percentage: this.percentage }), h("div", { key: 'c27a8a09898bd78a95113d04c5e0fb92f104b8d7', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '034ff6e7f5322e2810205bf951bc499760beaacd', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'e816be3cfa442560d14757826ece570b3aeca95f', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '06e397db74c9aa95acdee9b09b936e8162fcf20c', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '8a66b7dd95e2121ec0536efcb574fbb28fb8d5a8', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '84b96f2d2e58903019a62c35d098647b6c91ef4e', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: '78dce4421ca2f1a16d9e7251017d4d3ecde25411', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '87d4464564f510e0332202eb88ceec9e1c1be7bb', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'a692325cda8210265f2c513b54fb81144e67e1d3', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '02e98dead78d08b41d1037f42e8188698f80dea3', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '69c86d7490229940475b16415301050d3c7de8bb', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'd7a95ec0d77a7ec65b78da49f61562418b518512', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: '661c752d0aa06acc21556d6f76320c766a9e5d22', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: '9e4c4625b2f19c38e2caaae19cb11106046b8974', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-circular-progress-bar-usage", {
         "percentage": [32]

package/dist/components/dga-circular-progress-bar.js

@@ -1,4 +1,4 @@
-import { D as DgaCircularProgressBar$1, d as defineCustomElement$1 } from './p-DK1DDe0n.js';
+import { D as DgaCircularProgressBar$1, d as defineCustomElement$1 } from './p-L7noZ7H9.js';
 
 const DgaCircularProgressBar = DgaCircularProgressBar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-codesnippet-usage.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$6 } from './p-CGwqjtn-.js';
-import { d as defineCustomElement$5 } from './p-DZg2yEu-.js';
-import { d as defineCustomElement$4 } from './p-BAPjyrNp.js';
-import { d as defineCustomElement$3 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$2 } from './p-zFaGF6yx.js';
+import { d as defineCustomElement$6 } from './p-dmyZWGuz.js';
+import { d as defineCustomElement$5 } from './p-BokzxvvX.js';
+import { d as defineCustomElement$4 } from './p-DZ5lRWT9.js';
+import { d as defineCustomElement$3 } from './p-DelImzb3.js';
+import { d as defineCustomElement$2 } from './p-C_s9mUHf.js';
 
 const DgaChipUsage = /*@__PURE__*/ proxyCustomElement(class DgaChipUsage extends H {
     constructor() {
@@ -48,7 +48,7 @@ h1 {
         };
     }
     render() {
-        return (h("div", { key: 'abf10905425e4a5e0c12f9e93c313b307eefa880', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: '74ccaca04097c1a01655d67153b28c75b841476a', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: 'd2a4a47ae4cc603834ee0b87961b71ba03d66066', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
+        return (h("div", { key: '37bbad9b87ed4835702dc88ddfbeb37c13d627d5', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: 'b3c9a269733b9d2abd48053f631a49adce139f93', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: 'b8852162eb08b5c8dafeb08da8dfb01027f5acb3', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
     }
 }, [0, "dga-codesnippet-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-codesnippet.js

@@ -1,4 +1,4 @@
-import { C as CodeSnippet, d as defineCustomElement$1 } from './p-BAPjyrNp.js';
+import { C as CodeSnippet, d as defineCustomElement$1 } from './p-DZ5lRWT9.js';
 
 const DgaCodesnippet = CodeSnippet;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-collapse-usage.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-HV9tkfWL.js';
+import { d as defineCustomElement$2 } from './p-BUKzPxc-.js';
 
 const DgaCollapseUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCollapseUsage extends H {
     constructor() {
@@ -9,7 +9,7 @@ const DgaCollapseUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCollapseUsa
         this.open = false;
     }
     render() {
-        return (h("div", { key: 'e3bee751f056ea024d448e6d3d6de84648ec0f87' }, h("h1", { key: 'aabf8052cb17f6933e3e4ba6f90bf0f9aaddb718' }, "Collapse Example"), h("div", { key: '4befebde255ad9a58e6cbc63b02876b1e778b26e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd83ee2ed4d85b6febc0a8f0bc8979df674c7909c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'e718b88c384153ab0f5affe656e442677a12e4f6', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '8f1ed1190335950e939a6b1dfb3a8c114d5c2ab2', onClick: () => this.open = true }, "open"), h("button", { key: '8ddc2e84fc3ffe2ce1c07da88edf4adee22d215f', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: 'a48c933c61c2ceb142ffd6ad7c36e229f14825cb', open: this.open, "transition-duration": "0.1s" }, h("div", { key: '49ec3f0b4def0c80d3668e04d2ed35c53a73ca92' }, "Your content here")), h("div", { key: '18da42c79de9fa051dcfef9796358796c10c31f3', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '62e1572dda1b54d93050523db8f520d172169dd6' }, h("h1", { key: '1db1b12dc2fb010155c2b6a18e0208ac63e24cc8' }, "Collapse Example"), h("div", { key: '15dcd3ff0564c7e1ae3848b4838df4e0fa772104', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'eec9ccc145725aa84be87f3382d94e9a2f4faed9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'd841bd0d6551cce30f8d3530c6fb2dc5e775b802', style: { display: "flex", justifyContent: "center" } }, h("button", { key: 'c6d7e21df766232f524dcf4c84212500bdca6557', onClick: () => this.open = true }, "open"), h("button", { key: 'd690cae570704c502a586ff28ebc2269736c4758', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: '846ff554a19e36857f575e2d4b26150727ebe18d', open: this.open, "transition-duration": "0.1s" }, h("div", { key: '936110742053806ec6bf55e4cde4552c5dade54b' }, "Your content here")), h("div", { key: '94f1ffda6dd584704ec2484cf527bf9364dc533c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-collapse-usage", {
         "variant": [32],

package/dist/components/dga-collapse.js

@@ -1,4 +1,4 @@
-import { D as DgaCollapse$1, d as defineCustomElement$1 } from './p-HV9tkfWL.js';
+import { D as DgaCollapse$1, d as defineCustomElement$1 } from './p-BUKzPxc-.js';
 
 const DgaCollapse = DgaCollapse$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-content-switcher-item.js

@@ -1,4 +1,4 @@
-import { D as DgaContentSwitcherItem$1, d as defineCustomElement$1 } from './p-HdgDxvir.js';
+import { D as DgaContentSwitcherItem$1, d as defineCustomElement$1 } from './p-IQqDR9xy.js';
 
 const DgaContentSwitcherItem = DgaContentSwitcherItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-content-switcher-panel.js

@@ -1,4 +1,4 @@
-import { D as DgaContentSwitcherPanel$1, d as defineCustomElement$1 } from './p-_-CzWbeq.js';
+import { D as DgaContentSwitcherPanel$1, d as defineCustomElement$1 } from './p-C3VdvVOi.js';
 
 const DgaContentSwitcherPanel = DgaContentSwitcherPanel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-content-switcher-usage.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-ClRnWVkd.js';
-import { d as defineCustomElement$3 } from './p-HdgDxvir.js';
-import { d as defineCustomElement$2 } from './p-_-CzWbeq.js';
+import { d as defineCustomElement$4 } from './p-BVL4p3Pc.js';
+import { d as defineCustomElement$3 } from './p-IQqDR9xy.js';
+import { d as defineCustomElement$2 } from './p-C3VdvVOi.js';
 
 const DgaContentSwitcherUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaContentSwitcherUsage extends H {
     constructor() {
@@ -10,7 +10,7 @@ const DgaContentSwitcherUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCont
         this.value = 0;
     }
     render() {
-        return (h("div", { key: 'ff6f06a48beb31f77b03b29c94c20aaf15839fe4' }, h("h1", { key: 'a859e1607df51e4ae47823d1998b6423a5d77f12' }, "Content Switcher Example"), h("dga-content-switcher", { key: '898b87f7cf50186962387ca79901fa6fc26600f9', size: 'lg' }, h("dga-content-switcher-item", { key: '7d3937fa841f9b36fd6863bf82b3b0b00e4d0e45', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '10887340f0b9195043b46eee51e187477493f64c', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '86bbd190d86ee92f990a71d5765eb83a46d04c28', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '5f7b9a50667c7a2079cc9c130dbe7953c6caf13f', size: 'md' }, h("dga-content-switcher-item", { key: '6f04f9b712e1938c3e1eca7cfae5c8a657475194', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '8f661c3bf7d322c9991ddcfef274c287f9b53a91', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '10c097a416a2db374581b33e4c252a1b958483de', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '55f8a866107735d2724935d748964b77d973d9ab', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: '3c55a8c5e96ac68d5b67fd8ad9a8412a61735849', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '7b07f707c790fdb350a36e9d250c68a05068d443', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '135a88646d6166c8f66e6c2121b5eadd89fbcaa2', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: '7e6104390c9a4259ddda9e33fb0909b794ca109f' }, this.value), h("dga-content-switcher", { key: 'f01419a1297d52354c46baf43cc08a89674715e1', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '2762412766a32675af8d8b7d037595b38e2acac8', value: this.value, index: 0 }, h("div", { key: '9c6fa488524742f2752f5377dfdcef3bf6e62778' }, "Content 111111111111111")), h("dga-content-switcher-panel", { key: '52c04bae89f1abd16c7e3e366a397ab759f076e4', value: this.value, index: 1 }, h("div", { key: 'de919c0313389d9d8e4c5de838ba9abcb8cc18bd' }, "Content 2")), h("dga-content-switcher-panel", { key: '56594477da9c7b46b7e2c99316e49d9d38c4c8c9', value: this.value, index: 2 }, h("div", { key: '98ddec066302ff88661834e83d1d29090987307f' }, "Content 3"))));
+        return (h("div", { key: '0faf54bfb2a27febdba203342d76f43e7f9a958c' }, h("h1", { key: '21bc2d35a563e9d842de5663e128cec6e828fc43' }, "Content Switcher Example"), h("dga-content-switcher", { key: '730068fcfe729b5eacab790287ec16aeaef9c1ad', size: 'lg' }, h("dga-content-switcher-item", { key: '4c3ff8f2cd07a9c79eed9e2e0a4cf9e14e9218a9', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '74d9cecbb22ca6d5840c7b3265b47432f9e87e8e', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: 'dffc65e044b81d9c962c833555f51dd2bdc79ecf', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'f9bbd75fd3e702f3ec8311e750a90d614d455ffd', size: 'md' }, h("dga-content-switcher-item", { key: 'f3f998c1c72f35b146b69ef04e00a02e4f758979', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '96c4a46421439faa95724dddb2e89b0e70d03f38', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '89f13199fb196baa703cb38047644fd49530eb28', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '164179babd662da85c4be9aa9fd4b47d51f5989f', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: '6e195fee541597af921de00a56f98e8e17ae676f', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '4b8f659b1ad45a058132e6fbb3eafe0b6c84900a', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '4e02f104c7ea31bb8cd5733c2cf56b22b810a135', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: 'dc23729115dc8498a6a9a9896206d084501a11f3' }, this.value), h("dga-content-switcher", { key: 'c7cf02b2902b0c54d353a3044937bc54255088bc', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '99e4e33557b7e62a03b4d7f2f39b1738c44d0143', value: this.value, index: 0 }, h("div", { key: '1950d1161e658b0d5e81f99180ba0461e7462372' }, "Content 111111111111111")), h("dga-content-switcher-panel", { key: '6a9a84a070f531519d32bd58bfa3000cfe161fec', value: this.value, index: 1 }, h("div", { key: '1a1a2e3a1070cfbe37029f456ec1e17c5dd59591' }, "Content 2")), h("dga-content-switcher-panel", { key: '9ce634493ff6c80aa092ec0016d86124b6729417', value: this.value, index: 2 }, h("div", { key: 'c001627bcc7d05cbf1e8d75d0b0a3522c0497cfa' }, "Content 3"))));
     }
 }, [0, "dga-content-switcher-usage", {
         "value": [2]

package/dist/components/dga-content-switcher.js

@@ -1,4 +1,4 @@
-import { D as DgaContentSwitcher$1, d as defineCustomElement$1 } from './p-ClRnWVkd.js';
+import { D as DgaContentSwitcher$1, d as defineCustomElement$1 } from './p-BVL4p3Pc.js';
 
 const DgaContentSwitcher = DgaContentSwitcher$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-data-table-usage.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$5 } from './p-CGwqjtn-.js';
-import { d as defineCustomElement$4 } from './p-D5Cpd9xK.js';
-import { d as defineCustomElement$3 } from './p-PgJxksGN.js';
-import { d as defineCustomElement$2 } from './p-zVn-LSJh.js';
+import { d as defineCustomElement$5 } from './p-dmyZWGuz.js';
+import { d as defineCustomElement$4 } from './p-TaVdpTlZ.js';
+import { d as defineCustomElement$3 } from './p-Df-3UuE8.js';
+import { d as defineCustomElement$2 } from './p-DelImzb3.js';
 
 const DgaDateFieldUsage = /*@__PURE__*/ proxyCustomElement(class DgaDateFieldUsage extends H {
     constructor() {
@@ -11,7 +11,7 @@ const DgaDateFieldUsage = /*@__PURE__*/ proxyCustomElement(class DgaDateFieldUsa
         this.value = '';
     }
     render() {
-        return (h("div", { key: '810bae158ef077da2ee827fd53fe55b09c46cc36' }, h("h1", { key: '54b812c6333913cb0b4b4c1c097e155e5929043b' }, "Date Field Example"), h("div", { key: 'ea62559b37226897da2b0f5f3ba1957fb8059317', style: { padding: '50px' } }, h("div", { key: 'feef0a2caaca75a5c2fd0a6a07f8274ae2efdd41', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: '32767430dda85dcfaeed3316c3455aa5df79e7d3', cells: [
+        return (h("div", { key: 'f2d1edbbeba6cfe313594a5978776b3aae31b8a3' }, h("h1", { key: '0f55838e3e9897a7cf800ea2c619a45e829567c1' }, "Date Field Example"), h("div", { key: 'a4fd65f269fcdd1ffb2b0e3a4970fa114adfc686', style: { padding: '50px' } }, h("div", { key: 'b6f7bc10dc16ac25d5b4564e3cab8fdf9631ffb8', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: '634d7d0f79c18dc404a5911002ae060977d0b7ae', cells: [
                 {
                     colSpan: 1,
                     isFilter: true,

package/dist/components/dga-data-table.js

@@ -1,4 +1,4 @@
-import { D as DgaDataTable$1, d as defineCustomElement$1 } from './p-PgJxksGN.js';
+import { D as DgaDataTable$1, d as defineCustomElement$1 } from './p-Df-3UuE8.js';
 
 const DgaDataTable = DgaDataTable$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-date-field-usage.js

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$a } from './p-D70Rxxoo.js';
-import { d as defineCustomElement$9 } from './p-DZg2yEu-.js';
-import { d as defineCustomElement$8 } from './p-CmYaSbDn.js';
-import { d as defineCustomElement$7 } from './p-x5o6HsqZ.js';
-import { d as defineCustomElement$6 } from './p-DEVyJhwC.js';
-import { d as defineCustomElement$5 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$4 } from './p-B8Ehyo7m.js';
-import { d as defineCustomElement$3 } from './p-CQe3QqL4.js';
-import { d as defineCustomElement$2 } from './p-C9YG36pj.js';
+import { d as defineCustomElement$a } from './p-DrUc2zGY.js';
+import { d as defineCustomElement$9 } from './p-BokzxvvX.js';
+import { d as defineCustomElement$8 } from './p-DfOuPK4k.js';
+import { d as defineCustomElement$7 } from './p-Cb_cF53d.js';
+import { d as defineCustomElement$6 } from './p-BnUgtDXM.js';
+import { d as defineCustomElement$5 } from './p-DelImzb3.js';
+import { d as defineCustomElement$4 } from './p-CuZYeYoR.js';
+import { d as defineCustomElement$3 } from './p-CMH3kHrk.js';
+import { d as defineCustomElement$2 } from './p-BG4eWEFf.js';
 
 const DgaDateFieldUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDateFieldUsage extends H {
     constructor() {
@@ -16,7 +16,7 @@ const DgaDateFieldUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDateFieldU
         this.value = '';
     }
     render() {
-        return (h("div", { key: '65d405bc1f0e94a8ba70d819a62ccaf2d53f205d' }, h("h1", { key: 'd9dd3c1908d8b1cd70c0af078a68c71c05a4720a' }, "Date Field Example"), h("div", { key: '9d0aa0de8dc68b7890fbc1a541b8579f2a91242e', style: { padding: '50px' } }, h("div", { key: 'ed0d390b3ee39ec8959ef72391e7c20a29d9cc4d', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: 'fb9574659d66cc7a87cefb85f397eb5a129fab1b', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: 'a2319a369cbc86d2990c7f256337587bc44bf66d', value: this.value, onChange: (e) => this.value = e.target.value })))));
+        return (h("div", { key: '276313de36c2ea00df84e17b29ec26006ac537b2' }, h("h1", { key: '537a3bd4c5b68619db69cb3bae5894c3b1b97468' }, "Date Field Example"), h("div", { key: '3cad0eb614593a289e43ca65d495bfb2d32b819c', style: { padding: '50px' } }, h("div", { key: 'cdb79870695f7065a7c9320976e7a9af186f3bde', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: '67a425b5dcc2b6af6c5d824317f3fb13126c9327', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '0eef922c3384f12e18e23303b1bdb1bc765bf24b', value: this.value, onChange: (e) => this.value = e.target.value })))));
     }
 }, [0, "dga-date-field-usage", {
         "value": [32]

package/dist/components/dga-date-field.js

@@ -1,4 +1,4 @@
-import { D as DgaDateField$1, d as defineCustomElement$1 } from './p-CmYaSbDn.js';
+import { D as DgaDateField$1, d as defineCustomElement$1 } from './p-DfOuPK4k.js';
 
 const DgaDateField = DgaDateField$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-datepicker-usage.js

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$9 } from './p-D70Rxxoo.js';
-import { d as defineCustomElement$8 } from './p-DZg2yEu-.js';
-import { d as defineCustomElement$7 } from './p-x5o6HsqZ.js';
-import { d as defineCustomElement$6 } from './p-DEVyJhwC.js';
-import { d as defineCustomElement$5 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$4 } from './p-B8Ehyo7m.js';
-import { d as defineCustomElement$3 } from './p-CQe3QqL4.js';
-import { d as defineCustomElement$2 } from './p-C9YG36pj.js';
+import { d as defineCustomElement$9 } from './p-DrUc2zGY.js';
+import { d as defineCustomElement$8 } from './p-BokzxvvX.js';
+import { d as defineCustomElement$7 } from './p-Cb_cF53d.js';
+import { d as defineCustomElement$6 } from './p-BnUgtDXM.js';
+import { d as defineCustomElement$5 } from './p-DelImzb3.js';
+import { d as defineCustomElement$4 } from './p-CuZYeYoR.js';
+import { d as defineCustomElement$3 } from './p-CMH3kHrk.js';
+import { d as defineCustomElement$2 } from './p-BG4eWEFf.js';
 
 const DgaPickerUsage = /*@__PURE__*/ proxyCustomElement(class DgaPickerUsage extends H {
     constructor() {
@@ -14,7 +14,7 @@ const DgaPickerUsage = /*@__PURE__*/ proxyCustomElement(class DgaPickerUsage ext
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'fbcbc060965934ebb20a3a0fdcb67565c24b8e42' }, h("h1", { key: '7ac0043599c31bc9739ea31abb6f3d2eea951923' }, "Datepicker Example"), h("div", { key: 'ec75b642bbc6926ee788dd6b4a523b8ac47ebbfb', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c736092459f994c2449d2b9adbcf8aac95c0066e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'e31baf3ec5aaa21a3b4d5d5786f76966a7066267', inputField: false, qickOptions: true }), h("dga-datepicker", { key: 'e041ac56fad390dbe8476299ae92eadcc8106f45', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: 'fd911a8f875f789ba134fcba78d752f73000fd24', range: true })), h("div", { key: '57f0c922ab386a5d8ed794bade8f27a73c1d295b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'aebdc7199c0f640adc8b20964f98ce819bc6b0fc' }, h("h1", { key: 'f89461f5d2709e36e1b665b809c79e0963ca6dfa' }, "Datepicker Example"), h("div", { key: '5c19379a59965ba55a15fc8856f4edd474c1d4d1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e5ee624be8a8b34fcab1c66ae61a61a1ce453391', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'cbfc7af8db287ba249116b3ed70ca48783f2f70b', inputField: false, qickOptions: true }), h("dga-datepicker", { key: '03aedfef06ee42f5c46d3e5181880979fa6f0d0b', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: '04092da9ff4217c95716016c7959b10f0bcdd63a', range: true })), h("div", { key: '4fba6701c0a87c9b8ca6a567e7079f678fefe2e5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-datepicker-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-datepicker.js

@@ -1,4 +1,4 @@
-import { D as DgaDatepicker$1, d as defineCustomElement$1 } from './p-x5o6HsqZ.js';
+import { D as DgaDatepicker$1, d as defineCustomElement$1 } from './p-Cb_cF53d.js';
 
 const DgaDatepicker = DgaDatepicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-digital-signature-usage.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-FNDPN3qX.js';
-import { d as defineCustomElement$3 } from './p-zVn-LSJh.js';
+import { d as defineCustomElement$4 } from './p-BYpwENjU.js';
+import { d as defineCustomElement$3 } from './p-DelImzb3.js';
 import { d as defineCustomElement$2 } from './p-ObgiDZNJ.js';
 
 const DgaDigitalSignatureUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDigitalSignatureUsage extends H {
@@ -9,7 +9,7 @@ const DgaDigitalSignatureUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDig
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '8f80c13f23807eee16d266545c8e62058b08b2dd', style: { width: '100%' } }, h("dga-digital-signature", { key: '16e854edbd767022bbfc13bd0fcd8d65bbb39187', language: "en", extension: ".gov.sa" })));
+        return (h("div", { key: '3d169b3b4355a39961f53d79e20af6f641e2cf86', style: { width: '100%' } }, h("dga-digital-signature", { key: '1066bd04fce8ed3df40e3b0201ea5b6ae3165660', language: "en", extension: ".gov.sa" })));
     }
 }, [0, "dga-digital-signature-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-digital-signature.js

@@ -1,4 +1,4 @@
-import { D as DgaDigitalSignature$1, d as defineCustomElement$1 } from './p-FNDPN3qX.js';
+import { D as DgaDigitalSignature$1, d as defineCustomElement$1 } from './p-BYpwENjU.js';
 
 const DgaDigitalSignature = DgaDigitalSignature$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-divider-usage.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-gvnvuiD2.js';
+import { d as defineCustomElement$2 } from './p-DXOeDitx.js';
 
 const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage extends H {
     constructor() {
@@ -7,10 +7,10 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'ff3ffee2d70a8c778f152859d05a64fde636f100' }, h("h1", { key: 'c915d5860e95872ea8208ee77384c947cb052752' }, "Divider Example"), h("div", { key: '6e0cbfbc0c5328beca2c1ef5c24d414108bb317d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1be28c682c8037dfbdb980879e313371caeba521', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'a723b61e53c4cb5c6bc15de3ba44e97df6d94066', style: {
+        return (h("div", { key: '2cb46344694f4d4a6a3a75df4f75ea8550ba63af' }, h("h1", { key: 'f23bfaedd3f458e57f1975dd67559319089b9eb4' }, "Divider Example"), h("div", { key: '6d8d4e470a8ac768eaab01b19eca7b2a9a041135', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c9101b1b3ca09fe6c716869a51675b0ff4645800', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '0acadbe6fc7e1bc11f96f4e7bd455ac4a678cb9f', style: {
                 borderRadius: '20px',
                 background: 'gray',
-            } }, h("div", { key: '998827d8cee8154fa00768400b7cc3d2dbcdc43b', style: {
+            } }, h("div", { key: '6e0dfd7c581a3644e6012347953ec7f734c07142', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -18,7 +18,7 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '6d4a639c5a84397e9828f387a1952ed4bb37d0cb', color: "neutral" }), h("dga-divider", { key: '59672506be6126b1cc4320904923624b7351c19c', color: "primary" })), h("div", { key: '649700e28f0c39cac33654544529cc7dc43b55af', style: {
+            } }, h("dga-divider", { key: 'ad1ba2283f773ca9206f0802a3fab36b82bd7b69', color: "neutral" }), h("dga-divider", { key: '4330dcf15b1eed1f4485a5238852be2eb33235d8', color: "primary" })), h("div", { key: 'aea5abe400656ef86c38fdec1148970406f3a8e1', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -26,7 +26,7 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '6caa38e40aa960c2bb8e1a9a6e40717c428d564d', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '3a182b9fa671fc31c44376ef710899d8c3af99dd', color: "primary", orientation: 'vertical' })), h("div", { key: '40c3818c30854ce4a0292b248be8d177f25d9abf', style: {
+            } }, h("dga-divider", { key: 'bd538f409651da73d00b7d57adf083e9e6d3c0c5', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: 'b27c3a05e5c8c4e087d16ddc9770d64f80045690', color: "primary", orientation: 'vertical' })), h("div", { key: '9774cf4b12d5a7fefd08a402f6807f41f13a3a43', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -34,7 +34,7 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'e0ce8d59aa3b5d452fa039fe81b9307ca3b947a7', color: "alpha-white" }), h("dga-divider", { key: 'a0ccb20131b45e671e8cbf606dab29ba5f47f321', color: "white" })), h("div", { key: 'b3cf90384fda25f8d3ccb586aaebd538b2cc977e', style: {
+            } }, h("dga-divider", { key: '2342d7dd4144ef2ce490625e107b8502fb27e397', color: "alpha-white" }), h("dga-divider", { key: 'd97bfaecbe5ae09b27278ed2a7c5f1f21a4d8943', color: "white" })), h("div", { key: '01e754384f223fe77d264a347cf8d379cfbe8dee', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -42,7 +42,7 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'fd0895a26c24b3a9986917f492f3a900ae48edff', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: 'e6ca9271afa5fd6666f176e2452e30ace2c4e72c', color: "white", orientation: 'vertical' })))), h("div", { key: 'b5d39e00e08c601b7cc016b2a8ec153630395ff2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }, h("dga-divider", { key: 'e1c53e24e6f9695dc3737d1156a1fea136688bc6', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '9bdb340701b8103b1c8c7ac72f7d92f8f56efee0', color: "white", orientation: 'vertical' })))), h("div", { key: '604c2729d06c691c0d1b9bcf7c65930a69560c65', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-divider-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-divider.js

@@ -1,4 +1,4 @@
-import { D as DgaDivider$1, d as defineCustomElement$1 } from './p-gvnvuiD2.js';
+import { D as DgaDivider$1, d as defineCustomElement$1 } from './p-DXOeDitx.js';
 
 const DgaDivider = DgaDivider$1;
 const defineCustomElement = defineCustomElement$1;