@ebay/skin 18.3.2 → 18.5.0-next.0

package/dist/svg/icon/icon-star-empty-40.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M20.001 3a1 1 0 0 1 .949.684L24.72 15H37a1 1 0 0 1 .581 1.814l-9.906 7.076 3.777 11.805a1 1 0 0 1-1.558 1.1L20 29.257l-9.894 7.538a1 1 0 0 1-1.558-1.1l3.777-11.805-9.906-7.076A1 1 0 0 1 3 15h12.28l3.772-11.316a1 1 0 0 1 .95-.684Zm0 4.162L16.72 17H6.12l8.554 6.11-3.254 10.17L20 26.743l8.579 6.537-3.255-10.17L33.88 17h-10.6L20 7.162Z"
+  />
+</svg>

package/dist/svg/icon/icon-star-filled-40.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M20.95 3.684a1 1 0 0 0-1.898 0L15.28 15H3a1 1 0 0 0-.581 1.814l9.906 7.076-3.777 11.805a1 1 0 0 0 1.558 1.1L20 29.257l9.894 7.538a1 1 0 0 0 1.559-1.1L27.675 23.89l9.906-7.076a1 1 0 0 0-.58-1.814H24.72L20.95 3.684Z"
+  />
+</svg>

package/dist/svg/icon/icon-translate-16.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M1 4h4.85a6.734 6.734 0 0 1-.492 1.228 11.72 11.72 0 0 1-.82 1.357 9.054 9.054 0 0 1-.644-1.032 1 1 0 0 0-1.788.894c.23.462.644 1.095 1.152 1.781-.912 1.06-1.845 1.97-2.502 2.61-.176.172-.332.324-.463.455a1 1 0 1 0 1.414 1.414l.415-.407c.596-.58 1.496-1.456 2.402-2.481.419.492.851.967 1.266 1.385a1 1 0 1 0 1.42-1.408 24.2 24.2 0 0 1-1.4-1.554 14.87 14.87 0 0 0 1.332-2.108c.343-.676.621-1.396.76-2.134H9a1 1 0 1 0 0-2H6V1a1 1 0 0 0-2 0v1H1a1 1 0 0 0 0 2Zm10.5 2a1 1 0 0 0-.942.664l-2.5 7a1 1 0 1 0 1.884.672l.478-1.34a.714.714 0 0 0 .08.004h3c.027 0 .053-.001.08-.003l.478 1.34a1 1 0 1 0 1.884-.673l-2.5-7A1 1 0 0 0 12.5 6h-1Zm.5 2.573L12.867 11h-1.734L12 8.573Z"
+  />
+</svg>

package/dist/svg/icon/icon-translate-20.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.5 5H2a1 1 0 0 1 0-2h4.5V2a1 1 0 0 1 2 0v1H13a1 1 0 1 1 0 2h-1.182c-.243.907-.673 1.816-1.184 2.68-.58.982-1.293 1.954-2.038 2.866.35.388.719.777 1.104 1.154l.007.007.366.366a1 1 0 0 1-1.413 1.415l-.363-.362c-.353-.346-.693-.7-1.018-1.055a70.59 70.59 0 0 1-3.018 3.091c-.217.213-.405.396-.554.545a1 1 0 0 1-1.414-1.414c.166-.166.368-.363.597-.588.799-.78 1.934-1.89 3.078-3.166A27.96 27.96 0 0 1 4.152 8.03a1 1 0 1 1 1.696-1.06c.278.444.78 1.174 1.439 2.014a20.85 20.85 0 0 0 1.626-2.32c.345-.586.618-1.144.809-1.664H7.5Zm5.564 4.649A1 1 0 0 1 14 9h1a1 1 0 0 1 .936.649l3 8a1 1 0 0 1-1.872.702L16.557 17H12.5a.96.96 0 0 1-.056-.002l-.508 1.353a1 1 0 0 1-1.872-.702l3-8ZM13.193 15h2.614L14.5 11.515 13.193 15Z"
+  />
+</svg>

package/dist/svg/icon/icon-translate-24.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9 6H2a1 1 0 0 1 0-2h6V3a1 1 0 0 1 2 0v1h6a1 1 0 1 1 0 2h-2.22c-.647 2.17-2.14 4.524-3.749 6.636a30.15 30.15 0 0 0 1.661 1.734c.159.152.319.302.48.448a1 1 0 1 1-1.345 1.48 26.57 26.57 0 0 1-.52-.485 31.59 31.59 0 0 1-1.54-1.59c-2.038 2.463-4.112 4.536-5.056 5.48l-.004.004a1 1 0 0 1-1.414-1.414c.975-.975 3.11-3.11 5.154-5.611-1.056-1.3-1.865-2.464-2.295-3.152a1 1 0 1 1 1.696-1.06 30.73 30.73 0 0 0 1.864 2.593c1.29-1.735 2.38-3.495 2.96-5.063H9Zm7.072 4.629A1 1 0 0 1 17 10h1a1 1 0 0 1 .928.629l4 10a1 1 0 0 1-1.857.742l-.95-2.378A.97.97 0 0 1 20 19h-5a.966.966 0 0 1-.12-.007l-.952 2.378a1 1 0 0 1-1.857-.742l4-10ZM15.677 17h3.646L17.5 12.443 15.677 17Z"
+  />
+</svg>

package/dist/svg/icons.svg

@@ -16,11 +16,11 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-20-colored"
-      x1="26.984"
-      y1="14.065"
-      x2="14.21"
-      y2="27.71"
+      id="ref-ai-spectrum-filled-16-colored"
+      x1="21.21"
+      y1="11.161"
+      x2="11.274"
+      y2="21.774"
       gradientUnits="userSpaceOnUse"
     >
       <stop offset=".098" stop-color="#FFD80E" />
@@ -30,11 +30,11 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-24-colored"
-      x1="32.758"
-      y1="16.968"
-      x2="17.145"
-      y2="33.645"
+      id="ref-ai-spectrum-filled-20-colored"
+      x1="26.984"
+      y1="14.065"
+      x2="14.21"
+      y2="27.71"
       gradientUnits="userSpaceOnUse"
     >
       <stop offset=".098" stop-color="#FFD80E" />
