@casinogate/ui 1.11.14 → 2.0.1

package/dist/assets/css/root.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -9,6 +9,7 @@
       "Courier New", monospace;
     --cgui-spacing: 0.25rem;
     --cgui-container-sm: 24rem;
+    --cgui-container-xl: 36rem;
     --cgui-text-xs: 0.75rem;
     --cgui-text-xs--line-height: calc(1 / 0.75);
     --cgui-text-sm: 0.875rem;
@@ -290,6 +291,9 @@
   .cgui\:mb-2 {
     margin-bottom: calc(var(--cgui-spacing) * 2);
   }
+  .cgui\:ml-auto {
+    margin-left: auto;
+  }
   .cgui\:scrollbar-thin {
     &::-webkit-scrollbar-track {
       background-color: var(--scrollbar-track);
@@ -350,10 +354,18 @@
     width: calc(var(--cgui-spacing) * 4);
     height: calc(var(--cgui-spacing) * 4);
   }
+  .cgui\:size-4\.5 {
+    width: calc(var(--cgui-spacing) * 4.5);
+    height: calc(var(--cgui-spacing) * 4.5);
+  }
   .cgui\:size-5 {
     width: calc(var(--cgui-spacing) * 5);
     height: calc(var(--cgui-spacing) * 5);
   }
+  .cgui\:size-5\.5 {
+    width: calc(var(--cgui-spacing) * 5.5);
+    height: calc(var(--cgui-spacing) * 5.5);
+  }
   .cgui\:size-6 {
     width: calc(var(--cgui-spacing) * 6);
     height: calc(var(--cgui-spacing) * 6);
@@ -412,12 +424,21 @@
   .cgui\:h-4 {
     height: calc(var(--cgui-spacing) * 4);
   }
+  .cgui\:h-4\.5 {
+    height: calc(var(--cgui-spacing) * 4.5);
+  }
   .cgui\:h-5 {
     height: calc(var(--cgui-spacing) * 5);
   }
+  .cgui\:h-5\.5 {
+    height: calc(var(--cgui-spacing) * 5.5);
+  }
   .cgui\:h-6 {
     height: calc(var(--cgui-spacing) * 6);
   }
+  .cgui\:h-6\.5 {
+    height: calc(var(--cgui-spacing) * 6.5);
+  }
   .cgui\:h-7 {
     height: calc(var(--cgui-spacing) * 7);
   }
@@ -460,6 +481,9 @@
   .cgui\:h-40 {
     height: calc(var(--cgui-spacing) * 40);
   }
+  .cgui\:h-80 {
+    height: calc(var(--cgui-spacing) * 80);
+  }
   .cgui\:h-100 {
     height: calc(var(--cgui-spacing) * 100);
   }
@@ -493,6 +517,12 @@
   .cgui\:max-h-50 {
     max-height: calc(var(--cgui-spacing) * 50);
   }
+  .cgui\:max-h-56 {
+    max-height: calc(var(--cgui-spacing) * 56);
+  }
+  .cgui\:max-h-64 {
+    max-height: calc(var(--cgui-spacing) * 64);
+  }
   .cgui\:max-h-75 {
     max-height: calc(var(--cgui-spacing) * 75);
   }
@@ -517,6 +547,9 @@
   .cgui\:min-h-11 {
     min-height: calc(var(--cgui-spacing) * 11);
   }
+  .cgui\:min-h-48 {
+    min-height: calc(var(--cgui-spacing) * 48);
+  }
   .cgui\:min-h-\[1lh\] {
     min-height: 1lh;
   }
@@ -571,9 +604,18 @@
   .cgui\:w-64 {
     width: calc(var(--cgui-spacing) * 64);
   }
+  .cgui\:w-72 {
+    width: calc(var(--cgui-spacing) * 72);
+  }
   .cgui\:w-80 {
     width: calc(var(--cgui-spacing) * 80);
   }
+  .cgui\:w-96 {
+    width: calc(var(--cgui-spacing) * 96);
+  }
+  .cgui\:w-\[28rem\] {
+    width: 28rem;
+  }
   .cgui\:w-\[420px\] {
     width: 420px;
   }
@@ -622,9 +664,15 @@
   .cgui\:max-w-\[90vw\] {
     max-width: 90vw;
   }
+  .cgui\:max-w-full {
+    max-width: 100%;
+  }
   .cgui\:max-w-sm {
     max-width: var(--cgui-container-sm);
   }
+  .cgui\:max-w-xl {
+    max-width: var(--cgui-container-xl);
+  }
   .cgui\:min-w-\(--bits-dropdown-menu-anchor-width\) {
     min-width: var(--bits-dropdown-menu-anchor-width);
   }
@@ -712,6 +760,9 @@
   .cgui\:animate-spin {
     animation: var(--cgui-animate-spin);
   }
+  .cgui\:cursor-\[inherit\] {
+    cursor: inherit;
+  }
   .cgui\:cursor-col-resize {
     cursor: col-resize;
   }
@@ -739,6 +790,36 @@
   .cgui\:scroll-py-1 {
     scroll-padding-block: calc(var(--cgui-spacing) * 1);
   }
+  .cgui\:scrollbar-thin {
+    scrollbar-width: thin;
+  }
+  .cgui\:scrollbar-thumb-stroke-default {
+    --tw-scrollbar-thumb: var(--cg-ui-color-stroke-default);
+    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+  }
+  .cgui\:scrollbar-thumb-surface-light {
+    --tw-scrollbar-thumb: var(--cg-ui-color-surface-light);
+    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+  }
+  .cgui\:scrollbar-thumb-surface-regular {
+    --tw-scrollbar-thumb: var(--cg-ui-color-surface-regular);
+    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+  }
+  .cgui\:scrollbar-thumb-surface-regular\/40 {
+    --tw-scrollbar-thumb: var(--cg-ui-color-surface-regular);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-scrollbar-thumb: color-mix(in oklab, var(--cg-ui-color-surface-regular) 40%, transparent);
+    }
+    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+  }
+  .cgui\:scrollbar-track-surface-lightest {
+    --tw-scrollbar-track: var(--cg-ui-color-surface-lightest);
+    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+  }
+  .cgui\:scrollbar-track-transparent {
+    --tw-scrollbar-track: transparent;
+    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+  }
   .cgui\:list-none {
     list-style-type: none;
   }
@@ -790,6 +871,9 @@
   .cgui\:gap-4 {
     gap: calc(var(--cgui-spacing) * 4);
   }
+  .cgui\:gap-6 {
+    gap: calc(var(--cgui-spacing) * 6);
+  }
   .cgui\:gap-16 {
     gap: calc(var(--cgui-spacing) * 16);
   }
@@ -827,6 +911,9 @@
       margin-inline-end: calc(calc(var(--cgui-spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .cgui\:self-start {
+    align-self: flex-start;
+  }
   .cgui\:self-stretch {
     align-self: stretch;
   }
@@ -924,6 +1011,9 @@
     --tw-border-style: none;
     border-style: none;
   }
+  .cgui\:border-state-info {
+    border-color: var(--cg-ui-color-state-info);
+  }
   .cgui\:border-stroke-default {
     border-color: var(--cg-ui-color-stroke-default);
   }
@@ -1059,6 +1149,9 @@
   .cgui\:bg-surface-regular {
     background-color: var(--cg-ui-color-surface-regular);
   }
+  .cgui\:bg-surface-semilight {
+    background-color: var(--cg-ui-color-surface-semilight);
+  }
   .cgui\:bg-surface-white {
     background-color: var(--cg-ui-color-surface-white);
   }
@@ -1326,6 +1419,9 @@
   .cgui\:text-icon-white {
     color: var(--cg-ui-color-icon-white);
   }
+  .cgui\:text-inherit {
+    color: inherit;
+  }
   .cgui\:text-primary-80 {
     color: var(--cg-ui-palette-primary-80);
   }
@@ -1684,17 +1780,34 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .cgui\:focus-visible\:ring-2 {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .cgui\:focus-visible\:ring-stroke-focus {
     &:focus-visible {
       --tw-ring-color: var(--cg-ui-color-stroke-focus);
     }
   }
+  .cgui\:focus-visible\:ring-stroke-primary {
+    &:focus-visible {
+      --tw-ring-color: var(--cg-ui-color-stroke-primary);
+    }
+  }
   .cgui\:focus-visible\:ring-offset-0 {
     &:focus-visible {
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
+  .cgui\:focus-visible\:ring-offset-2 {
+    &:focus-visible {
+      --tw-ring-offset-width: 2px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    }
+  }
   .cgui\:focus-visible\:outline-hidden {
     &:focus-visible {
       --tw-outline-style: none;
@@ -1738,6 +1851,30 @@
       opacity: 50%;
     }
   }
+  .cgui\:disabled\:hover\:bg-transparent {
+    &:disabled {
+      &:hover {
+        @media (hover: hover) {
+          background-color: transparent;
+        }
+      }
+    }
+  }
+  .cgui\:has-\[\[data-slot\=pill-remove\]\]\:pr-1 {
+    &:has(*:is([data-slot=pill-remove])) {
+      padding-right: calc(var(--cgui-spacing) * 1);
+    }
+  }
+  .cgui\:has-\[\[data-slot\=pill-remove\]\]\:pr-2 {
+    &:has(*:is([data-slot=pill-remove])) {
+      padding-right: calc(var(--cgui-spacing) * 2);
+    }
+  }
+  .cgui\:has-\[\[data-slot\=pill-remove\]\]\:pr-2\.5 {
+    &:has(*:is([data-slot=pill-remove])) {
+      padding-right: calc(var(--cgui-spacing) * 2.5);
+    }
+  }
   .cgui\:has-\[data-slot\=chevron\]\:pr-3 {
     &:has(*:is(data-slot=chevron)) {
       padding-right: calc(var(--cgui-spacing) * 3);
@@ -1773,6 +1910,16 @@
       scale: 0.98;
     }
   }
+  .cgui\:data-disabled\:cursor-not-allowed {
+    &[data-disabled] {
+      cursor: not-allowed;
+    }
+  }
+  .cgui\:data-disabled\:opacity-50 {
+    &[data-disabled] {
+      opacity: 50%;
+    }
+  }
   .cgui\:data-highlighted\:bg-surface-lightest {
     &[data-highlighted] {
       background-color: var(--cg-ui-color-surface-lightest);
@@ -2137,6 +2284,34 @@
       border-color: var(--cg-ui-color-surface-primary);
     }
   }
+  .cgui\:data-\[state\=on\]\:border-stroke-primary {
+    &[data-state="on"] {
+      border-color: var(--cg-ui-color-stroke-primary);
+    }
+  }
+  .cgui\:data-\[state\=on\]\:bg-surface-primary {
+    &[data-state="on"] {
+      background-color: var(--cg-ui-color-surface-primary);
+    }
+  }
+  .cgui\:data-\[state\=on\]\:bg-surface-primary\/20 {
+    &[data-state="on"] {
+      background-color: var(--cg-ui-color-surface-primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--cg-ui-color-surface-primary) 20%, transparent);
+      }
+    }
+  }
+  .cgui\:data-\[state\=on\]\:text-fg-primary {
+    &[data-state="on"] {
+      color: var(--cg-ui-color-fg-primary);
+    }
+  }
+  .cgui\:data-\[state\=on\]\:text-fg-white {
+    &[data-state="on"] {
+      color: var(--cg-ui-color-fg-white);
+    }
+  }
   .cgui\:data-\[state\=open\]\:animate-in {
     &[data-state="open"] {
       animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
@@ -2264,6 +2439,15 @@
       border-bottom-left-radius: calc(var(--cg-ui-number-md) * 1px);
     }
   }
+  .cgui\:scrollbar-hover\:scrollbar-thumb-surface-regular\/60 {
+    &::-webkit-scrollbar-thumb:hover {
+      --tw-scrollbar-thumb: var(--cg-ui-color-surface-regular);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-scrollbar-thumb: color-mix(in oklab, var(--cg-ui-color-surface-regular) 60%, transparent);
+      }
+      scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+    }
+  }
   .cgui\:scrollbar-hover\:scrollbar-thumb-surface-regular\/60 {
     &::-webkit-scrollbar-thumb:hover {
       --scrollbar-thumb: var(--cg-ui-color-surface-regular);
@@ -2587,6 +2771,18 @@
       pointer-events: none;
     }
   }
+  .cgui\:\[\&\>svg\]\:size-2 {
+    &>svg {
+      width: calc(var(--cgui-spacing) * 2);
+      height: calc(var(--cgui-spacing) * 2);
+    }
+  }
+  .cgui\:\[\&\>svg\]\:size-3 {
+    &>svg {
+      width: calc(var(--cgui-spacing) * 3);
+      height: calc(var(--cgui-spacing) * 3);
+    }
+  }
   .cgui\:\[\&\>svg\]\:size-3\.5 {
     &>svg {
       width: calc(var(--cgui-spacing) * 3.5);
@@ -2599,6 +2795,12 @@
       height: calc(var(--cgui-spacing) * 4);
     }
   }
+  .cgui\:\[\&\>svg\]\:size-4\.5 {
+    &>svg {
+      width: calc(var(--cgui-spacing) * 4.5);
+      height: calc(var(--cgui-spacing) * 4.5);
+    }
+  }
   .cgui\:\[\&\>svg\]\:size-5 {
     &>svg {
       width: calc(var(--cgui-spacing) * 5);
@@ -2629,6 +2831,18 @@
       height: calc(var(--cgui-spacing) * 7);
     }
   }
+  .cgui\:\[\&\>svg\]\:size-10 {
+    &>svg {
+      width: calc(var(--cgui-spacing) * 10);
+      height: calc(var(--cgui-spacing) * 10);
+    }
+  }
+  .cgui\:\[\&\>svg\:not\(\[class\*\=\"size\"\]\)\]\:size-\[80\%\] {
+    &>svg:not([class*="size"]) {
+      width: 80%;
+      height: 80%;
+    }
+  }
 }
 @property --tw-animation-delay {
   syntax: "*";
@@ -3063,6 +3277,16 @@
   inherits: false;
   initial-value: 1;
 }
+@property --tw-scrollbar-thumb {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-scrollbar-track {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
@@ -3239,6 +3463,8 @@
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;
+      --tw-scrollbar-thumb: #0000;
+      --tw-scrollbar-track: #0000;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-border-style: solid;

package/dist/atomic/icons/asterisk.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import type { IconProps } from './types.js';
+
+  let { width = 24, height = 24, color = 'currentColor', ...props }: IconProps = $props();
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" {width} {height} viewBox="0 0 24 24" {...props}>
+  <path
+    fill={color}
+    d="M21 13h-6.6l4.7 4.7l-1.4 1.4l-4.7-4.7V21h-2v-6.7L6.3 19l-1.4-1.4L9.4 13H3v-2h6.6L4.9 6.3l1.4-1.4L11 9.6V3h2v6.4l4.6-4.6L19 6.3L14.3 11H21z"
+  />
+</svg>

package/dist/atomic/icons/asterisk.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Asterisk: import("svelte").Component<import("../../internal/types/html-attributes.js").PrimitiveSVGAttributes, {}, "">;
+type Asterisk = ReturnType<typeof Asterisk>;
+export default Asterisk;

package/dist/atomic/icons/caret-down.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import type { IconProps } from './types.js';
+
+  let { width = 24, height = 24, color = 'currentColor', ...props }: IconProps = $props();
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {width} {height} {...props}>
+  <path
+    fill={color}
+    d="m11.36 14.227l-3.199-3.636c-.395-.45-.019-1.091.64-1.091H15.2c.659 0 1.035.641.64 1.09l-3.2 3.637c-.32.364-.959.364-1.279 0"
+  />
+</svg>

package/dist/atomic/icons/caret-down.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const CaretDown: import("svelte").Component<import("../../internal/types/html-attributes.js").PrimitiveSVGAttributes, {}, "">;
+type CaretDown = ReturnType<typeof CaretDown>;
+export default CaretDown;

package/dist/atomic/icons/caret-up.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import type { IconProps } from './types.js';
+
+  let { width = 24, height = 24, color = 'currentColor', ...props }: IconProps = $props();
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {width} {height} {...props}>
+  <path
+    fill={color}
+    d="m11.36 9.773l-3.199 3.636c-.395.45-.019 1.091.64 1.091H15.2c.659 0 1.035-.641.64-1.09l-3.2-3.637c-.32-.364-.959-.364-1.279 0"
+  />
+</svg>

package/dist/atomic/icons/caret-up.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const CaretUp: import("svelte").Component<import("../../internal/types/html-attributes.js").PrimitiveSVGAttributes, {}, "">;
+type CaretUp = ReturnType<typeof CaretUp>;
+export default CaretUp;

package/dist/atomic/icons/check.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import type { IconProps } from './types.js';
+
+  let { width, height, color = 'currentColor', ...props }: IconProps = $props();
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {width} {height} {...props}>
+  <path
+    d="M8.94964 15.7264L5.6133 12.3865C5.52606 12.298 5.42215 12.2279 5.30761 12.18C5.19307 12.1321 5.07017 12.1074 4.94603 12.1074C4.8219 12.1074 4.699 12.1321 4.58445 12.18C4.46991 12.2279 4.36601 12.298 4.27876 12.3865C4.19046 12.4738 4.12034 12.5778 4.07249 12.6925C4.02464 12.8071 4 12.9302 4 13.0544C4 13.1787 4.02464 13.3018 4.07249 13.4164C4.12034 13.5311 4.19046 13.6351 4.27876 13.7224L8.27284 17.7209C8.6446 18.093 9.24514 18.093 9.6169 17.7209L19.7212 7.61506C19.8095 7.52772 19.8797 7.4237 19.9275 7.30904C19.9754 7.19437 20 7.07133 20 6.94706C20 6.82279 19.9754 6.69976 19.9275 6.58509C19.8797 6.47042 19.8095 6.36641 19.7212 6.27907C19.634 6.19066 19.5301 6.12048 19.4155 6.07257C19.301 6.02467 19.1781 6 19.054 6C18.9298 6 18.8069 6.02467 18.6924 6.07257C18.5778 6.12048 18.4739 6.19066 18.3867 6.27907L8.94964 15.7264Z"
+    fill={color}
+  />
+</svg>

package/dist/atomic/icons/check.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Check: import("svelte").Component<import("../../internal/types/html-attributes.js").PrimitiveSVGAttributes, {}, "">;
+type Check = ReturnType<typeof Check>;
+export default Check;

package/dist/atomic/icons/checkmark.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import type { IconProps } from './types.js';
+
+  let { width = 24, height = 24, color = 'currentColor', ...props }: IconProps = $props();
+</script>
+
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {width} {height} {...props}>
+  <path
+    d="M8.94964 15.7264L5.6133 12.3865C5.52606 12.298 5.42215 12.2279 5.30761 12.18C5.19307 12.1321 5.07017 12.1074 4.94603 12.1074C4.8219 12.1074 4.699 12.1321 4.58445 12.18C4.46991 12.2279 4.36601 12.298 4.27876 12.3865C4.19046 12.4738 4.12034 12.5778 4.07249 12.6925C4.02464 12.8071 4 12.9302 4 13.0544C4 13.1787 4.02464 13.3018 4.07249 13.4164C4.12034 13.5311 4.19046 13.6351 4.27876 13.7224L8.27284 17.7209C8.6446 18.093 9.24514 18.093 9.6169 17.7209L19.7212 7.61506C19.8095 7.52772 19.8797 7.4237 19.9275 7.30904C19.9754 7.19437 20 7.07133 20 6.94706C20 6.82279 19.9754 6.69976 19.9275 6.58509C19.8797 6.47042 19.8095 6.36641 19.7212 6.27907C19.634 6.19066 19.5301 6.12048 19.4155 6.07257C19.301 6.02467 19.1781 6 19.054 6C18.9298 6 18.8069 6.02467 18.6924 6.07257C18.5778 6.12048 18.4739 6.19066 18.3867 6.27907L8.94964 15.7264Z"
+    fill={color}
+  />
+</svg>

package/dist/atomic/icons/checkmark.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Checkmark: import("svelte").Component<import("../../internal/types/html-attributes.js").PrimitiveSVGAttributes, {}, "">;
+type Checkmark = ReturnType<typeof Checkmark>;
+export default Checkmark;

package/dist/atomic/icons/chevron-down.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import type { IconProps } from './types.js';
+
+  let { width = 24, height = 24, color = 'currentColor', ...props }: IconProps = $props();
+</script>
+
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {width} {height} {...props}>
+  <path
+    d="M4.71888 8.46936C4.78854 8.39952 4.87131 8.3441 4.96243 8.30629C5.05354 8.26849 5.15122 8.24902 5.24988 8.24902C5.34853 8.24902 5.44621 8.26849 5.53733 8.30629C5.62844 8.3441 5.71121 8.39952 5.78088 8.46936L11.9999 14.6899L18.2189 8.46936C18.3597 8.32853 18.5507 8.24942 18.7499 8.24942C18.949 8.24942 19.14 8.32853 19.2809 8.46936C19.4217 8.61019 19.5008 8.8012 19.5008 9.00036C19.5008 9.19953 19.4217 9.39053 19.2809 9.53136L12.5309 16.2814C12.4612 16.3512 12.3784 16.4066 12.2873 16.4444C12.1962 16.4822 12.0985 16.5017 11.9999 16.5017C11.9012 16.5017 11.8035 16.4822 11.7124 16.4444C11.6213 16.4066 11.5385 16.3512 11.4689 16.2814L4.71888 9.53136C4.64903 9.4617 4.59362 9.37893 4.55581 9.28781C4.518 9.1967 4.49854 9.09901 4.49854 9.00036C4.49854 8.90171 4.518 8.80403 4.55581 8.71291C4.59362 8.6218 4.64903 8.53903 4.71888 8.46936Z"
+    fill={color}
+  />
+</svg>

package/dist/atomic/icons/chevron-down.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const ChevronDown: import("svelte").Component<import("../../internal/types/html-attributes.js").PrimitiveSVGAttributes, {}, "">;
+type ChevronDown = ReturnType<typeof ChevronDown>;
+export default ChevronDown;

package/dist/atomic/icons/chevron-left.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import type { IconProps } from './types.js';
+
+  let { width = 24, height = 24, color = 'currentColor', ...props }: IconProps = $props();
+</script>
+
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {width} {height} {...props}>
+  <path
+    d="M15.9061 5.09436C15.976 5.16403 16.0314 5.2468 16.0692 5.33791C16.107 5.42903 16.1265 5.52671 16.1265 5.62536C16.1265 5.72402 16.107 5.8217 16.0692 5.91281C16.0314 6.00393 15.976 6.0867 15.9061 6.15636L9.68562 12.3754L15.9061 18.5944C16.0469 18.7352 16.1261 18.9262 16.1261 19.1254C16.1261 19.3245 16.0469 19.5155 15.9061 19.6564C15.7653 19.7972 15.5743 19.8763 15.3751 19.8763C15.176 19.8763 14.9849 19.7972 14.8441 19.6564L8.09412 12.9064C8.02427 12.8367 7.96886 12.7539 7.93105 12.6628C7.89324 12.5717 7.87378 12.474 7.87378 12.3754C7.87378 12.2767 7.89324 12.179 7.93105 12.0879C7.96886 11.9968 8.02427 11.914 8.09412 11.8444L14.8441 5.09436C14.9138 5.02452 14.9966 4.96911 15.0877 4.9313C15.1788 4.89349 15.2765 4.87402 15.3751 4.87402C15.4738 4.87402 15.5715 4.89349 15.6626 4.9313C15.7537 4.96911 15.8365 5.02452 15.9061 5.09436Z"
+    fill={color}
+  />
+</svg>

package/dist/atomic/icons/chevron-left.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const ChevronLeft: import("svelte").Component<import("../../internal/types/html-attributes.js").PrimitiveSVGAttributes, {}, "">;
+type ChevronLeft = ReturnType<typeof ChevronLeft>;
+export default ChevronLeft;

package/dist/atomic/icons/chevron-right.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import type { IconProps } from './types.js';
+
+  let { width = 24, height = 24, color = 'currentColor', ...props }: IconProps = $props();
+</script>
+
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {width} {height} {...props}>
+  <path
+    d="M8.09412 19.656C8.02427 19.5863 7.96886 19.5035 7.93105 19.4124C7.89324 19.3213 7.87378 19.2236 7.87378 19.125C7.87378 19.0263 7.89324 18.9286 7.93105 18.8375C7.96886 18.7464 8.02427 18.6636 8.09412 18.594L14.3146 12.375L8.09412 6.15597C7.95329 6.01514 7.87417 5.82413 7.87417 5.62497C7.87417 5.42581 7.95329 5.2348 8.09412 5.09397C8.23495 4.95314 8.42596 4.87402 8.62512 4.87402C8.82428 4.87402 9.01529 4.95314 9.15612 5.09397L15.9061 11.844C15.976 11.9136 16.0314 11.9964 16.0692 12.0875C16.107 12.1786 16.1265 12.2763 16.1265 12.375C16.1265 12.4736 16.107 12.5713 16.0692 12.6624C16.0314 12.7535 15.976 12.8363 15.9061 12.906L9.15612 19.656C9.08645 19.7258 9.00369 19.7812 8.91257 19.819C8.82145 19.8568 8.72377 19.8763 8.62512 19.8763C8.52647 19.8763 8.42879 19.8568 8.33767 19.819C8.24655 19.7812 8.16379 19.7258 8.09412 19.656Z"
+    fill={color}
+  />
+</svg>

package/dist/atomic/icons/chevron-right.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const ChevronRight: import("svelte").Component<import("../../internal/types/html-attributes.js").PrimitiveSVGAttributes, {}, "">;
+type ChevronRight = ReturnType<typeof ChevronRight>;
+export default ChevronRight;

package/dist/atomic/icons/chevron-small-down.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import type { IconProps } from './types.js';
+
+  let { width = 24, height = 24, color = 'currentColor', ...props }: IconProps = $props();
+</script>
+
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {width} {height} {...props}>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.46967 9.46967C7.76256 9.17678 8.23744 9.17678 8.53033 9.46967L12 12.9393L15.4697 9.46967C15.7626 9.17678 16.2374 9.17678 16.5303 9.46967C16.8232 9.76256 16.8232 10.2374 16.5303 10.5303L12.5303 14.5303C12.2374 14.8232 11.7626 14.8232 11.4697 14.5303L7.46967 10.5303C7.17678 10.2374 7.17678 9.76256 7.46967 9.46967Z"
+    fill={color}
+  />
+</svg>

package/dist/atomic/icons/chevron-small-down.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const ChevronSmallDown: import("svelte").Component<import("../../internal/types/html-attributes.js").PrimitiveSVGAttributes, {}, "">;
+type ChevronSmallDown = ReturnType<typeof ChevronSmallDown>;
+export default ChevronSmallDown;

package/dist/atomic/icons/chevron-small-left.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import type { IconProps } from './types.js';
+
+  let { width = 24, height = 24, color = 'currentColor', ...props }: IconProps = $props();
+</script>
+
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {width} {height} {...props}>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M14.5303 7.46967C14.8232 7.76256 14.8232 8.23744 14.5303 8.53033L11.0607 12L14.5303 15.4697C14.8232 15.7626 14.8232 16.2374 14.5303 16.5303C14.2374 16.8232 13.7626 16.8232 13.4697 16.5303L9.46967 12.5303C9.17678 12.2374 9.17678 11.7626 9.46967 11.4697L13.4697 7.46967C13.7626 7.17678 14.2374 7.17678 14.5303 7.46967Z"
+    fill={color}
+  />
+</svg>

package/dist/atomic/icons/chevron-small-left.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const ChevronSmallLeft: import("svelte").Component<import("../../internal/types/html-attributes.js").PrimitiveSVGAttributes, {}, "">;
+type ChevronSmallLeft = ReturnType<typeof ChevronSmallLeft>;
+export default ChevronSmallLeft;

package/dist/atomic/icons/chevron-small-right.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import type { IconProps } from './types.js';
+
+  let { width = 24, height = 24, color = 'currentColor', ...props }: IconProps = $props();
+</script>
+
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {width} {height} {...props}>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.46967 7.46967C9.76256 7.17678 10.2374 7.17678 10.5303 7.46967L14.5303 11.4697C14.8232 11.7626 14.8232 12.2374 14.5303 12.5303L10.5303 16.5303C10.2374 16.8232 9.76256 16.8232 9.46967 16.5303C9.17678 16.2374 9.17678 15.7626 9.46967 15.4697L12.9393 12L9.46967 8.53033C9.17678 8.23744 9.17678 7.76256 9.46967 7.46967Z"
+    fill={color}
+  />
+</svg>

package/dist/atomic/icons/chevron-small-right.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const ChevronSmallRight: import("svelte").Component<import("../../internal/types/html-attributes.js").PrimitiveSVGAttributes, {}, "">;
+type ChevronSmallRight = ReturnType<typeof ChevronSmallRight>;
+export default ChevronSmallRight;

package/dist/atomic/icons/chevron-small-up.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import type { IconProps } from './types.js';
+
+  let { width = 24, height = 24, color = 'currentColor', ...props }: IconProps = $props();
+</script>
+
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {width} {height} {...props}>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M11.4697 9.46967C11.7626 9.17678 12.2374 9.17678 12.5303 9.46967L16.5303 13.4697C16.8232 13.7626 16.8232 14.2374 16.5303 14.5303C16.2374 14.8232 15.7626 14.8232 15.4697 14.5303L12 11.0607L8.53033 14.5303C8.23744 14.8232 7.76256 14.8232 7.46967 14.5303C7.17678 14.2374 7.17678 13.7626 7.46967 13.4697L11.4697 9.46967Z"
+    fill={color}
+  />
+</svg>

package/dist/atomic/icons/chevron-small-up.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const ChevronSmallUp: import("svelte").Component<import("../../internal/types/html-attributes.js").PrimitiveSVGAttributes, {}, "">;
+type ChevronSmallUp = ReturnType<typeof ChevronSmallUp>;
+export default ChevronSmallUp;