@platformscode/core 0.0.48 → 0.0.49

package/dist/collection/usage/dga-tabs-usage.js

@@ -9,7 +9,7 @@ export class DgaTabsUsage {
         };
     }
     render() {
-        return (h("div", { key: 'a4ca5ed4579e034c19b930089d6c41b467579fff', style: { padding: '20px', fontFamily: 'Arial, sans-serif' } }, h("h1", { key: '757ebc6f847505cbe7e84d2aaf13d8ab9b09f9fc' }, "DGA Tabs Component Examples"), h("p", { key: '6dbb06ed9a610544b8a17ca6f59d311311239b6c' }, "Comprehensive examples of the tabs component in various real-world scenarios."), h("section", { key: 'f70f26a3ee9c5a70bf7eaf3422063ca258d88900', style: { marginBottom: '40px' } }, h("h2", { key: 'cd457f26d61deec47d5af56bc6b3fa237fbac155' }, "1. Website Navigation Menu"), h("p", { key: 'e3195699c2b53c220714392885302c04b7083a81' }, "Main navigation for a website with different sections"), h("dga-tabs", { key: '70e3d74bcf7a40f75fc886ced3bb5199001bfc80', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+        return (h("div", { key: 'af6521941a232f3c5829e6b78ecc754baf8fcc10', style: { padding: '20px', fontFamily: 'Arial, sans-serif' } }, h("h1", { key: '115fc7279e40e0dc0070395988d189dceaf77def' }, "DGA Tabs Component Examples"), h("p", { key: '449c47c463804514bb49a9a70d2959f2e282ad35' }, "Comprehensive examples of the tabs component in various real-world scenarios."), h("section", { key: '2eeb618fd678781d5b4d37d99f586ea2214ec0ef', style: { marginBottom: '40px' } }, h("h2", { key: 'edb66ea26a9ae4f06aef44754ab1293302655736' }, "1. Website Navigation Menu"), h("p", { key: '31e5335d48b329dff19cb34e1c2bb16de6449400' }, "Main navigation for a website with different sections"), h("dga-tabs", { key: 'ba0f1961fabee8a1feeaa5b2fce20528df8b2b26', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Home',
                     onClick: () => this.handleTabClick('Home'),
@@ -40,7 +40,7 @@ export class DgaTabsUsage {
                     tabIcon: "mail-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] }), "fdfff", h("dga-tabs", { key: '864b496d0c0ce6760a7915aa0c38156afe1cf5d3', size: "md", orientation: "horizontal", flush: false, external: false, divider: true })), h("section", { key: '879284dda87bbdf9e9d9cb799f8a03659badabb1', style: { marginBottom: '40px' } }, h("h2", { key: '8a7559b483db9a904a1f1d593e78d24944085c61' }, "2. Dashboard Analytics Tabs"), h("p", { key: '3a78e2a85893f849958c82bd34573bf818564cbb' }, "Analytics dashboard with different data views"), h("dga-tabs", { key: '2c6ebb63ce6ed2ac347391d5e6e9811803d3b2f0', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), "fdfff", h("dga-tabs", { key: 'e739dead759814d479122f8dc36aa98aeb992109', size: "md", orientation: "horizontal", flush: false, external: false, divider: true })), h("section", { key: 'eeab0e9c41b433f81ef07f47a7435e663a2d654b', style: { marginBottom: '40px' } }, h("h2", { key: 'aee43eb258cd262080b15eff53154ff23aa5b517' }, "2. Dashboard Analytics Tabs"), h("p", { key: '64bc1255112b8c031a3a3bf14a41c9ce5bf40fd3' }, "Analytics dashboard with different data views"), h("dga-tabs", { key: '5201fe3db7f11c1c157429ee2f1f7c63e71be986', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Overview',
                     onClick: () => this.handleTabClick('Overview'),
@@ -65,7 +65,7 @@ export class DgaTabsUsage {
                     tabIcon: "file-chart-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: '4ed39a6955ca8577d1be7112a8898f0d00edf6fc', style: { marginBottom: '40px' } }, h("h2", { key: '269985f5a141ea8d0b005a8c6fcb3d847f4f31cc' }, "3. Settings Panel (Vertical Layout)"), h("p", { key: 'a19795efcf45941ac14ea5166d70d54464f65576' }, "User settings panel with vertical tab navigation"), h("div", { key: '38b44214ba7709507c02b2f67b9c0c85a5e11e6f', style: { display: 'flex', gap: '20px' } }, h("dga-tabs", { key: 'ffd144c706c009c8b126c45ee50d64e611e23bd7', size: "md", orientation: "vertical", flush: false, external: false, divider: true, tabsList: [
+            ] })), h("section", { key: 'c5c24f6121188807afb3951302201140aaca07ce', style: { marginBottom: '40px' } }, h("h2", { key: '036e05054747a64db1b5de124d75cc16e0cb87a6' }, "3. Settings Panel (Vertical Layout)"), h("p", { key: '2a47984dbfbb4f52e38176b7f6cd0117cb43e690' }, "User settings panel with vertical tab navigation"), h("div", { key: 'ebd1f2b5dd68d9ee773a4361fae6c9001eb7268d', style: { display: 'flex', gap: '20px' } }, h("dga-tabs", { key: '2a0cd8d35ec75058e4c3e38fce1c6616d29cd23c', size: "md", orientation: "vertical", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Profile',
                     onClick: () => this.handleTabClick('Profile'),
@@ -96,7 +96,7 @@ export class DgaTabsUsage {
                     tabIcon: "lock-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] }), h("div", { key: '16fc393a34de331ee08a21c3eb876386dae40a4f', style: { padding: '20px', border: '1px solid #ddd', borderRadius: '4px', flex: '1 ' } }, h("p", { key: '017f97e7e3d035cbe6d2d03a1bdaa8bcbc6c44f1' }, "Content area for the selected tab (", this.activeTab, ") would appear here.")))), h("section", { key: '07d8707c441ef2d1334a2b7b4c1289a4a5c73baa', style: { marginBottom: '40px' } }, h("h2", { key: '4e394e0065d843a3adf05670e65b64fab269ffe8' }, "4. E-commerce Product Information"), h("p", { key: 'eee7cf4221987e23325e28741cc7653ec788dd48' }, "Product detail page with different information sections"), h("dga-tabs", { key: '4c3c574565022a8fe0875f0deafe8a550d595c80', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), h("div", { key: '702c50d6ed5cd6b2e1d6323dc82b00271294d39f', style: { padding: '20px', border: '1px solid #ddd', borderRadius: '4px', flex: '1 ' } }, h("p", { key: 'cb21d117d6ed90f9deafc40d7856c3dbe97acc2b' }, "Content area for the selected tab (", this.activeTab, ") would appear here.")))), h("section", { key: '5ad4dd6bdd86bc837f9f5e9e036ab2a9e29b75c7', style: { marginBottom: '40px' } }, h("h2", { key: '54194fe843ca660e19f5606fca968848d593772b' }, "4. E-commerce Product Information"), h("p", { key: '05f761fc4fe8186435779796268efb7919fc255b' }, "Product detail page with different information sections"), h("dga-tabs", { key: 'b7b94da36e552eb6651ad12ab7a5d4a4389323e8', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Description',
                     onClick: () => this.handleTabClick('Description'),
@@ -127,7 +127,7 @@ export class DgaTabsUsage {
                     tabIcon: "refresh-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: 'e22407ea8f9f268c1508ae75c4be972c57ac1a4a', style: { marginBottom: '40px' } }, h("h2", { key: '7151fd91c39659e4b593bd31fe3ae48a9d08b030' }, "5. External Navigation Links"), h("p", { key: '374426a7f720b09d2f3ffcad9d8176a344376f9f' }, "Tabs that navigate to external pages or different sections"), h("dga-tabs", { key: 'f344d088de19a64993d13a05a2d5a3bcd74e7f7d', size: "md", orientation: "horizontal", flush: false, external: true, divider: true, tabsList: [
+            ] })), h("section", { key: 'bf22309f3d1eba70dbbe929db67f608011560a5e', style: { marginBottom: '40px' } }, h("h2", { key: '6b48a29c9025f597a53956c7f472cae3808df2f8' }, "5. External Navigation Links"), h("p", { key: '3c2aac4b83dba7972d09dbb81d1414c4f717cd6a' }, "Tabs that navigate to external pages or different sections"), h("dga-tabs", { key: '653e14b5a4645bf126c8b101115b215eaafd9e11', size: "md", orientation: "horizontal", flush: false, external: true, divider: true, tabsList: [
                 {
                     label: 'Documentation',
                     link: '/docs',
@@ -152,7 +152,7 @@ export class DgaTabsUsage {
                     tabIcon: "github-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: 'b99af312677d02912ec4d9d21f503804bc469169', style: { marginBottom: '40px' } }, h("h2", { key: '04d5156b015ea76aef3d9b3c693b986e0b3da2a7' }, "6. Many Tabs with Overflow Menu"), h("p", { key: '355bca42b03f5c51b31becc188b80cabc9b8a655' }, "Example with more than 5 tabs to demonstrate overflow behavior"), h("dga-tabs", { key: '7191d34b5774a37bf87bddf5338bcfd574c74fba', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] })), h("section", { key: '304606f79e023c616adb9b6a8bd9dc3550fc5183', style: { marginBottom: '40px' } }, h("h2", { key: '9c0aadfd3d57d89dc8a1e877d49f809a333b54ee' }, "6. Many Tabs with Overflow Menu"), h("p", { key: 'ffd0501916196f9bbb790d34c5390e36a008cba3' }, "Example with more than 5 tabs to demonstrate overflow behavior"), h("dga-tabs", { key: 'b0f092659ab4df8bd349fb50d7dd35d270e7f972', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'January',
                     onClick: () => this.handleTabClick('January'),
@@ -201,19 +201,19 @@ export class DgaTabsUsage {
                     tabIcon: "calendar-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: '7173952579b0e83d24d4292d51b595ddd56d3c98', style: { marginBottom: '40px' } }, h("h2", { key: 'e57857e6f4dd7cb44d0bb9f5bb76bebbc55f3ed3' }, "7. Different Tab Sizes"), h("h3", { key: '570dfb2b0cd3e1b9bee6ad6be6d690a38703fb80' }, "Small Size"), h("dga-tabs", { key: '16f664609f34267a8fcc7df0632913b11d27fe86', size: "sm", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] })), h("section", { key: 'b3c9b2cb3f8e2d7f9cf2881944633e68c49c39a1', style: { marginBottom: '40px' } }, h("h2", { key: 'aec44b6961614120237815e9715cd9ebd92f7b89' }, "7. Different Tab Sizes"), h("h3", { key: '8c87cbcf54dde95389353138998a7f707d1be5cd' }, "Small Size"), h("dga-tabs", { key: '68a1ca659a146dfbe5f416d7c2239ec3298c12c3', size: "sm", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 { label: 'Small', onClick: () => this.handleTabClick('Small') },
                 { label: 'Compact', onClick: () => this.handleTabClick('Compact') },
                 { label: 'Minimal', onClick: () => this.handleTabClick('Minimal') }
-            ] }), h("h3", { key: '5078bc3b915111c393ccabc4a93244ae6fe77c4d' }, "Medium Size (Default)"), h("dga-tabs", { key: 'ab5e38aba6f12a5d2b90ebe9f2a28052d8ff0d41', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), h("h3", { key: '5ab3d2210f4d7f1567532d4405341abf8da13988' }, "Medium Size (Default)"), h("dga-tabs", { key: '3e229a680f897f8e40bb4430f5dd82864b33100c', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 { label: 'Medium', onClick: () => this.handleTabClick('Medium') },
                 { label: 'Standard', onClick: () => this.handleTabClick('Standard') },
                 { label: 'Default', onClick: () => this.handleTabClick('Default') }
-            ] }), h("h3", { key: '99e1137e6301e8b9f0d9da4f8d3d9c25b90d5069' }, "Large Size"), h("dga-tabs", { key: 'eba65ba91ae7f18221a739678f765b09c06ff428', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), h("h3", { key: '5c2b3593d676177738c798fff4ac878df7dc8ed5' }, "Large Size"), h("dga-tabs", { key: '422b3e801a87283c3956a4528121112d55938a32', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 { label: 'Large', onClick: () => this.handleTabClick('Large') },
                 { label: 'Prominent', onClick: () => this.handleTabClick('Prominent') },
                 { label: 'Bold', onClick: () => this.handleTabClick('Bold') }
-            ] })), h("section", { key: '3158351aeade4d67da027da339e053c3bdd848c6', style: { marginBottom: '40px' } }, h("h2", { key: '8e357900c72fb7fbb23cbe09499e1ae52ff852de' }, "8. Flush Tabs (No Padding)"), h("p", { key: 'f739899797cf4d38c2b8d8a27e9dd7aa0be6bcd5' }, "Tabs with flush styling for tight layouts"), h("dga-tabs", { key: '13cce50a725c1ca1bc34d572820ccc6b89cb1fdd', size: "md", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
+            ] })), h("section", { key: '22dcf55e90ec7ca189e796e3cd556606375293ee', style: { marginBottom: '40px' } }, h("h2", { key: 'bbd382467bd541767e3eeed85a6b7950c115f9b3' }, "8. Flush Tabs (No Padding)"), h("p", { key: 'cf77dd42a35f3e4e6e9826c1c14dcf1eb732a041' }, "Tabs with flush styling for tight layouts"), h("dga-tabs", { key: '454aa4ec646bc97b323ceefa0509cba8a775fa37', size: "md", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
                 {
                     label: 'Flush Tab 1',
                     onClick: () => this.handleTabClick('Flush1'),
@@ -232,7 +232,7 @@ export class DgaTabsUsage {
                     tabIcon: "square-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: 'c659c18ecc43055df670758afad1e5f7ce4c20b5', style: { marginBottom: '40px' } }, h("h2", { key: '1fb58355458ba0709ca9faef2d3bb45ecad7eca0' }, "9. Disabled Tabs"), h("p", { key: 'a0e97f29d2ff16c3d280a91890e5229458bf2507' }, "Tabs in disabled state for maintenance or restricted access"), h("dga-tabs", { key: 'c50107fefee4afc65157154b8acb39580b2cd07d', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, disabled: true, tabsList: [
+            ] })), h("section", { key: 'a4dd2c0f561e52800d3696ea4245bea889ea52bf', style: { marginBottom: '40px' } }, h("h2", { key: '95faec8370c0624653e405e8e16c4030125e1c68' }, "9. Disabled Tabs"), h("p", { key: '6938e18c405122b89e3a4f6c1ab7abe211266987' }, "Tabs in disabled state for maintenance or restricted access"), h("dga-tabs", { key: '2c8d55f3ded3c0a59c62fd04b6bcc1fb55b52a2a', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, disabled: true, tabsList: [
                 {
                     label: 'Disabled Tab 1',
                     onClick: () => this.handleTabClick('Disabled1'),
@@ -251,7 +251,7 @@ export class DgaTabsUsage {
                     tabIcon: "lock-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: '026f1190722234fda843a20bdc586727b39df9fb', style: { marginBottom: '40px' } }, h("h2", { key: '6188e718fcd2a42f520cda20129a73b7db8fc078' }, "10. Mobile-Friendly Tabs"), h("p", { key: 'f8b68387240f5653be0f16b411df3fc024472329' }, "Compact tabs suitable for mobile interfaces"), h("dga-tabs", { key: '2605c9625b1705cb74f36abbc2dfe468b1193fd4', size: "sm", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
+            ] })), h("section", { key: 'b96edc45a18613d9c802f456a0c60a5a889d1f6f', style: { marginBottom: '40px' } }, h("h2", { key: '34e9fc81e3e0dcc90fbc8c418d66574d4864dc1d' }, "10. Mobile-Friendly Tabs"), h("p", { key: 'de57b486614aa79df140aa290b0c67ca2c034bed' }, "Compact tabs suitable for mobile interfaces"), h("dga-tabs", { key: '6a1454aa2d8c30be2d8e6159ac253a1403f66f35', size: "sm", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
                 {
                     label: 'Feed',
                     onClick: () => this.handleTabClick('Feed'),

package/dist/collection/usage/dga-tag-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaTagUsage {
     render() {
-        return (h("div", { key: '0d1bf4c2dd9cf60046dbb59c7409da24f31535ee' }, h("h1", { key: 'cb5b9351cfbf8bb422b9fe0abf9ac9a9179b4c21' }, "Tag Example"), h("div", { key: '530e61117e530bdbd052f8996b2436fe639262d9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0f05e5a801067affdb452e82b01b851dcf99319a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '3dd683cb86246f4141e2f419ee1b9e2348a8656b', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "lg", leadIcon: {
+        return (h("div", { key: '89529a88bbb67d45daafa585975358b5d5eb30ba' }, h("h1", { key: '537bbbb9a65746515cb29bf774442909d6b91584' }, "Tag Example"), h("div", { key: '9fe896ada9de14b8020e01bb354b9dc76425d680', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2ea6fb157e8f26a2800d51b6d3b725b1c3efcd33', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '08c673fa60c1b619db9bf810ffc58a976308b30d', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "lg", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -11,7 +11,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'dfe55a0d3c9fb59e452246efdaa1ede35e1dfe78', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: 'd74e676ed84e5496598e50c9b795e17f0c8f0627', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "md", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -21,7 +21,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'a67651229ec813855b5c5001c0ef4d77f9b780de', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: 'eddf7ef84d98c86f79c2280201ec947059ce4957', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "sm", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -31,7 +31,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '2a96a1968ad79607b8269507db44ae4af93529be', label: "Label", variant: "success", outlined: false, rounded: false, size: "lg", leadIcon: {
+            } }), h("dga-tag", { key: '3e28e2c88449b135f146c204dd7ebf7556c4b5b7', label: "Label", variant: "success", outlined: false, rounded: false, size: "lg", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -41,7 +41,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '79e269f2f561d85bf24859b176da7c0dbc176897', label: "Label", variant: "success", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: '7ac31a9d9f99a00edaa4a73dc56d8c768a5ccf3d', label: "Label", variant: "success", outlined: false, rounded: false, size: "md", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -51,7 +51,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'f7ff465cf6b933bfaf1d055d85b4a18764523ce2', label: "Label", variant: "success", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: '583077976c64da34d1b27064480b61c761a6d645', label: "Label", variant: "success", outlined: false, rounded: false, size: "sm", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -61,7 +61,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '18da621317b4dd85fc6394411643fd2fc9bf901e', label: "Label", variant: "error", outlined: false, rounded: false, size: "lg", leadIcon: {
+            } }), h("dga-tag", { key: '1d236f29d77b5d9c7352dc1cfd24a69709c23fb5', label: "Label", variant: "error", outlined: false, rounded: false, size: "lg", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -71,7 +71,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '931787fd3c47e2243aa90df504de624145b8b82d', label: "Label", variant: "error", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: 'ebc300447ddf718745c86041638bf96f4da1e5b7', label: "Label", variant: "error", outlined: false, rounded: false, size: "md", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -81,7 +81,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'c0a81681a820ede78bb373fb3a46d2e9742c47d0', label: "Label", variant: "error", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: '4845f717d59581d9ce15b90016c1a191908653e1', label: "Label", variant: "error", outlined: false, rounded: false, size: "sm", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -91,22 +91,22 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } })), h("div", { key: '4716b803f78ee5f4c22c562b7a54547678d8e633', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '0a71f4aae8cb0cac147cd48cce81474b92cbeebf', label: "Label", variant: "error", size: "lg", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } })), h("div", { key: '8ef47a1d9e14c65cdd301d2afb415521da82bbc5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '1dc33d6020300c5b58562d345ffc810fa072a339', label: "Label", variant: "error", size: "lg", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '3e7bbfaae0072b35de0435800da6a0f26ac0cd11', label: "Label", variant: "neutral", size: "md", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } }), h("dga-tag", { key: '269c40ec38ddd76d41df2d3e93cf213e185215bb', label: "Label", variant: "neutral", size: "md", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'bf579ac1c9fc0910cf94079cf74408a7f04e5c9d', label: "Label", variant: "neutral", size: "sm", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } }), h("dga-tag", { key: '8171b7bf6d6dff23c323ca6c42c48148f8f5b4ff', label: "Label", variant: "neutral", size: "sm", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-status-tag", { key: 'ec96c809bae58ba2a327b4dc601960507bc3495f', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'beab505eb1ef73092a05c76f85a83a937b8cdb08', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '86bcde619c59dff2aba63aac0219f9d8c9bddd22', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '3bb5794c9e2e9af1f0ceec15aa7329857fcb44fc', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '51aa6595d0d2c83545e5b9027a1efbc93257ac27', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'c90b2d55b0ed87741d894becfbd32d0fff15b3e1', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'fa2e0c41367d62844957159c0ff527624e925f9e', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '8ff0d59c4e087bcb40b6c3081fda27d081a5ac95', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'd25a4541800eea6754878952daa1bed175c81493', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'b7ffdf3fc27d1cf58038228117f9f8f3e56d9f62', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'c87a926b349fbd27c3ff58db154c989acc8a48ff', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'bc4bfcf5f3013deba2dbf88870b1b8edbad3ba8e', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '7202bc07148993796299cbf7a05f4967255fd9a6', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '8d2732444544cdaefd321a68e3957518199087ac', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '17af0a99d9b9c1221b574c15fa6f6a6da11cce02', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'b60a0aa9d9720f220afe571b0e02c53ebe5d6da0', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '1124fe756df58cf51e11edc325de5f7a9402432c', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '7646828e7467caf3b1c8156568164d40a2ea441c', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '0be9094929731d34967af6dbc413b45ca01cbb69', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'eb1dad3908b1c1ab805af5fb42c8f4f7fef3247d', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '57fd6f14df433b141a853807994169a0e1426aba', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '8197d78a0188fc627980370decf7e3cc3dcf92f2', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '45b2c00e837683746e5ace83bb22709100f1cf22', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '037b36de7ca67ca944586f8b3118442c3b672d9b', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'feace25eddbc99baa0f6c9a5359ee64380b842e7', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '4e4ff66ed9436cf1d9aec80c2481818e07d8c1e5', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '48aae138bdb723a9da216f442e4827a409d941e5', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'b6069ee833307026596b48c7e2573b5d4d58ee99', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '9918bfa733b0ce1a366ca59a888fd7a0aa822129', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'b5506702c81cf4ab40e5a3347349547113edd257', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '34291d67bdd1533526a34d66033a81de550b9697', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '4624401742a29778e8019c89af34e0d6c0cbc2dd', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'c1492ad8c939b803da288c76390ebdf649c88f4a', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '925ddb48b979afe65a94d77feade237a8b1ff815', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '3a5617e2bb7017db9e1d4072eab4736bc0558997', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'e1a21c94b008eaae06a57b95028887cca194d814', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'cd8d7155ba1a3afca53a0ee10145e6972e1dad88', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '31bf648093f1cf3a9a39915652e680e4058d4771', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '763a7a334729fdde4833d1b949172e1690d3bdf6', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '6d4748a3f531251a0d2f2db050bb9a2875498e16', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '19037b9359355ffd4439985141b6132bb68330bc', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '28488642c5ce6400c09291fce502e9e9631785f5', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '23e32cb155f4c522e718c3f14336e41b60e88a3a', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'e0a93ed46485eb633c4145bf93b43ad29d9e2365', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '3665041b0421ad984ceef38f5e263b450bd1c49c', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
+            } }), h("dga-status-tag", { key: '019a1cf37ba02ecbbc3c1e775d84a33c84f4bad3', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'b90654cfb24527ef4939f8c11403890af7842690', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '061d6325ed952630a1a4602fdb4e07c14bd830cb', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'ad997e309b021aa92af9f96a58795727c8284362', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'd401062b0fdab54a1a72b5a525907fc4762f2d20', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'f321e36eceeace3955bf0e2cb157d8919d26447b', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '71cf5ae1e7d8e1847ca3aea2f089ded28c8f17b5', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '5a03ebbd43cf3827284ed42ebfc474ce632bdb35', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '78f2a606bece090c06a2a7b4d76dd808b0771c2f', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '54f37dabb5aa2669ec993e77eb9d76406aa4e524', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '392377a3d89eb858d1028a20f172bcfcf08438ca', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '420f40340edaff51be0a1d7107875e9b2124afd4', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '0de79f233e1c9a4fc20f006d920f1eb1e53fbd7a', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '2ab6f99e8b865f5a454115c2de99e1256f00ee73', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'cf1d4aab215883e00e0b65d66bc183a4539636dd', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '78e478003a7c3ebc917a952eca706981553b2e22', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '90a4db50ef4d91db13e300fe1cc3d63ef72b29c9', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '91b30071b8937c68ca35fb3e80ed161a4fd03133', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'ee539caa6371527918e62bf19f529fd8eaec34d6', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'f541139d43657a458bf8b95380456949805234cb', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'f42f3171874074c6af31da505b1af8c5965262af', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'f3f52b1f0603d27c367bde8d60a8237f09e693cb', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'd546ae48969caaf4db52cbc058fadc0c2569fe8f', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'b23516ab20f692dd982f3fa18551e1d0951148ea', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '406d44b8cd24ab6864449e358099d43e3003a1e1', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'ef25a2ef54b8f603a421a947ab5be08268a4f2dd', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '9395c367e61f6e51cf5c957b63a9141ffff3bf92', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '876d97587d78c0caa5dce4532a61bd7fe953bd7e', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '4ca47b79b599a0623b584a115336e7bfde791549', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'ad1378a90c69e7a1a793e5b5d83a489681eca0ce', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '00563585f586556dbb29aebabf84083367a8d1c7', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '6510e6b3a9483fb7a2dfc5422653659983280d1b', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'af863cc031c04b4f777453022e0bac404c070217', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'd87b1ad3ce3cd6e4397b72c1088a2b82b5fe157a', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'bcdb7dfadad15c7a05406d26de739721640f5545', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '42e07ec5dcfcd9e18ca3e3bd82a7cf76b3b4599c', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '25f8e808405aa33bac9400577894fc08318a4cb3', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'd2d89d970ec10db9d51d6569de4f284a6409868e', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '4479da6b055dc67ccbcc532a705173c43bcfc41d', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '68bba181ce39630a8b9585ac5168735e9cc9acaa', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '0db675a9aa57c1d24984c4efe1406cc958c232db', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '6560927fd2d5914f78ffcc9a4feb700a699fed3f', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'e307e801a275266c2548454d99e904cd7c539539', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '4975bcf2bf62df368e6ca2c3cf7488475fd1fc7b', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '641bc7cf8fcb211e036607950c2f1758ea15bd21', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
     }
     static get is() { return "dga-tag-usage"; }
 }

package/dist/collection/usage/dga-text-input-usage.js

@@ -4,9 +4,9 @@ export class DgaTextInputUsage {
         this.value = 'Text Input Example';
     }
     render() {
-        return (h("div", { key: '2d916b430a3e5bfeb0082d35976beeab199029fe' }, h("h1", { key: '8751aa768e5f16a77ce43d8b6950a549feccb70a' }, "Text Input Example"), h("div", { key: '823ecf7007677790a3205a34b6a58cf9c668ce4f', style: { padding: '50px' } }, h("div", { key: '6e4b90d95df57d7f1eee98ea104cef989bda14e7', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("input", { key: '46619fdb3b6528eb33daef948fc8e97710d06b36', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), h("p", { key: 'c096e9c1706087414200803cf5c132fc02119c68' }, this.value), h("dga-text-input", { key: 'ae728e3bb827c64a3529e981d8384cedbe6fb4d0', readonly: false, variant: "darker", label: "Label", value: this.value, required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true, onInput: (e) => (this.value = e.target.value) }), h("dga-text-input", { key: '1e7b46c53d54543f7dba426bd490ec3f6ecf0058', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }), h("dga-text-input", { key: 'f8bac769c3198efa98e725070e9d3bfc6923ddff', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }, h("dga-prefix", { key: '569a5db2116e8107fb168c5b4d2351b193283cf1', type: "button", variant: "solid",
+        return (h("div", { key: '36d6cfcf6fb629ee6b74c1e72bae38a7d4f6adb4' }, h("h1", { key: '92d28a8adc3ccc24b8d5dda793ffeda154375261' }, "Text Input Example"), h("div", { key: '6d590a9c7168335df8e9c5daebf35e83e1c0170b', style: { padding: '50px' } }, h("div", { key: '1a850519e0bda4f3551858b5e26c9bd3200dec1a', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("input", { key: '77ee8f84053c4599c61cce4eaa46382afc760b1e', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), h("p", { key: 'efcc03926e4b6bc783cf5cc6134a703dc3795526' }, this.value), h("dga-text-input", { key: '3b8005e59eb56730b0d26965d1e237e0f4ff9857', readonly: false, variant: "darker", label: "Label", value: this.value, required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true, onInput: (e) => (this.value = e.target.value) }), h("dga-text-input", { key: '596864b454783dac5e27cbdd389c619ca86a841b', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }), h("dga-text-input", { key: 'ad6a3205781f90c804c28b41f1116d21976408a5', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }, h("dga-prefix", { key: 'a878360940fb5384ce9b5d810f84f28fc9a16297', type: "button", variant: "solid",
             // label="Button Label"
-            icon: { name: 'search-01' } })), h("dga-label", { key: 'e75dde75ef0b646498be5d92c1d3345958883421', label: "Mandatory Text Input" }), h("dga-label", { key: '8fc1be09e7376c235b2ab69b2c8269f1d9b6e026', label: "Mandatory Text Input", required: true })))));
+            icon: { name: 'search-01' } })), h("dga-label", { key: '341a6978553e586661eea52e29c925fe7455f9a0', label: "Mandatory Text Input" }), h("dga-label", { key: '317bb208755ffb2bd8eae60dc7bf353085bf04fd', label: "Mandatory Text Input", required: true })))));
     }
     static get is() { return "dga-text-input-usage"; }
     static get states() {

package/dist/collection/usage/dga-textarea-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaTextareaUsage {
     render() {
-        return (h("div", { key: 'b649520333e4ed728780f5cbfe3d561df0c5ca3f' }, h("h1", { key: 'be01b66f599055e04b432db46634fdfa430409ab' }, "Textarea Example"), h("div", { key: '69c915eb4a93717704c91834c259df3573838184', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'da40df8bb70daecb120350c61ec96f9ea8538abc', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-textarea", { key: 'ef89af546c312ac7d479c6956ce342ebcbbe5060', label: "Label", placeholder: "Placeholder...", scrollbar: true, readonly: true }), h("dga-textarea", { key: '6e90aebd080f5b5fabfddc89bb6331980d745a60', placeholder: "Placeholder...", scrollbar: true })), h("div", { key: 'f70a5f90469f6884543e44e87a5898171cd5ce50', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'eedd21e1d488194fba129acfbc4dcaaea7965044' }, h("h1", { key: '2bac950452467a303fa6e067c48a4b3fd4638e6b' }, "Textarea Example"), h("div", { key: '598e7f33f3583e4b7546da9f141b81b9ceb93518', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '149b5622df28b4ea0dd4eb57fafd66de903615c8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-textarea", { key: 'abff65ce309d12412270a48ff3898afa991be11b', label: "Label", placeholder: "Placeholder...", scrollbar: true, readonly: true }), h("dga-textarea", { key: 'cfb003723ee656013d6ecd9d011a629257ff1143', placeholder: "Placeholder...", scrollbar: true })), h("div", { key: '5e81eb3feac0aff14f7e0dbff1c6db7719b8478a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-textarea-usage"; }
 }

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

@@ -4,11 +4,11 @@ export 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" } }))));
     }
     static get is() { return "dga-tooltip-usage"; }
     static get states() {

package/dist/components/date-cell.js

@@ -1,4 +1,4 @@
-import { D as DateCell$1, d as defineCustomElement$1 } from './p-o3Ih3d7z.js';
+import { D as DateCell$1, d as defineCustomElement$1 } from './p-DrJOWVZZ.js';
 
 const DateCell = DateCell$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$3 } from './p-BOLOPFjK.js';
-import { d as defineCustomElement$2 } from './p-BbGtTx5_.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$3 } from './p-B1ekvjhr.js';
+import { d as defineCustomElement$2 } from './p-CDMKY2c-.js';
 
 const DgaAccordionUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaAccordionUsage extends H {
     constructor() {
@@ -8,7 +8,7 @@ const DgaAccordionUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaAccordionU
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'f729ff9c0c1f326fcc67f25ef35611c719a8f2ab' }, h("h1", { key: 'bfc922218ca3e74a445ab5eebdb93fad8c8cfb0e' }, "Accordion Example"), h("div", { key: '9a48f23ae97a9ba26507d3441b3911bf29565193', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '48c108f70e6820d4c5708bb1c40b198610420e95', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-accordion", { key: '2332511a539161dd6f1b13cc5187dd0aa75545d9', 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("dga-accordion", { key: 'ae2f780126ec01647a1fe08ffb8825d8c7315145', title: "Accordion Title", size: "md" }), h("dga-accordion", { key: 'd5424373038e988b74a887810570803a1312e8f6', title: "Accordion Title", size: "sm" }), h("dga-accordion", { key: '195444558862de2d285ba1de5b59bed86c68531e', defaultExpanded: true, 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.", disabled: true })), h("div", { key: '94bebe730ae2346c5898a73d2157811f0712b302', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '2c12863faabb147c879a0c555e7edcd107c7ff64' }, h("h1", { key: '140ed5011b336102d03c4f1f3013ecc845321a31' }, "Accordion Example"), h("div", { key: '968c0b79000aeb86ec0491ed912f66b9a81ccbf9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f3fec41067a37a6f77007c129d5ef86d9632b6db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-accordion", { key: 'cf11e7f77a46a5f16b30d87a1a3b5ded362175fd', 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("dga-accordion", { key: 'ce1736b7394c809c95c486c32b64438d839d5707', title: "Accordion Title", size: "md" }), h("dga-accordion", { key: 'beafb882a6a69a71bd1f88d806ebf9334c2f0ae3', title: "Accordion Title", size: "sm" }), h("dga-accordion", { key: 'ead49a702f2c42b354230122d9939694775fe534', defaultExpanded: true, 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.", disabled: true })), h("div", { key: 'da212916d04ef25ac3914e1285414223f2591714', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-accordion-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-accordion.js

@@ -1,4 +1,4 @@
-import { D as DgaAccordion$1, d as defineCustomElement$1 } from './p-BOLOPFjK.js';
+import { D as DgaAccordion$1, d as defineCustomElement$1 } from './p-B1ekvjhr.js';
 
 const DgaAccordion = DgaAccordion$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-action-menu.js

@@ -1,4 +1,4 @@
-import { D as DgaActionMenu$1, d as defineCustomElement$1 } from './p-D-czV9oo.js';
+import { D as DgaActionMenu$1, d as defineCustomElement$1 } from './p-DBFWc6Ud.js';
 
 const DgaActionMenu = DgaActionMenu$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-actions.js

@@ -1,4 +1,4 @@
-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';
 
 const dgaActionsCss = "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{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{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{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{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{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{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{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}:host{display:flex}:host([direction=row]){flex-direction:row}:host([direction=column]){flex-direction:column}";
 

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
 
 const DgaApexChartUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaApexChartUsage extends H {
     constructor() {
@@ -6,7 +6,7 @@ const DgaApexChartUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaApexChartU
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '1d9373f7dcf0eab8f2ae0cb0a0abd47d4db68181' }, h("h1", { key: 'e551c9af9268dd8c30380ff1e59ba3bc5bd986d8' }, "Accordion Example"), h("div", { key: '5afbccbb480a9e5f388c7ddf59ca421a7bdb197e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '284491a85247636e09e39fbe3f0b0c5529d9e6e4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("apex-chart", { key: '12a9a5b7bd07f7efc1c29283d172f7ff0759908e', id: "timeline-chart", options: {
+        return (h("div", { key: '006410bcb5c641bc6148164ed75397b1243d45ba' }, h("h1", { key: '15b075b71f3947996f2a93ee2f41fb5faef5a192' }, "Accordion Example"), h("div", { key: 'e23d496a337f7eb6d2d024c8c0abb83c33603030', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'abfd3e907ac0efeb588f0fa6bed303f04ab7fa38', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("apex-chart", { key: '9892ebb751539b6dad563640b10b35eb9dfad169', id: "timeline-chart", options: {
                 annotations: {
                     yaxis: [
                         {

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

@@ -1,4 +1,4 @@
-import { c as chart, d as defineCustomElement$1 } from './p-CkeBUcTP.js';
+import { c as chart, d as defineCustomElement$1 } from './p-WeOJazCU.js';
 
 const DgaApexChart = chart;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-avatar-group.js

@@ -1,4 +1,4 @@
-import { D as DgaAvatarGroup$1, d as defineCustomElement$1 } from './p-BobLgmx5.js';
+import { D as DgaAvatarGroup$1, d as defineCustomElement$1 } from './p-Dwz5EI00.js';
 
 const DgaAvatarGroup = DgaAvatarGroup$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-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 DgaAvatarUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaAvatarUsage extends H {
     constructor() {
@@ -10,39 +10,39 @@ const DgaAvatarUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaAvatarUsage e
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'd5b575addc28ea25f33ca03c29408d2b20fac559' }, h("h1", { key: '5ec4ea50b8598e8187048ef3e091aea12713baef' }, "Avatar Example"), h("div", { key: '5d9a95c2a95d9a04f87107e26e2f8a8fc763c748', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f42a047e5a6d2e1477a998b1d4eaef7cb86cba56', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'c57c5b0664c50f47c68a15ecbf5161b68414006b', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar-group", { key: 'f0ec2fb074cbcb1d4d287412e801e83f66cb784c', stacked: false, max: 3, size: 120, dir: 'rtl', border: true }, h("dga-avatar", { key: '63f9afe53398a9c032e06a1b1d4d9e79d3607872', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: '953204bf2a54c434242ce7426f762992a201377b', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: 'dcefff60abe1efb4c40e2cbafb6ef7babe660998', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: '0767e83c94a8aed91595897f16846f78344d7245', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: 'df97c156b5344991332281e31788754f86a3ab3b', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: '66766a22aa545e184e6b9d9e5b4aa8ab05ddceaa', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: 'ef128c401394888e1f38785964cefc862eea4bea', size: 120, border: false, type: "initials", text: "Ar" })), h("dga-avatar", { key: '470c9d076f1bb66b1fe2be423c70f31f15fa8864', size: 120, border: false, square: true, sx: {
+        return (h("div", { key: 'b6db46eb54d6bc026b792ae4e34bf43c34e12ddc' }, h("h1", { key: '650a81dab7c9a3091855b06472d61496db974c18' }, "Avatar Example"), h("div", { key: '83cb2c22db77b4b5026b19389fb30566ebedc628', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd015a99bcb0af112e3ccd1038d81d166a7a344e9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '550c23ce186402f7e406d8d3854a4cfc43e33ec8', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar-group", { key: '67238484b36d6f88c204a1c37c9e461c2b5352b4', stacked: false, max: 3, size: 120, dir: 'rtl', border: true }, h("dga-avatar", { key: '7c61c7877f06d71d776347b7304972588e7ab594', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: 'bd74bcde6d8de547a97dc4961eb2889af11a81d4', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: '5d9ff65ba9a968cffdf3ab75d0b65c321ca35cf4', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: '9889e8d8c5288e55459b750ac42c0f1bc2bc72d2', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: '1d24f7b7ef79c55c0cc691654e9ea70520bf7812', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: 'bba0ea0b2df3aa287ea47f962eb1294df69fa237', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: '5e43558da9e9a4d3812978a5371399287f59ac34', size: 120, border: false, type: "initials", text: "Ar" })), h("dga-avatar", { key: 'f0d5e358fa0169d608d8668d1b7a7a6c8500d470', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), h("dga-avatar", { key: 'de5b33ef6b14c455ee807390069ee482c5df5a62', size: 120, border: true, square: true })), h("dga-avatar", { key: 'd8fe3e13f9e3bccfa80a848e7eb789eff34e0904', type: "icon", size: 120, icon: {
+            } }), h("dga-avatar", { key: '57eb45338affede6bab839017b5f49d9282806bb', size: 120, border: true, square: true })), h("dga-avatar", { key: '3e1c2b918869127ab892e154280169d161cf94b2', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'd5ae86845358863ccf7eee1e713dd6b29b178588', type: "icon", size: 80, icon: {
+            } }), h("dga-avatar", { key: '3b0ca5592cdeffd23612192dc3b44498cf522c46', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '40fd38368ac24bde47582ae9c12407f1db47e8b9', type: "icon", size: 68, icon: {
+            } }), h("dga-avatar", { key: '424827e3b2ef389362000d0cac02b12d1550d8db', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '2da5a9fa10828ec88626cc8289ee958ea467192c', type: "icon", size: 48, icon: {
+            } }), h("dga-avatar", { key: 'ba9799f6cd71292b121ad255099c9349a63d982f', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'e9c5dfc826802ee1d8e7b4533ba402999fb845b7', type: "icon", size: 40, icon: {
+            } }), h("dga-avatar", { key: '9471f2b0922e5b6bb2c186ccf30cf92207b57a20', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'f880c6af3e442f4abd7daf6c0c3fa577a9b108d7', type: "icon", size: 32, icon: {
+            } }), h("dga-avatar", { key: '4b79004a8f042d65e990b3f31bcb8b7ee29a87a1', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '859579027619003668361fc457fca98f0b2b5a4d', type: "icon", size: 24, icon: {
+            } }), h("dga-avatar", { key: 'f8c1eeaf6f56c6487dee8d011985513c389aed2e', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), h("dga-avatar-group", { key: 'b169bf1835c76762801cc921b119d132514e1c2d', stacked: true }, h("dga-avatar", { key: 'ef58e7b6e3fc28e8837b780ce5e6c9ee9d2e4b3c', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '5bcfe61df7e6f23a651af2aac243112add7b21e2', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: 'dabbffe674359d0af3310b48a8b00bc778904328', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '24fe71af5fe712c4c65f3036374dd96787a2aabd', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: 'c27007cef964cb29c20bd80820b66626d541bc27', type: 'initials', text: `+4`, size: 40 })), h("div", { key: 'ecab8c019e14bbbae7a4de41bb30ebb4f6e6d624', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("dga-avatar-group", { key: '2a550832318b9f9469204b6d47a5c0eefecfc792', stacked: true }, h("dga-avatar", { key: '26fbd7f51c95b957e4c1d779d0dbdc016209d54d', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '0a5a4b36f4946fc76a93da3df488df4a41696a3b', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '8b3f609b35a757dbf11f980452971f7f7c92e6b7', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '30359e817cdbf2e200f5cfc7d8827f96e297a908', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: 'ebd5555420926537608f5f4c41c5bfd4e19024d9', type: 'initials', text: `+4`, size: 40 })), h("div", { key: 'e993287f98944f810b23fb09148420210e9187e4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-avatar-usage", {
         "variant": [32]

package/dist/components/dga-avatar.js

@@ -1,4 +1,4 @@
-import { D as DgaAvatar$1, d as defineCustomElement$1 } from './p-B9VoGQI3.js';
+import { D as DgaAvatar$1, d as defineCustomElement$1 } from './p-QUy2Lr1k.js';
 
 const DgaAvatar = DgaAvatar$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$4 } from './p-KuNqQRTQ.js';
-import { d as defineCustomElement$3 } from './p-BbGtTx5_.js';
-import { d as defineCustomElement$2 } from './p-Dp1nPvDG.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$4 } from './p-CqUocyYD.js';
+import { d as defineCustomElement$3 } from './p-CDMKY2c-.js';
+import { d as defineCustomElement$2 } from './p-DNAR5ou0.js';
 
 const DgaBreadcrumbsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaBreadcrumbsUsage extends H {
     constructor() {
@@ -10,7 +10,7 @@ const DgaBreadcrumbsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaBreadcru
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '73cfb77a5d2347edc8f205e8fc77fbd858fa072c' }, h("h1", { key: '734c79ece3ef27aac3f1e38e57822def620a699f' }, "Breadcrumbs Example"), h("div", { key: '9a1ccce8621fe0857b935fa27f16577fe6346b64', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2a223dd95c807a167cb37cdca18e861347908568', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: 'ba7c1642071790768b78353ec0b4f29637e4af91', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: 'f5661474b23ce42343fc52dd053fe96ff3dc7142', items: [
+        return (h("div", { key: 'd6e7a8bc04ed017ddde57a3f6618eb75c7f8d529' }, h("h1", { key: 'ce2229dead2e4454de243a1027024c7c3187df1d' }, "Breadcrumbs Example"), h("div", { key: 'a5f17436f6253d0637c16b21d595f9893d8dc615', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '7105b831a37a52582d631685f94babafb4230469', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: 'c5f534d77c261d2796b2b764d419d9d9388cf95d', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: 'f6360edce54da8d84f0ca7506c2fc1948f6156e5', items: [
                 {
                     label: 'Home',
                     path: '/',
@@ -28,7 +28,7 @@ const DgaBreadcrumbsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaBreadcru
                     label: 'Keyboards',
                     path: '/products/keyboards',
                 },
-            ], max: 3 })), h("div", { key: '44146a55fe56bf71bad7984dbef972530fb8e74b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], max: 3 })), h("div", { key: '4d3eed982301eb49e7ecbfe76142a760f2274f22', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-breadcrumbs-usage", {
         "variant": [32]

package/dist/components/dga-breadcrumbs.js

@@ -1,4 +1,4 @@
-import { D as DgaBreadcrumbs$1, d as defineCustomElement$1 } from './p-KuNqQRTQ.js';
+import { D as DgaBreadcrumbs$1, d as defineCustomElement$1 } from './p-CqUocyYD.js';
 
 const DgaBreadcrumbs = DgaBreadcrumbs$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-button-leading-icon.js

@@ -1,4 +1,4 @@
-import { D as DgaButtonLeadingIcon$1, d as defineCustomElement$1 } from './p-B4tBgtv2.js';
+import { D as DgaButtonLeadingIcon$1, d as defineCustomElement$1 } from './p-CSDiDsDN.js';
 
 const DgaButtonLeadingIcon = DgaButtonLeadingIcon$1;
 const defineCustomElement = defineCustomElement$1;