@platformscode/core 0.0.34 → 0.0.37

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

@@ -39,12 +39,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 (index.h(index.Host, { key: 'd601d1e0bdf9efa319caba637e5ba05d543ca454' }, index.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 }, index.h("div", { key: '469440ef80a6632a8c74879a994aee0dfa0309f8', class: "dga-circular-stepper", "aria-size": this.size }, index.h("div", { key: '886ee4d15355c0d9468bbc36b75f7c0e11311cf0', class: "dga-circular-stepper__label" }, this.showText && this.steps.length > 0 && index.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}`)), index.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]}` }, index.h("circle", { key: 'c6a1a856efca52269099423d5d1e4fd13467b24a', class: `track track--${this.variant}`, fill: "none", stroke: "#e6e6e6",
+        return (index.h(index.Host, { key: 'aad9ed3d87a2ca7d06729170f332fe70a36f1899' }, index.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 }, index.h("div", { key: 'b40c1518a553373897a651056052005bf9179245', class: "dga-circular-stepper", "aria-size": this.size }, index.h("div", { key: 'd69cf42dffe6569559fd8d498a7d34849f150525', class: "dga-circular-stepper__label" }, this.showText && this.steps.length > 0 && index.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}`)), index.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]}` }, index.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 }), index.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 }), index.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',
-            } }))), index.h("dga-flex", { key: '638af7003ed048eefc26d847f88b52e16b859e14', direction: 'column', spacing: 4 }, ((_a = this.steps[this.internalActiveStep - 1]) === null || _a === void 0 ? void 0 : _a.showPreStep) && index.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) && index.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) && index.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) && index.h("span", { key: '4bb5db7d6032db7b328094419728e14867f80282', class: "dga-radial-stepper__next-name" }, "Next: ", (_h = this.steps[this.internalActiveStep]) === null || _h === void 0 ? void 0 :
+            } }))), index.h("dga-flex", { key: '3f25425d84ee74d7d95eb295577cc75733ab7f51', direction: 'column', spacing: 4 }, ((_a = this.steps[this.internalActiveStep - 1]) === null || _a === void 0 ? void 0 : _a.showPreStep) && index.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) && index.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) && index.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) && index.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 {

package/dist/cjs/dga-radio-button-usage.cjs.entry.js

@@ -9,11 +9,11 @@ const DgaRadioButtonUsage = class {
         this.activeRadio = "radion-1";
     }
     render() {
-        return (index.h("div", { key: '8d83062bd9365e9d90ca98a03b6462f2baf04ee8' }, index.h("h1", { key: 'cfc00b3498165e7d0a4dabc733693ce2c4f48056' }, "RadioButton Example"), index.h("div", { key: 'c6d509940a4a46631b75d2f4173b0e82e22daa77', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '4bb4b5a543e1a0f49f7c9c7388cd7df6d2df5546', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-radio-button", { key: '9cd3b1728aee5c19b87860a7c37d637369eba773',
+        return (index.h("div", { key: '62906a14468b7d4a28d5700a18e317179f575868' }, index.h("h1", { key: '2e82948b03e30e7d040d414e29789ec4ee5e39c9' }, "RadioButton Example"), index.h("div", { key: '7597141a32352ef8f384e3438432bc26ff4ab02c', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '37a55e92273fb92763583d9073961e85eae65a53', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-radio-button", { key: '83e8156712c8950be1a07dcc889c13530b7e4c43',
             // id="radio1"
-            label: "Radio Label 1", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-1', checked: this.activeRadio === 'radion-1', onChange: (e) => this.activeRadio = e.target.value }), index.h("dga-radio-button", { key: 'dbb3261a1462d064e666e644236ec9932fb1a1ff',
+            label: "Radio Label 1", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-1', checked: this.activeRadio === 'radion-1', onChange: (e) => this.activeRadio = e.target.value }), index.h("dga-radio-button", { key: '9e8464f3ecbd9bbdb7acd171fb76cbd926f04481',
             // id="radio2"
-            label: "Radio Label 2", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-2', checked: this.activeRadio === 'radion-2', onChange: (e) => this.activeRadio = e.target.value })), index.h("div", { key: 'ede4dd6d36206f3445abc37306ee1d5cb6cba178', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            label: "Radio Label 2", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-2', checked: this.activeRadio === 'radion-2', onChange: (e) => this.activeRadio = e.target.value })), index.h("div", { key: '2c165379c18f2434a6eaea9b6dd372b332a62f21', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/cjs/dga-radio-button.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-CgKhFr-4.js');
-var index$1 = require('./index-ByjaZgsn.js');
+var index$1 = require('./index-BCWGzgj9.js');
 var dir = require('./dir-BgBDbebe.js');
+var index$2 = require('./index-BKdUE5XK.js');
 
 const dgaRadioButtonCss = "@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{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular,.radio__helper-text{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,.radio__label{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium,.radio__warning{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}:host{width:fit-content}.radio{display:inline-flex;gap:var(--spacing-xl);padding:var(--spacing-md);cursor:pointer;user-select:none}.radio:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--controls-control-neutral-checked)}.radio-main{flex-direction:column;gap:var(--spacing-xs);max-width:382px}.radio-main,.radio-main__content{display:flex;column-gap:var(--spacing-xl)}.radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radio input:checked~.radio-container::before{transform:translate(-50%, -50%) scale(1)}.radio input:hover~.radio-container::after{transform:translate(-50%, -50%) scale(1)}.radio.active input:not(:checked)~.radio-container{background-color:var(--controls-control-pressed)}.radio-container{width:24px;height:24px;min-width:24px;border-radius:var(--radius-full);border:1px solid var(--controls-control-border);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.radio-container::after,.radio-container::before{content:\"\";border-radius:var(--radius-full);background:var(--controls-control-ripple-effect);width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);z-index:-1;transition:all 0.3s ease-in-out}.radio-container::before{background-color:var(--controls-control-primary-pressed);width:15px;height:15px;z-index:0;transition:all 0.1s ease-in-out}.radio input:disabled~.radio-container{border-color:var(--control-disabled)}.radio input:disabled~.radio-container::before{background-color:var(--control-disabled);transform:translate(-50%, -50%) scale(1)}.radio input:disabled~.radio__label,.radio input:disabled~div>.radio__label,.radio input:disabled~div>.radio__helper-text{color:var(--control-disabled)}.radio__helper-text{color:var(--text-primary-paragraph);margin-block:var(--spacing-xs)}.radio__warning{display:flex;align-items:center;gap:var(--spacing-xl);color:var(--text-error)}.radio__warning-icon{width:16px;height:16px;color:var(--icon-error)}.radio--brand input:checked~.radio-container{border-color:var(--controls-control-primary-checked)}.radio--brand input:checked~.radio-container::before{background-color:var(--controls-control-primary-checked)}.radio--brand input:checked~.radio__label,.radio--brand input:checked~div>.radio__label{color:var(--controls-control-primary-checked)}.radio--brand.active input:checked~.radio-container::before{background-color:var(--controls-control-primary-checked)}.radio--brand input:disabled~.radio-container{border-color:var(--control-disabled)}.radio--brand input:disabled~.radio-container::before{background-color:var(--control-disabled);transform:translate(-50%, -50%) scale(1)}.radio--brand input:disabled~.radio__label,.radio--brand input:disabled~div>.radio__label,.radio--brand input:disabled~div>.radio__helper-text{color:var(--control-disabled)}";
 
@@ -127,12 +128,12 @@ const RadioButton = class {
                 inlineStyles[key] = value;
             }
         }
-        return (index.h("label", { key: '5b4f4415932c551e26b464f0bf2cdf7ca8393322', ref: el => (this.radioLabelRef = el), id: this.id, class: `radio ${this.color ? 'radio--' + this.color : ''}`, style: inlineStyles, onMouseDown: this.handleActive, onMouseUp: this.handleRemoveActive, onMouseOut: this.handleRemoveActive, onChange: this.handleRemoveActive, tabindex: disabled ? undefined : 0 }, index.h("div", { key: '53c83349d3220d78ff5e020e861ab5f58464fc9d', class: "radio-main" }, index.h("div", { key: '7dd45e7372bb9a59c429be50dc2e965e0f2b10ac', class: "radio-main__content" }, index.h("input", { key: '3e4fb47dd268fbb58dc5eddeef7bd7b438d84ff0', type: "radio", name: this.name, value: this.value,
+        return (index.h("label", { key: 'ed16d064a61139fb4c4273aceb9bc94568bb6955', ref: el => (this.radioLabelRef = el), id: this.id, class: `radio ${this.color ? 'radio--' + this.color : ''}`, style: inlineStyles, onMouseDown: this.handleActive, onMouseUp: this.handleRemoveActive, onMouseOut: this.handleRemoveActive, onChange: this.handleRemoveActive, tabindex: disabled ? undefined : 0 }, index.h("div", { key: 'f6c449f2a50817626fcaa6c772fe0b3148b6ecf2', class: "radio-main" }, index.h("div", { key: '712eec7f891207f514ce0f99375645f301dd1c04', class: "radio-main__content" }, index.h("input", { key: '9c66d85cd2472121246c6a0dfe706b8b1d6f28bb', type: "radio", name: this.name, value: this.value,
             // id={this.id}
             onChange: this.onChange, onInput: this.onInput, disabled: this.disabled,
             // onFocus={this.handleFocus}
             // onBlur={this.handleFocusOut}
-            checked: this.checked }), index.h("div", { key: '9cdeb4a0a53559e161c62b78867158a2c243fcb6', class: "radio-container" }), (this.label || this.hasHelperText) && index.h("div", { key: 'c68e2ca1a10ff0dd3aeb138024ed2ba582fa0f02', class: "dga-flex-column" }, this.label && index.h("span", { key: '3712b90b3e6ab194e1f1993af2bdb0060b5e6afd', class: "radio__label" }, this.label), this.hasHelperText && this.helperText && index.h("span", { key: 'abf904a233a83827817f4879093fd94732c33eaf', class: "radio__helper-text" }, this.helperText))), this.alertMessage && this.alertText && (index.h("div", { key: '0b0a8bc1fa3831c1e7b34fe8a30faccb7085b6db', class: "radio__warning" }, index.h("span", { key: '2e14520a53718e8973b90022d361fef4ff1b3d76', class: "radio__warning-icon" }, index.h("dga-icon", { key: 'dfb53aa59017e16ef896d7f544e4fbbc464042a7', name: "alert-circle", variant: "stroke", size: 16 })), index.h("span", { key: '7936b01bf678a0a8cf43ea0a7039ef85870c5c7d', class: "radio__warning-text" }, this.alertText))))));
+            checked: this.checked }), index.h("div", { key: '596c86b9d59561db40b8bd019c6b452419a6ae87', class: "radio-container" }), (this.label || this.hasHelperText) && index.h("div", { key: '71195809d8f5fec3759ee7a7af509b4ef537acfe', class: "dga-flex-column" }, this.label && index.h("span", { key: '04688e2842846c9a567f13458d4dc18ba1dba60b', class: "radio__label" }, this.label), this.hasHelperText && this.helperText && index.h("span", { key: '1939ac605494bd399ac28a105e56a17f1556ac62', class: "radio__helper-text" }, this.helperText))), this.alertMessage && this.alertText && (index.h("div", { key: '487c70d1b034e76c485dbef50c7d2ebba5011f30', class: "radio__warning" }, index.h("span", { key: '54ba1a0973b977deae1fa1a50e0a40e96a1c8d16', class: "radio__warning-icon" }, index.h("dga-icon", { key: '1c8368a0876175e298601b1c52cad25e2063462d', icon: index$2.alertCircleStrokeRoundedIcon, size: 16 })), index.h("span", { key: '67d270f32dce27fcf5d346a0fc3cf3dbf7ecfce7', class: "radio__warning-text" }, this.alertText))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dga-rating-usage.cjs.entry.js

@@ -9,9 +9,9 @@ const DgaRatingUsage = class {
         this.rating = 2.5;
     }
     render() {
-        return (index.h("div", { key: 'c8de0ba26963ca6abe8e931ea65591c4cd583ecf', dir: "rtl" }, index.h("h1", { key: 'c7960200db6f9fbc012f883f5172a6e6f11a285a' }, "Rating Example"), index.h("div", { key: '0dd5893910fdb82a9313f70e6414de08740bfaad', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '10aabb0fab84ff83047595212d50a1da5e35c6d7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("button", { key: '95c037c39b26e94d4924d0698b3ee7b3856707e9', onClick: () => (this.rating += 1) }, "Increase ", this.rating), index.h("dga-rating", { key: '3ed7e638c6101236fc10107d00edb4b7fda9423d', onChange: val => {
+        return (index.h("div", { key: 'c1387a2f19bb2cfaa4ef4c86fc70abcdf98aa5da', dir: "rtl" }, index.h("h1", { key: '72aaefac87149c684c7b2b60dab6e14a28025092' }, "Rating Example"), index.h("div", { key: 'f49ecb0f804fd5441f34da21889749172014c918', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '185994d202c61108e248dcade8b4be7ca2b744ed', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("button", { key: '5135732fd29e9e1a28bd856d6c266b414c4a7cd2', onClick: () => (this.rating += 1) }, "Increase ", this.rating), index.h("dga-rating", { key: 'a549107cd0023f828106e9bd24887a40a58d40fe', onChange: val => {
                 this.rating = val;
-            }, value: this.rating, size: "lg" }), index.h("dga-rating", { key: 'ca0775b2de0a0644c3a30c5ff145cc12aad75dd0', onChange: val => (this.rating = val), value: 2.5, size: "md" }), index.h("dga-rating", { key: 'df6ebe52530dfd4ccdbfc660b88eaf4350c0f405', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), index.h("div", { key: '47e81cf79b2d6e69eeb3fe0815d6b0e92b5fbcb6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            }, value: this.rating, size: "lg" }), index.h("dga-rating", { key: 'c14ceff74a64cfa7669f2ae804a09b5c79668436', onChange: val => (this.rating = val), value: 2.5, size: "md" }), index.h("dga-rating", { key: '01b77dad97fb3992f1e5383d760042560886b273', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), index.h("div", { key: '19ae50c0e073d9a25c7ed112f66af89df062a238', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/cjs/dga-rating.cjs.entry.js

@@ -100,7 +100,7 @@ const DgaRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a7ccfc1d8d5d7e19f4535a55379408373809f9bc' }, index.h("span", { key: 'f6446c4eec1d15868e0e6e4b94410b812718bded', class: `dga-rating dga-rating--${this.size}`, ref: el => (this.rootRef = el), onMouseMove: (event) => this.handleMouseMove(event), onMouseLeave: (event) => this.handleClear(event), dir: isElementRTL(this.el) ? 'rtl' : 'ltr' }, Array.from({ length: this.max }, (_, index) => index + 1).map(value => {
+        return (index.h(index.Host, { key: 'c4040b1879ade1225365dd4863688d3dae39eb3b' }, index.h("span", { key: '5a45f09416d5c451fd077e125696f83404254f6e', class: `dga-rating dga-rating--${this.size}`, ref: el => (this.rootRef = el), onMouseMove: (event) => this.handleMouseMove(event), onMouseLeave: (event) => this.handleClear(event), dir: isElementRTL(this.el) ? 'rtl' : 'ltr' }, Array.from({ length: this.max }, (_, index) => index + 1).map(value => {
             const colorMapper = {
                 default: 'var(--background-secondary)',
                 brand: 'var(--background-primary)',

package/dist/cjs/dga-search-box-usage.cjs.entry.js

@@ -8,7 +8,7 @@ const DgaSearchBoxUsage = class {
         this.value = 'test';
     }
     render() {
-        return (index.h("div", { key: '287be869b657a2108866764a737e2fc0eee8b490' }, index.h("h1", { key: 'ee19544c3bc948923a09bbde6bf25a74e9e89e8c' }, "Search Box Example"), index.h("div", { key: 'f91691ffd7aea11705c42d4221c5434547542e77', style: { padding: '50px' } }, index.h("div", { key: 'c196ad2d9bcf67e5a760a5801a2f8d6599b7d3d7', style: { display: "flex", flexDirection: "column", gap: "16px" } }, index.h("dga-search-box", { key: '5173481b5322cedf87423266c35888083a6d71a1', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
+        return (index.h("div", { key: 'c470e35bbe0426ca814e07234cfeda1c7dc0aee5' }, index.h("h1", { key: '25b99581887c5739c07105b22b590d51fda26bb6' }, "Search Box Example"), index.h("div", { key: '0e7a2d8dc1e5b598f3ea5ece01b49b6f5d504861', style: { padding: '50px' } }, index.h("div", { key: '7dbfdea7041582285a17e43c3f2f580471be39a4', style: { display: "flex", flexDirection: "column", gap: "16px" } }, index.h("dga-search-box", { key: 'f2cc6f9a4d32283004199758900653f2c8d4ecae', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
                 const target = e.target;
                 console.log("search changed");
                 this.value = target.value;

package/dist/cjs/dga-search-box_2.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-CgKhFr-4.js');
-var index$1 = require('./index-ByjaZgsn.js');
+var index$1 = require('./index-BCWGzgj9.js');
 var dir = require('./dir-BgBDbebe.js');
+var index$2 = require('./index-BKdUE5XK.js');
 var sxHandler = require('./sx-handler-B_o_us-z.js');
 require('./sx-style-manager-MFMlOw-g.js');
 
@@ -116,12 +117,12 @@ const DgaSearchBox = class {
     render() {
         const { el } = this;
         const dir$1 = dir.isRTL(el) ? 'rtl' : 'ltr';
-        return (index.h(index.Host, { key: 'b433f93e1967f531cc79e0624ac0fa7ef568f656', dir: dir$1 }, index.h("div", { key: 'b854f34606d04e1b573f61612f362510eafa8ebb', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && index.h("label", { key: '997d8d90277a4e4f406a27aa61dc2e3bbe057a9d', class: "dga-label" }, this.label), index.h("div", { key: 'f0f00b5e34b6def2e8076b02d9b10ed004eb676e', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (index.h("span", { key: 'ae6e15cea50784e136728d6cc6daa790c01578e4', class: "dga-search-box__icon" }, index.h("svg", { key: 'd484ee0b9449c78ab3477244c3679aec174e7d05', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'de9517b3c86571ecbdb01561597df24c388d5fb1', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.16675 1.04163C4.67943 1.04163 1.04175 4.67931 1.04175 9.16663C1.04175 13.6539 4.67943 17.2916 9.16675 17.2916C11.1854 17.2916 13.0322 16.5554 14.4531 15.3369L17.8915 18.7752C18.1356 19.0193 18.5313 19.0193 18.7754 18.7752C19.0194 18.5312 19.0194 18.1354 18.7754 17.8914L15.337 14.453C16.5556 13.032 17.2917 11.1853 17.2917 9.16663C17.2917 4.67931 13.6541 1.04163 9.16675 1.04163ZM2.29175 9.16663C2.29175 5.36967 5.36979 2.29163 9.16675 2.29163C12.9637 2.29163 16.0417 5.36967 16.0417 9.16663C16.0417 12.9636 12.9637 16.0416 9.16675 16.0416C5.36979 16.0416 2.29175 12.9636 2.29175 9.16663Z", fill: "#161616" })))), index.h("input", { key: 'b7b483a369bb26efa927da5779d73f0d08de25ce', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
+        return (index.h(index.Host, { key: 'f3add2317dc9112b24e65cfa4f67867c6f572a93', dir: dir$1 }, index.h("div", { key: '85088308f87a378009f57381647098692ed6f078', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && index.h("label", { key: '9439418199717058b5d6b8e38329de1a161256bb', class: "dga-label" }, this.label), index.h("div", { key: 'cfdcc6da3f09f930102a9c75ce7333633417a292', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (index.h("span", { key: '81ef9e563bd8e35ffc73a59e2cc1961ab8e535c5', class: "dga-search-box__icon" }, index.h("svg", { key: 'fdcfbcaa17c5a403d48f95b3fd0b6567f9b1027e', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '89f93b108fb945355053262760331273a9cde473', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.16675 1.04163C4.67943 1.04163 1.04175 4.67931 1.04175 9.16663C1.04175 13.6539 4.67943 17.2916 9.16675 17.2916C11.1854 17.2916 13.0322 16.5554 14.4531 15.3369L17.8915 18.7752C18.1356 19.0193 18.5313 19.0193 18.7754 18.7752C19.0194 18.5312 19.0194 18.1354 18.7754 17.8914L15.337 14.453C16.5556 13.032 17.2917 11.1853 17.2917 9.16663C17.2917 4.67931 13.6541 1.04163 9.16675 1.04163ZM2.29175 9.16663C2.29175 5.36967 5.36979 2.29163 9.16675 2.29163C12.9637 2.29163 16.0417 5.36967 16.0417 9.16663C16.0417 12.9636 12.9637 16.0416 9.16675 16.0416C5.36979 16.0416 2.29175 12.9636 2.29175 9.16663Z", fill: "#161616" })))), index.h("input", { key: 'b2db02d915bc114778927a4058d9732723a7c460', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur.emit(e);
             }, class: "dga-search-box__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onInput: event => {
                 this.handleInputChange(event);
-            } }), index.h("div", { key: 'ae365e593efb5ef1402fe84cd4c60273711d4e34', class: "dga-search-box__actions" }, this.value.length > 0 && (index.h(index.Fragment, { key: '73078b14eeac8deb121204911618f8484bf27e35' }, index.h("button", { key: 'b3c5483db43c02337d5bc813aedd2a8ba54d2956', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, index.h("dga-icon", { key: '88dbe6709ce305b0b4bba11f594a1edcb7eebe19', name: "cancel-01", variant: "stroke", size: 20 })), index.h("svg", { key: '6e92bb61bb3f74b1f36087efb8b5970a4f533310', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, index.h("rect", { key: '0c0fdd62ff6120337146b19ef2ed00dfc8a38fc9', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (index.h("dga-tooltip", { key: '680ba0f37a4985a3e58a6252724f510e5551ba6e', tooltipTitle: dir.isRTL(el) ? "البحث عن طريق الصوت" : "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, index.h("button", { key: 'df772cbaf3fa0fed9fea110a209836aee4a53b96', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (index.h("span", { class: "dga-search-box__icon" }, index.h("dga-icon", { name: "mic-01", variant: "stroke", size: 20 }))) : (index.h("span", { class: "dga-search-box__icon" }, index.h("dga-icon", { name: "mic-01", variant: "stroke", size: 20 })))))))))));
+            } }), index.h("div", { key: '7b6c43a65b1a9e7104f5569fbb24f96d8bf8414e', class: "dga-search-box__actions" }, this.value.length > 0 && (index.h(index.Fragment, { key: '447e3ac61dd72a0d922967449cdeb7c18f58948d' }, index.h("button", { key: '99353e84de8a53af43c740abace49116af7f0856', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, index.h("dga-icon", { key: '3028dc57f56a3f6b0a5ed3c164ac6924ede2eef8', icon: index$2.cancel01StrokeRoundedIcon, size: 20 })), index.h("svg", { key: 'f41a58ebd3b1a0123a2db4c3e5778c5c3564c2d9', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, index.h("rect", { key: '9f5531312e4e2ff3507f27f0bd3ad21c22281b5b', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (index.h("dga-tooltip", { key: 'a26c568cace0f79c56104047209f79db53030431', tooltipTitle: dir.isRTL(el) ? "البحث عن طريق الصوت" : "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, index.h("button", { key: '17415fd7349e025b42ca3006458f1dd72a577946', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (index.h("span", { class: "dga-search-box__icon" }, index.h("dga-icon", { icon: index$2.mic01StrokeRoundedIcon, size: 20 }))) : (index.h("span", { class: "dga-search-box__icon" }, index.h("dga-icon", { icon: index$2.mic01StrokeRoundedIcon, size: 20 })))))))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -192,7 +193,7 @@ const DgaTooltip = class {
         this.sxHandler.cleanup();
     }
     render() {
-        return (index.h(index.Host, { key: '3fe0221c7472bcb7b6bc0dae5d8eb06b93ff0bfc', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("div", { key: 'e57845bdc7367bc2db82d3c2fc704572c3376b2a', class: "dga-tooltip", "data-theme": this.theme, "data-beak-direction": `${this.beakPlacement}-${this.beakAlignment}` }, this.isHovered && (index.h("div", { key: 'a7308206ccd9813b06537caf424a72162caf5e12', class: "dga-tooltip-main", "data-direction": this.direction }, index.h("div", { key: '4b8504882ffc81682436406ff4abb203bb6c6585', class: "dga-tooltip-main__wrapper" }, this.beakPlacement !== 'none' && index.h("span", { key: 'ade1a3a6c9fe38fc28c59d735e157dffd5621f60', class: "dga-tooltip-main__beak", "data-beak-direction": `${this.beakPlacement}-${this.beakAlignment}` }), this.icon && (index.h("span", { key: '4339a99e0e8007d8dd22f0e679999833c600f14e', class: "dga-tooltip-main__icon" }, index.h("dga-icon", { key: '41ead42fef18031b6b8a498246dd2a7a8030ea51', name: this.icons[this.feedbackIcon.type].icon, variant: this.feedbackIcon.style === 'icon-only' ? "stroke" : "solid", size: this.feedbackIcon.size, color: this.icons[this.feedbackIcon.type].color }))), index.h("div", { key: 'd018ecb249ba668b423d6a316000fcb8178da186', class: "dga-tooltip-main__content" }, this.tooltipTitle && index.h("span", { key: '4521057e775d29e35c75c2e1ae9026fb73c5b8ea', class: "dga-tooltip-main__content__title" }, this.tooltipTitle), this.helperText && index.h("span", { key: '817af2a070714e6e1819f00d12fe012be29fa130', class: "dga-tooltip-main__content__helper-text" }, this.helperText))))), index.h("div", { key: '9c6fc0d985b4a5f3630fa36ca874e2630b852d3c', class: "dga-tooltip-item", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("slot", { key: '28f49e94d3e7a3001480264a8764f5b81bf63e7d' })))));
+        return (index.h(index.Host, { key: '1858ee9d75b78577fb6ae6d120b3cc65d48e6b10', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("div", { key: '3c0c82a00907f69d2ac192da1ee3932d9e9ef428', class: "dga-tooltip", "data-theme": this.theme, "data-beak-direction": `${this.beakPlacement}-${this.beakAlignment}` }, this.isHovered && (index.h("div", { key: '4d322c7b4e08d502aea393d89cefb0f9fb669289', class: "dga-tooltip-main", "data-direction": this.direction }, index.h("div", { key: 'c5d3ada693094576bfb75a9f728545ecc41e9620', class: "dga-tooltip-main__wrapper" }, this.beakPlacement !== 'none' && index.h("span", { key: '7b4e5932d5be559d8a853021d2bc65ea1a832a00', class: "dga-tooltip-main__beak", "data-beak-direction": `${this.beakPlacement}-${this.beakAlignment}` }), this.icon && (index.h("span", { key: 'b147f0d8fa3f4a6046706714957c820d6ebbf9fc', class: "dga-tooltip-main__icon" }, index.h("dga-icon", { key: '45fc30a387d168d8213c79424c2bde1583adfb50', name: this.icons[this.feedbackIcon.type].icon, variant: this.feedbackIcon.style === 'icon-only' ? "stroke" : "solid", size: this.feedbackIcon.size, color: this.icons[this.feedbackIcon.type].color }))), index.h("div", { key: 'f7897e8305d621ffba9efa9a204fb690083093dc', class: "dga-tooltip-main__content" }, this.tooltipTitle && index.h("span", { key: '0b112d0af36c1d6b7b6c54acc8c2b7834de84180', class: "dga-tooltip-main__content__title" }, this.tooltipTitle), this.helperText && index.h("span", { key: 'b001fdff5ddf38e1ea3630ca792ccc65cff3f119', class: "dga-tooltip-main__content__helper-text" }, this.helperText))))), index.h("div", { key: 'b87d8805ea36d31edaaf0ed409c36af12dd8e47a', class: "dga-tooltip-item", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("slot", { key: 'deb9ea734bf91eb5a5121ec4debec4f420a5ab79' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dga-second-nav-header-usage.cjs.entry.js

@@ -8,36 +8,36 @@ const DgaSecondNavHeaderUsage = class {
         this.activeStep = 1;
     }
     render() {
-        return (index.h("div", { key: '07e2e8723d39b19def16de595a4b3579c3a7655d', style: {
+        return (index.h("div", { key: '1d79feaf90fd226e947f56663b5f6654801f87c9', style: {
                 display: "flex",
                 flexDirection: "column",
                 gap: "20px"
-            } }, index.h("dga-second-nav-header", { key: '184fd8e1516881a4f3aef7ecfffbad504042a2e4' }, index.h("dga-second-nav-header-actions", { key: 'c5e2e1bf06add3ea651734879e2bdfd38b7b2bb2' }, index.h("dga-button-v2", { key: 'ad2c8cefa4030c2ec722e2ea7136bd4385b6381c', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, index.h("dga-second-nav-header", { key: '6bd13337564ccd4e9ea35d1145e9c198222859d3' }, index.h("dga-second-nav-header-actions", { key: 'b8e93c814df2c7cb40aefb2b83e3fc19fc92fca2' }, index.h("dga-button-v2", { key: '450d4c39c271bcef231fb86c0142df6b4955ee0b', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'mic-01',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } }), index.h("dga-button-v2", { key: '26383200055239ca988578317f8e8f4511b7b993', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), index.h("dga-button-v2", { key: '12e37342c309767c225d878bbb328980bf72cfd7', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'zoom-in-area',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } }), index.h("dga-button-v2", { key: '3fdde99c4a34e51a325863ad5181600698dcfc9b', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), index.h("dga-button-v2", { key: '8f9d77d5b390f8dea7a85e8ac0dcc333eb004fac', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'zoom-out-area',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } }), index.h("dga-button-v2", { key: 'c5a666f9796822bc208cb66782ae98fdbd8eff07', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), index.h("dga-button-v2", { key: '6c181429134fffc6eebdf398dd6758ae118e99d3', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'view',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } })), index.h("dga-second-nav-header-content", { key: 'c5721f2bc7d249a1816ed326c8a9468d803073d5' }, index.h("dga-second-nav-header-item", { key: '69a3a965732f32e2a20064200d10b0cea47666d7', label: 'Cloudy' }, index.h("dga-icon", { key: '19548446fd3efb7b8e9702943d712e0db52490be', icon: "cloud", variant: "stroke", type: "rounded" })), index.h("dga-second-nav-header-item", { key: 'b1b6a0050d4c5d80b32776f8e79321f95a160ae9', label: '21 Jan 2024' }, index.h("dga-icon", { key: '625cdb6c6425600087bfe8e0367a261267cfc584', icon: "calendar-04", variant: "stroke", type: "rounded" })))), index.h("dga-second-nav-header", { key: '6a00600ff5484a0de9f7d8dbbad8e01446a02ec9', variant: "gray" }, index.h("dga-second-nav-header-actions", { key: 'dc0273630e1e7dac67904da306d12a12d4b87b1b' }, index.h("dga-button-v2", { key: '15a3c4df089e017a9eed87e0f4b4a38676e70a5b', label: 'Button', variant: "transparent", leadIcon: true, leadIconProps: {
+            } })), index.h("dga-second-nav-header-content", { key: 'ba0e9274b2cb4f02e903fd389d603b64c84e4aff' }, index.h("dga-second-nav-header-item", { key: '6bd5c4006a232332c0456bffae372bd342ec49ca', label: 'Cloudy' }, index.h("dga-icon", { key: '5749be65d40a191160d5d8481823213c30375888', icon: "cloud", variant: "stroke", type: "rounded" })), index.h("dga-second-nav-header-item", { key: 'bfdd59bc097ff81db4442aad6ec65f3454ecec8b', label: '21 Jan 2024' }, index.h("dga-icon", { key: '8c98ecddbcba261eb25af76ab55d41210a23df43', icon: "calendar-04", variant: "stroke", type: "rounded" })))), index.h("dga-second-nav-header", { key: '279179dcb780559e2a650d1b1c3e7c81b944b11b', variant: "gray" }, index.h("dga-second-nav-header-actions", { key: 'c86a9b9dd7e0b51902913dcfe29b2a25132601b6' }, index.h("dga-button-v2", { key: '554f02e9fc6329202ba5233d9ecee6b7ef2b0cd5', label: 'Button', variant: "transparent", leadIcon: true, leadIconProps: {
                 name: 'mic-01',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            }, size: 'sm', iconOnly: true })), index.h("dga-second-nav-header-content", { key: '2e3fd58fde88131089d99f9e805a383aa2cf7ce1' }, index.h("dga-second-nav-header-item", { key: '336ec8b7bd470791cdf906768f5086649e932cf2', label: 'Cloudy' }, index.h("dga-icon", { key: '77b503f56e93aeefc106a22845a7be53eab176ca', icon: "cloud", variant: "stroke", type: "rounded" })), index.h("dga-second-nav-header-item", { key: '798b730b62797f5e13e6f08a08b8c498ef4b7c06', label: '21 Jan 2024' }, index.h("dga-icon", { key: '22dc0956b90cb78d996ee31770a5402b849aa039', icon: "calendar-04", variant: "stroke", type: "rounded" })))), index.h("dga-nav-header", { key: '4aec63d59474b96e3923bdd02a4935935a9f3f9b', fullWidth: true, divider: true }, index.h("dga-nav-header-main", { key: '6e5f61b20edcbccd70fb258e17a0996214a5a7d6', collapsed: true }, index.h("dga-nav-header-logos", { key: 'ed8684e0174e0672f3288b5059cc64e98fcd6500', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), index.h("dga-nav-header-menu", { key: '0003f3d54321cefab33523df1c7fdd1eed390edd' }, index.h("dga-nav-header-link", { key: '76dbe83c16d3c7d4439c76bc483ff4aa5471c700', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), index.h("dga-nav-header-link", { key: '17cdb6f777fe7802377431614c7e1fb976885675', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), index.h("dga-nav-header-link", { key: '0d0465c048661b72615e5ad6b3d00a08d247d68d', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), index.h("dga-nav-header-link", { key: 'be028e0def52219232b28e4f41e1835c9f9bbd8b', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), index.h("dga-nav-header-actions", { key: '05a808b392c1e90a159dcbb942a8148b9ea2babc' }, index.h("dga-header-action-btn", { key: '19ec94c9e608b471cf6831dcb5538d92008cc60f', label: "Search", icon: "search-01" }), index.h("dga-header-action-btn", { key: 'be3b7082fdd7f510a172505fe5fea642f7bc3ab8', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), index.h("dga-header-action-btn", { key: '3a0eccfd3d8c5b2bfc0ba7131819e84f1e5a127d', label: "Login", icon: "user" })))));
+            }, size: 'sm', iconOnly: true })), index.h("dga-second-nav-header-content", { key: '7534622392357bf01df27f6263b87c73f53ac330' }, index.h("dga-second-nav-header-item", { key: '06151257651dd459adba508e14635328ee1cd174', label: 'Cloudy' }, index.h("dga-icon", { key: '8f9bdd698af200a439edddd5ad63ea032bb28d4b', icon: "cloud", variant: "stroke", type: "rounded" })), index.h("dga-second-nav-header-item", { key: '04f2ad8a3c639764271b5fa1ad80b345ef96ddc3', label: '21 Jan 2024' }, index.h("dga-icon", { key: '87d114b08a6e3460562e2821e824d3a4eee87445', icon: "calendar-04", variant: "stroke", type: "rounded" })))), index.h("dga-nav-header", { key: '6fbc4a2232295b331f68d53e0e5a85220fa49eae', fullWidth: true, divider: true }, index.h("dga-nav-header-main", { key: 'd2c6de9a788df1c9b49443ceb916c719c2f4e4cd', collapsed: true }, index.h("dga-nav-header-logos", { key: '5b15076d3e7206923c1c52902a89c94b796102c0', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), index.h("dga-nav-header-menu", { key: '2a472df4d0d0a36af98b8ccd2503171b0d3a9108' }, index.h("dga-nav-header-link", { key: '8ca3c0bd58425fb6de1cf00d36fb4be5d23f10f3', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), index.h("dga-nav-header-link", { key: '7f0a64c4629f1248cea99d98e4e8b1901985e09e', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), index.h("dga-nav-header-link", { key: '6fe69be26812f89c9318c30aac6ce97940aa014d', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), index.h("dga-nav-header-link", { key: 'f6abed279d008971cd4ea22e71c84dc84527fd0e', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), index.h("dga-nav-header-actions", { key: 'ef55682c2b6ca60b24a4a39363a60a9e1b7f0f43' }, index.h("dga-header-action-btn", { key: 'c2373c492ac0514ab2eed2a50bb6edf1ac212341', label: "Search", icon: "search-01" }), index.h("dga-header-action-btn", { key: '54218d4575f0ad6733b28c0c7a46b154f392ecf1', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), index.h("dga-header-action-btn", { key: '0b86dcf99442e223cf7067a3f08100ed987fa47b', label: "Login", icon: "user" })))));
     }
 };
 

package/dist/cjs/dga-skeleton-usage.cjs.entry.js

@@ -7,7 +7,7 @@ const LineSkeleton = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '762f7a111d81020dfc6946ea5ac4a27bd1e8616b' }, index.h("dga-line-skeleton", { key: '3ecb430ff467ed0584fdfdb646d0b4469551489a' }), index.h("dga-circle-skeleton", { key: 'c8d0c22d072d97badef5bfcb85a6f9e65e463c80' }), index.h("dga-rectangle-skeleton", { key: '0a5192a0b860925ff7d305ae06da3abaa5dd2278' }), index.h("dga-square-skeleton", { key: 'b449896fa31e6bd12bfd35f4faac780227a61732' }), index.h("dga-skeleton-component", { key: '8055af6199b50979a20edcab91928813f30940f3' })));
+        return (index.h("div", { key: '13689d7473e63220e19a6c8e30d18877db38092a' }, index.h("dga-line-skeleton", { key: '4374e1af0a74c1ae1fbae198df31d5a51df9c81d' }), index.h("dga-circle-skeleton", { key: '7ce5c2365e10110f807ccaaf843038a63ec44b0d' }), index.h("dga-rectangle-skeleton", { key: 'dfe62ba6ecd9e955b024faaeef26028dbdbbe0ec' }), index.h("dga-square-skeleton", { key: '5ab742d263c93c03ededdf58bd957ae5dea84d75' }), index.h("dga-skeleton-component", { key: '16b4fcc9bec8047a414938bd1c95f721bb4ad8b7' })));
     }
 };