@iress-oss/ids-components 6.0.0-alpha.20 → 6.0.0-alpha.21

package/dist/patterns/Shadow/Shadow.js

@@ -1,8 +1,8 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as h, useRef as _, useState as u, useEffect as g, useImperativeHandle as y } from "react";
-import { createPortal as f } from "react-dom";
-import { i as w, I as k } from "../../Provider-B87u_maF.js";
-const z = `@layer reset, base, tokens, recipes, utilities;
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as b, useRef as d, useState as h, useEffect as g, useImperativeHandle as u } from "react";
+import { createPortal as y } from "react-dom";
+import { i as f, I as w } from "../../Provider-Dw49edAo.js";
+const k = `@layer reset, base, tokens, recipes, utilities;
 
 @layer reset{
   html,:host {
@@ -229,7 +229,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     --borders-alert: 1px solid currentColor;
     --borders-divider: 1px solid var(--iress-colour-neutral-30, #E2E6EA);
     --borders-input: 1px solid var(--iress-colour-neutral-70, #6D7278);
-    --borders-placeholder: 1.5px solid var(--iress-colour-neutral-30, #E2E6EA);
     --borders-hover: 1px solid var(--iress-colour-primary-fill, #003271);
     --borders-table: 1px solid var(--iress-colour-neutral-40, #CFD5DA);
     --colors-colour\\.primary\\.fill: var(--iress-colour-primary-fill, #003271);
@@ -970,10 +969,17 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
 
     .table__sortIcon {
-      color: var(--colors-colour\\.neutral\\.70);
       margin-inline-start: var(--spacing-spacing\\.2);
 }
 
+    .table__sortIcon,.table__sortIconActive {
+      color: var(--colors-colour\\.neutral\\.70);
+}
+
+    .table__sortIconActive {
+      margin-inline-start: calc(var(--spacing-spacing\\.1) * -1);
+}
+
     .table__activator {
       transition-property: var(--transition-prop, all);
       transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
@@ -1354,8 +1360,12 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       font-size: 0.9em !important;
 }
 
-    .textStyle_typography\\.heading\\.5 {
-      font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+    .textStyle_typography\\.heading\\.1 {
+      font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (24 / 14)) / 1.33 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+}
+
+    .textStyle_inherit {
+      font: inherit;
 }
 
     .animationStyle_icon-spin-1 {
@@ -1386,6 +1396,14 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       animation-iteration-count: infinite;
 }
 
+    .textStyle_typography\\.heading\\.4 {
+      font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+}
+
+    .textStyle_typography\\.heading\\.2 {
+      font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (20 / 14)) / 1.4 var(--iress-typography-base-heading-font, Ubuntu, 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));
 }
@@ -1412,14 +1430,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       animation-iteration-count: infinite;
 }
 
-    .textStyle_typography\\.heading\\.1 {
-      font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (24 / 14)) / 1.33 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
-}
-
-    .textStyle_typography\\.heading\\.4 {
-      font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
-}
-
     .layerStyle_elevation\\.overflow {
       border: var(--iress-elevation-overflow-border, 0px solid transparent);
       box-shadow: var(--iress-elevation-overflow-shadow, inset -13px 0px 18.8px #091E420D);
@@ -1443,10 +1453,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       animation-fill-mode: forwards;
 }
 
-    .textStyle_typography\\.heading\\.2 {
-      font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (20 / 14)) / 1.4 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
-}
-
     .animationStyle_loading-slide-next {
       animation-name: loadingSlideNext;
       animation-duration: 0.5s;
@@ -1454,6 +1460,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       animation-fill-mode: forwards;
 }
 
+    .textStyle_typography\\.heading\\.5 {
+      font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+}
+
     .layerStyle_elevation\\.focus {
       border-color: var(--iress-elevation-focus-border-color, #0066FF) !important;
       box-shadow: var(--iress-elevation-focus-shadow, 0px 0px 0px 1.5px var(--iress-colour-neutral-10, #FFFFFF), 0px 0px 0px 3.5px #0066FF);
@@ -1480,10 +1490,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       font: var(--iress-typography-code, 400 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.6 Space, monospace);
 }
 
-    .textStyle_inherit {
-      font: inherit;
-}
-
     .directNestedHeadings\\:textStyle_typography\\.body\\.md\\.strong > h1,.directNestedHeadings\\:textStyle_typography\\.body\\.md\\.strong > h2,.directNestedHeadings\\:textStyle_typography\\.body\\.md\\.strong > h3,.directNestedHeadings\\:textStyle_typography\\.body\\.md\\.strong > h4,.directNestedHeadings\\:textStyle_typography\\.body\\.md\\.strong > h5,.directNestedHeadings\\:textStyle_typography\\.body\\.md\\.strong > h6 {
       font: var(--iress-typography-body-md-strong, 600 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
@@ -2449,10 +2455,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     padding: var(--spacing-lg);
 }
 
-  .bd_placeholder {
-    border: var(--borders-placeholder);
-}
-
   .bg_colour\\.neutral\\.40 {
     background: var(--colors-colour\\.neutral\\.40);
 }
@@ -2513,14 +2515,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     padding: var(--spacing-spacing\\.5);
 }
 
-  .p_xl {
-    padding: var(--spacing-xl);
-}
-
-  .m_lg {
-    margin: var(--spacing-lg);
-}
-
   .p_spacing\\.7 {
     padding: var(--spacing-spacing\\.7);
 }
@@ -2605,6 +2599,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     margin: var(--spacing-md);
 }
 
+  .m_lg {
+    margin: var(--spacing-lg);
+}
+
   .m_xl {
     margin: var(--spacing-xl);
 }
@@ -2681,6 +2679,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     padding: var(--spacing-spacing\\.8);
 }
 
+  .p_xl {
+    padding: var(--spacing-xl);
+}
+
   .bg_colour\\.primary\\.fillHover {
     background: var(--colors-colour\\.primary\\.fill-hover);
 }
@@ -4175,10 +4177,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     grid-template-rows: 1fr;
 }
 
-  .c_colour\\.neutral\\.10 {
-    color: var(--colors-colour\\.neutral\\.10);
-}
-
   .gutter_spacing\\.6 {
     --col-gap: var(--iress-spacing-6, calc(6 * var(--iress-spacing-100, .25rem)));
     margin-inline: calc(-1 * var(--col-gap) / 2);
@@ -4256,6 +4254,30 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     rotate: 270px;
 }
 
+  .c_muted {
+    color: var(--colors-muted);
+}
+
+  .key_fontAwesome {
+    key: fontAwesome;
+}
+
+  .label_Font_Awesome {
+    label: Font Awesome;
+}
+
+  .ff_Material_Symbols_Rounded {
+    font-family: Material Symbols Rounded;
+}
+
+  .scale_\\[1\\.5\\] {
+    scale: 1.5;
+}
+
+  .ff-s_liga {
+    font-feature-settings: liga;
+}
+
   .trf_scaleX\\(-1\\) {
     transform: scaleX(-1);
 }
@@ -4268,6 +4290,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     transform: scale(-1);
 }
 
+  .vis_hidden {
+    visibility: hidden;
+}
+
   .trf_rotate\\(90deg\\) {
     transform: rotate(90deg);
 }
@@ -4304,8 +4330,8 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     align-items: stretch;
 }
 
-  .contain_style_paint {
-    contain: style paint;
+  .contain_style {
+    contain: style;
 }
 
   .bg-c_colour\\.neutral\\.10 {
@@ -4443,20 +4469,16 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     z-index: -1;
 }
 
-  .stk-w_1\\.5px {
-    stroke-width: 1.5px;
-}
-
-  .stk_colour\\.neutral\\.30 {
-    stroke: var(--colors-colour\\.neutral\\.30);
+  .stk-w_0\\.5px {
+    stroke-width: 0.5px;
 }
 
-  .stk-op_0\\.5 {
-    stroke-opacity: 0.5;
+  .stk_colour\\.primary\\.fill {
+    stroke: var(--colors-colour\\.primary\\.fill);
 }
 
-  .contain_style {
-    contain: style;
+  .stk-op_0\\.1 {
+    stroke-opacity: 0.1;
 }
 
   .ap_none {
@@ -4706,6 +4728,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     z-index: var(--z-index-600);
 }
 
+  .c_colour\\.neutral\\.10 {
+    color: var(--colors-colour\\.neutral\\.10);
+}
+
   .pe_spacing\\.1 {
     padding-inline-end: var(--spacing-spacing\\.1);
 }
@@ -4862,42 +4888,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     align-self: auto;
 }
 
-  .key_column {
-    key: column;
-}
-
-  .label_Column {
-    label: Column;
-}
-
-  .key_test {
-    key: test;
-}
-
-  .key_id {
-    key: id;
-}
-
-  .label_ID {
-    label: ID;
-}
-
-  .divider_true {
-    divider: true;
-}
-
-  .label_Test {
-    label: Test;
-}
-
-  .pos_top-center {
-    position: top-center;
-}
-
-  .c_muted {
-    color: var(--colors-muted);
-}
-
   .inset-s_\\[-100\\%\\] {
     inset-inline-start: -100%;
 }
@@ -4930,14 +4920,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     transform: translateY(0%);
 }
 
-  .lh_normal {
-    line-height: normal;
-}
-
-  .content_Content {
-    content: Content;
-}
-
   .va_top {
     vertical-align: top;
 }
@@ -5546,8 +5528,16 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     overflow-y: auto;
 }
 
-  .max-w_200px {
-    max-width: 200px;
+  .w_\\[1em\\] {
+    width: 1em;
+}
+
+  .h_\\[1em\\] {
+    height: 1em;
+}
+
+  .mb_spacing\\.6 {
+    margin-bottom: var(--spacing-spacing\\.6);
 }
 
   .w_50 {
@@ -5614,14 +5604,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     width: var(--sizes-input\\.16);
 }
 
-  .w_10 {
-    width: 10px;
-}
-
-  .w_25\\% {
-    width: 25%;
-}
-
   .top_-spacing\\.1 {
     top: calc(var(--spacing-spacing\\.1) * -1);
 }
@@ -5670,14 +5652,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     overflow-x: hidden;
 }
 
-  .w_48 {
-    width: 48px;
-}
-
-  .h_48 {
-    height: 48px;
-}
-
   .max-w_input\\.16 {
     max-width: var(--sizes-input\\.16);
 }
@@ -5754,10 +5728,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     min-height: 0px;
 }
 
-  .w_6 {
-    width: 6px;
-}
-
   .h_100\\% {
     height: 100%;
 }
@@ -5846,10 +5816,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     padding-top: var(--spacing-spacing\\.2);
 }
 
-  .pt_md {
-    padding-top: var(--spacing-md);
-}
-
   .top_spacing\\.1 {
     top: var(--spacing-spacing\\.1);
 }
@@ -5950,14 +5916,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     width: 0.7em;
 }
 