@@ -44,7 +44,7 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-filled-20-colored"
+      id="ref-ai-spectrum-20-colored"
       x1="26.984"
       y1="14.065"
       x2="14.21"
@@ -58,7 +58,7 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-filled-24-colored"
+      id="ref-ai-spectrum-24-colored"
       x1="32.758"
       y1="16.968"
       x2="17.145"
@@ -86,11 +86,11 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-filled-16-colored"
-      x1="21.21"
-      y1="11.161"
-      x2="11.274"
-      y2="21.774"
+      id="ref-ai-spectrum-filled-24-colored"
+      x1="32.758"
+      y1="16.968"
+      x2="17.145"
+      y2="33.645"
       gradientUnits="userSpaceOnUse"
     >
       <stop offset=".098" stop-color="#FFD80E" />
@@ -100,11 +100,11 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-cb-12-colored"
-      x1="20"
+      id="ref-cb-24-colored"
+      x1="38"
       y1="0"
-      x2=".373"
-      y2="13.142"
+      x2="-.452"
+      y2="24.459"
       gradientUnits="userSpaceOnUse"
     >
       <stop stop-color="#192660" />
@@ -115,11 +115,11 @@
       <stop offset="1" stop-color="#03944B" />
     </linearGradient>
     <linearGradient
-      id="ref-cb-32-colored"
-      x1="50"
+      id="ref-cb-18-colored"
+      x1="30"
       y1="0"
-      x2="-.978"
-      y2="32"
+      x2=".56"
+      y2="19.712"
       gradientUnits="userSpaceOnUse"
     >
       <stop stop-color="#192660" />
@@ -130,11 +130,11 @@
       <stop offset="1" stop-color="#03944B" />
     </linearGradient>
     <linearGradient
-      id="ref-cb-18-colored"
-      x1="30"
+      id="ref-cb-12-colored"
+      x1="20"
       y1="0"
-      x2=".56"
-      y2="19.712"
+      x2=".373"
+      y2="13.142"
       gradientUnits="userSpaceOnUse"
     >
       <stop stop-color="#192660" />
@@ -145,11 +145,11 @@
       <stop offset="1" stop-color="#03944B" />
     </linearGradient>
     <linearGradient
-      id="ref-cb-24-colored"
-      x1="38"
+      id="ref-cb-32-colored"
+      x1="50"
       y1="0"
-      x2="-.452"
-      y2="24.459"
+      x2="-.978"
+      y2="32"
       gradientUnits="userSpaceOnUse"
     >
       <stop stop-color="#192660" />
@@ -1002,6 +1002,13 @@
       d="M3 21a1 1 0 1 0 2 0V8a1 1 0 1 0-2 0v13Zm5.333 0a1 1 0 1 0 2 0v-9a1 1 0 1 0-2 0v9ZM20 22a1 1 0 0 1-1-1V8a1 1 0 1 1 2 0v13a1 1 0 0 1-1 1Zm-6.334-1a1 1 0 1 0 2 0V2a1 1 0 1 0-2 0v19Z"
     />
   </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-bids-16">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M1.738 8.933a2.5 2.5 0 0 1 0-3.536L6.403.732a2.5 2.5 0 0 1 3.535 0l.676.676.676.677a2.5 2.5 0 0 1 0 3.535l-.563.563 4.54 4.54a2.502 2.502 0 1 1-3.54 3.539l-4.539-4.54-.562.563a2.5 2.5 0 0 1-3.536 0L1.738 8.933Zm6.864-.625.711-.71 4.54 4.539a.503.503 0 1 1-.711.71l-4.54-4.539Zm-5.45-1.497a.5.5 0 0 0 0 .707l1.352 1.353a.5.5 0 0 0 .707 0l4.665-4.665a.5.5 0 0 0 0-.707L9.2 2.823l-.676-.677a.5.5 0 0 0-.707 0L3.152 6.811Zm-1.148 6.19a1 1 0 1 0 0 2h5a1 1 0 0 0 0-2h-5Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 24 24" id="icon-bids-24">
     <path
       fill-rule="evenodd"
@@ -1298,6 +1305,25 @@
       fill="#fff"
     />
   </symbol>
+  <symbol viewBox="0 0 58 78" id="icon-ccd-charger-included">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M0 0h58v78H0V0Zm1 1v76h56V1H1Zm7 28.75c0-.966.784-1.75 1.75-1.75H15V18h5V8h4v10h10V8h4v10h5v10h5.25c.967 0 1.75.784 1.75 1.75v38.5A1.75 1.75 0 0 1 48.25 70H9.75A1.75 1.75 0 0 1 8 68.25v-38.5ZM23 18V9h-2v9h2Zm14 0h-2V9h2v9Zm5 10v-9H16v9h26ZM9.75 29a.75.75 0 0 0-.75.75v38.5c0 .414.336.75.75.75h38.5a.75.75 0 0 0 .75-.75v-38.5a.75.75 0 0 0-.75-.75H9.75Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 58 78" id="icon-ccd-charger-not-included">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M.5 0H0v78h58V0H.5ZM1 2.686V77h54.758l-5.914-8.026A1.75 1.75 0 0 1 48.25 70H9.75A1.75 1.75 0 0 1 8 68.25v-38.5c0-.966.784-1.75 1.75-1.75H15v-6.314l-14-19Zm15 20.357V28h3.653L16 23.043ZM22.137 28 16 19.671V19h26v9H22.137Zm-1.748 1H9.75a.75.75 0 0 0-.75.75v38.5c0 .414.336.75.75.75h38.5a.75.75 0 0 0 .75-.75v-.421L20.39 29ZM49 64.457 22.874 29H48.25a.75.75 0 0 1 .75.75v34.707Zm1 1.357V29.75A1.75 1.75 0 0 0 48.25 28H43V18h-5V8h-4v10H24V8h-4v10h-5v.314L2.242 1H57v74.314l-7-9.5ZM37 9v9h-2V9h2Zm-16 9h2V9h-2v9Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 35 25" fill="none" id="icon-ccd-top">
+    <path d="M0.5 25V13.5H34.5V25" stroke-width="1" />
+    <path d="M6.5 13V0.5H10.5V13" stroke-width="1" />
+    <path d="M24.5 13V0.5H28.5V13" stroke-width="1" />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-certified-recycled-16">
     <path
       d="M12.845 5.55a.989.989 0 0 0-.02-.036l-2.202-3.968C9.48-.513 6.52-.513 5.377 1.546L4.285 3.515a1 1 0 0 0 1.748.97l1.093-1.968a1 1 0 0 1 1.748 0l2.172 3.913a1 1 0 0 0-.365 1.958l2.04.572a1 1 0 0 0 1.226-.636l.73-1.978a1 1 0 0 0-1.832-.795ZM14.726 10a1 1 0 0 0-.874 1.485l.016.03A1 1 0 0 1 12.994 13H3.006a1 1 0 0 1-.874-1.485l1.134-2.043a1 1 0 0 0 1.833-.78l-.646-1.993a1 1 0 0 0-1.19-.671l-2.067.503a1 1 0 0 0 .322 1.968L.383 10.544C-.727 12.544.72 15 3.006 15h9.988c2.287 0 3.733-2.456 2.623-4.456l-.016-.03a1 1 0 0 0-.875-.514Z"
