@platformscode/core 0.0.34 → 0.0.35

package/dist/components/dga-tooltip.js

@@ -1,4 +1,4 @@
-import { D as DgaTooltip$1, d as defineCustomElement$1 } from './p-B9s0B8sN.js';
+import { D as DgaTooltip$1, d as defineCustomElement$1 } from './p-D9uV831l.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-DICxGKH8.js';
+import { F as FloatingButton$1, d as defineCustomElement$1 } from './p-DSD9HLIM.js';
 
 const FloatingButton = FloatingButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/index.d.ts

@@ -95,8 +95,6 @@ export { DgaContentSwitcherUsage as DgaContentSwitcherUsage } from '../types/usa
 export { defineCustomElement as defineCustomElementDgaContentSwitcherUsage } from './dga-content-switcher-usage';
 export { DgaDataTable as DgaDataTable } from '../types/components/dga-data-table/dga-data-table';
 export { defineCustomElement as defineCustomElementDgaDataTable } from './dga-data-table';
-export { DgaDataTable as DgaDataTableOld } from '../types/components/dga-data-table/dga-data-table-old';
-export { defineCustomElement as defineCustomElementDgaDataTableOld } from './dga-data-table-old';
 export { DgaDateFieldUsage as DgaDataTableUsage } from '../types/components/dga-data-table/dga-data-table-usage';
 export { defineCustomElement as defineCustomElementDgaDataTableUsage } from './dga-data-table-usage';
 export { DgaDateField as DgaDateField } from '../types/components/dga-date-field/dga-date-field';

package/dist/components/index.js