-  .w_\\[1em\\] {
-    width: 1em;
-}
-
-  .h_\\[1em\\] {
-    height: 1em;
-}
-
   .right_\\[100\\%\\] {
     right: 100%;
 }
@@ -5998,10 +5956,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border-bottom-width: 0px;
 }
 
-  .w_300px {
-    width: 300px;
-}
-
   .w_100\\% {
     width: 100%;
 }
@@ -6026,6 +5980,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     height: 200px;
 }
 
+  .w_25\\% {
+    width: 25%;
+}
+
   .w_200px {
     width: 200px;
 }
@@ -6158,10 +6116,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     margin-bottom: var(--spacing-spacing\\.5);
 }
 
-  .mb_spacing\\.6 {
-    margin-bottom: var(--spacing-spacing\\.6);
-}
-
   .mb_spacing\\.7 {
     margin-bottom: var(--spacing-spacing\\.7);
 }
@@ -6534,6 +6488,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     padding-top: var(--spacing-sm);
 }
 
+  .pt_md {
+    padding-top: var(--spacing-md);
+}
+
   .pt_lg {
     padding-top: var(--spacing-lg);
 }
@@ -7859,6 +7817,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     bottom: var(--spacing-spacing\\.1);
 }
 
+  .\\[\\&_\\>_\\:not\\(\\[hidden\\]\\)\\]\\:pt_sm > :not([hidden]) {
+    padding-top: var(--spacing-sm);
+}
+
   .after\\:h_\\[2px\\]::after {
     height: 2px;
 }