@@ -3206,6 +3232,20 @@
       d="M3.5 1H5a1 1 0 0 1 0 2H3.5a.5.5 0 0 0-.5.5V5a1 1 0 0 1-2 0V3.5A2.5 2.5 0 0 1 3.5 1ZM2 10a1 1 0 0 0-1 1v1.5A2.5 2.5 0 0 0 3.5 15H5a1 1 0 1 0 0-2H3.5a.5.5 0 0 1-.5-.5V11a1 1 0 0 0-1-1Zm12 0a1 1 0 0 0-1 1v1.5a.5.5 0 0 1-.5.5H11a1 1 0 1 0 0 2h1.5a2.5 2.5 0 0 0 2.5-2.5V11a1 1 0 0 0-1-1Zm0-4a1 1 0 0 0 1-1V3.5A2.5 2.5 0 0 0 12.5 1H11a1 1 0 1 0 0 2h1.5a.5.5 0 0 1 .5.5V5a1 1 0 0 0 1 1Z"
     />
   </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-explore-16">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4 2.586 2.586 4 4 5.414 5.414 4 4 2.586ZM4.884.642a1.25 1.25 0 0 0-1.768 0L.64 3.116a1.25 1.25 0 0 0 0 1.768L3.116 7.36a1.25 1.25 0 0 0 1.768 0l2.475-2.475a1.25 1.25 0 0 0 0-1.768L4.884.642ZM3 13v-2h2v2H3Zm-2-2.75C1 9.56 1.56 9 2.25 9h3.5C6.44 9 7 9.56 7 10.25v3.5C7 14.44 6.44 15 5.75 15h-3.5C1.56 15 1 14.44 1 13.75v-3.5ZM13 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-4-7V3h2v2h-2ZM9 2.25C9 1.56 9.56 1 10.25 1h3.5c.69 0 1.25.56 1.25 1.25v3.5C15 6.44 14.44 7 13.75 7h-3.5C9.56 7 9 6.44 9 5.75v-3.5Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-explore-24">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M6.5 9.807 3.193 6.5 6.5 3.193 9.807 6.5 6.5 9.807ZM1.45 7.585a1.534 1.534 0 0 1 0-2.17L5.414 1.45a1.534 1.534 0 0 1 2.17 0l3.966 3.966c.599.6.599 1.57 0 2.17L7.585 11.55c-.6.6-1.57.6-2.17 0L1.45 7.585ZM20 4h-5v5h5V4Zm-5.5-2A1.5 1.5 0 0 0 13 3.5v6a1.5 1.5 0 0 0 1.5 1.5h6A1.5 1.5 0 0 0 22 9.5v-6A1.5 1.5 0 0 0 20.5 2h-6ZM20 17.5a2.5 2.5 0 1 1-5.001-.001 2.5 2.5 0 0 1 5 0Zm2 0a4.501 4.501 0 0 1-8.658 1.721 4.501 4.501 0 0 1 7.34-4.904A4.5 4.5 0 0 1 22 17.5ZM4 20v-5h5v5H4Zm-2-5.5A1.5 1.5 0 0 1 3.5 13h6a1.5 1.5 0 0 1 1.5 1.5v6A1.5 1.5 0 0 1 9.5 22h-6A1.5 1.5 0 0 1 2 20.5v-6Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-external-link-16">
     <path
       fill-rule="evenodd"
@@ -4398,20 +4438,25 @@
       d="M3.664 3.253a1 1 0 1 0-1.328 1.494l18 16a1 1 0 0 0 1.328-1.494l-2.44-2.17c1.787-1.547 3.043-3.382 3.67-4.636a1 1 0 0 0 0-.894c-.636-1.274-1.916-3.134-3.731-4.688C17.343 5.308 14.912 4 12 4c-2.139 0-4.02.706-5.586 1.697l-2.75-2.444Zm11.115 9.88 2.934 2.608A14.22 14.22 0 0 0 20.865 12a14.246 14.246 0 0 0-3.003-3.615C16.274 7.025 14.288 6 12 6c-1.474 0-2.82.425-4.018 1.09l2.568 2.283a3 3 0 0 1 4.229 3.76ZM4.056 8.986a1 1 0 0 1 .17 1.404l-.175.226a13.5 13.5 0 0 0-.917 1.383 14.244 14.244 0 0 0 3.004 3.615C7.726 16.975 9.712 18 12 18a7.647 7.647 0 0 0 1.478-.144 1 1 0 0 1 .385 1.963A9.768 9.768 0 0 1 12 20c-2.912 0-5.343-1.308-7.163-2.865-1.815-1.554-3.095-3.414-3.731-4.688a1 1 0 0 1 0-.894 14.23 14.23 0 0 1 1.546-2.397 1 1 0 0 1 1.404-.17Z"
     />
   </symbol>
