@platformscode/core 0.0.48 → 0.0.50

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

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$3 } from './p-BbGtTx5_.js';
-import { d as defineCustomElement$2 } from './p-DONc75B7.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$3 } from './p-CDMKY2c-.js';
+import { d as defineCustomElement$2 } from './p-Bke0Wg5h.js';
 
 const DgaTooltipUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTooltipUsage extends H {
     constructor() {
@@ -9,11 +9,11 @@ const DgaTooltipUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTooltipUsage
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: 'fff3488ae7f32a72b0ed81c0653257acfa8db6b9' }, h("h1", { key: 'df94be69c63fe4696b1316eaad02ca9ff9b1ac11' }, "Tooltip Example"), h("div", { key: '4b080e7c315fdc577739d74655de47fca2d3296c', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'e5ac134caa46576c8e1bd2ea16ef896710ecd70b', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-tooltip", { key: '6a6ac27d8c34abbcd4ad09e14af66cd2e222a47c', title: "Tooltip title", helperText: "Max width of tooltips is 240px - text will wrap automatically", direction: 'right', theme: 'dark', icon: true, beakAlignment: 'end', beakPlacement: 'left', feedbackIcon: {
+        return (h("div", { key: '49e204f87a983fdef362ba15aa675ff88b154f6f' }, h("h1", { key: 'f72901552c7c15ffa756b2611f6e3f4ae12282c8' }, "Tooltip Example"), h("div", { key: 'ca767eeea3c7bcd148d47bb9f334a803b64d0fdc', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '3677a428ee9986cff7fdcac5e82b23e6ccd32f00', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-tooltip", { key: '0557244092b40e17d7dc9e2b3f165f16ef5da332', title: "Tooltip title", helperText: "Max width of tooltips is 240px - text will wrap automatically", direction: 'right', theme: 'dark', icon: true, beakAlignment: 'end', beakPlacement: 'left', feedbackIcon: {
                 type: "error-!",
                 style: "container",
                 size: 24
-            } }, "Hello")), h("div", { key: 'b9e2b81a1287780e1a572e89a281d456a455e236', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+            } }, "Hello")), h("div", { key: 'dca6a8a3e51c917b14829e47f2cace5779472640', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 }, [0, "dga-tooltip-usage", {
         "activeStep": [32]

package/dist/components/dga-tooltip.js

@@ -1,4 +1,4 @@
-import { D as DgaTooltip$1, d as defineCustomElement$1 } from './p-DONc75B7.js';
+import { D as DgaTooltip$1, d as defineCustomElement$1 } from './p-Bke0Wg5h.js';
 
 const DgaTooltip = DgaTooltip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/floating-button.js

@@ -1,4 +1,4 @@
-import { F as FloatingButton$1, d as defineCustomElement$1 } from './p-Czju-mjU.js';
+import { F as FloatingButton$1, d as defineCustomElement$1 } from './p-C05zhJ_Y.js';
 
 const FloatingButton = FloatingButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/index.js

@@ -1,4 +1,4 @@
-export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-C1wrb6mL.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-CqmCtiRl.js';
 export { DateCell, defineCustomElement as defineCustomElementDateCell } from './date-cell.js';
 export { DgaAccordion, defineCustomElement as defineCustomElementDgaAccordion } from './dga-accordion.js';
 export { DgaAccordionUsage, defineCustomElement as defineCustomElementDgaAccordionUsage } from './dga-accordion-usage.js';

package/dist/components/month-navigator.js

@@ -1,4 +1,4 @@
-import { M as MonthNavigator$1, d as defineCustomElement$1 } from './p-CuCeynMm.js';
+import { M as MonthNavigator$1, d as defineCustomElement$1 } from './p-Dzst0-mZ.js';
 
 const MonthNavigator = MonthNavigator$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nds-accordion-usage.js

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$2 } from './p-DWljOezU.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$2 } from './p-DUDfqUwg.js';
 
 const NdsAccordionUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsAccordionUsage extends H {
     constructor() {
@@ -7,7 +7,7 @@ const NdsAccordionUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsAccordionU
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'ea6654f396e811d48f4d01fbbd9dc75632166e2f' }, h("h1", { key: 'cff51c7d8417f7c3f77012377514e552acb3dd00' }, "Accordion Example"), h("div", { key: '81369d17db5e9e9e7574354ae7e8a292439bb4fb', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '9474f9cbc71bcb08d612aeed3fcff1e1b267ebf4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: '285e3030e52fe54333dd8d665361978f70a51c0d', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("nds-accordion", { key: 'e42eb0a3744744ba8fee69631f8ef62b7f5e4726', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }, h("div", { key: '0abcde75e8b940520be91366ba16aa95e0cfd83c' }, h("p", { key: '8477be101b9948ea96a4f01727029b783db65cf2' }, "This is a ", h("span", { key: '3fd2c391d1e4784bc0628ed9bd6c282ad08748f0', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: '2227843f87f6e63940b1568bcfdea2d1aa534444' }, "You can put any React nodes here.")))))));
+        return (h("div", { key: '7e361b74ebf87267c41cbe302f7dbcf79a8e7891' }, h("h1", { key: '77ac31cdd51c834025dc8f9fea936ffc870e9e8e' }, "Accordion Example"), h("div", { key: '12a09f5d4b8183cdca21c45a5a3ab16bc4d9425d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8cf8dfbe3a67a0819b2284715d0c5c3f9cd983a4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: 'c47aa39ca65765819a12ec7cec00c401a50431df', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("nds-accordion", { key: 'a96ac17200bc4ae4662e0e00d8a33e2ffb0bfaca', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }, h("div", { key: '906e9ba760d9a64170979acf27ac382adcdee117' }, h("p", { key: '2ff6e5e6312749c0351e1146e0d1694007c32739' }, "This is a ", h("span", { key: '54588cae0353ff32bb8312cea9ff50d5f4ad388f', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: 'dedac5682b02aa918a6244563446204c35e08823' }, "You can put any React nodes here.")))))));
     }
 }, [0, "nds-accordion-usage"]);
 function defineCustomElement$1() {

package/dist/components/nds-accordion.js

@@ -1,4 +1,4 @@
-import { N as NdsAccordion$1, d as defineCustomElement$1 } from './p-DWljOezU.js';
+import { N as NdsAccordion$1, d as defineCustomElement$1 } from './p-DUDfqUwg.js';
 
 const NdsAccordion = NdsAccordion$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nds-avatar-usage.js

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$4 } from './p-B9VoGQI3.js';
-import { d as defineCustomElement$3 } from './p-BobLgmx5.js';
-import { d as defineCustomElement$2 } from './p-BbGtTx5_.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$4 } from './p-QUy2Lr1k.js';
+import { d as defineCustomElement$3 } from './p-Dwz5EI00.js';
+import { d as defineCustomElement$2 } from './p-CDMKY2c-.js';
 
 const NdsAvatarUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsAvatarUsage extends H {
     constructor() {
@@ -10,39 +10,39 @@ const NdsAvatarUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsAvatarUsage e
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '81325db0d14273102fb55b3b1c73ffdc24eae7eb' }, h("h1", { key: 'd089f32d73319a013de1008ea2c5137c38715e2f' }, "Avatar Example"), h("div", { key: 'e0e0fd5b7fe17f438e0e3b96fa594dd49de785cb', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '97b86cc037d3deb82233762941b7af7076b001ec', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'e66c0f8e182f21633df4cccedc7237aedcba147f', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '288c93d20964a10ee4e2f7f5d93e7f995717cddc', size: 120, border: false, square: true, sx: {
+        return (h("div", { key: '76a85df8902e1b4c0872d8d7f092a6f98a185397' }, h("h1", { key: '02e2c1a1cdcb3b08dc1b8ba9bf0ca7afadd76e39' }, "Avatar Example"), h("div", { key: '9317f52449306f400ee37700df76c4d57bbec62f', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6917f4c54578a8983bd34b33cc18207061d8d13f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '1b9a039bebcc8f3a78d3562ab3685e659b6f8801', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '0e72d21030046275821ae3f7d3d397487f90ae05', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), h("dga-avatar", { key: '78315380cb8ad25f7d7c539ba25b73bc86c686e3', size: 120, border: true, square: true })), h("dga-avatar", { key: '0e2e95bc9971cd9eefe08107bf116bb5b9a50ce8', type: "icon", size: 120, icon: {
+            } }), h("dga-avatar", { key: '17a5d027eab724424b927593a6841d490b25c601', size: 120, border: true, square: true })), h("dga-avatar", { key: '94db0f5ee1fb5c15f7624b9a4125b570970ce190', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '8d009c6c8dd01559b0d9699b8e5c2e4ddd409b85', type: "icon", size: 80, icon: {
+            } }), h("dga-avatar", { key: 'aed6214dadfc06c813a86536348cc880c0614784', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '00225c962433b8931b244c60a48c16975441ddac', type: "icon", size: 68, icon: {
+            } }), h("dga-avatar", { key: '4d07ceff91fa73f27a6aba2471e69dc871565d05', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'b415ca0a24d6287cd16edb38fe872029b8ccdca3', type: "icon", size: 48, icon: {
+            } }), h("dga-avatar", { key: 'a42eb89687da470706d8b977f84cc1bc06ff62e4', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '55598148d05a675c43a97d7cc359a4441fe33f20', type: "icon", size: 40, icon: {
+            } }), h("dga-avatar", { key: 'b5d183f591e8e135ce3816df734898d49c08c9c1', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'ff9b7fa85e824c634c1b88bcb5f7a9d074b020e1', type: "icon", size: 32, icon: {
+            } }), h("dga-avatar", { key: '5f606547e374e32e9a06aa2bd9610fd4d0afd01e', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'a6d21e51604cba8be541c9d618bd303394885215', type: "icon", size: 24, icon: {
+            } }), h("dga-avatar", { key: '5880bb7678d280267729a9ac25530117ae2f5ac0', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), h("dga-avatar-group", { key: '6de94f0357aad5678ddfc411763bb12de4930eff', stacked: true }, h("dga-avatar", { key: '111ca78223bdf331d682bd5930a57b7430042674', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '7a8a4850cb10ec7341a6ff0ed09d824975111204', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '93b0b8cf93f51d51136ccce96a0dc66910526325', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '8b00fda30e6a50a494434dc567c90f9708d2d7c6', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '6145490f7d483e8c5eb842e775401c6421268806', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '60bc3f2e2135bed0341a84bfbf396dec596aa708', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("dga-avatar-group", { key: 'b1ba8f0e1d48beb2f034185d2644f461f8a25394', stacked: true }, h("dga-avatar", { key: '82fae481cafb8fe37875335a78737c344da8c04a', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: 'ef19f3ff798a84e10f0088413637e9866cd9558a', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: 'bcc45262e7b7917bfa8519b98c4b83fe067c7eed', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: 'fcdf130f3141347b6e64d7067e0ff2f8b2e673b2', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: 'f947275d38bdd73c13ab61bccf4519ebb491774a', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '7a95640ee56216d9d9231dc21f36e173e7919d03', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "nds-avatar-usage", {
         "variant": [32]

package/dist/components/nds-avatar.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-C1wrb6mL.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-CqmCtiRl.js';
 import { S as SxStyleManager } from './p-BFEqPAFn.js';
-import { d as defineCustomElement$2 } from './p-BbGtTx5_.js';
+import { d as defineCustomElement$2 } from './p-CDMKY2c-.js';
 
 const ndsAvatarCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular,.dga-avatar--120 .dga-avatar__text{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular,.dga-avatar--80 .dga-avatar__text{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium,.dga-avatar--68 .dga-avatar__text{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium,.dga-avatar--48 .dga-avatar__text{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold,.dga-avatar--40 .dga-avatar__text{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold,.dga-avatar--32 .dga-avatar__text{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold,.dga-avatar--24 .dga-avatar__text{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}.dga-avatar{position:relative;border-radius:var(--radius-full);border:2px solid var(--border-white, #FFF);display:flex;align-items:center;justify-content:center;background:var(--button-background-neutral-default);overflow:hidden}.dga-avatar--image img{width:100%;height:100%;object-fit:cover}.dga-avatar--square{border-radius:var(--radius-8)}.dga-avatar--square.dga-avatar--border::after{border-radius:var(--radius-8)}.dga-avatar--border::after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:var(--radius-full);border:1px solid var(--alpha-black-20, rgba(22, 22, 22, 0.2))}.dga-avatar--120{width:120px;height:120px;border-width:4px}.dga-avatar--120.dga-avatar--border::after{border-width:2px}.dga-avatar--120 .dga-avatar__text{text-transform:uppercase}.dga-avatar--120 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;font-size:80px}.dga-avatar--120 .dga-avatar__icon>*{width:100%;height:100%;font-size:80px}.dga-avatar--80{width:80px;height:80px}.dga-avatar--80 .dga-avatar__text{text-transform:uppercase}.dga-avatar--80 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:56px}.dga-avatar--80 .dga-avatar__icon>*{width:100%;height:100%;font-size:56px}.dga-avatar--68{width:68px;height:68px}.dga-avatar--68 .dga-avatar__text{text-transform:uppercase}.dga-avatar--68 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:40px}.dga-avatar--68 .dga-avatar__icon>*{width:100%;height:100%;font-size:40px}.dga-avatar--48{width:48px;height:48px}.dga-avatar--48 .dga-avatar__text{text-transform:uppercase}.dga-avatar--48 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:32px}.dga-avatar--48 .dga-avatar__icon>*{width:100%;height:100%;font-size:32px}.dga-avatar--40{width:40px;height:40px}.dga-avatar--40 .dga-avatar__text{text-transform:uppercase}.dga-avatar--40 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:32px}.dga-avatar--40 .dga-avatar__icon>*{width:100%;height:100%;font-size:32px}.dga-avatar--32{width:32px;height:32px}.dga-avatar--32 .dga-avatar__text{text-transform:uppercase}.dga-avatar--32 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:24px}.dga-avatar--32 .dga-avatar__icon>*{width:100%;height:100%;font-size:24px}.dga-avatar--24{width:24px;height:24px}.dga-avatar--24 .dga-avatar__text{text-transform:uppercase}.dga-avatar--24 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:16px}.dga-avatar--24 .dga-avatar__icon>*{width:100%;height:100%;font-size:16px}";
 

package/dist/components/nds-button-usage.js

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$6 } from './p-B4tBgtv2.js';
-import { d as defineCustomElement$5 } from './p-Ibpu9_Iz.js';
-import { d as defineCustomElement$4 } from './p-BlMDAcsF.js';
-import { d as defineCustomElement$3 } from './p-BbGtTx5_.js';
-import { d as defineCustomElement$2 } from './p-BmCvK3M_.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$6 } from './p-CSDiDsDN.js';
+import { d as defineCustomElement$5 } from './p-DcvmZQlW.js';
+import { d as defineCustomElement$4 } from './p-DxK5qouX.js';
+import { d as defineCustomElement$3 } from './p-CDMKY2c-.js';
+import { d as defineCustomElement$2 } from './p-D7gSlPw3.js';
 
 const NdsButtonUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsButtonUsage extends H {
     constructor() {
@@ -12,13 +12,13 @@ const NdsButtonUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsButtonUsage e
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'ac1faae2ebc4f5db7efdd3efd4ce0767ba484ed0' }, h("h1", { key: '5281f0d6bee4b3a45bed162ddfb7ed43a9ae671c' }, "Button Example"), h("div", { key: '3213d15f5cf8a91302c7597f12bcd65bcc84b90f', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6144049768a8069d2586333bfcaa981d04a06f7c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '89f1432676c5548ee27843c5d6b31d38343faa7c', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '000a2f89fd5a6cf2d4f843acdb23c1f5b4e3077f', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '070c48e04b5b0d28b45bdd65e1f455ece7e35332', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'd651debc5ac19e8751fbafef446b4bd3d85396bd', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: 'b32cb83b6d6f16b234b80251aea220f338175115', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'c462c7be3b38aecdd13a9cd82f729e3c2faa5222', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: 'ad15cd27f917d8ea4225f3d29d31e0a5e47ae38b', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '0740ea687410b455bf6f9713c818436ac3de955c', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '4eb5c8e00755f5ac37d8d487c668e01fefdd2fc1', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: '2fd46c3a5266b2796d681403a74a7a637e18a145', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '73c46d25247e8b86eff16200a622f02acbe162c0', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '95d21bd894076baaa3f016e722f825bf790e4b12', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: 'e0db7d546166d687e2d07a06bb0a6aa979e736c7', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: 'aa42a673bd9667857e9dd1f10ce8283377a97f57', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '266fc30785374bdddd861952e88e8f3f825e1088', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: 'ebe862c13e1eb3c99266e56a0e04450d3e1689da', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '84038b1a8cd8d9bd2962d21644e34beeee983698',
+        return (h("div", { key: 'a0a823c098af6df00bd7b77244c48b62c35d062c' }, h("h1", { key: '7279a21c6210ed7e50f34280cab77560b87fc19c' }, "Button Example"), h("div", { key: '5ff9a3264309e5e118f49fc911a8190e7b257e4b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4a444893cf33503b545e337996154dda2897d26f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '67710defbf59ac75d07743749af8f1b7010df23c', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '5a49c8e357f09fe97da31d987021b0c25e0d6ad4', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '75ac62d5c9ee866da8e6d875c17147c202f06bde', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'c04493292b27a71bef921e296060a1cb24e4b2dc', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: 'cdf6e06a1315767f930feac5f7b878496d8998b6', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '83a3cec32965e051cca67349fdac68cbb0dfb7be', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '196636775a07ef3a2718acfb57480377578e7c19', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '4bfc065e3fa8d51d946c515ac94fae9c9096e53e', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: 'df67f0f26d95b385022b1e9628669c44f0fa7f7b', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'a1fbc40797421d5c3fdd2f51da45f490fb1f47df', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: 'a7be0d10c536b46423d1991ab52473eb83f8077d', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '5fc9845458757d81e3e8201f6b73aa86d996b9f5', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: 'ce1e0bac6082807fb068bc03be65d6ea0815e683', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '085bc892a9974e219f8c189a10d269791fd7b509', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '9cdc4208b9580b932a753b348cce3adf97d91185', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '081442c9a621daa816c3b61f79f1be5970d96abc', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '611e212c60ecc8c8be5d6e32f2b3a8f66f2465c4',
             // className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100"
             label: "See live preview", size: "lg", variant: "secondary-outline", trailIcon: true, trailIconProps: {
                 name: 'link-square-01',
                 variant: 'stroke',
                 type: 'standard',
-            } })), h("div", { key: '83e08f213b61dd934fa6344b7c6d4a17cce57116', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '871ba21b40c44ec3159a485db6b4208b9855165e', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: 'a5c787c0085e3e16e4e7e3f68ebfdbe0edc16560', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: 'eda1a5c87a8b240dd71ba2e67904dbacab99d172', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '57280405cd7f285d53e4cac4a8e6ffded9981786', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '3ea6e3a3411b58281b35e4519cded114a18eada9', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '3425fb7a4bf86465aa7c8cd2fc49538bbe8db5ae', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '4c249cc1ace9143af32d0cfbdad1fb4b6115d403', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: 'd349de388b313edd812dd06cc4bbba01e84f9826', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: 'e8259893474ec84ffb3a57e260b61bedb7c177d9', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '55f2c48d8210c5acffb86d60a832bee70c5e6ca1', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '8a2526b238a2615673ccabf983bd777d55aeb89f', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '2f8f8e73c4215653357a4eb82a6ccff33da1132c', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '619560d745c46531287b4bf6a2abc07f74967c5f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "nds-button-usage", {
         "variant": [32]

package/dist/components/nds-button.js

@@ -1,4 +1,4 @@
-import { N as NdsButton$1, d as defineCustomElement$1 } from './p-BmCvK3M_.js';
+import { N as NdsButton$1, d as defineCustomElement$1 } from './p-D7gSlPw3.js';
 
 const NdsButton = NdsButton$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$2 } from './p-BXjxx_iZ.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$2 } from './p-rveE1-nF.js';
 
 const NdsChipUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsChipUsage extends H {
     constructor() {
@@ -8,14 +8,14 @@ const NdsChipUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsChipUsage exten
         this.isSelected = false;
     }
     render() {
-        return (h("div", { key: '32e4d3fd4e5274ea2a9d0769c1d18707433d3acc' }, h("h1", { key: '4e9c50d02a446ab517ed1abd41ed039d9a112fbb' }, "Chip Example"), h("div", { key: 'db386a28f649769759aff08ec9924fca9c628290', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '723a7c843ab9819e57e1bac3c926ff35010c15ea', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-chip", { key: '728b9dd8bc0eff106b89d82e38c4344c63960e44', label: "Label", variant: "neutral",
+        return (h("div", { key: '63ab3093f5157facd9994877dacc8dee0f8e707e' }, h("h1", { key: '29f88ea9b2bc7409e7a32da8deba77f2a1e3bbe7' }, "Chip Example"), h("div", { key: 'd091f1b78ae10b24b4df39b10794e4065a1838f3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '02e52c2d731d6f5176a8b3b955c0e478011d7df6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-chip", { key: 'fbe8adaf879645c9e0774ecc727e0ce88069f9f8', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("nds-chip", { key: 'd3331b1c532b588d401a517637aa879b08b0cbe7', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            rounded: false, size: "lg" }), h("nds-chip", { key: 'b99d6ee3db2ddf4b2f1e1f6dd08d097cf3c99631', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
                 this.isSelected = isSelected;
-            }, selected: this.isSelected }), h("nds-chip", { key: '19863e35a1f9ac32b0fe4791f8fe227af9067d82', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            }, selected: this.isSelected }), h("nds-chip", { key: '16f9bc279e1cdf948dd2dd0d1455f8973d1a5581', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
-            }, selected: false }), h("nds-chip", { key: 'f6173b10031f2a01a1e629582a5f05abb6dc1211', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: 'adea0bda7daf633f19883d9b8a9710737f01fe13', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("nds-chip", { key: '862516851a9a6853bd47c74faade498fd67da00c', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, selected: false }), h("nds-chip", { key: 'acf3781c2b9fc3c019722e068a049badc3266daa', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '2286ce1fa350ae63f23086a742c6cbff8deb1949', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("nds-chip", { key: '8ee378b2d0f7bb1a9ff5cefbcc7a047e57dc8819', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
     }
 }, [0, "nds-chip-usage", {
         "isSelected": [32]

package/dist/components/nds-chip.js

@@ -1,4 +1,4 @@
-import { N as NdsChip$1, d as defineCustomElement$1 } from './p-BXjxx_iZ.js';
+import { N as NdsChip$1, d as defineCustomElement$1 } from './p-rveE1-nF.js';
 
 const NdsChip = NdsChip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nds-floating-button-usage.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$3 } from './p-BlMDAcsF.js';
-import { d as defineCustomElement$2 } from './p-AzlxeME9.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$3 } from './p-DxK5qouX.js';
+import { d as defineCustomElement$2 } from './p-CL0x3HtU.js';
 
 const NdsFloatingButtonUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsFloatingButtonUsage extends H {
     constructor() {
@@ -8,7 +8,7 @@ const NdsFloatingButtonUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsFloat
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'dc5838d98f5625dd4f238db498491b767117a006' }, h("dga-flex", { key: '433540e0c7166ebe1960ae856c4c92c4c9fa3860', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'fa6846a8d046a89996d546653f8aea4835db6889', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '1f37f2bb630c4e93d1ea713346ecb5734cee8b01', variant: "primary-neutral", label: 'Button' }), h("nds-floating-button", { key: '047dc4e9993766241f711df09b853eab16ffa383', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: 'af1e712939d4f5a0ed9de3f96abb933fec5d98b2', variant: "primary-brand", label: 'Button' }), h("nds-floating-button", { key: 'c1aac735dada98ca05947d2a6ba55cd59a8d228a', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '148bb32dfe668ab4a1e96c4784092ec602f7ed54', variant: "secondary-solid", label: 'Button' })), h("div", { key: 'bc121a5ae32a13eeeebce507f6dabb2817be17e6', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, h("dga-flex", { key: 'b895a893d334ab8cd625dcbd544842edc13ac760', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'c3dd3b1d8c8a787d44c0c6b032b036b0bc8421fb', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '250d398e839456d320605c688a6ebf81c057efa9', variant: "primary-neutral", label: 'Button', inverted: true }), h("nds-floating-button", { key: '5413b1863cfa0b739d2d1ce50ca406e4722a1ae1', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '09b14123b1c82833d28abe82d36a9b2b6039070d', variant: "primary-brand", label: 'Button', inverted: true }), h("nds-floating-button", { key: 'b3057256416bc4d82fdb08e7e1dd534293191f0d', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'e5ca4c9d4fc153c896ddf3b737ff935d7b79c54b', variant: "secondary-solid", label: 'Button', inverted: true })))));
+        return (h("div", { key: 'd28e6a4933edb816c5415aea8c958a5ec7a2dca5' }, h("dga-flex", { key: '53ac1cd5b01e0e64a3c5500c3673c4da11a7032f', direction: "column", spacing: 16 }, h("nds-floating-button", { key: '10870090e590fae7800525b2384dfebfe2af5cf0', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '6145a43246d79f4b374c308f1c374b0771a44e98', variant: "primary-neutral", label: 'Button' }), h("nds-floating-button", { key: '1469720f974f13172d5c9869f941655321cb72ea', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '451cffadfb2095e68fdcc8468cb12e0b9efb371f', variant: "primary-brand", label: 'Button' }), h("nds-floating-button", { key: 'ffb25eb0fbce89ecec0f2d0bb7cc7268a4cb3be8', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: 'af550781dd85f92980ab88eeca5de784c3834f19', variant: "secondary-solid", label: 'Button' })), h("div", { key: '03ee08dc2ff0229ffb9d857ea067e3c986682866', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, h("dga-flex", { key: '8e6bda5356806eef5d4481024143306ca5f5fd1a', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'cdaf873ccf3ee7d5028102d730ce8dbf490589ac', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'ab0ca2a9488d3b7a2de1fc5ca6aebf545da5e18e', variant: "primary-neutral", label: 'Button', inverted: true }), h("nds-floating-button", { key: 'f7b2541e08850810cc99bd0d8403a4aba9890d71', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'f5b7a839c572674b6c84a1e3dc9e7956e0cef6ac', variant: "primary-brand", label: 'Button', inverted: true }), h("nds-floating-button", { key: '7f1c6d00630c5d8f7421ed7a09a7d32dda9387f1', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'a1aac3187fe8de3226bd5fea998abc30de226c07', variant: "secondary-solid", label: 'Button', inverted: true })))));
     }
 }, [0, "nds-floating-button-usage"]);
 function defineCustomElement$1() {

package/dist/components/nds-floating-button.js

@@ -1,4 +1,4 @@
-import { N as NdsFloatingButton$1, d as defineCustomElement$1 } from './p-AzlxeME9.js';
+import { N as NdsFloatingButton$1, d as defineCustomElement$1 } from './p-CL0x3HtU.js';
 
 const NdsFloatingButton = NdsFloatingButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nds-link-usage.js

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$4 } from './p-BlMDAcsF.js';
-import { d as defineCustomElement$3 } from './p-BmCvK3M_.js';
-import { d as defineCustomElement$2 } from './p-8OkgeeAw.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$4 } from './p-DxK5qouX.js';
+import { d as defineCustomElement$3 } from './p-D7gSlPw3.js';
+import { d as defineCustomElement$2 } from './p-Cktj-wpB.js';
 
 const NdsLinkUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsLinkUsage extends H {
     constructor() {
@@ -9,7 +9,7 @@ const NdsLinkUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsLinkUsage exten
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '74e10a52d4f022509afbd6c7f6043b52ea77868e' }, h("h1", { key: '202bae337c26a82314dcb4628dde6cf911786254' }, "Button Example"), h("div", { key: 'cee01e088a9872eaa3a9aedea788dae99cbbef72', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f7f9e2ef43441db5a9435781ca754575b25225ad', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '23c6f7ede0333c8497d5d5bf0179f7fcc7c14d15', direction: "column", spacing: 16 }, h("nds-link", { key: '8ef6dbd4563cab3d8d5319acd3d369ef55e3a557', icon: "link-04" }), h("nds-link", { key: '5339e09692c2989385eb091ea07e49b5b40da772', icon: "link-04", label: 'link from props' }), h("nds-link", { key: '06d0ac6a72b978e60bd9442d1711dd4a3f8405de', icon: "link-04", label: 'link from props' }, "link from child"), h("nds-link", { key: '79d65c8cb534c7e08513a5f8b4bc0d09db6e4ee2', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), h("div", { key: 'c48ac7066e5f4f6740d61812137850d8a11e88b7', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: 'bbafc39a04805b18617a99ac1014afad895be293', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: '2732234f386f2b3e5d17fb13c614a5bb833b3c07', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: 'c3f5c5b01e995079b6d8538e631e4798fd2e0c27', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '8e467cb30b50229ea77af5b2e319b981beb22973', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '75ec47fc82218f41116d8eb618ea14fd15ceb3f4', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '2052f4a3250d88958a3dfd2aa8bc647617e25916', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'e8d6ecc895d9b8e3125fcf75f33d3b3ff5822603' }, h("h1", { key: 'f1f6d12aa0f06edbe0ec7bee133869aeedb845c0' }, "Button Example"), h("div", { key: '86351264ff44e0ca14bc7808170cd894d6a09d08', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4a7733dfee3d344d82d89cae4114cb936a816ea6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '5f4d8da7f7311e6b3bd583a8cfad46061f2b40d6', direction: "column", spacing: 16 }, h("nds-link", { key: 'a62a8a6a5cbe514e13a7651addcfc16e753f2415', icon: "link-04" }), h("nds-link", { key: '1422961741d792839ad358a7b2696432807c6e6c', icon: "link-04", label: 'link from props' }), h("nds-link", { key: '293816844a7d94ab321ab26dbc684e3f5e59b1bf', icon: "link-04", label: 'link from props' }, "link from child"), h("nds-link", { key: '80cedde6b5351ef52280864898097201a9c25872', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), h("div", { key: 'e1e2e3e3824d198787d6efafe9191075cf08e8ad', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: 'a14a343e8d70d57b421f96d0c466a15950f7e8c4', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: 'a882207dc546dc8d221fba4ae4074f7414b7cce3', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '87c608f1c853826452ce9750e056b7d85e70133a', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: 'd65fce015c53798833536804fe5a33f7c7d6ce95', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '169f1296c862fce4b3eb2c3f93f07d15829b195c', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '945ae7a6765ddf8f09898f53afbf9515ed4ca361', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "nds-link-usage"]);
 function defineCustomElement$1() {

package/dist/components/nds-link.js

@@ -1,4 +1,4 @@
-import { N as NdsLink$1, d as defineCustomElement$1 } from './p-8OkgeeAw.js';
+import { N as NdsLink$1, d as defineCustomElement$1 } from './p-Cktj-wpB.js';
 
 const NdsLink = NdsLink$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nds-table-of-content-usage.js

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$2 } from './p-D5Vszovj.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$2 } from './p-CF86ehtt.js';
 
 const NdsTableOfContentUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsTableOfContentUsage extends H {
     constructor() {
@@ -7,84 +7,84 @@ const NdsTableOfContentUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsTable
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '26c3558c023a7761118d9a65361281c019a3e526', style: {
+        return (h("div", { key: '73493716321556d88acfc6cc9008610261dda6b7', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, h("h1", { key: 'fa81a411b1132432c12511c9bbf65364dbbb42f0' }, "Table of Content Example"), h("section", { key: 'd83201694926487d7b5a1ed15b6108f268d829b6' }, h("div", { key: '9013b1631cd1d748511043ba88f9e6ee93e8f240', id: "section_1", style: {
+            } }, h("h1", { key: '4d439e8e0fecdf0511fdcf81945b5815325919cf' }, "Table of Content Example"), h("section", { key: 'd5c43263acb0f2dfc1fe3da6f1eab5c078b2af7c' }, h("div", { key: 'f538a939937793ae746e82b44189cd4917ad6148', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, h("h2", { key: 'd813e208e8efd8e9e82f0fbe44013d619c4906a5' }, "Section 1"), h("div", { key: '9cd212915097d767f1fa4634d19fccfa799ee32d', id: "section_1_child_1", style: {
+            } }, h("h2", { key: 'd4dddabeae839e1be1a23222b81e6ecf458325e7' }, "Section 1"), h("div", { key: '6c1d2de51822df1522e62157194065881210e68f', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '6d9d0b8d563e773e5a63254c0513b5662911e109' }, "Section 1 Child 1")), h("div", { key: '63d84a830531584fa29b58255fa27dab16616342', id: "section_1_child_2", style: {
+            } }, h("h3", { key: '860e0d9df2eb98cfcdf498bcd8d36aa0ba67a3c2' }, "Section 1 Child 1")), h("div", { key: '0446a5f67225916f8c7566be19207651a588a659', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '9c2ff1ea2a80deaa72c4ea24bd48c599db807a99' }, "Section 1 Child 2")), h("div", { key: '3f7869916a3aede383577bcb168ca29c8bb5cb02', id: "section_1_child_3", style: {
+            } }, h("h3", { key: 'd45244e8c88e96889d25b8003f1a2ee8824d6f17' }, "Section 1 Child 2")), h("div", { key: 'baef46315656dc30434c4081f50635d399b5a66b', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '8d17440ce0333edcc4f72dd0acc1871e2f4ce1f5' }, "Section 1 Child 3"), h("div", { key: '8815ee5c3c27c5743bbf2f738e62fd8a441b7104', id: "section_1_sub_child_1", style: {
+            } }, h("h3", { key: '11f8053c4d15c987828ac8f589eb088a9d29ddd1' }, "Section 1 Child 3"), h("div", { key: '8a92a400582cf52f2c295545087751a40d1daf16', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '8c80da2742fdc04454d2da31357138ab10702251' }, "Section 1 Sub Child 1")), h("div", { key: '92c195f4efbe7c338ccd2851707c484a47281ce7', id: "section_1_sub_child_2", style: {
+            } }, h("h4", { key: '183106ab4c4ad23e7fc9082e2a0e752fcb864362' }, "Section 1 Sub Child 1")), h("div", { key: '0a0ae156370d5841ce6ed8cbec0d9ebda208a546', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '2c37dfc99171484b0e27079ecc7cdb699e95b5e8' }, "Section 1 Sub Child 2")), h("div", { key: '7b8ccd1d39d59b9248b159facb1db5a3cd00d848', id: "section_1_sub_child_3", style: {
+            } }, h("h4", { key: 'e0f81743c6859daf7f710df6110ddcc0ccf93eef' }, "Section 1 Sub Child 2")), h("div", { key: '60190dbb1141464fa08516f44eacc5732921489a', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'c829fc720ebc69629e182c03b249312df027f867' }, "Section 1 Sub Child 3")))), h("div", { key: '10c928a32d4e06fbf74f36b838a487a04a5367a9', id: "section_2", style: {
+            } }, h("h4", { key: '0814f6349531f787c7d223b3624d22bfdad63da8' }, "Section 1 Sub Child 3")))), h("div", { key: '481d870f682b248b7c813801fe11532dd6e411ab', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: 'a71c0cce3688edde7a7575dbf6b05c2b1ab90c76' }, "Section 2")), h("div", { key: 'bfa7cea9210eaaa073aa68d6fd915162fde44189', id: "section_3", style: {
+            } }, h("h2", { key: 'b8cae3090dff869b72581722431ddac84e3840d0' }, "Section 2")), h("div", { key: 'b79476cf17e5deebce3438504a5ba2c256883c4d', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '30ce0a3dd252658f1da17be9f57d4e2575c87773' }, "Section 3"), h("div", { key: 'a11b92a0f290b76cf86cd8abe6953885ebbe3fe5', id: "section_3_child_1", style: {
+            } }, h("h2", { key: '02c341ae569e513f066583fa7ca30ac1c82383c4' }, "Section 3"), h("div", { key: '60e90d88650e73a637bdbce4fd4dffee2620746b', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '57fce37b682038367ef1da481619c076a82742b4' }, "Section 3 Child 1")), h("div", { key: '42f8fe7daa54cdff0a24b4e938ae37efa6fe0908', id: "section_3_child_2", style: {
+            } }, h("h3", { key: '471e97e903c305687e85986212de3e8e6bebe554' }, "Section 3 Child 1")), h("div", { key: 'fa76d73558fd6a2ca343897d80108dc05f890df6', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '35c18dea106d6cd074dcf6c61c41d34f7d359fb2' }, "Section 3 Child 2"), h("div", { key: '28cf5aa4ed619f21f3d6f2ddadfe36b44795bbe3', id: "section_3_child_2_1", style: {
+            } }, h("h3", { key: '2da1dbed736b7f8a96aa9597d93d0c981c8ab819' }, "Section 3 Child 2"), h("div", { key: '94630c9823d9228d7691464710f6f31d5acf78c7', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'fe802e9bbee550f1bb4a866c7df09ef9e21b7914' }, "Section 3 Child 2.1")), h("div", { key: '0dbe1348352eb0798b01c92aebe8107cbd0c340f', id: "section_3_child_2_2", style: {
+            } }, h("h4", { key: 'b826da943f332ed3df1113797a833c9a8bb38458' }, "Section 3 Child 2.1")), h("div", { key: 'f2e4e2cee7822f1c74180a869557d06d3a1789f4', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '6a29d94a297783a82463382b0257f7141299d815' }, "Section 3 Child 2.2")), h("div", { key: '6889b6a97734ebcc630b6f7917fc394aef9c70af', id: "section_3_child_2_3", style: {
+            } }, h("h4", { key: 'c9a6a9e25fe760e63c8fe44441c7ccaef4737dd1' }, "Section 3 Child 2.2")), h("div", { key: '4c068b6ff5776638978e380efd6764bf9de22645', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '326e0df9bf9938d891f3fd3c2be9afca8697c8e9' }, "Section 3 Child 2.3"))))), h("div", { key: '4312afccafc285cce7a9f148c846ad6b40dc3a89', style: {
+            } }, h("h4", { key: '761f59c65a2c4a3baf9dced8ef73cf1b594330be' }, "Section 3 Child 2.3"))))), h("div", { key: '6e6295358148951daf6f5cf192cde2e81c800f29', style: {
                 position: "fixed",
                 top: "100px",
                 left: "40px",
@@ -92,7 +92,7 @@ const NdsTableOfContentUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsTable
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: 'c1c2f74ede0e21ff2d92f1c8a853eb757dcdc5f1', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, h("dga-table-of-content", { key: '8149f311544b071818cb111927fbb71594ab06de', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -127,7 +127,7 @@ const NdsTableOfContentUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsTable
                         }
                     ]
                 }
-            ] })), h("div", { key: '71ab68ecdd82646ee9986e579c6be10fa59de37e', style: {
+            ] })), h("div", { key: '287a7626cd02381931098d6c0c3dad2cf604208f', style: {
                 position: "fixed",
                 top: "100px",
                 right: "40px",
@@ -135,7 +135,7 @@ const NdsTableOfContentUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsTable
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: 'a6603a4972c62e37dd8ed7d66407b8bf23b40e56', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
+            } }, h("dga-table-of-content", { key: '06f7fe0f513390bcdb7d40f37e581987b1e81eec', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
                 {
                     Name: 'قسم صفحة',
                     Target: 'section_1',