@@ -47,7 +47,6 @@ export { DgaContentSwitcherItem, defineCustomElement as defineCustomElementDgaCo
 export { DgaContentSwitcherPanel, defineCustomElement as defineCustomElementDgaContentSwitcherPanel } from './dga-content-switcher-panel.js';
 export { DgaContentSwitcherUsage, defineCustomElement as defineCustomElementDgaContentSwitcherUsage } from './dga-content-switcher-usage.js';
 export { DgaDataTable, defineCustomElement as defineCustomElementDgaDataTable } from './dga-data-table.js';
-export { DgaDataTableOld, defineCustomElement as defineCustomElementDgaDataTableOld } from './dga-data-table-old.js';
 export { DgaDataTableUsage, defineCustomElement as defineCustomElementDgaDataTableUsage } from './dga-data-table-usage.js';
 export { DgaDateField, defineCustomElement as defineCustomElementDgaDateField } from './dga-date-field.js';
 export { DgaDateFieldUsage, defineCustomElement as defineCustomElementDgaDateFieldUsage } from './dga-date-field-usage.js';

package/dist/components/month-navigator.js

@@ -1,4 +1,4 @@
-import { M as MonthNavigator$1, d as defineCustomElement$1 } from './p-D5i4Y1Hp.js';
+import { M as MonthNavigator$1, d as defineCustomElement$1 } from './p-DIBv3sUd.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-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-DbvYhfTJ.js';
+import { d as defineCustomElement$2 } from './p-SzLnmchK.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: '0024922b86f484360b098d0a72bfd32be07fb2f5' }, h("h1", { key: '5d564432511f1fa72ba78c25372bc9f58bbf58af' }, "Accordion Example"), h("div", { key: 'f0b0707ba4804354ee89cafebd276ab3c241fcff', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ffcdb4e67dee90d515ad4f98e0ed7f27e879f4ff', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: '050a9de8e001a540eb520723a2bd1e7d73fdc8cc', 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: '1d2f35c84b4bf206ad76577cb343c368bdfc6681', 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: 'c32462925947c53d7cdcda6b5a051636b091012b' }, h("p", { key: '8af43311647f68f3dc13191da8882023d9a978e2' }, "This is a ", h("span", { key: 'a1c9b985a22dfe4e104dde97a3e07d1d4b8d848f', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: '34d7443d029fb8e0337762388072aadac4452ba1' }, "You can put any React nodes here.")))))));
+        return (h("div", { key: '9123890eda0c2fc65da22ce4b5f127d0dc4a121c' }, h("h1", { key: '8895f7600d63dcad69de62f266223218e4ff7524' }, "Accordion Example"), h("div", { key: '7c0735f21b91f2dae999defec1eed1286674f4e2', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c12c81a421330ebb1742196374dc69ae69159e43', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: '7cbb4adc70d15301b4f1918bde2aadaf04769236', 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: '42c0003deaba848fd3a5c1d3d78b76f605d6845c', 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: '68663eec1c2fb257a57f2801beac7fb35c2a6b0c' }, h("p", { key: 'dd631be5a344ba7e9b508b13c23a6f844850e3e9' }, "This is a ", h("span", { key: '57ac48e29944525e5e1bc12ed3cd7d169ae47214', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: '0172a5f691529db9ab417917c3d4ece70bfc1937' }, "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-DbvYhfTJ.js';
+import { N as NdsAccordion$1, d as defineCustomElement$1 } from './p-SzLnmchK.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-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-BsEbroEi.js';
-import { d as defineCustomElement$3 } from './p-fcx_NV-Z.js';
-import { d as defineCustomElement$2 } from './p-COX_k4uJ.js';
+import { d as defineCustomElement$4 } from './p-DmiaKdLo.js';
+import { d as defineCustomElement$3 } from './p-GDuInssM.js';
+import { d as defineCustomElement$2 } from './p-CcNS0CYN.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: 'd2c349746c6342a69230e4a75f26f9923105e711' }, h("h1", { key: '61793ffb5c7f58aadb849b75bd0e0652010531db' }, "Avatar Example"), h("div", { key: 'f25c3d23f67d5f96b09842feb553d7a7769f5e97', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '74ac2de50cbd155a63cd0dc8a1b225f918115189', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'd792800f75396ddf0fca25a074bb015eb2ba0100', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: 'f553a15084b03182d27f11acbee879114b27d574', size: 120, border: false, square: true, sx: {
+        return (h("div", { key: 'ac1faae2ebc4f5db7efdd3efd4ce0767ba484ed0' }, h("h1", { key: '5281f0d6bee4b3a45bed162ddfb7ed43a9ae671c' }, "Avatar Example"), h("div", { key: '3213d15f5cf8a91302c7597f12bcd65bcc84b90f', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6144049768a8069d2586333bfcaa981d04a06f7c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'a9c215a9ab2fb87404aab12618dcf49e5b7b6a30', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: 'b398ba7d9823078d6a33f9d755ab8d11de513faf', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), h("dga-avatar", { key: 'f5ada8a0e2509085428667bf159f67e9999a7a72', size: 120, border: true, square: true })), h("dga-avatar", { key: 'ef1505273b112f75b53a4ff85fab39b55d2a26f4', type: "icon", size: 120, icon: {
+            } }), h("dga-avatar", { key: '91eba111611c3ac0dd76c0f420e7821c3180a264', size: 120, border: true, square: true })), h("dga-avatar", { key: '5eb17d4e64ecdf0b81f86768abb40d04bd67fdcd', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '05fef150d74e31fe32610107277d8c8295dfcad6', type: "icon", size: 80, icon: {
+            } }), h("dga-avatar", { key: '7b9ae727d4a932adbd319ef0ba51ae7ad528a638', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'f48a82f28a07136a6b0b1e08d2452572a0df156e', type: "icon", size: 68, icon: {
+            } }), h("dga-avatar", { key: 'f420f355134964b5ebac614789a5d19640438376', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '78563f1ca2881a3bdf37c18062988cd7a5c90e66', type: "icon", size: 48, icon: {
+            } }), h("dga-avatar", { key: 'c3e5a0eeec72896e7e0796d1513a2c5d053b135c', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '666be7d56d1a69b8883ff58634d71444ecd6d4e5', type: "icon", size: 40, icon: {
+            } }), h("dga-avatar", { key: '80d61a6a76c28095babf6cf7b630180fac4ebb1d', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '0e365daf2a2f0f12c793279d34fbba6eecab5701', type: "icon", size: 32, icon: {
+            } }), h("dga-avatar", { key: '49d108be6ed605a3b7d2898035b516a4bcdf9625', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '9e0b0338c5a7f23a79a9ced530586342e61d8753', type: "icon", size: 24, icon: {
+            } }), h("dga-avatar", { key: '6838e74f63965415c9526e714f311344a9c3762a', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), h("dga-avatar-group", { key: 'a64a3a546ce4405a2bdbef048c75b53cb544f1d5', stacked: true }, h("dga-avatar", { key: '74b6ab499ff10436c1c5988dfb96fb4801677e43', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '76ae0ff03369d246822995be5b2c161d4dbd3e4c', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '50e4243ce28f1fcf324d9c87c09efa5485c7d618', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '1133e721da79887e9d0c7a739fd9dd14e39277d6', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '2e7307273dea4c7380c6f9db255f2653732b7bd2', type: 'initials', text: `+4`, size: 40 })), h("div", { key: 'd6c6efd8b0f412c627f195b7091a9e3dac1bf64f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("dga-avatar-group", { key: '83ecfecd332cda7b6a16c823b80278e297b5c792', stacked: true }, h("dga-avatar", { key: 'ad9787c09b03f609096dad63dd6151cbf4a6e774', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: 'a4856d76605d8a792da49dbf19585fd1982b34f5', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '2343308777e5930258990edc341b85462879e896', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: 'cdc4c2dbe5647315fa123d1b715f2f690481a76d', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '8c6a8e7ddd217221b90ee4460bd012a0e83a8f06', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '1e337bdfe940ce7ef1cd42525637bb17fcdca3d4', 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-JCGAt0My.js';
 import { S as SxStyleManager } from './p-BFEqPAFn.js';
-import { d as defineCustomElement$2 } from './p-COX_k4uJ.js';
+import { d as defineCustomElement$2 } from './p-CcNS0CYN.js';
 
 const ndsAvatarCss = "@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,.dga-avatar--120 .dga-avatar__text{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular,.dga-avatar--80 .dga-avatar__text{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium,.dga-avatar--68 .dga-avatar__text{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium,.dga-avatar--48 .dga-avatar__text{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold,.dga-avatar--40 .dga-avatar__text{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold,.dga-avatar--32 .dga-avatar__text{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,.dga-avatar--24 .dga-avatar__text{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}.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}";
 
@@ -58,7 +58,7 @@ const NdsAvatar$1 = /*@__PURE__*/ proxyCustomElement(class NdsAvatar extends H {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '507970a5dd503477fa4019f98409b547d80cc137', id: this.componentId, style: this.rootStyles }, h("div", { key: '37681c5efbfe8aa5b1eac24ccb5a365c132e55c4', class: {
+        return (h(Host, { key: '877fd9dc344786e47f8cd98522bf810f272c1011', id: this.componentId, style: this.rootStyles }, h("div", { key: '881c1b54b35b7085e959faf4ab9f79c5fff5ead3', class: {
                 'dga-avatar': true,
                 [`dga-avatar--${this.type}`]: true,
                 [`dga-avatar--${this.size}`]: true,

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$6 } from './p-C8Wtl6Zv.js';
-import { d as defineCustomElement$5 } from './p-RsJ7rSMp.js';
-import { d as defineCustomElement$4 } from './p-Pdnd7FQS.js';
-import { d as defineCustomElement$3 } from './p-COX_k4uJ.js';
-import { d as defineCustomElement$2 } from './p-CMTS7KyC.js';
+import { d as defineCustomElement$6 } from './p-CfQ8F8Bh.js';
+import { d as defineCustomElement$5 } from './p-Bs_sPiZE.js';
+import { d as defineCustomElement$4 } from './p-Cg2ruBZP.js';
+import { d as defineCustomElement$3 } from './p-CcNS0CYN.js';
+import { d as defineCustomElement$2 } from './p-Dd1XVYJF.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: '5fd627572902e4825020c917bd5dd19542cb91d6' }, h("h1", { key: 'c7b09ee9c48e510d38b21c9233c0ecc7fa91673d' }, "Button Example"), h("div", { key: '2fee00ba0d75e6d04191e23f0167812761c56975', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6ac01e8bc98ead8a4e5a13e63caaa8fe4f2b9704', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'e73a46700e09a9954b00ed213e07dcc92971d606', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '74c6cb303326ea3514127250093127e81f7d6952', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: 'b00d4bc4705e8a6c54a3f3eeebe50a4124315ad6', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: '5921c274597b8901ae8ccfec0d79aba69a8f8271', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: 'b6992262d5f89e1ee1fac8aa7ac8d4db2d7c63e6', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'd5f5738ea58a0627c4aae1fde03d36fd93edd4b0', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '241cde01f9b20ab01d932b7c7a640257960a6a51', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '7f6fb4e6872ea4aa28ed75919636cc3f1ab2e46a', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '7a2286cd98fa27f1fe18b697c119f0aa9f20ff4b', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'ebd85c7f7a20fc380ae3f7592e4a27744b9a2c32', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '5bfe184959d1bbdbf4e4a76ea54b6ee74d207741', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: 'd3003aeaaa3ac7ed1effe24a44120a2685d47909', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '647da700b39563a9737b5f4654225d9ddfaf3598', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: 'd644c1358bca20ea58afef1d2aec3ed78aeabc9f', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: 'e8bfd09a43a332fb6c1e4110946c6d37f4942697', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '318109f567104cee29f18834308d3bfcd56eb2d8', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '824b39cd90612b4a428d4ad3ba9ad2544b7852eb',
+        return (h("div", { key: '93e8a534cdf0510938fddc6c71b50f9f187e6152' }, h("h1", { key: 'f685f95bf42630668e6bb87a4028fc33454a5b06' }, "Button Example"), h("div", { key: '11541348742b59c5a9f8a5a5bed82ed2ad061396', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '3fc6da5081ee18fdde08258dc9f45bc71c28fbf9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '89dd10ed91dcf4fd1ede6f24a04aa509056f104c', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '2d47c266e8ad231d663d87e4227683708954e559', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: 'f3baec3e2915dbf0def6d0077875efd3c1d3b2f3', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: '6048983c1b1957a2fd7a0547cbb78a4440780442', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '4706e798f37607b7415d3fe060a4de13a1c29780', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'd509b14e82495c156118cae3e94192ece9cba6ba', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '97f3e4a7d2b68040ba71631bde80ce24030ced5d', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '90cc0c839970d1eb57aa7ab03b8ef549ae8c87d9', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: 'f6dac77cea26b99aa9c3e529580f2b84e4ea3339', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: '9dd7afd56cb8bf3dcbd1eb410930453616d5e17a', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '1ad41574bbb4620a5e89d42ea910a5e76023039e', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: 'e84b533c0c642c43e5a96c4375d815c5c0c579f8', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '897cf9772232073d72f3bf968a75ba25655050a0', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: 'bfe0dc83e184ee3a96094ae9df700233945a467f', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '50081c16bbe5f639683fa5e61bf30d7565834bda', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '4d80da0b9f949940798328a80173b16027712dd8', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '7dbeee7bc5832202920fd13f68fb9abb215961e7',
             // 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: '5f4c74b631b89a4d28ec0b5c127d21858accb3ba', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '9b3e4d65467cbc4af47ea26e26cf86c807a300b8', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: 'ad9180df6a1a5dd868aecb66df61bd7d56e1f63a', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '92eb0330444e5c0d15854f5845b5a1960167858a', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: 'f71769e770a77522fd677ba9b04322054536844f', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: 'e1d1937efb0fb5cc9d10f324ddf36d00d4b84c6e', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '8f6b8ddc35393d828b41bdfcf76f7d909747ac5b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: 'dce63e3e728fe8c771efe21b7b2266e2179b34c0', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '75b7a2ffbaaa620cef29fd4a715d2bfce1a2a62d', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: '6a365df713c9306e537e905b2ac571d8c5066764', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '8936024c769ef277d82d6f1ec7d79cd086b42dc2', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '177803e3a86a468faa282a8593bbe289f5b2ea1e', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '038d94fd691a71142218f1d3708621a29fe40c15', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '0e36f957af0065debbdcd737c56c77393b42f57b', 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-CMTS7KyC.js';
+import { N as NdsButton$1, d as defineCustomElement$1 } from './p-Dd1XVYJF.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-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-DhP2eDjb.js';
+import { d as defineCustomElement$2 } from './p-DVs128Zl.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: '4ff2449aef651374926ff76dc00e8420f58a370a' }, h("h1", { key: '7456e80d56e2d9bb9686501f8cda7d711c0f1f3b' }, "Chip Example"), h("div", { key: 'c7ae60dc35ef43dec5b9bb7b334c94348b10e889', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5ad0f66f2408db3cc74bd73f6562f6495168824d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-chip", { key: '37e141f2c9ef08ed98bb70b857eec89af0414f32', label: "Label", variant: "neutral",
+        return (h("div", { key: '860e518b969456a06f966cdc761e6bf2d5964994' }, h("h1", { key: '3bbc6620975ef82775b294ab0762860538160ac3' }, "Chip Example"), h("div", { key: '9c243a58a360b5c79a175bc9ef0e770a520f900e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4e6f4aa140cf41554ebf3db18d7886dd9eab161f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-chip", { key: '2be97d733b5e63de2853901dce34cc86d1993624', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("nds-chip", { key: 'faa1e6052d4e2204b7887fca1de1c4b0252fe158', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            rounded: false, size: "lg" }), h("nds-chip", { key: '4c4b89ef047ef7931b03889a5485ba86596cfc44', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
                 this.isSelected = isSelected;
-            }, selected: this.isSelected }), h("nds-chip", { key: '15956189d2f4fa52fd221d71b0fe13e957fdc002', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            }, selected: this.isSelected }), h("nds-chip", { key: '87d39a4044d00baf1d899057aa926692c5f52c0f', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
-            }, selected: false }), h("nds-chip", { key: '9fbf80e60663eb36fe67a284aba037e9b4a1d06f', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: 'fa6f6fa0ee358e95e280dbdddfc7e84541a1c2a4', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("nds-chip", { key: '0aca37c6f2e38b218b467d39f85f8942c560ead1', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, selected: false }), h("nds-chip", { key: '85ab156161f0c208bea3a2a02e20713f6a516341', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: 'ecdee48745e665a86c60c00a38b4bd6c425be3e3', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("nds-chip", { key: 'e7827fb541f18725b15daae7ece8da332190f533', 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-DhP2eDjb.js';
+import { N as NdsChip$1, d as defineCustomElement$1 } from './p-DVs128Zl.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-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-Pdnd7FQS.js';
-import { d as defineCustomElement$2 } from './p-DHwaI0k0.js';
+import { d as defineCustomElement$3 } from './p-Cg2ruBZP.js';
+import { d as defineCustomElement$2 } from './p-DbKZLKOY.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: '1fd7884f13477d04c9323e3b0ba08aea8a1aada7' }, h("dga-flex", { key: 'ca7abec422246533e3843cde1aeeff0f28ae5a4c', direction: "column", spacing: 16 }, h("nds-floating-button", { key: '9d81d4849f82128d04d36f81380b1c762bf6f66c', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: 'b8361b00e6813972e7d94f926664f8221ca78bf5', variant: "primary-neutral", label: 'Button' }), h("nds-floating-button", { key: '1bc46a6152631a08eca4ea61b2c60396dff919b7', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '24772e548523e59be9165f99d0f75df29b0d3604', variant: "primary-brand", label: 'Button' }), h("nds-floating-button", { key: '4b06280c20fa6f75eca59a1fd7739937a0094ddd', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '635ea4177a4a4371b3e0fad43a42fc8979f7da6a', variant: "secondary-solid", label: 'Button' })), h("div", { key: '74dc870e42226424801c3cf712c80606a3199a43', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, h("dga-flex", { key: '6b269bf6df1f42937394e5e0cf75ab167d2e6f5e', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'd06e505b6d22705e8b97159a5c3d72709127c7e1', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'af98f5da78866cbb6481bc6f4be59815f4f8e738', variant: "primary-neutral", label: 'Button', inverted: true }), h("nds-floating-button", { key: '51bdd4bf057322175ceaea05c390a041459396aa', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '48200c38bb4dd9b4f6f251cda7aadc70db902e9a', variant: "primary-brand", label: 'Button', inverted: true }), h("nds-floating-button", { key: 'e5045b34000c6b3c8b7eab335673d1da0f84a049', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'e63b3e44d5ba56540fe89027a7add6ac5c72526c', variant: "secondary-solid", label: 'Button', inverted: true })))));
+        return (h("div", { key: 'd002311bd3f0672a11bac825a1a48ee214fef6cc' }, h("dga-flex", { key: '0fce5e4226e94fc6d1d73b93d1a28fd0e11a62e4', direction: "column", spacing: 16 }, h("nds-floating-button", { key: '45437ce9669d7bb74ee1891939cd55c02d5c3fb9', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: 'eb2013374e655b23ec38ed4359abfd4614a19349', variant: "primary-neutral", label: 'Button' }), h("nds-floating-button", { key: '486084586d888fa856df49a942de2398698d438f', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: 'e36136669b6ca2c93ba2d965c0e61e4deee767f8', variant: "primary-brand", label: 'Button' }), h("nds-floating-button", { key: '833afde4ca5a87c02d6aa9764ee6135183d5a550', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '4be07504aa8028d348025f4a16c7546dea389e33', variant: "secondary-solid", label: 'Button' })), h("div", { key: '572bcfb06fa19010f5bc2c9c21fb8b5418ce65e5', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, h("dga-flex", { key: '9d13e5ff9a4e5ccc36873a3cf237ddba3b76fe5d', direction: "column", spacing: 16 }, h("nds-floating-button", { key: '6334d6d6034eba00a1abf2405edd537d656257e7', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '66f2e0c5d27ace954c3c251999997cb4bfd00f26', variant: "primary-neutral", label: 'Button', inverted: true }), h("nds-floating-button", { key: '71928722f46bf2bd686ec4a194eff07a0d9f3b3d', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'e3102c4eab3df9f2c8548c547c35755ad133d633', variant: "primary-brand", label: 'Button', inverted: true }), h("nds-floating-button", { key: '71e88477580c3856303c3ba1d754d492d92852e7', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '1f5c8a74be13754c2fff87641b2120a0dc49feee', 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-DHwaI0k0.js';
+import { N as NdsFloatingButton$1, d as defineCustomElement$1 } from './p-DbKZLKOY.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-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-Pdnd7FQS.js';
-import { d as defineCustomElement$3 } from './p-CMTS7KyC.js';
-import { d as defineCustomElement$2 } from './p-DdN5RG1h.js';
+import { d as defineCustomElement$4 } from './p-Cg2ruBZP.js';
+import { d as defineCustomElement$3 } from './p-Dd1XVYJF.js';
+import { d as defineCustomElement$2 } from './p-Ctph7uIA.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: '0e8b926a24754ff008a17cdd87e784c4a2dd465d' }, h("h1", { key: '398a2b237b84562a6d224a248f6141c66a79f1da' }, "Button Example"), h("div", { key: 'e4392ed5eac79bb28d98d159feef93fb20c15fea', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2c35ce38b6396075e2e0ee61ac4277c406e8a513', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '5a92c586ed62c069b1982b1606989106779e949b', direction: "column", spacing: 16 }, h("nds-link", { key: 'b9c854970b473426f8628ca29a831789728360cf', icon: "link-04" }), h("nds-link", { key: 'b9fe6b1d9049df1d34337bb495188770d8bc07d0', icon: "link-04", label: 'link from props' }), h("nds-link", { key: 'b41ade4cbdc463a731b6bed3a7bdc498438e9429', icon: "link-04", label: 'link from props' }, "link from child"), h("nds-link", { key: '0490624fe6ba48ec60b3401651416d5eddb61f94', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), h("div", { key: '3ec2c384631d6c5c1297597ebcf0a335f74088bf', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '087e16e3b709097a02d81f453064814c989a861d', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: '0c6a00f3d7ec77b8126fd0fe876c54945a3823c7', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '5e03032effedfbd27356d9122185d64ad4b08eb0', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: 'c3b2c7f72800f8977c46a7bad06021ae99050155', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '19455a67ac22968880a83c9628709c242b24b2b4', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '07961dab70f74df53c46fbfdeafd39ad651abea8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'a019a93bad7f8797b596ef8190f5fa7b2e449236' }, h("h1", { key: '49d84c470711aea6ff9ff66838d85d50dd8e3fc0' }, "Button Example"), h("div", { key: 'ef067639c2b8f10c57372c74187cfbba04068ea1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0b579c7bd0f58091a45b69400206285e16efc5bd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'f505ff9419d42c9f1aab7e6044a319206d900bfe', direction: "column", spacing: 16 }, h("nds-link", { key: '1637a0f5b63d5bcb22f57894aad52e1883e06fd7', icon: "link-04" }), h("nds-link", { key: '49177706fd5194a8ba7b6d3c19941b1f65d18f48', icon: "link-04", label: 'link from props' }), h("nds-link", { key: '5f81b70b414f10646851f2d86f07fdb892b8b479', icon: "link-04", label: 'link from props' }, "link from child"), h("nds-link", { key: '7a09e6c292a97370c85a6d089fe53c59a2831ca9', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), h("div", { key: 'be18051dd53bd1b58591b85736acf352d0e20e4a', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '6dfccfbe0400fabcca6cce62e8c3983003aeb554', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: 'ce33261009e977840d08de42f43ae798593cdf03', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: 'c95cbc0353d5ea3e995cbb9114c5f3a3916a234a', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: 'a0dd1bbbebceedceb3b257fa88dea161e2be3c28', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '48a009917c84e0ddd36ac96234834bf5b7fd152a', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '2a8c6fddf0714627203d46340c911122e578e95c', 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-DdN5RG1h.js';
+import { N as NdsLink$1, d as defineCustomElement$1 } from './p-Ctph7uIA.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-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-QKyCN3ua.js';
+import { d as defineCustomElement$2 } from './p-KG6K-VfA.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: '558060ccaa4eddf8988f1cb81b6790c8a19c2502', style: {
+        return (h("div", { key: '819bd10e95e3edba4d0b6ea01eb1aed583dfce14', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, h("h1", { key: '208e70a4a41be72beb04373de755e7655127c938' }, "Table of Content Example"), h("section", { key: '757e33640bf9f766c72db92ea8b2a963a7c49bca' }, h("div", { key: '97a5d883974825d362c6b076807880f805cedfec', id: "section_1", style: {
+            } }, h("h1", { key: '91cdaf8b92dbc751441a84e6f094a006d997f632' }, "Table of Content Example"), h("section", { key: '3f4c366c5afe758b33c9ffc2be44ed355ca945ae' }, h("div", { key: '1f6144981097182371904b57900c0fab9ad1878f', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, h("h2", { key: '7a82c3ff97d030aee5efa50a83797d6b57a9c560' }, "Section 1"), h("div", { key: '5cd0f06ddad0a30925b6dc25a024e628b0e657d3', id: "section_1_child_1", style: {
+            } }, h("h2", { key: '55ac3d3c19bc52df21534a3aa5c45df41494db64' }, "Section 1"), h("div", { key: '80cbe9adf44c56ec310bd7822adf91407d23bacd', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'd4f478dd5c96e65b714deff0bcf310c8318b2e53' }, "Section 1 Child 1")), h("div", { key: '4b0313f87d19a3c880a305e5fc8d82ccaccfd60c', id: "section_1_child_2", style: {
+            } }, h("h3", { key: '47c02a0cf9e96dc2c76c38069c2947b485bf2020' }, "Section 1 Child 1")), h("div", { key: '67a035faada4a72443202f3773b7b6852a548078', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'd094624090a7c63d99f3d5cb4ecd0e3eddb3da78' }, "Section 1 Child 2")), h("div", { key: 'f171f9a53a8c4f52951ab130038db074238503ff', id: "section_1_child_3", style: {
+            } }, h("h3", { key: '13e167c6bb796405f61f4d7e2b07eb2295951537' }, "Section 1 Child 2")), h("div", { key: '19302f93f150f04498c76e7e3981cc9a937c460c', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '20ff9e162473f6400ab23454a1953bfd008a6ac7' }, "Section 1 Child 3"), h("div", { key: '83dfba9d129eb6c4da5d6e7e63b23477226b56a2', id: "section_1_sub_child_1", style: {
+            } }, h("h3", { key: 'd14b0a6089b3cc61386e677022b33760446c94d3' }, "Section 1 Child 3"), h("div", { key: '16dfb4f0205e93efa321965488cc42936ae19520', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'd3a66e5307a9c27b051962b1c7e82d6e342d6630' }, "Section 1 Sub Child 1")), h("div", { key: '0a4c48797236b862d97ba9b29b92ea7766657147', id: "section_1_sub_child_2", style: {
+            } }, h("h4", { key: '55465560552ae3de409af8fbcd2b0ee88daf216b' }, "Section 1 Sub Child 1")), h("div", { key: '560c02814d745d8028077449150586bca956ea68', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '0f14c21aa1979933a798cea3a6b7883e6fda8307' }, "Section 1 Sub Child 2")), h("div", { key: 'c3adc9e8a02696ee6600abc0532626f912b309ad', id: "section_1_sub_child_3", style: {
+            } }, h("h4", { key: '3198413f9f5e3c0c864cf12f4567375d079d645e' }, "Section 1 Sub Child 2")), h("div", { key: 'ce2a0fe28bd218334d403ba97739773aa987a22b', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '2baf7cd8a66716632e30bcfe0f53bb150f25a938' }, "Section 1 Sub Child 3")))), h("div", { key: '93860a35f607c28759eef7c54f968f9305a125fd', id: "section_2", style: {
+            } }, h("h4", { key: 'b60f9c9ca3b70638d971c6911f5d065e7b16459d' }, "Section 1 Sub Child 3")))), h("div", { key: '83ca6530654fbb0565e11955bda0f902d4aa7bbc', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '820694367784fff31bd78c86e0f78df9cf38448a' }, "Section 2")), h("div", { key: '0e43be22072320df8eb6a30d3e5363f8afa26366', id: "section_3", style: {
+            } }, h("h2", { key: '41b89f0c025644330e13495d8a231db3bc0766f0' }, "Section 2")), h("div", { key: '085a8c521c17fcace5ccce494f02df0b91f26ca8', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '7fae2ededd5c55f31cd1dc392ee55fe606da558b' }, "Section 3"), h("div", { key: '44af424dbadfaeee3d17a0b3da719ba5c8f0dda3', id: "section_3_child_1", style: {
+            } }, h("h2", { key: '0af0a0ef370ed82a5675fe43af2a49ca65d8385a' }, "Section 3"), h("div", { key: '1432fbdbad8487bd6d55a21d56646ca7fe36d005', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '6288fca59005bbe823c0c8165534d3ac2fc3885f' }, "Section 3 Child 1")), h("div", { key: '95ecceaf1176e5692e61a7594c2d92a92014d699', id: "section_3_child_2", style: {
+            } }, h("h3", { key: '1b1ac49d5652dbbbd2beba407ce1679ce3ae500c' }, "Section 3 Child 1")), h("div", { key: '1bdc723b43b40dcf4d10a2aaf6afaabf54f19749', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '5095a5f5ac22e0c069d48e918fbe56e60c8b000e' }, "Section 3 Child 2"), h("div", { key: 'daee08e2253a8b8a0d6aa10c60cf5b3904ab82b3', id: "section_3_child_2_1", style: {
+            } }, h("h3", { key: 'e1b0af152d3540d79a27396090fec1ee058b1a85' }, "Section 3 Child 2"), h("div", { key: '254db3888856828d40551f8f31c2e2a890f2353d', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '2c0584d9565b9ae786a19a489196351d6105d7f6' }, "Section 3 Child 2.1")), h("div", { key: 'a8b39d3152242bee3c9a14be3d8098465b4a26f1', id: "section_3_child_2_2", style: {
+            } }, h("h4", { key: '9b1eba61d3a94f3cf883e09e1953008902e171f1' }, "Section 3 Child 2.1")), h("div", { key: '5e2935f570c90f13334b4b9909e44041a9b94dd5', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '0d7ab69bd1b5c4333c344cbe4c71b1830ad2c407' }, "Section 3 Child 2.2")), h("div", { key: '4c1cc0dfa6d11f3c3d32cb3d24f29e971a0d752e', id: "section_3_child_2_3", style: {
+            } }, h("h4", { key: '04e16bd451630e9b2518447899d73ee62cfd7aff' }, "Section 3 Child 2.2")), h("div", { key: '54fd805685bd48de1c96383a8ff65ea1dad19b10', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'd66b28a5ed6a1743d2083d738a9f15f9937d4836' }, "Section 3 Child 2.3"))))), h("div", { key: '5b7712b555a84bfceb8abddef1ddf5771af50422', style: {
+            } }, h("h4", { key: '62d77b202b63f6b747d46df504562d52064516f9' }, "Section 3 Child 2.3"))))), h("div", { key: '143f4ef993450120c9aae58ee235d3ab0e6e2c9b', 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: '291bcbd0286641790095903cf898b9856050fd05', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, h("dga-table-of-content", { key: '68b905bdc574a0c36de16d2d52cc43f8af3f126a', 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: '11db639704f2a40958ae33b6d842307c197fd39b', style: {
+            ] })), h("div", { key: '53fbcabe9af9e2a9a9a27ca7a6896aa036a3bb92', 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: 'a2de5976dc7daa028448441a0162f51f7165f138', 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: '54559ebc83088265ce72d225d2ed5ff08816e5c0', 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',

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

@@ -149,7 +149,7 @@ const NdsTableOfContent$1 = /*@__PURE__*/ proxyCustomElement(class NdsTableOfCon
             _a.map(subSubTab => (h("ul", { class: "table-of-content__tab-sub-sublist" }, this.renderTab(subSubTab))))));
     }
     render() {
-        return (h(Host, { key: 'ac0ce1543b8a4556b22cfdb1f7e8761745c31c10', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("aside", { key: '854fbaa37dc984d9368bc6501035d36046c15c0e', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, h("div", { key: '205782a0e4cadd5e711134f50b41178083fc740c', class: "table-of-content__header" }, h("p", { key: '9d75819bd96b5194f84cf24df34140c2be7d82dc', class: "text-sm-regular" }, this.subTitle), h("h4", { key: '47869006813d4fa830e53e1bc1b2a3c3d35790a8', class: "text-xl-semibold" }, this.tocTitle)), h("div", { key: '125041a9d96ef160f5389fa9e72a5400eec6499f', class: "table-of-content__body" }, h("ul", { key: 'c8d7cec0a4d30ea91dfd867b132fb633d775f01d', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
+        return (h(Host, { key: '3089e56ef9c8a6fa98668702db5a5dca043fd51d', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("aside", { key: '6bdc28f8c23f7ebe67750849b42e72507285190a', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, h("div", { key: '21a77ec669541795d8b72173c64889715118451a', class: "table-of-content__header" }, h("p", { key: 'c2cc72cee09f5bff5168ad9ee9257ff85613f51b', class: "text-sm-regular" }, this.subTitle), h("h4", { key: 'd57c25af5130d49f6c5ad418b4c7a4b16fd03d66', class: "text-xl-semibold" }, this.tocTitle)), h("div", { key: '1db37300b7173de33ede5cd68ad747e56009c826', class: "table-of-content__body" }, h("ul", { key: '5e2494a2d4b226980a2262c35656ffee49cfa4ca', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/{p-CHhUVl6p.js → p-B0P1tNYn.js}

@@ -14,7 +14,7 @@ const DgaSecondNavHeaderItem = /*@__PURE__*/ proxyCustomElement(class DgaSecondN
         });
     }
     render() {
-        return (h(Host, { key: 'ff686a8dd82b26c1513b7497d998c7db4b056bcc' }, h("slot", { key: '8dda5074fc8bc27b77c6fe338a7ce448894379b6', name: 'icon' }), h("slot", { key: '0cf8091ac4912c34870d41e1624c9bd9e820c274', name: 'label' }, this.label)));
+        return (h(Host, { key: '229c796621d1842e6484a2857130228a6064aae2' }, h("slot", { key: '9b10838752cd3103a736a4bf1931ec58e142ec36', name: 'icon' }), h("slot", { key: '70317608a423de1002f8b762096309aed55b2311', name: 'label' }, this.label)));
     }
     get el() { return this; }
 }, [4, "dga-second-nav-header-item", {

package/dist/components/{p-vvM5oUKN.js → p-B1E9p9oQ.js}

@@ -23,9 +23,9 @@ const DgaLogoPlaceholder = /*@__PURE__*/ proxyCustomElement(class DgaLogoPlaceho
     // }
     render() {
         // const logoSize = this.getSize();
-        return (h(Host, { key: '2e19bfa2b3b8a1917f3eaa29e5dc96e7df54885c' }, h("div", { key: '12150c9c1abc4575df59689f035077a78180e331', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, h("img", { key: '25cd5955ce654b447be0937f46d034b1e17d83da', src: this.src, alt: "Platform Logo",
+        return (h(Host, { key: '63da81bf8e02be4b899bd7dc397a59d3857a0c3e' }, h("div", { key: '937957ea57365f942280f413285c5aac1cc6744e', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, h("img", { key: '0323929bf04cd0a5d7c93bfcafab1df4f0aefb35', src: this.src, alt: "Platform Logo",
             // style={{ width: logoSize, height: logoSize }}
-            class: "logo-image" }), h("span", { key: 'cbd1653a2f8c880c8ba6de7c7abc7bef9a22be27', class: "logo-text" }, this.text))));
+            class: "logo-image" }), h("span", { key: '7bdf63189d2a0752a5cf93f17a9663aa4b118cc0', class: "logo-text" }, this.text))));
     }
     static get style() { return dgaLogoPlaceholderCss; }
 }, [1, "dga-logo-placeholder", {

package/dist/components/{p-IQqDR9xy.js → p-B1e2w8kd.js}

@@ -6,7 +6,7 @@ const DgaContentSwitcherItem = /*@__PURE__*/ proxyCustomElement(class DgaContent
         this.__registerHost();
     }
     render() {
-        return h("slot", { key: '98721cdda8e2c8e9386f1d1bf5f67c5745f580b1' });
+        return h("slot", { key: 'e6e96a01a223b5899137acfa146a1c915477daae' });
     }
 }, [4, "dga-content-switcher-item", {
         "label": [8],