-  <symbol viewBox="0 0 24 24" id="icon-history-24">
+  <symbol viewBox="0 0 16 16" id="icon-history-16">
     <path
-      d="M5.07 8a8 8 0 1 1 .324 8.514c-.322-.471-.95-.664-1.445-.378-.46.266-.635.852-.345 1.298A9.992 9.992 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2a9.993 9.993 0 0 0-8.51 4.745l-.595-1.192a1 1 0 0 0-1.79.894l1.491 2.981a1 1 0 0 0 .926.572H7a1 1 0 1 0 0-2H5.07Z"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M8 3a5 5 0 1 1-4.332 7.5 1 1 0 1 0-1.73 1A7 7 0 1 0 8 1c-2.051 0-3.69.859-5.001 2.255V2.5a1 1 0 1 0-2 0V6a1 1 0 0 0 1 1h.23a.98.98 0 0 0 .038 0H5a1 1 0 1 0 0-2h-.875C5.22 3.666 6.485 3 8 3Zm1 3a1 1 0 0 0-2 0v2.5a1 1 0 0 0 .293.707l1.5 1.5a1 1 0 0 0 1.414-1.414L9 8.086V6Z"
     />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-history-24">
     <path
-      d="M13 8a1 1 0 1 0-2 0v5a1 1 0 0 0 .293.707l2 2a1 1 0 1 0 1.414-1.414L13 12.586V8Z"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 4a8 8 0 1 1 0 16 8.004 8.004 0 0 1-7.545-5.333 1 1 0 1 0-1.886.666C3.942 19.216 7.644 22 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2C8.584 2 5.874 3.778 4 6.137V4.5a1 1 0 0 0-2 0V9a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2H5.104C6.712 5.671 9.088 4 12 4Zm1 4a1 1 0 1 0-2 0v5a1 1 0 0 0 .293.707l2 2a1 1 0 0 0 1.414-1.414L13 12.586V8Z"
     />
   </symbol>
   <symbol viewBox="0 0 64 64" id="icon-history-64">
     <path
-      d="M11.177 22C14.969 13.738 23.314 8 33 8c13.254 0 24 10.745 24 24S46.255 56 33 56c-9.813 0-18.31-5.888-22.042-14.314-.546-1.233-1.956-1.986-3.262-1.566-1.318.424-2.052 1.842-1.515 3.117C10.584 53.677 20.972 61 33.001 61c16.016 0 29-12.984 29-29S49.017 3 33 3C21.54 3 11.633 9.647 6.924 19.296l-2.139-4.812a2.5 2.5 0 0 0-4.569 2.031l3.973 8.938A2.51 2.51 0 0 0 6.539 27H16.5a2.5 2.5 0 0 0 0-5h-5.323Z"
-    />
-    <path
-      d="M35 19.5a2.5 2.5 0 0 0-5 0V34a2.5 2.5 0 0 0 .548 1.562l6 7.5a2.5 2.5 0 1 0 3.905-3.124L35 33.123V19.5Z"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M11.176 22C14.969 13.735 23.318 8 33 8c13.255 0 24 10.745 24 24S46.255 56 33 56c-10.453 0-19.352-6.685-22.642-16.02-.03-.083-.058-.167-.087-.25a2.5 2.5 0 0 0-4.734 1.609l.105.303C9.615 52.915 20.36 61 33 61c16.016 0 29-12.984 29-29S49.016 3 33 3C22.348 3 13.041 8.742 8 17.296V11.5a2.5 2.5 0 0 0-5 0v13A2.5 2.5 0 0 0 5.5 27h11a2.5 2.5 0 0 0 0-5h-5.324ZM35 19.5a2.5 2.5 0 0 0-5 0V34a2.5 2.5 0 0 0 .548 1.562l6 7.5a2.5 2.5 0 1 0 3.904-3.124L35 33.123V19.5Z"
     />
   </symbol>
   <symbol viewBox="0 0 24 24" id="icon-home-24">
