@iress-oss/ids-components 6.0.0-alpha.3 → 6.0.0-alpha.4

package/dist/patterns/Shadow/Shadow.js

@@ -1269,22 +1269,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 @layer utilities{
   @layer compositions{
 
-    .textStyle_typography\\.body\\.sm {
-      font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-    .textStyle_typography\\.body\\.sm strong {
-      font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-    .textStyle_typography\\.body\\.sm em {
-      font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-    .textStyle_typography\\.body\\.sm code {
-      font-size: 0.9em !important;
-}
-
     .textStyle_typography\\.body\\.md {
       font: var(--iress-typography-body-md-regular, 400 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
@@ -1326,6 +1310,22 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
+    .textStyle_typography\\.body\\.sm {
+      font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+}
+
+    .textStyle_typography\\.body\\.sm strong {
+      font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+}
+
+    .textStyle_typography\\.body\\.sm em {
+      font: var(--iress-typography-body-sm-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+}
+
+    .textStyle_typography\\.body\\.sm code {
+      font-size: 0.9em !important;
+}
+
     .textStyle_typography\\.heading\\.5 {
       font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
@@ -1399,6 +1399,13 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       background: radial-gradient(circle closest-side, currentcolor 90%, transparent) 0 / calc(100% / 3) 100% space;
 }
 
+    .animationStyle_field-footer {
+      animation-name: fieldFooter;
+      animation-duration: 0.5s;
+      animation-timing-function: ease-in-out;
+      animation-fill-mode: forwards;
+}
+
     .textStyle_typography\\.body\\.lg {
       font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
@@ -1415,13 +1422,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       font-size: 0.9em !important;
 }
 
-    .animationStyle_field-footer {
-      animation-name: fieldFooter;
-      animation-duration: 0.5s;
-      animation-timing-function: ease-in-out;
-      animation-fill-mode: forwards;
-}
-
     .textStyle_typography\\.heading\\.3 {
       font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (26 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
@@ -3246,10 +3246,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     transition: all 0.3s ease;
 }
 
-  .my_xs {
-    margin-block: var(--spacing-xs);
-}
-
   .bd-b_\\[2px_solid_transparent\\] {
     border-bottom: 2px solid transparent;
 }
@@ -3258,10 +3254,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     padding-block: var(--spacing-xs);
 }
 
-  .my_md {
-    margin-block: var(--spacing-md);
-}
-
   .bdr_radius\\.075 {
     border-radius: var(--radii-radius\\.075);
 }
@@ -3418,10 +3410,18 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     margin-block: var(--spacing-none);
 }
 
+  .my_xs {
+    margin-block: var(--spacing-xs);
+}
+
   .my_sm {
     margin-block: var(--spacing-sm);
 }
 
+  .my_md {
+    margin-block: var(--spacing-md);
+}
+
   .my_lg {
     margin-block: var(--spacing-lg);
 }
@@ -3695,10 +3695,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     row-gap: var(--col-gap);
 }
 
-  .c_colour\\.system\\.success\\.text {
-    color: var(--colors-colour\\.system\\.success\\.text);
-}
-
   .d_flex {
     display: flex;
 }
@@ -3751,6 +3747,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     color: var(--colors-colour\\.system\\.info\\.text);
 }
 
+  .c_colour\\.system\\.success\\.text {
+    color: var(--colors-colour\\.system\\.success\\.text);
+}
+
   .c_colour\\.system\\.warning\\.text {
     color: var(--colors-colour\\.system\\.warning\\.text);
 }
@@ -4735,26 +4735,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     column-gap: var(--spacing-none);
 }
 
-  .key_user {
-    key: user;
-}
-
-  .label_User {
-    label: User;
-}
-
-  .key_investmentName {
-    key: investmentName;
-}
-
-  .label_Investment_Name {
-    label: Investment Name;
-}
-
-  .format_string {
-    format: string;
-}
-
   .sr_false {
     position: static;
     width: auto;
@@ -4766,21 +4746,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     white-space: normal;
 }
 
-  .key_import {
-    key: import;
-}
-
-  .label_Upload {
-    label: Upload;
-}
-
-  .gutter_spacing\\.7 {
-    --col-gap: var(--iress-spacing-7, calc(7 * var(--iress-spacing-100, .25rem)));
-    margin-inline: calc(-1 * var(--col-gap) / 2);
-    column-gap: var(--iress-spacing-0, 0rem);
-    row-gap: var(--col-gap);
-}
-
   .ff_inherit {
     font-family: inherit;
 }
@@ -4805,14 +4770,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     align-self: auto;
 }
 
-  .pos_right {
-    position: right;
-}
-
-  .pos_left {
-    position: left;
-}
-
   .key_column {
     key: column;
 }
@@ -4833,62 +4790,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     label: Test;
 }
 
-  .key_investment_name {
-    key: investment_name;
-}
-
-  .label_Investment {
-    label: Investment;
-}
-
-  .key_string {
-    key: string;
-}
-
-  .label_String {
-    label: String;
-}
-
-  .key_custom {
-    key: custom;
-}
-
-  .label_Custom {
-    label: Custom;
-}
-
-  .key_owner {
-    key: owner;
-}
-
-  .label_Owner {
-    label: Owner;
-}
-
-  .key_repayment {
-    key: repayment;
-}
-
-  .label_Repayment_\\(GBP\\) {
-    label: Repayment (GBP);
-}
-
-  .format_currency {
-    format: currency;
-}
-
-  .currency-code_0 {
-    currency-code: 0;
-}
-
-  .sort_asc {
-    sort: asc;
-}
-
-  .sort-fn_textCaseSensitive {
-    sort-fn: textCaseSensitive;
-}
-
   .rg_xs {
     row-gap: var(--spacing-xs);
 }
@@ -4897,34 +4798,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     position: top-center;
 }
 
-  .pos_bottom-end {
-    position: bottom-end;
-}
-
-  .pos_bottom-center {
-    position: bottom-center;
-}
-
-  .pos_bottom-start {
-    position: bottom-start;
-}
-
-  .pos_top-start {
-    position: top-start;
-}
-
-  .pos_top-end {
-    position: top-end;
-}
-
-  .key_name {
-    key: name;
-}
-
-  .label_Name {
-    label: Name;
-}
-
   .inset-s_\\[-100\\%\\] {
     inset-inline-start: -100%;
 }
@@ -5332,51 +5205,58 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     --col-gap: var(--iress-spacing-5, calc(5 * var(--iress-spacing-100, .25rem)));
 }
 