@@ -8527,9 +8489,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xs\\:p_xl {
       padding: var(--spacing-xl);
-}
-    .xs\\:offset_10 {
-      margin-left: calc(10 / 12 * 100%);
 }
     .xs\\:bdr_radius\\.000 {
       border-radius: var(--radii-radius\\.000);
@@ -8932,6 +8891,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xs\\:offset_9 {
       margin-left: calc(9 / 12 * 100%);
+}
+    .xs\\:offset_10 {
+      margin-left: calc(10 / 12 * 100%);
 }
     .xs\\:offset_11 {
       margin-left: calc(11 / 12 * 100%);
@@ -8942,31 +8904,11 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .xs\\:label_Name {
       label: Name;
 }
-    .xs\\:span_10 {
-      flex-grow: 0;
-      flex-shrink: 0;
-      flex-basis: calc(10 / 12 * 100%);
-      padding-inline: calc(var(--col-gap) / 2);
-}
-    .xs\\:gutter_spacing\\.0 {
-      --col-gap: var(--iress-spacing-0, 0rem);
-      margin-inline: calc(-1 * var(--col-gap) / 2);
-      column-gap: var(--iress-spacing-0, 0rem);
-      row-gap: var(--col-gap);
-}
-    .xs\\:sr_true {
-      position: absolute;
-      width: 1px;
-      height: 1px;
-      padding: 0;
-      margin: -1px;
-      overflow: hidden;
-      clip: rect(0, 0, 0, 0);
-      white-space: nowrap;
-      border-width: 0;
+    .xs\\:key_materialSymbols {
+      key: materialSymbols;
 }
-    .xs\\:key_test2 {
-      key: test2;
+    .xs\\:label_Material_Symbols {
+      label: Material Symbols;
 }
     .xs\\:as_start {
       align-self: start;
@@ -9096,6 +9038,17 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xs\\:rg_xl {
       row-gap: var(--spacing-xl);
+}
+    .xs\\:sr_true {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap;
+      border-width: 0;
 }
     .xs\\:sr_false {
       position: static;
@@ -9169,114 +9122,121 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .xs\\:span_9 {
       flex-basis: calc(9 / 12 * 100%);
 }
-    .xs\\:span_9,.xs\\:span_11 {
+    .xs\\:span_9,.xs\\:span_10 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .xs\\:span_10 {
+      flex-basis: calc(10 / 12 * 100%);
 }
     .xs\\:span_11 {
       flex-basis: calc(11 / 12 * 100%);
 }
-    .xs\\:span_12 {
+    .xs\\:span_11,.xs\\:span_12 {
       flex-grow: 0;
-      flex-basis: 100%;
-}
-    .xs\\:span_12,.xs\\:span_auto {
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .xs\\:span_12 {
+      flex-basis: 100%;
 }
     .xs\\:span_auto {
       flex-grow: 1;
+      flex-shrink: 0;
       flex-basis: 0;
+      padding-inline: calc(var(--col-gap) / 2);
 }
-    .xs\\:gutter_spacing\\.1 {
-      --col-gap: var(--iress-spacing-1, .25rem);
+    .xs\\:gutter_spacing\\.0 {
+      --col-gap: var(--iress-spacing-0, 0rem);
 }
-    .xs\\:gutter_spacing\\.1,.xs\\:gutter_spacing\\.2 {
+    .xs\\:gutter_spacing\\.0,.xs\\:gutter_spacing\\.1 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .xs\\:gutter_spacing\\.1 {
+      --col-gap: var(--iress-spacing-1, .25rem);
 }
     .xs\\:gutter_spacing\\.2 {
       --col-gap: var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)));
 }
-    .xs\\:gutter_spacing\\.3 {
-      --col-gap: var(--iress-spacing-3, calc(3 * var(--iress-spacing-100, .25rem)));
-}
-    .xs\\:gutter_spacing\\.3,.xs\\:gutter_spacing\\.4 {
+    .xs\\:gutter_spacing\\.2,.xs\\:gutter_spacing\\.3 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .xs\\:gutter_spacing\\.3 {
+      --col-gap: var(--iress-spacing-3, calc(3 * var(--iress-spacing-100, .25rem)));
 }
     .xs\\:gutter_spacing\\.4 {
       --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
 }
-    .xs\\:gutter_spacing\\.5 {
-      --col-gap: var(--iress-spacing-5, calc(5 * var(--iress-spacing-100, .25rem)));
-}
-    .xs\\:gutter_spacing\\.5,.xs\\:gutter_spacing\\.6 {
+    .xs\\:gutter_spacing\\.4,.xs\\:gutter_spacing\\.5 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .xs\\:gutter_spacing\\.5 {
+      --col-gap: var(--iress-spacing-5, calc(5 * var(--iress-spacing-100, .25rem)));
 }
     .xs\\:gutter_spacing\\.6 {
       --col-gap: var(--iress-spacing-6, calc(6 * var(--iress-spacing-100, .25rem)));
 }
-    .xs\\:gutter_spacing\\.7 {
-      --col-gap: var(--iress-spacing-7, calc(7 * var(--iress-spacing-100, .25rem)));
-}
-    .xs\\:gutter_spacing\\.7,.xs\\:gutter_spacing\\.8 {
+    .xs\\:gutter_spacing\\.6,.xs\\:gutter_spacing\\.7 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .xs\\:gutter_spacing\\.7 {
+      --col-gap: var(--iress-spacing-7, calc(7 * var(--iress-spacing-100, .25rem)));
 }
     .xs\\:gutter_spacing\\.8 {
       --col-gap: var(--iress-spacing-8, calc(8 * var(--iress-spacing-100, .25rem)));
 }
-    .xs\\:gutter_spacing\\.10 {
-      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
-}
-    .xs\\:gutter_spacing\\.10,.xs\\:gutter_none {
+    .xs\\:gutter_spacing\\.8,.xs\\:gutter_spacing\\.10 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .xs\\:gutter_spacing\\.10 {
+      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
 }
     .xs\\:gutter_none {
       --col-gap: var(--iress-spacing-0, 0rem);
 }
-    .xs\\:gutter_xs {
-      --col-gap: var(--iress-spacing-1, .25rem);
-}
-    .xs\\:gutter_xs,.xs\\:gutter_sm {
+    .xs\\:gutter_none,.xs\\:gutter_xs {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .xs\\:gutter_xs {
+      --col-gap: var(--iress-spacing-1, .25rem);
 }
     .xs\\:gutter_sm {
       --col-gap: var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)));
 }
-    .xs\\:gutter_md {
-      --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
-}
-    .xs\\:gutter_md,.xs\\:gutter_lg {
+    .xs\\:gutter_sm,.xs\\:gutter_md {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
 }
-    .xs\\:gutter_lg {
+    .xs\\:gutter_md {
+      --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
+}
+    .xs\\:gutter_lg {
       --col-gap: var(--iress-spacing-6, calc(6 * var(--iress-spacing-100, .25rem)));
 }
-    .xs\\:gutter_xl {
-      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
+    .xs\\:gutter_lg,.xs\\:gutter_xl {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .xs\\:gutter_xl {
+      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
 }
     .xs\\:max-w_container\\.xs {
       max-width: var(--sizes-container\\.xs);
-}
-    .xs\\:w_200px {
-      width: 200px;
 }
     .xs\\:mt_spacing\\.0 {
       margin-top: var(--spacing-spacing\\.0);
@@ -10213,9 +10173,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .sm\\:p_xl {
       padding: var(--spacing-xl);
-}
-    .sm\\:offset_11 {
-      margin-left: calc(11 / 12 * 100%);
 }
     .sm\\:bdr_radius\\.000 {
       border-radius: var(--radii-radius\\.000);
@@ -10621,24 +10578,15 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .sm\\:offset_10 {
       margin-left: calc(10 / 12 * 100%);
+}
+    .sm\\:offset_11 {
+      margin-left: calc(11 / 12 * 100%);
 }
     .sm\\:key_date {
       key: date;
 }
     .sm\\:label_Date {
       label: Date;
-}
-    .sm\\:span_2 {
-      flex-grow: 0;
-      flex-shrink: 0;
-      flex-basis: calc(2 / 12 * 100%);
-      padding-inline: calc(var(--col-gap) / 2);
-}
-    .sm\\:gutter_spacing\\.10 {
-      --col-gap: var(--iress-spacing-10, calc(10 * 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);
 }
     .sm\\:as_start {
       align-self: start;
@@ -10808,69 +10756,74 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .sm\\:span_1 {
       flex-basis: calc(1 / 12 * 100%);
 }
-    .sm\\:span_1,.sm\\:span_3 {
+    .sm\\:span_1,.sm\\:span_2 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .sm\\:span_2 {
+      flex-basis: calc(2 / 12 * 100%);
 }
     .sm\\:span_3 {
       flex-basis: calc(3 / 12 * 100%);
 }
-    .sm\\:span_4 {
-      flex-basis: calc(4 / 12 * 100%);
-}
-    .sm\\:span_4,.sm\\:span_5 {
+    .sm\\:span_3,.sm\\:span_4 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .sm\\:span_4 {
+      flex-basis: calc(4 / 12 * 100%);
 }
     .sm\\:span_5 {
       flex-basis: calc(5 / 12 * 100%);
 }
-    .sm\\:span_6 {
-      flex-basis: calc(6 / 12 * 100%);
-}
-    .sm\\:span_6,.sm\\:span_7 {
+    .sm\\:span_5,.sm\\:span_6 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .sm\\:span_6 {
+      flex-basis: calc(6 / 12 * 100%);
 }
     .sm\\:span_7 {
       flex-basis: calc(7 / 12 * 100%);
 }
-    .sm\\:span_8 {
-      flex-basis: calc(8 / 12 * 100%);
-}
-    .sm\\:span_8,.sm\\:span_9 {
+    .sm\\:span_7,.sm\\:span_8 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .sm\\:span_8 {
+      flex-basis: calc(8 / 12 * 100%);
 }
     .sm\\:span_9 {
       flex-basis: calc(9 / 12 * 100%);
 }
-    .sm\\:span_10 {
-      flex-basis: calc(10 / 12 * 100%);
-}
-    .sm\\:span_10,.sm\\:span_11 {
+    .sm\\:span_9,.sm\\:span_10 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .sm\\:span_10 {
+      flex-basis: calc(10 / 12 * 100%);
 }
     .sm\\:span_11 {
       flex-basis: calc(11 / 12 * 100%);
 }
-    .sm\\:span_12 {
+    .sm\\:span_11,.sm\\:span_12 {
       flex-grow: 0;
-      flex-basis: 100%;
-}
-    .sm\\:span_12,.sm\\:span_auto {
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .sm\\:span_12 {
+      flex-basis: 100%;
 }
     .sm\\:span_auto {
       flex-grow: 1;
+      flex-shrink: 0;
       flex-basis: 0;
+      padding-inline: calc(var(--col-gap) / 2);
 }
     .sm\\:gutter_spacing\\.0 {
       --col-gap: var(--iress-spacing-0, 0rem);
@@ -10919,41 +10872,46 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .sm\\:gutter_spacing\\.8 {
       --col-gap: var(--iress-spacing-8, calc(8 * var(--iress-spacing-100, .25rem)));
 }
-    .sm\\:gutter_spacing\\.8,.sm\\:gutter_none {
+    .sm\\:gutter_spacing\\.8,.sm\\:gutter_spacing\\.10 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .sm\\:gutter_spacing\\.10 {
+      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
 }
     .sm\\:gutter_none {
       --col-gap: var(--iress-spacing-0, 0rem);
 }
-    .sm\\:gutter_xs {
-      --col-gap: var(--iress-spacing-1, .25rem);
-}
-    .sm\\:gutter_xs,.sm\\:gutter_sm {
+    .sm\\:gutter_none,.sm\\:gutter_xs {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .sm\\:gutter_xs {
+      --col-gap: var(--iress-spacing-1, .25rem);
 }
     .sm\\:gutter_sm {
       --col-gap: var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)));
 }
-    .sm\\:gutter_md {
-      --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
-}
-    .sm\\:gutter_md,.sm\\:gutter_lg {
+    .sm\\:gutter_sm,.sm\\:gutter_md {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .sm\\:gutter_md {
+      --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
 }
     .sm\\:gutter_lg {
       --col-gap: var(--iress-spacing-6, calc(6 * var(--iress-spacing-100, .25rem)));
 }
-    .sm\\:gutter_xl {
-      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
+    .sm\\:gutter_lg,.sm\\:gutter_xl {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .sm\\:gutter_xl {
+      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
 }
     .sm\\:max-w_container\\.sm {
       max-width: var(--sizes-container\\.sm);
@@ -11902,9 +11860,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .md\\:p_xl {
       padding: var(--spacing-xl);
-}
-    .md\\:offset_6 {
-      margin-left: calc(6 / 12 * 100%);
 }
     .md\\:bdr_radius\\.000 {
       border-radius: var(--radii-radius\\.000);
@@ -12295,6 +12250,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .md\\:offset_5 {
       margin-left: calc(5 / 12 * 100%);
+}
+    .md\\:offset_6 {
+      margin-left: calc(6 / 12 * 100%);
 }
     .md\\:offset_7 {
       margin-left: calc(7 / 12 * 100%);
@@ -12322,18 +12280,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .md\\:label_Cost {
       label: Cost;
-}
-    .md\\:span_6 {
-      flex-grow: 0;
-      flex-shrink: 0;
-      flex-basis: calc(6 / 12 * 100%);
-      padding-inline: calc(var(--col-gap) / 2);
-}
-    .md\\:gutter_spacing\\.4 {
-      --col-gap: var(--iress-spacing-4, calc(4 * 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);
 }
     .md\\:as_start {
       align-self: start;
@@ -12522,44 +12468,50 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .md\\:span_5 {
       flex-basis: calc(5 / 12 * 100%);
 }
-    .md\\:span_7 {
-      flex-basis: calc(7 / 12 * 100%);
+    .md\\:span_6 {
+      flex-basis: calc(6 / 12 * 100%);
 }
-    .md\\:span_7,.md\\:span_8 {
+    .md\\:span_6,.md\\:span_7 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .md\\:span_7 {
+      flex-basis: calc(7 / 12 * 100%);
 }
     .md\\:span_8 {
       flex-basis: calc(8 / 12 * 100%);
 }
-    .md\\:span_9 {
-      flex-basis: calc(9 / 12 * 100%);
-}
-    .md\\:span_9,.md\\:span_10 {
+    .md\\:span_8,.md\\:span_9 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .md\\:span_9 {
+      flex-basis: calc(9 / 12 * 100%);
 }
     .md\\:span_10 {
       flex-basis: calc(10 / 12 * 100%);
 }
-    .md\\:span_11 {
-      flex-basis: calc(11 / 12 * 100%);
-}
-    .md\\:span_11,.md\\:span_12 {
+    .md\\:span_10,.md\\:span_11 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .md\\:span_11 {
+      flex-basis: calc(11 / 12 * 100%);
 }
     .md\\:span_12 {
+      flex-grow: 0;
       flex-basis: 100%;
+}
+    .md\\:span_12,.md\\:span_auto {
+      flex-shrink: 0;
+      padding-inline: calc(var(--col-gap) / 2);
 }
     .md\\:span_auto {
       flex-grow: 1;
-      flex-shrink: 0;
       flex-basis: 0;
-      padding-inline: calc(var(--col-gap) / 2);
 }
     .md\\:gutter_spacing\\.0 {
       --col-gap: var(--iress-spacing-0, 0rem);
@@ -12583,66 +12535,71 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .md\\:gutter_spacing\\.3 {
       --col-gap: var(--iress-spacing-3, calc(3 * var(--iress-spacing-100, .25rem)));
 }
-    .md\\:gutter_spacing\\.5 {
-      --col-gap: var(--iress-spacing-5, calc(5 * var(--iress-spacing-100, .25rem)));
+    .md\\:gutter_spacing\\.4 {
+      --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
 }
-    .md\\:gutter_spacing\\.5,.md\\:gutter_spacing\\.6 {
+    .md\\:gutter_spacing\\.4,.md\\:gutter_spacing\\.5 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .md\\:gutter_spacing\\.5 {
+      --col-gap: var(--iress-spacing-5, calc(5 * var(--iress-spacing-100, .25rem)));
 }
     .md\\:gutter_spacing\\.6 {
       --col-gap: var(--iress-spacing-6, calc(6 * var(--iress-spacing-100, .25rem)));
 }
-    .md\\:gutter_spacing\\.7 {
-      --col-gap: var(--iress-spacing-7, calc(7 * var(--iress-spacing-100, .25rem)));
-}
-    .md\\:gutter_spacing\\.7,.md\\:gutter_spacing\\.8 {
+    .md\\:gutter_spacing\\.6,.md\\:gutter_spacing\\.7 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .md\\:gutter_spacing\\.7 {
+      --col-gap: var(--iress-spacing-7, calc(7 * var(--iress-spacing-100, .25rem)));
 }
     .md\\:gutter_spacing\\.8 {
       --col-gap: var(--iress-spacing-8, calc(8 * var(--iress-spacing-100, .25rem)));
 }
-    .md\\:gutter_spacing\\.10 {
-      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
-}
-    .md\\:gutter_spacing\\.10,.md\\:gutter_none {
+    .md\\:gutter_spacing\\.8,.md\\:gutter_spacing\\.10 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .md\\:gutter_spacing\\.10 {
+      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
 }
     .md\\:gutter_none {
       --col-gap: var(--iress-spacing-0, 0rem);
 }
-    .md\\:gutter_xs {
-      --col-gap: var(--iress-spacing-1, .25rem);
-}
-    .md\\:gutter_xs,.md\\:gutter_sm {
+    .md\\:gutter_none,.md\\:gutter_xs {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .md\\:gutter_xs {
+      --col-gap: var(--iress-spacing-1, .25rem);
 }
     .md\\:gutter_sm {
       --col-gap: var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)));
 }
-    .md\\:gutter_md {
-      --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
-}
-    .md\\:gutter_md,.md\\:gutter_lg {
+    .md\\:gutter_sm,.md\\:gutter_md {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .md\\:gutter_md {
+      --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
 }
     .md\\:gutter_lg {
       --col-gap: var(--iress-spacing-6, calc(6 * var(--iress-spacing-100, .25rem)));
 }
-    .md\\:gutter_xl {
-      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
+    .md\\:gutter_lg,.md\\:gutter_xl {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .md\\:gutter_xl {
+      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
 }
     .md\\:max-w_container\\.md {
       max-width: var(--sizes-container\\.md);
@@ -13582,9 +13539,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .lg\\:p_xl {
       padding: var(--spacing-xl);
-}
-    .lg\\:offset_3 {
-      margin-left: calc(3 / 12 * 100%);
 }
     .lg\\:bdr_radius\\.000 {
       border-radius: var(--radii-radius\\.000);
@@ -13966,6 +13920,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .lg\\:offset_2 {
       margin-left: calc(2 / 12 * 100%);
+}
+    .lg\\:offset_3 {
+      margin-left: calc(3 / 12 * 100%);
 }
     .lg\\:offset_4 {
       margin-left: calc(4 / 12 * 100%);
@@ -13990,28 +13947,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .lg\\:offset_11 {
       margin-left: calc(11 / 12 * 100%);
-}
-    .lg\\:span_3 {
-      flex-grow: 0;
-      flex-shrink: 0;
-      flex-basis: calc(3 / 12 * 100%);
-      padding-inline: calc(var(--col-gap) / 2);
-}
-    .lg\\:gutter_spacing\\.2 {
-      --col-gap: var(--iress-spacing-2, calc(2 * 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);
-}
-    .lg\\:sr_false {
-      position: static;
-      width: auto;
-      height: auto;
-      padding: 0;
-      margin: 0;
-      overflow: visible;
-      clip: auto;
-      white-space: normal;
 }
     .lg\\:as_start {
       align-self: start;
@@ -14152,6 +14087,16 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       clip: rect(0, 0, 0, 0);
       white-space: nowrap;
       border-width: 0;
+}
+    .lg\\:sr_false {
+      position: static;
+      width: auto;
+      height: auto;
+      padding: 0;
+      margin: 0;
+      overflow: visible;
+      clip: auto;
+      white-space: normal;
 }
     .lg\\:ta_center {
       text-align: center;
@@ -14179,61 +14124,66 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .lg\\:span_2 {
       flex-basis: calc(2 / 12 * 100%);
 }
-    .lg\\:span_4 {
-      flex-basis: calc(4 / 12 * 100%);
+    .lg\\:span_3 {
+      flex-basis: calc(3 / 12 * 100%);
 }
-    .lg\\:span_4,.lg\\:span_5 {
+    .lg\\:span_3,.lg\\:span_4 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .lg\\:span_4 {
+      flex-basis: calc(4 / 12 * 100%);
 }
     .lg\\:span_5 {
       flex-basis: calc(5 / 12 * 100%);
 }
-    .lg\\:span_6 {
-      flex-basis: calc(6 / 12 * 100%);
-}
-    .lg\\:span_6,.lg\\:span_7 {
+    .lg\\:span_5,.lg\\:span_6 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .lg\\:span_6 {
+      flex-basis: calc(6 / 12 * 100%);
 }
     .lg\\:span_7 {
       flex-basis: calc(7 / 12 * 100%);
 }
-    .lg\\:span_8 {
-      flex-basis: calc(8 / 12 * 100%);
-}
-    .lg\\:span_8,.lg\\:span_9 {
+    .lg\\:span_7,.lg\\:span_8 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .lg\\:span_8 {
+      flex-basis: calc(8 / 12 * 100%);
 }
     .lg\\:span_9 {
       flex-basis: calc(9 / 12 * 100%);
 }
-    .lg\\:span_10 {
-      flex-basis: calc(10 / 12 * 100%);
-}
-    .lg\\:span_10,.lg\\:span_11 {
+    .lg\\:span_9,.lg\\:span_10 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .lg\\:span_10 {
+      flex-basis: calc(10 / 12 * 100%);
 }
     .lg\\:span_11 {
       flex-basis: calc(11 / 12 * 100%);
 }
-    .lg\\:span_12 {
+    .lg\\:span_11,.lg\\:span_12 {
       flex-grow: 0;
-      flex-basis: 100%;
-}
-    .lg\\:span_12,.lg\\:span_auto {
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .lg\\:span_12 {
+      flex-basis: 100%;
 }
     .lg\\:span_auto {
       flex-grow: 1;
+      flex-shrink: 0;
       flex-basis: 0;
+      padding-inline: calc(var(--col-gap) / 2);
 }
     .lg\\:gutter_spacing\\.0 {
       --col-gap: var(--iress-spacing-0, 0rem);
@@ -14246,77 +14196,82 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .lg\\:gutter_spacing\\.1 {
       --col-gap: var(--iress-spacing-1, .25rem);
 }
-    .lg\\:gutter_spacing\\.3 {
-      --col-gap: var(--iress-spacing-3, calc(3 * var(--iress-spacing-100, .25rem)));
+    .lg\\:gutter_spacing\\.2 {
+      --col-gap: var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)));
 }
-    .lg\\:gutter_spacing\\.3,.lg\\:gutter_spacing\\.4 {
+    .lg\\:gutter_spacing\\.2,.lg\\:gutter_spacing\\.3 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .lg\\:gutter_spacing\\.3 {
+      --col-gap: var(--iress-spacing-3, calc(3 * var(--iress-spacing-100, .25rem)));
 }
     .lg\\:gutter_spacing\\.4 {
       --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
 }
-    .lg\\:gutter_spacing\\.5 {
-      --col-gap: var(--iress-spacing-5, calc(5 * var(--iress-spacing-100, .25rem)));
-}
-    .lg\\:gutter_spacing\\.5,.lg\\:gutter_spacing\\.6 {
+    .lg\\:gutter_spacing\\.4,.lg\\:gutter_spacing\\.5 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .lg\\:gutter_spacing\\.5 {
+      --col-gap: var(--iress-spacing-5, calc(5 * var(--iress-spacing-100, .25rem)));
 }
     .lg\\:gutter_spacing\\.6 {
       --col-gap: var(--iress-spacing-6, calc(6 * var(--iress-spacing-100, .25rem)));
 }
-    .lg\\:gutter_spacing\\.7 {
-      --col-gap: var(--iress-spacing-7, calc(7 * var(--iress-spacing-100, .25rem)));
-}
-    .lg\\:gutter_spacing\\.7,.lg\\:gutter_spacing\\.8 {
+    .lg\\:gutter_spacing\\.6,.lg\\:gutter_spacing\\.7 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .lg\\:gutter_spacing\\.7 {
+      --col-gap: var(--iress-spacing-7, calc(7 * var(--iress-spacing-100, .25rem)));
 }
     .lg\\:gutter_spacing\\.8 {
       --col-gap: var(--iress-spacing-8, calc(8 * var(--iress-spacing-100, .25rem)));
 }
-    .lg\\:gutter_spacing\\.10 {
-      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
-}
-    .lg\\:gutter_spacing\\.10,.lg\\:gutter_none {
+    .lg\\:gutter_spacing\\.8,.lg\\:gutter_spacing\\.10 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .lg\\:gutter_spacing\\.10 {
+      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
 }
     .lg\\:gutter_none {
       --col-gap: var(--iress-spacing-0, 0rem);
 }
-    .lg\\:gutter_xs {
-      --col-gap: var(--iress-spacing-1, .25rem);
-}
-    .lg\\:gutter_xs,.lg\\:gutter_sm {
+    .lg\\:gutter_none,.lg\\:gutter_xs {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .lg\\:gutter_xs {
+      --col-gap: var(--iress-spacing-1, .25rem);
 }
     .lg\\:gutter_sm {
       --col-gap: var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)));
 }
-    .lg\\:gutter_md {
-      --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
-}
-    .lg\\:gutter_md,.lg\\:gutter_lg {
+    .lg\\:gutter_sm,.lg\\:gutter_md {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .lg\\:gutter_md {
+      --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
 }
     .lg\\:gutter_lg {
       --col-gap: var(--iress-spacing-6, calc(6 * var(--iress-spacing-100, .25rem)));
 }
-    .lg\\:gutter_xl {
-      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
+    .lg\\:gutter_lg,.lg\\:gutter_xl {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .lg\\:gutter_xl {
+      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
 }
     .lg\\:max-w_container\\.lg {
       max-width: var(--sizes-container\\.lg);
@@ -16928,9 +16883,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xxl\\:p_xl {
       padding: var(--spacing-xl);
-}
-    .xxl\\:offset_5 {
-      margin-left: calc(5 / 12 * 100%);
 }
     .xxl\\:bdr_radius\\.000 {
       border-radius: var(--radii-radius\\.000);
@@ -17318,6 +17270,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xxl\\:offset_4 {
       margin-left: calc(4 / 12 * 100%);
+}
+    .xxl\\:offset_5 {
+      margin-left: calc(5 / 12 * 100%);
 }
     .xxl\\:offset_6 {
       margin-left: calc(6 / 12 * 100%);
@@ -17336,18 +17291,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xxl\\:offset_11 {
       margin-left: calc(11 / 12 * 100%);
-}
-    .xxl\\:span_5 {
-      flex-grow: 0;
-      flex-shrink: 0;
-      flex-basis: calc(5 / 12 * 100%);
-      padding-inline: calc(var(--col-gap) / 2);
-}
-    .xxl\\:gutter_spacing\\.2 {
-      --col-gap: var(--iress-spacing-2, calc(2 * 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);
 }
     .xxl\\:as_start {
       align-self: start;
@@ -17536,50 +17479,55 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .xxl\\:span_4 {
       flex-basis: calc(4 / 12 * 100%);
 }
-    .xxl\\:span_6 {
-      flex-basis: calc(6 / 12 * 100%);
+    .xxl\\:span_5 {
+      flex-basis: calc(5 / 12 * 100%);
 }
-    .xxl\\:span_6,.xxl\\:span_7 {
+    .xxl\\:span_5,.xxl\\:span_6 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .xxl\\:span_6 {
+      flex-basis: calc(6 / 12 * 100%);
 }
     .xxl\\:span_7 {
       flex-basis: calc(7 / 12 * 100%);
 }
-    .xxl\\:span_8 {
-      flex-basis: calc(8 / 12 * 100%);
-}
-    .xxl\\:span_8,.xxl\\:span_9 {
+    .xxl\\:span_7,.xxl\\:span_8 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .xxl\\:span_8 {
+      flex-basis: calc(8 / 12 * 100%);
 }
     .xxl\\:span_9 {
       flex-basis: calc(9 / 12 * 100%);
 }
-    .xxl\\:span_10 {
-      flex-basis: calc(10 / 12 * 100%);
-}
-    .xxl\\:span_10,.xxl\\:span_11 {
+    .xxl\\:span_9,.xxl\\:span_10 {
       flex-grow: 0;
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .xxl\\:span_10 {
+      flex-basis: calc(10 / 12 * 100%);
 }
     .xxl\\:span_11 {
       flex-basis: calc(11 / 12 * 100%);
 }
-    .xxl\\:span_12 {
+    .xxl\\:span_11,.xxl\\:span_12 {
       flex-grow: 0;
-      flex-basis: 100%;
-}
-    .xxl\\:span_12,.xxl\\:span_auto {
       flex-shrink: 0;
       padding-inline: calc(var(--col-gap) / 2);
+}
+    .xxl\\:span_12 {
+      flex-basis: 100%;
 }
     .xxl\\:span_auto {
       flex-grow: 1;
+      flex-shrink: 0;
       flex-basis: 0;
+      padding-inline: calc(var(--col-gap) / 2);
 }
     .xxl\\:gutter_spacing\\.0 {
       --col-gap: var(--iress-spacing-0, 0rem);
@@ -17592,77 +17540,82 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     .xxl\\:gutter_spacing\\.1 {
       --col-gap: var(--iress-spacing-1, .25rem);
 }
-    .xxl\\:gutter_spacing\\.3 {
-      --col-gap: var(--iress-spacing-3, calc(3 * var(--iress-spacing-100, .25rem)));
+    .xxl\\:gutter_spacing\\.2 {
+      --col-gap: var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)));
 }
-    .xxl\\:gutter_spacing\\.3,.xxl\\:gutter_spacing\\.4 {
+    .xxl\\:gutter_spacing\\.2,.xxl\\:gutter_spacing\\.3 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .xxl\\:gutter_spacing\\.3 {
+      --col-gap: var(--iress-spacing-3, calc(3 * var(--iress-spacing-100, .25rem)));
 }
     .xxl\\:gutter_spacing\\.4 {
       --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
 }
-    .xxl\\:gutter_spacing\\.5 {
-      --col-gap: var(--iress-spacing-5, calc(5 * var(--iress-spacing-100, .25rem)));
-}
-    .xxl\\:gutter_spacing\\.5,.xxl\\:gutter_spacing\\.6 {
+    .xxl\\:gutter_spacing\\.4,.xxl\\:gutter_spacing\\.5 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .xxl\\:gutter_spacing\\.5 {
+      --col-gap: var(--iress-spacing-5, calc(5 * var(--iress-spacing-100, .25rem)));
 }
     .xxl\\:gutter_spacing\\.6 {
       --col-gap: var(--iress-spacing-6, calc(6 * var(--iress-spacing-100, .25rem)));
 }
-    .xxl\\:gutter_spacing\\.7 {
-      --col-gap: var(--iress-spacing-7, calc(7 * var(--iress-spacing-100, .25rem)));
-}
-    .xxl\\:gutter_spacing\\.7,.xxl\\:gutter_spacing\\.8 {
+    .xxl\\:gutter_spacing\\.6,.xxl\\:gutter_spacing\\.7 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .xxl\\:gutter_spacing\\.7 {
+      --col-gap: var(--iress-spacing-7, calc(7 * var(--iress-spacing-100, .25rem)));
 }
     .xxl\\:gutter_spacing\\.8 {
       --col-gap: var(--iress-spacing-8, calc(8 * var(--iress-spacing-100, .25rem)));
 }
-    .xxl\\:gutter_spacing\\.10 {
-      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
-}
-    .xxl\\:gutter_spacing\\.10,.xxl\\:gutter_none {
+    .xxl\\:gutter_spacing\\.8,.xxl\\:gutter_spacing\\.10 {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .xxl\\:gutter_spacing\\.10 {
+      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
 }
     .xxl\\:gutter_none {
       --col-gap: var(--iress-spacing-0, 0rem);
 }
-    .xxl\\:gutter_xs {
-      --col-gap: var(--iress-spacing-1, .25rem);
-}
-    .xxl\\:gutter_xs,.xxl\\:gutter_sm {
+    .xxl\\:gutter_none,.xxl\\:gutter_xs {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .xxl\\:gutter_xs {
+      --col-gap: var(--iress-spacing-1, .25rem);
 }
     .xxl\\:gutter_sm {
       --col-gap: var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)));
 }
-    .xxl\\:gutter_md {
-      --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
-}
-    .xxl\\:gutter_md,.xxl\\:gutter_lg {
+    .xxl\\:gutter_sm,.xxl\\:gutter_md {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .xxl\\:gutter_md {
+      --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
 }
     .xxl\\:gutter_lg {
       --col-gap: var(--iress-spacing-6, calc(6 * var(--iress-spacing-100, .25rem)));
 }
-    .xxl\\:gutter_xl {
-      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
+    .xxl\\:gutter_lg,.xxl\\:gutter_xl {
       margin-inline: calc(-1 * var(--col-gap) / 2);
       column-gap: var(--iress-spacing-0, 0rem);
       row-gap: var(--col-gap);
+}
+    .xxl\\:gutter_xl {
+      --col-gap: var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)));
 }
     .xxl\\:max-w_container\\.xxl {
       max-width: var(--sizes-container\\.xxl);
@@ -18520,58 +18473,53 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       visibility: visible;
 }
 }
-}`, F = h(
+}`, z = b(
   ({
-    children: v,
-    fontFaceUrls: e = [...w],
-    noIcons: p,
-    stylesheetContents: t = {},
-    stylesheetUrls: o = [],
-    ...x
-  }, b) => {
-    const r = _(null), l = _(null), [a, m] = u(null);
+    children: _,
+    fontFaceUrls: e = [...f],
+    stylesheetContents: p = {},
+    stylesheetUrls: t = [],
+    ...v
+  }, x) => {
+    const r = d(null), o = d(null), [i, l] = h(null);
     return g(() => {
       if (r.current)
         if (r.current.shadowRoot)
-          m(r.current.shadowRoot);
+          l(r.current.shadowRoot);
         else {
-          const n = r.current.attachShadow({ mode: "open" }), i = document.createElement("style"), s = document.querySelector("meta[name='csp-nonce']")?.getAttribute("content");
-          s && i.setAttribute("nonce", s), i.textContent = z, n.appendChild(i);
+          const a = r.current.attachShadow({ mode: "open" }), n = document.createElement("style"), s = document.querySelector("meta[name='csp-nonce']")?.getAttribute("content");
+          s && n.setAttribute("nonce", s), n.textContent = k, a.appendChild(n);
           const c = document.createElement("div");
-          n.appendChild(c), l.current = c, m(n);
+          a.appendChild(c), o.current = c, l(a);
         }
     }, []), g(() => {
-      e.forEach((n) => {
-        if (document.head.querySelector(`link[href="${n}"]`))
+      e.forEach((a) => {
+        if (document.head.querySelector(`link[href="${a}"]`))
           return;
-        const i = document.createElement("link");
-        i.href = n, i.rel = "stylesheet", document.head.appendChild(i);
+        const n = document.createElement("link");
+        n.href = a, n.rel = "stylesheet", document.head.appendChild(n);
       });
     }, [e]), g(() => {
-      if (p || !a) return;
-      const n = document.createElement("link");
-      n.href = "https://cdn.iress.com/icons/5.15.4/css/combined.min.css", n.rel = "stylesheet", a.appendChild(n), document.head.querySelector(`link[href="${n.href}"]`) || document.head.appendChild(n.cloneNode());
-    }, [p, a]), g(() => {
-      a && o.forEach((n) => {
-        if (a.querySelector(`link[href="${n}"]`))
+      i && t.forEach((a) => {
+        if (i.querySelector(`link[href="${a}"]`))
           return;
-        const i = document.createElement("link");
-        i.href = n, i.rel = "stylesheet", a.appendChild(i);
+        const n = document.createElement("link");
+        n.href = a, n.rel = "stylesheet", i.appendChild(n);
       });
-    }, [a, o]), g(() => {
-      a && Object.entries(t).forEach(([n, i]) => {
-        if (a.querySelector(`style[id="${n}"]`))
+    }, [i, t]), g(() => {
+      i && Object.entries(p).forEach(([a, n]) => {
+        if (i.querySelector(`style[id="${a}"]`))
           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 = i, a.appendChild(s);
+        c && s.setAttribute("nonce", c), s.setAttribute("id", a), s.textContent = n, i.appendChild(s);
       });
-    }, [a, t]), y(
-      b,
-      () => a ?? null
-    ), /* @__PURE__ */ d("div", { ref: r, ...x, children: /* @__PURE__ */ d(k, { container: l, noDefaultFont: !0, noIcons: !0, children: a && f(v, a) }) });
+    }, [i, p]), u(
+      x,
+      () => i ?? null
+    ), /* @__PURE__ */ m("div", { ref: r, ...v, children: /* @__PURE__ */ m(w, { container: o, noDefaultFont: !0, children: i && y(_, i) }) });
   }
 );
-F.displayName = "IressShadow";
+z.displayName = "IressShadow";
 export {
-  F as IressShadow
+  z as IressShadow
 };