@@ -4527,6 +4572,27 @@
       d="M7.03.084c-1.277.06-2.149.264-2.91.563a5.873 5.873 0 0 0-2.124 1.388 5.878 5.878 0 0 0-1.38 2.127C.321 4.926.12 5.799.064 7.076.008 8.354-.005 8.764.001 12.023c.007 3.259.021 3.667.083 4.947.061 1.277.264 2.149.564 2.911a5.88 5.88 0 0 0 1.387 2.123 5.87 5.87 0 0 0 2.129 1.38c.763.295 1.636.496 2.913.552 1.278.056 1.689.069 4.947.063 3.257-.007 3.668-.021 4.947-.082 1.28-.06 2.147-.265 2.91-.563a5.881 5.881 0 0 0 2.123-1.388 5.882 5.882 0 0 0 1.38-2.129c.295-.763.496-1.636.552-2.912.055-1.28.069-1.69.062-4.948-.006-3.258-.02-3.667-.081-4.947-.061-1.28-.264-2.148-.564-2.911a5.891 5.891 0 0 0-1.387-2.123 5.857 5.857 0 0 0-2.128-1.38C19.074.321 18.202.12 16.924.064 15.647.01 15.236-.005 11.977.001 8.718.008 8.31.021 7.03.084Zm.14 21.693c-1.17-.05-1.805-.245-2.228-.408a3.737 3.737 0 0 1-1.382-.895 3.697 3.697 0 0 1-.9-1.378c-.165-.423-.363-1.058-.417-2.228-.06-1.264-.072-1.644-.08-4.848-.006-3.204.006-3.583.061-4.848.05-1.169.246-1.805.408-2.228a3.72 3.72 0 0 1 .895-1.382 3.704 3.704 0 0 1 1.379-.9c.423-.165 1.057-.361 2.227-.417 1.265-.06 1.644-.072 4.848-.08 3.203-.006 3.583.006 4.849.062 1.17.05 1.805.244 2.228.408.56.216.96.475 1.382.895.421.42.681.817.9 1.378.166.422.362 1.056.417 2.227.06 1.265.074 1.645.08 4.848.005 3.203-.006 3.583-.061 4.848-.051 1.17-.245 1.805-.408 2.229-.216.56-.477.96-.896 1.381a3.689 3.689 0 0 1-1.378.9c-.422.165-1.058.362-2.226.418-1.266.06-1.645.072-4.85.079-3.204.007-3.582-.006-4.848-.061m9.783-16.19a1.44 1.44 0 1 0 2.88-.005 1.44 1.44 0 0 0-2.88.004ZM5.839 12.011a6.161 6.161 0 1 0 12.323-.024 6.162 6.162 0 0 0-12.323.024Zm2.16-.004A4 4 0 1 1 16 11.992a4 4 0 0 1-8 .016Z"
     />
   </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-item-list-16">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M2.5 1A1.5 1.5 0 0 0 1 2.5v3A1.5 1.5 0 0 0 2.5 7h3A1.5 1.5 0 0 0 7 5.5v-3A1.5 1.5 0 0 0 5.5 1h-3ZM3 5V3h2v2H3Zm-.5 4A1.5 1.5 0 0 0 1 10.5v3A1.5 1.5 0 0 0 2.5 15h3A1.5 1.5 0 0 0 7 13.5v-3A1.5 1.5 0 0 0 5.5 9h-3Zm.5 4v-2h2v2H3ZM8 2a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm1 2a1 1 0 0 0 0 2h3a1 1 0 1 0 0-2H9Zm-1 9a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm1-4a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2H9Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 20 20" id="icon-item-list-20">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M3.25 1A2.25 2.25 0 0 0 1 3.25v3.5A2.25 2.25 0 0 0 3.25 9h3.5A2.25 2.25 0 0 0 9 6.75v-3.5A2.25 2.25 0 0 0 6.75 1h-3.5ZM3 3.25A.25.25 0 0 1 3.25 3h3.5a.25.25 0 0 1 .25.25v3.5a.25.25 0 0 1-.25.25h-3.5A.25.25 0 0 1 3 6.75v-3.5ZM3.25 11A2.25 2.25 0 0 0 1 13.25v3.5A2.25 2.25 0 0 0 3.25 19h3.5A2.25 2.25 0 0 0 9 16.75v-3.5A2.25 2.25 0 0 0 6.75 11h-3.5ZM3 13.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.5a.25.25 0 0 1-.25.25h-3.5a.25.25 0 0 1-.25-.25v-3.5ZM11 3a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1Zm1 2a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Zm-1 8a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1Zm1 2a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-item-list-24">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4.5 2A2.5 2.5 0 0 0 2 4.5v4A2.5 2.5 0 0 0 4.5 11h4A2.5 2.5 0 0 0 11 8.5v-4A2.5 2.5 0 0 0 8.5 2h-4ZM4 4.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-4Zm.5 8.5A2.5 2.5 0 0 0 2 15.5v4A2.5 2.5 0 0 0 4.5 22h4a2.5 2.5 0 0 0 2.5-2.5v-4A2.5 2.5 0 0 0 8.5 13h-4ZM4 15.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-4Zm9-.5a1 1 0 0 1 1-1h7a1 1 0 1 1 0 2h-7a1 1 0 0 1-1-1Zm1-12a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2h-7Zm-1 16a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1Zm1-12a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 20 12" id="icon-jcb-12-colored">
     <rect
       x=".5"
@@ -6053,6 +6119,20 @@
       fill="#fff"
     />
   </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-money-stack-16">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M10.721 3.078a.2.2 0 0 0-.219-.068l-1.758.56c.364.264.714.595 1.027.986.707.884 1.073 1.883 1.069 2.72l2.499-.8-2.618-3.398ZM7.294 8.412a5.284 5.284 0 0 1-1.067-1.014c-.697-.87-1.062-1.853-1.068-2.683l-2.498.797 2.618 3.406a.2.2 0 0 0 .22.069l1.795-.575Zm2.6-7.308a2.2 2.2 0 0 1 2.412.754l2.835 3.68a1.75 1.75 0 0 1-.853 2.734l-8.18 2.62a2.2 2.2 0 0 1-2.415-.755L.858 6.448a1.75 1.75 0 0 1 .856-2.733l8.18-2.61Zm6.058 9.287a1 1 0 0 1-.645 1.258l-9.942 3.204a3 3 0 0 1-3.3-1.028L.208 11.407a1 1 0 0 1 1.586-1.219l1.859 2.419a1 1 0 0 0 1.1.342l9.941-3.203a1 1 0 0 1 1.259.645ZM6.706 4.382l.003-.001a.013.013 0 0 1-.003.001Zm-.038.48c-.035-.321.028-.45.05-.485.04-.015.18-.048.484.056.412.14.938.485 1.4 1.062.46.576.683 1.165.73 1.599.033.32-.029.449-.052.484-.039.015-.178.047-.483-.056-.413-.14-.938-.486-1.4-1.062-.46-.577-.683-1.165-.73-1.599Zm2.604 2.727.002-.003a.014.014 0 0 1-.002.003Zm.02-.016-.002.001a.013.013 0 0 1 .002-.001ZM6.726 4.367Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-money-stack-24">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M16.822 4.214a.5.5 0 0 0-.569-.188L13.21 5.044a8.501 8.501 0 0 1 2.134 1.975c1.224 1.584 1.795 3.382 1.672 4.846l3.853-1.288a.25.25 0 0 0 .126-.38l-4.172-5.983Zm-5.544 9.569a8.5 8.5 0 0 1-2.133-1.975C7.92 10.224 7.349 8.425 7.473 6.961L3.13 8.414a.25.25 0 0 0-.125.38l4.175 5.981a.5.5 0 0 0 .568.188l3.53-1.18Zm4.341-11.654a2.5 2.5 0 0 1 2.843.941l4.172 5.983a2.25 2.25 0 0 1-1.132 3.42L8.382 16.86a2.5 2.5 0 0 1-2.843-.94L1.364 9.938a2.25 2.25 0 0 1 1.131-3.421L15.62 2.129ZM.424 13.928a1 1 0 0 1 1.394.242l3.33 4.73a1.5 1.5 0 0 0 1.7.56l15.837-5.266a1 1 0 1 1 .63 1.897L7.48 21.358a3.5 3.5 0 0 1-3.966-1.307l-3.33-4.73a1 1 0 0 1 .241-1.393Zm9.394-7.654c.15-.116.564-.285 1.385-.002.803.277 1.754.93 2.558 1.97.803 1.04 1.195 2.125 1.26 2.971.067.867-.201 1.224-.352 1.34-.15.116-.563.286-1.385.002-.802-.277-1.753-.93-2.557-1.97-.803-1.04-1.195-2.124-1.26-2.97-.067-.867.2-1.224.351-1.34Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 20 12" id="icon-monthly-invoice-12-colored">
     <rect
       x=".5"