-  .gutter_spacing\\.5,.gutter_spacing\\.8 {
+  .gutter_spacing\\.5,.gutter_spacing\\.7 {
     margin-inline: calc(-1 * var(--col-gap) / 2);
     column-gap: var(--iress-spacing-0, 0rem);
     row-gap: var(--col-gap);
 }
 
-  .gutter_spacing\\.8 {
-    --col-gap: var(--iress-spacing-8, calc(8 * var(--iress-spacing-100, .25rem)));
+  .gutter_spacing\\.7 {
+    --col-gap: var(--iress-spacing-7, calc(7 * var(--iress-spacing-100, .25rem)));
 }
 
-  .gutter_spacing\\.10 {
-    --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
+  .gutter_spacing\\.8 {
+    --col-gap: var(--iress-spacing-8, calc(8 * var(--iress-spacing-100, .25rem)));
 }
 
-  .gutter_spacing\\.10,.gutter_none {
+  .gutter_spacing\\.8,.gutter_spacing\\.10 {
     margin-inline: calc(-1 * var(--col-gap) / 2);
     column-gap: var(--iress-spacing-0, 0rem);
     row-gap: var(--col-gap);
 }
 
-  .gutter_none {
-    --col-gap: var(--iress-spacing-0, 0rem);
+  .gutter_spacing\\.10 {
+    --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
 }
 
-  .gutter_xs {
-    --col-gap: var(--iress-spacing-1, .25rem);
+  .gutter_none {
+    --col-gap: var(--iress-spacing-0, 0rem);
 }
 
-  .gutter_xs,.gutter_sm {
+  .gutter_none,.gutter_xs {
     margin-inline: calc(-1 * var(--col-gap) / 2);
     column-gap: var(--iress-spacing-0, 0rem);
     row-gap: var(--col-gap);
 }
 
+  .gutter_xs {
+    --col-gap: var(--iress-spacing-1, .25rem);
+}
+
   .gutter_sm {
     --col-gap: var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)));
 }
 
-  .gutter_xl {
-    --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
+  .gutter_sm,.gutter_xl {
     margin-inline: calc(-1 * var(--col-gap) / 2);
     column-gap: var(--iress-spacing-0, 0rem);
     row-gap: var(--col-gap);
 }
 
+  .gutter_xl {
+    --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
+}
+
   .focusable_true:focus-visible {
     outline: none;
     box-shadow: var(--iress-elevation-focus-shadow, 0px 0px 0px 1.5px var(--iress-colour-neutral-10, #FFFFFF), 0px 0px 0px 3.5px #0066FF);
@@ -5938,10 +5818,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     right: 100%;
 }
 
-  .w_2rem {
-    width: 2rem;
-}
-
   .w_2 {
     width: 2px;
 }
@@ -5954,18 +5830,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     margin-left: var(--spacing-spacing\\.1);
 }
 
-  .w_30\\% {
-    width: 30%;
-}
-
-  .w_overlay\\.lg {
-    width: var(--sizes-overlay\\.lg);
-}
-
-  .w_1\\% {
-    width: 1%;
-}
-
   .bd-b-w_1px {
     border-bottom-width: 1px;
 }
@@ -5978,14 +5842,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border-bottom-color: var(--colors-colour\\.neutral\\.70);
 }
 
-  .w_75\\% {
-    width: 75%;
-}
-
-  .h_200 {
-    height: 200px;
-}
-
   .w_\\[auto\\] {
     width: auto;
 }
@@ -6002,10 +5858,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     width: 300px;
 }
 
-  .w_75px {
-    width: 75px;
-}
-
   .ml_xs {
     margin-left: var(--spacing-xs);
 }
@@ -6014,14 +5866,14 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     width: 100perc;
 }
 
-  .mb_-lg {
-    margin-bottom: calc(var(--spacing-lg) * -1);
-}
-
   .h_250px {
     height: 250px;
 }
 
+  .w_75\\% {
+    width: 75%;
+}
+
   .h_300px {
     height: 300px;
 }
@@ -6486,6 +6338,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     margin-bottom: calc(var(--spacing-md) * -1);
 }
 
+  .mb_-lg {
+    margin-bottom: calc(var(--spacing-lg) * -1);
+}
+
   .mb_-xl {
     margin-bottom: calc(var(--spacing-xl) * -1);
 }
@@ -6986,6 +6842,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     width: var(--sizes-container\\.xxl);
 }
 
+  .w_overlay\\.lg {
+    width: var(--sizes-overlay\\.lg);
+}
+
   .w_chevron\\.select {
     width: var(--sizes-chevron\\.select);
 }
@@ -9163,48 +9023,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       clip: rect(0, 0, 0, 0);
       white-space: nowrap;
       border-width: 0;
-}
-    .xs\\:key_investmentDate {
-      key: investmentDate;
-}
-    .xs\\:label_Investment_Date {
-      label: Investment Date;
-}
-    .xs\\:format_date {
-      format: date;
 }
     .xs\\:key_test2 {
       key: test2;
-}
-    .xs\\:label_Date {
-      label: Date;
-}
-    .xs\\:key_number {
-      key: number;
-}
-    .xs\\:label_Number {
-      label: Number;
-}
-    .xs\\:format_number {
-      format: number;
-}
-    .xs\\:key_type {
-      key: type;
-}
-    .xs\\:label_Type {
-      label: Type;
-}
-    .xs\\:sort_true {
-      sort: true;
-}
-    .xs\\:sort-fn_datetime {
-      sort-fn: datetime;
-}
-    .xs\\:key_value {
-      key: value;
-}
-    .xs\\:label_Value {
-      label: Value;
 }
     .xs\\:c_colour\\.primary\\.fill {
       color: var(--colors-colour\\.primary\\.fill);
@@ -9680,12 +9501,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xs\\:max-w_container\\.xs {
       max-width: var(--sizes-container\\.xs);
-}
-    .xs\\:w_30\\% {
-      width: 30%;
-}
-    .xs\\:w_100px {
-      width: 100px;
 }
     .xs\\:max-w_auto {
       max-width: auto;
@@ -11423,45 +11238,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
-}
-    .sm\\:key_status {
-      key: status;
-}
-    .sm\\:label_Status {
-      label: Status;
-}
-    .sm\\:key_totalPercentage {
-      key: totalPercentage;
-}
-    .sm\\:label_Total_\\% {
-      label: Total %;
-}
-    .sm\\:format_percent {
-      format: percent;
-}
-    .sm\\:key_email {
-      key: email;
-}
-    .sm\\:label_Email {
-      label: Email;
-}
-    .sm\\:label_Share {
-      label: Share;
-}
-    .sm\\:format_date {
-      format: date;
-}
-    .sm\\:key_provider {
-      key: provider;
-}
-    .sm\\:label_Provider {
-      label: Provider;
-}
-    .sm\\:sort_true {
-      sort: true;
-}
-    .sm\\:sort-fn_alphanumeric {
-      sort-fn: alphanumeric;
 }
     .sm\\:c_colour\\.primary\\.fill {
       color: var(--colors-colour\\.primary\\.fill);
@@ -11948,9 +11724,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .sm\\:max-w_container\\.sm {
       max-width: var(--sizes-container\\.sm);
-}
-    .sm\\:w_15\\% {
-      width: 15%;
 }
     .sm\\:max-w_auto {
       max-width: auto;
@@ -13703,51 +13476,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
-}
-    .md\\:key_location {
-      key: location;
-}
-    .md\\:label_Location {
-      label: Location;
-}
-    .md\\:key_amount {
-      key: amount;
-}
-    .md\\:label_Investment_Amount_\\(AUD\\) {
-      label: Investment Amount (AUD);
-}
-    .md\\:format_currency {
-      format: currency;
-}
-    .md\\:currency-code_0 {
-      currency-code: 0;
-}
-    .md\\:ta_right {
-      text-align: right;
-}
-    .md\\:key_shortDate {
-      key: shortDate;
-}
-    .md\\:label_Short_date {
-      label: Short date;
-}
-    .md\\:format_shortDate {
-      format: shortDate;
-}
-    .md\\:key_status {
-      key: status;
-}
-    .md\\:label_Status {
-      label: Status;
-}
-    .md\\:divider_true {
-      divider: true;
-}
-    .md\\:sort_true {
-      sort: true;
-}
-    .md\\:label_Cost_\\(sorts_by_net_cost_if_available\\) {
-      label: Cost (sorts by net cost if available);
 }
     .md\\:c_colour\\.primary\\.fill {
       color: var(--colors-colour\\.primary\\.fill);
@@ -14072,6 +13800,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .md\\:ta_left {
       text-align: left;
+}
+    .md\\:ta_right {
+      text-align: right;
 }
     .md\\:ta_justify {
       text-align: justify;
@@ -14225,9 +13956,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .md\\:max-w_container\\.md {
       max-width: var(--sizes-container\\.md);
-}
-    .md\\:w_25\\% {
-      width: 25%;
 }
     .md\\:max-w_auto {
       max-width: auto;
@@ -15969,27 +15697,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       overflow: visible;
       clip: auto;
       white-space: normal;
-}
-    .lg\\:key_gender {
-      key: gender;
-}
-    .lg\\:label_Gender {
-      label: Gender;
-}
-    .lg\\:key_isoDateTime {
-      key: isoDateTime;
-}
-    .lg\\:label_ISO_Date_\\&_Time {
-      label: ISO Date & Time;
-}
-    .lg\\:format_isoDateTime {
-      format: isoDateTime;
-}
-    .lg\\:key_frequency {
-      key: frequency;
-}
-    .lg\\:label_Frequency {
-      label: Frequency;
 }
     .lg\\:c_colour\\.primary\\.fill {
       color: var(--colors-colour\\.primary\\.fill);
@@ -18185,30 +17892,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xl\\:offset_11 {
       margin-left: calc(11 / 12 * 100%);
-}
-    .xl\\:key_relativeTime {
-      key: relativeTime;
-}
-    .xl\\:label_Relative_time {
-      label: Relative time;
-}
-    .xl\\:format_relativeTime {
-      format: relativeTime;
-}
-    .xl\\:key_outstanding {
-      key: outstanding;
-}
-    .xl\\:label_Outstanding_\\(GBP\\) {
-      label: Outstanding (GBP);
-}
-    .xl\\:format_currency {
-      format: currency;
-}
-    .xl\\:currency-code_0 {
-      currency-code: 0;
-}
-    .xl\\:sort_true {
-      sort: true;
 }
     .xl\\:c_colour\\.primary\\.fill {
       color: var(--colors-colour\\.primary\\.fill);
@@ -20436,33 +20119,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
-}
-    .xxl\\:key_currency {
-      key: currency;
-}
-    .xxl\\:label_Currency_\\(AUD\\) {
-      label: Currency (AUD);
-}
-    .xxl\\:format_currency {
-      format: currency;
-}
-    .xxl\\:currency-code_0 {
-      currency-code: 0;
-}
-    .xxl\\:key_interestRate {
-      key: interestRate;
-}
-    .xxl\\:label_Interest_rate_p\\.a\\. {
-      label: Interest rate p.a.;
-}
-    .xxl\\:format_percent {
-      format: percent;
-}
-    .xxl\\:ta_right {
-      text-align: right;
-}
-    .xxl\\:sort_true {
-      sort: true;
 }
     .xxl\\:c_colour\\.primary\\.fill {
       color: var(--colors-colour\\.primary\\.fill);
@@ -20787,6 +20443,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xxl\\:ta_left {
       text-align: left;
+}
+    .xxl\\:ta_right {
+      text-align: right;
 }
     .xxl\\:ta_justify {
       text-align: justify;
@@ -21968,8 +21627,8 @@ const z = `@layer reset, base, tokens, recipes, utilities;
         if (i.current.shadowRoot)
           m(i.current.shadowRoot);
         else {
-          const n = i.current.attachShadow({ mode: "open" }), r = document.createElement("style"), s = document.querySelector("meta[name='csp-nonce']")?.getAttribute("content");
-          s && r.setAttribute("nonce", s), r.textContent = z, n.appendChild(r);
+          const n = i.current.attachShadow({ mode: "open" }), s = document.createElement("style"), r = document.querySelector("meta[name='csp-nonce']")?.getAttribute("content");
+          r && s.setAttribute("nonce", r), s.textContent = z, n.appendChild(s);
           const c = document.createElement("div");
           n.appendChild(c), l.current = c, m(n);
         }
@@ -21977,8 +21636,8 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       e.forEach((n) => {
         if (document.head.querySelector(`link[href="${n}"]`))
           return;
-        const r = document.createElement("link");
-        r.href = n, r.rel = "stylesheet", document.head.appendChild(r);
+        const s = document.createElement("link");
+        s.href = n, s.rel = "stylesheet", document.head.appendChild(s);
       });
     }, [e]), g(() => {
       if (o || !a) return;
@@ -21988,15 +21647,15 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       a && t.forEach((n) => {
         if (a.querySelector(`link[href="${n}"]`))
           return;
-        const r = document.createElement("link");
-        r.href = n, r.rel = "stylesheet", a.appendChild(r);
+        const s = document.createElement("link");
+        s.href = n, s.rel = "stylesheet", a.appendChild(s);
       });
     }, [a, t]), g(() => {
-      a && Object.entries(p).forEach(([n, r]) => {
+      a && Object.entries(p).forEach(([n, s]) => {
         if (a.querySelector(`style[id="${n}"]`))
           return;
-        const s = document.createElement("style"), c = document.querySelector("meta[name='csp-nonce']")?.getAttribute("content");
-        c && s.setAttribute("nonce", c), s.setAttribute("id", n), s.textContent = r, a.appendChild(s);
+        const r = document.createElement("style"), c = document.querySelector("meta[name='csp-nonce']")?.getAttribute("content");
+        c && r.setAttribute("nonce", c), r.setAttribute("id", n), r.textContent = s, a.appendChild(r);
       });
     }, [a, p]), h(
       u,