@@ -6362,21 +6442,21 @@
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
-      d="M0 4a2.5 2.5 0 0 1 2.5-2.5h11A2.5 2.5 0 0 1 16 4v8a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12V4Zm2.5-.5A.5.5 0 0 0 2 4v8a.5.5 0 0 0 .5.5H4v-9H2.5Zm11 9H6v-9h7.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5Zm-6-4.501c0 .173.059.348.18.49l1.5 1.75a.75.75 0 0 0 1.14-.977l-.44-.512h1.87a.75.75 0 0 0 0-1.5H9.88l.44-.512a.75.75 0 0 0-1.14-.976L7.69 7.5a.747.747 0 0 0-.19.5Z"
+      d="M0 4a2.5 2.5 0 0 1 2.5-2.5h11A2.5 2.5 0 0 1 16 4v8a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12V4Zm2.5-.5A.5.5 0 0 0 2 4v8a.5.5 0 0 0 .5.5H10v-9H2.5Zm11 9H12v-9h1.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5ZM6.32 6.738l-.44.512h1.87a.75.75 0 0 1 0 1.5H5.88l.44.512a.75.75 0 0 1-1.14.976l-1.5-1.75a.747.747 0 0 1 .01-.988l1.49-1.738a.75.75 0 0 1 1.14.976Z"
     />
   </symbol>
   <symbol viewBox="0 0 20 20" id="icon-panel-close-20">
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
-      d="M0 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5Zm3-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h2V4H3Zm14 12H7V4h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1Zm-2-7h-2.585l.375-.376a1 1 0 1 0-1.414-1.414L9.315 9.27a.995.995 0 0 0-.281.988.995.995 0 0 0 .28.47l2.062 2.061a1 1 0 0 0 1.414-1.414L12.415 11H15a1 1 0 1 0 0-2Z"
+      d="M0 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5Zm3-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10V4H3Zm14 12h-2V4h2a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1ZM4.315 9.271 6.376 7.21A1 1 0 1 1 7.79 8.624L7.415 9H10a1 1 0 1 1 0 2H7.415l.375.376a1 1 0 1 1-1.414 1.414l-2.061-2.06a.995.995 0 0 1-.282-.982.995.995 0 0 1 .282-.476Z"
     />
   </symbol>
   <symbol viewBox="0 0 24 24" id="icon-panel-close-24">
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
-      d="M1 6a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V6Zm3-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h3V5H4Zm16 14H9V5h11a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1Zm-8.923-6.615c.049.117.12.227.216.322l2.5 2.5a1 1 0 0 0 1.414-1.414L14.414 13H18a1 1 0 1 0 0-2h-3.586l.793-.793a1 1 0 0 0-1.414-1.414l-2.5 2.5a.997.997 0 0 0-.216 1.092Z"
+      d="M1 6a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V6Zm3-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h11V5H4Zm16 14h-3V5h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1ZM5.076 11.617a.998.998 0 0 1 .217-.324l2.5-2.5a1 1 0 0 1 1.414 1.414L8.414 11H12a1 1 0 1 1 0 2H8.414l.793.793a1 1 0 1 1-1.414 1.414l-2.5-2.5a.997.997 0 0 1-.217-1.09Z"
     />
   </symbol>
   <symbol viewBox="0 0 16 16" id="icon-panel-open-16">
@@ -8470,6 +8550,13 @@
       clip-rule="evenodd"
     />
   </symbol>
+  <symbol viewBox="0 0 40 40" id="icon-star-empty-40">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M20.001 3a1 1 0 0 1 .949.684L24.72 15H37a1 1 0 0 1 .581 1.814l-9.906 7.076 3.777 11.805a1 1 0 0 1-1.558 1.1L20 29.257l-9.894 7.538a1 1 0 0 1-1.558-1.1l3.777-11.805-9.906-7.076A1 1 0 0 1 3 15h12.28l3.772-11.316a1 1 0 0 1 .95-.684Zm0 4.162L16.72 17H6.12l8.554 6.11-3.254 10.17L20 26.743l8.579 6.537-3.255-10.17L33.88 17h-10.6L20 7.162Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-star-filled-16">
     <path
       d="M8.596 1.928a.625.625 0 0 0-1.19 0L6.055 6.136H1.62a.625.625 0 0 0-.346 1.146l3.56 2.364-1.366 4.035a.625.625 0 0 0 .953.71L8 11.862l3.578 2.528a.625.625 0 0 0 .953-.71l-1.366-4.036 3.55-2.364a.625.625 0 0 0-.346-1.145H9.955l-1.36-4.207Z"
@@ -8480,6 +8567,11 @@
       d="M12.955 2.202a1 1 0 0 0-1.909 0L8.925 9H2a1 1 0 0 0-.564 1.825l5.571 3.81-2.13 6.56a1 1 0 0 0 1.54 1.117L12 18.238l5.583 4.074a1 1 0 0 0 1.54-1.117l-2.13-6.56 5.572-3.81A1 1 0 0 0 22.001 9h-6.925l-2.12-6.798Z"
     />
   </symbol>
+  <symbol viewBox="0 0 40 40" id="icon-star-filled-40">
+    <path
+      d="M20.95 3.684a1 1 0 0 0-1.898 0L15.28 15H3a1 1 0 0 0-.581 1.814l9.906 7.076-3.777 11.805a1 1 0 0 0 1.558 1.1L20 29.257l9.894 7.538a1 1 0 0 0 1.559-1.1L27.675 23.89l9.906-7.076a1 1 0 0 0-.58-1.814H24.72L20.95 3.684Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-star-half-16-colored">
     <path
       fill="#707070"
@@ -8850,6 +8942,27 @@
       d="m21.707 6.707-4 4a1 1 0 0 1-1.414-1.414L18.586 7H3a1 1 0 0 1 0-2h15.586l-2.293-2.293a1 1 0 0 1 1.414-1.414l4 4a1 1 0 0 1 0 1.414ZM6.293 13.293a1 1 0 0 1 1.414 1.414L5.414 17H21a1 1 0 1 1 0 2H5.414l2.293 2.293a1 1 0 1 1-1.414 1.414l-4-4a.999.999 0 0 1 0-1.414l4-4Z"
     />
   </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-translate-16">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M1 4h4.85a6.734 6.734 0 0 1-.492 1.228 11.72 11.72 0 0 1-.82 1.357 9.054 9.054 0 0 1-.644-1.032 1 1 0 0 0-1.788.894c.23.462.644 1.095 1.152 1.781-.912 1.06-1.845 1.97-2.502 2.61-.176.172-.332.324-.463.455a1 1 0 1 0 1.414 1.414l.415-.407c.596-.58 1.496-1.456 2.402-2.481.419.492.851.967 1.266 1.385a1 1 0 1 0 1.42-1.408 24.2 24.2 0 0 1-1.4-1.554 14.87 14.87 0 0 0 1.332-2.108c.343-.676.621-1.396.76-2.134H9a1 1 0 1 0 0-2H6V1a1 1 0 0 0-2 0v1H1a1 1 0 0 0 0 2Zm10.5 2a1 1 0 0 0-.942.664l-2.5 7a1 1 0 1 0 1.884.672l.478-1.34a.714.714 0 0 0 .08.004h3c.027 0 .053-.001.08-.003l.478 1.34a1 1 0 1 0 1.884-.673l-2.5-7A1 1 0 0 0 12.5 6h-1Zm.5 2.573L12.867 11h-1.734L12 8.573Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 20 20" id="icon-translate-20">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M7.5 5H2a1 1 0 0 1 0-2h4.5V2a1 1 0 0 1 2 0v1H13a1 1 0 1 1 0 2h-1.182c-.243.907-.673 1.816-1.184 2.68-.58.982-1.293 1.954-2.038 2.866.35.388.719.777 1.104 1.154l.007.007.366.366a1 1 0 0 1-1.413 1.415l-.363-.362c-.353-.346-.693-.7-1.018-1.055a70.59 70.59 0 0 1-3.018 3.091c-.217.213-.405.396-.554.545a1 1 0 0 1-1.414-1.414c.166-.166.368-.363.597-.588.799-.78 1.934-1.89 3.078-3.166A27.96 27.96 0 0 1 4.152 8.03a1 1 0 1 1 1.696-1.06c.278.444.78 1.174 1.439 2.014a20.85 20.85 0 0 0 1.626-2.32c.345-.586.618-1.144.809-1.664H7.5Zm5.564 4.649A1 1 0 0 1 14 9h1a1 1 0 0 1 .936.649l3 8a1 1 0 0 1-1.872.702L16.557 17H12.5a.96.96 0 0 1-.056-.002l-.508 1.353a1 1 0 0 1-1.872-.702l3-8ZM13.193 15h2.614L14.5 11.515 13.193 15Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-translate-24">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M9 6H2a1 1 0 0 1 0-2h6V3a1 1 0 0 1 2 0v1h6a1 1 0 1 1 0 2h-2.22c-.647 2.17-2.14 4.524-3.749 6.636a30.15 30.15 0 0 0 1.661 1.734c.159.152.319.302.48.448a1 1 0 1 1-1.345 1.48 26.57 26.57 0 0 1-.52-.485 31.59 31.59 0 0 1-1.54-1.59c-2.038 2.463-4.112 4.536-5.056 5.48l-.004.004a1 1 0 0 1-1.414-1.414c.975-.975 3.11-3.11 5.154-5.611-1.056-1.3-1.865-2.464-2.295-3.152a1 1 0 1 1 1.696-1.06 30.73 30.73 0 0 0 1.864 2.593c1.29-1.735 2.38-3.495 2.96-5.063H9Zm7.072 4.629A1 1 0 0 1 17 10h1a1 1 0 0 1 .928.629l4 10a1 1 0 0 1-1.857.742l-.95-2.378A.97.97 0 0 1 20 19h-5a.966.966 0 0 1-.12-.007l-.952 2.378a1 1 0 0 1-1.857-.742l4-10ZM15.677 17h3.646L17.5 12.443 15.677 17Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 13 16" id="icon-trend-down-16-fit">
     <path
       d="m10.862 5.503-3.516 6.003a1 1 0 0 1-1.728-.004L2.136 5.5A.998.998 0 0 1 3.001 4h6.998a.998.998 0 0 1 .863 1.503Z"

package/dist/table/table.css

@@ -1,10 +1,35 @@
 .table {
     overflow-x: auto;
     position: relative;
+    -webkit-overflow-scrolling: touch;
+    scroll-behavior: smooth;
+    scroll-snap-type: proximity;
+    scroll-snap-type: x proximity;
+}
+
+.table::-webkit-scrollbar {
+    background-color: var(--color-background-faint);
+    border-radius: 12px;
+}
+
+.table::-webkit-scrollbar:vertical {
+    width: 6px;
+}
+
+.table::-webkit-scrollbar:horizontal {
+    height: 6px;
+}
+
+.table::-webkit-scrollbar-thumb {
+    background-color: var(--color-foreground-secondary);
+    border-color: transparent;
+    border-radius: 12px;
+    border-right-style: inset;
+    box-shadow: none;
 }
 
 .table table {
-    border-collapse: collapse;
+    border-collapse: initial;
     border-spacing: 0;
     width: 100%;
 }
@@ -39,8 +64,37 @@
     padding: 16px;
 }
 
+.table--frozen-header thead {
+    position: sticky;
+    top: 0;
+    z-index: 3;
+}
+
+.table--freeze-column-1 tr td:nth-child(-n + 1),
+.table--freeze-column-1 tr th:nth-child(-n + 1),
+.table--freeze-column-2 tr td:nth-child(-n + 2),
+.table--freeze-column-2 tr th:nth-child(-n + 2),
+.table--freeze-column-3 tr td:nth-child(-n + 3),
+.table--freeze-column-3 tr th:nth-child(-n + 3) {
+    left: 0;
+    max-width: 124px;
+    position: sticky;
+}
+
+.table--full-height {
+    max-height: unset;
+}
+
+.table--constrained-height {
+    max-height: 90vh;
+}
+
+.table th a,
 .table th button {
+    align-items: center;
+    display: flex;
     font-weight: 700;
+    text-decoration: none;
 }
 
 .table tbody tr:last-child td,
@@ -96,12 +150,43 @@
     padding-inline-end: 0;
 }
 
+.table--loading-state {
+    overflow: hidden;
+}
+
+.table--loading-state table {
+    opacity: 0.15;
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+.table--loading-state .signal,
+.table--loading-state img {
+    filter: var(--color-media-disabled-filter);
+}
+
+.table--loading-state a {
+    cursor: default;
+    pointer-events: none;
+    text-decoration: none;
+}
+
+.table--loading-state .progress-bar-expressive {
+    bottom: 50%;
+    left: 0;
+    position: absolute;
+    right: 0;
+}
+
 .table--mode-selection td:first-child,
 .table--mode-selection th:first-child {
     min-width: 48px;
     text-align: center;
     width: 48px;
 }
+.table--mode-selection tr:has(input:checked) :where(td, th) {
+    background-color: var(--color-background-secondary);
+}
 
 .table tbody th {
     font-weight: 400;

package/dist/tokens/evo-dark.css

@@ -3,6 +3,7 @@
         --color-background-primary: var(--color-neutral-900);
         --color-background-secondary: var(--color-neutral-800);
         --color-background-tertiary: var(--color-neutral-700);
+        --color-background-faint: rgba(var(--color-neutral-100-rgb), 0.05);
         --color-background-disabled: var(--color-neutral-600);
         --color-background-inverse: var(--color-neutral-300);
         --color-background-attention: var(--color-red-400);

package/dist/tokens/evo-light.css

@@ -2,6 +2,7 @@
     --color-background-primary: var(--color-neutral-100);
     --color-background-secondary: var(--color-neutral-200);
     --color-background-tertiary: var(--color-neutral-300);
+    --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
     --color-background-disabled: var(--color-neutral-400);
     --color-background-inverse: var(--color-neutral-700);
     --color-background-attention: var(--color-red-600);

package/dist/utility/utility.css

@@ -101,3 +101,31 @@
     text-overflow: ellipsis;
     white-space: nowrap;
 }
+
+.scrollbars-permanent {
+    -webkit-overflow-scrolling: touch;
+    scroll-behavior: smooth;
+    scroll-snap-type: proximity;
+    scroll-snap-type: x proximity;
+}
+
+.scrollbars-permanent::-webkit-scrollbar {
+    background-color: var(--color-background-faint);
+    border-radius: 12px;
+}
+
+.scrollbars-permanent::-webkit-scrollbar:vertical {
+    width: 6px;
+}
+
+.scrollbars-permanent::-webkit-scrollbar:horizontal {
+    height: 6px;
+}
+
+.scrollbars-permanent::-webkit-scrollbar-thumb {
+    background-color: var(--color-foreground-secondary);
+    border-color: transparent;
+    border-radius: 12px;
+    border-right-style: inset;
+    box-shadow: none;
+}

package/index.browser.json

@@ -1,5 +1,6 @@
 {
   "dependencies": [
+    "require: ./accordion.js",
     "require: ./alert-dialog.js",
     "require: ./avatar.js",
     "require: ./badge.js",
@@ -7,6 +8,7 @@
     "require: ./button.js",
     "require: ./calendar.js",
     "require: ./carousel.js",
+    "require: ./ccd.js",
     "require: ./chart-legend.js",
     "require: ./checkbox.js",
     "require: ./chip.js",
@@ -38,6 +40,7 @@
     "require: ./inline-notice.js",
     "require: ./lightbox-dialog.js",
     "require: ./link.js",
+    "require: ./list.js",
     "require: ./listbox.js",
     "require: ./listbox-button.js",
     "require: ./marketsans.js",

package/index.css

@@ -1,3 +1,4 @@
+@import "./accordion.css";
 @import "./alert-dialog.css";
 @import "./avatar.css";
 @import "./badge.css";
@@ -5,6 +6,7 @@
 @import "./button.css";
 @import "./calendar.css";
 @import "./carousel.css";
+@import "./ccd.css";
 @import "./chart-legend.css";
 @import "./checkbox.css";
 @import "./chip.css";
@@ -36,6 +38,7 @@
 @import "./inline-notice.css";
 @import "./lightbox-dialog.css";
 @import "./link.css";
+@import "./list.css";
 @import "./listbox.css";
 @import "./listbox-button.css";
 @import "./marketsans.css";

package/index.js

@@ -1,3 +1,4 @@
+require('./accordion.js');
 require('./alert-dialog.js');
 require('./avatar.js');
 require('./badge.js');
@@ -5,6 +6,7 @@ require('./breadcrumbs.js');
 require('./button.js');
 require('./calendar.js');
 require('./carousel.js');
+require('./ccd.js');
 require('./chart-legend.js');
 require('./checkbox.js');
 require('./chip.js');
@@ -36,6 +38,7 @@ require('./infotip.js');
 require('./inline-notice.js');
 require('./lightbox-dialog.js');
 require('./link.js');
+require('./list.js');
 require('./listbox.js');
 require('./listbox-button.js');
 require('./marketsans.js');