@eqtylab/equality 0.0.0

package/dist/sheet.module.module.css.module.css

@@ -0,0 +1,377 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.sheet-overlay {
+  background-color: var(--color-black);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
+  }
+  --tw-backdrop-blur: blur(4px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  position: fixed;
+  inset: calc(0.25rem * 0);
+  z-index: 50;
+  &[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);
+  }
+  &[data-state="open"] {
+    --tw-enter-opacity: calc(0/100);
+    --tw-enter-opacity: 0;
+  }
+  &[data-state="closed"] {
+    animation: exit 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);
+  }
+  &[data-state="closed"] {
+    --tw-exit-opacity: calc(0/100);
+    --tw-exit-opacity: 0;
+  }
+}
+.sheet-content {
+  background-color: var(--color-background-overlay);
+  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  --tw-shadow-color: rgba(0, 0, 0, 0.1);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.1) var(--tw-shadow-alpha), transparent);
+  }
+  border-color: var(--color-border-overlay);
+  position: fixed;
+  z-index: 50;
+  display: flex;
+  flex-direction: column;
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+  transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--tw-duration, 150ms);
+  --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  &[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);
+  }
+  &[data-state="open"] {
+    --tw-duration: 500ms;
+    transition-duration: 500ms;
+  }
+  &[data-state="closed"] {
+    animation: exit 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);
+  }
+  &[data-state="closed"] {
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+}
+.sheet-content--side-top {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+  inset-inline: calc(0.25rem * 0);
+  top: calc(0.25rem * 0);
+  &[data-state="closed"] {
+    --tw-exit-translate-y: -100%;
+  }
+  &[data-state="open"] {
+    --tw-enter-translate-y: -100%;
+  }
+}
+.sheet-content--side-bottom {
+  border-top-style: var(--tw-border-style);
+  border-top-width: 1px;
+  inset-inline: calc(0.25rem * 0);
+  bottom: calc(0.25rem * 0);
+  &[data-state="closed"] {
+    --tw-exit-translate-y: 100%;
+  }
+  &[data-state="open"] {
+    --tw-enter-translate-y: 100%;
+  }
+}
+.sheet-content--side-left {
+  border-right-style: var(--tw-border-style);
+  border-right-width: 1px;
+  inset-block: calc(0.25rem * 0);
+  left: calc(0.25rem * 0);
+  height: 100%;
+  width: calc(3/4 * 100%);
+  @media (width >= 40rem) {
+    width: calc(1/3 * 100%);
+  }
+  &[data-state="closed"] {
+    --tw-exit-translate-x: -100%;
+  }
+  &[data-state="open"] {
+    --tw-enter-translate-x: -100%;
+  }
+}
+.sheet-content--side-right {
+  border-left-style: var(--tw-border-style);
+  border-left-width: 1px;
+  inset-block: calc(0.25rem * 0);
+  right: calc(0.25rem * 0);
+  height: 100%;
+  width: calc(3/4 * 100%);
+  @media (width >= 40rem) {
+    width: calc(1/3 * 100%);
+  }
+  &[data-state="closed"] {
+    --tw-exit-translate-x: 100%;
+  }
+  &[data-state="open"] {
+    --tw-enter-translate-x: 100%;
+  }
+}
+.sheet-close {
+  flex-shrink: 0;
+}
+.sheet-header {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  gap: calc(0.25rem * 4);
+  padding: calc(0.25rem * 4);
+  text-align: left;
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+  --tw-gradient-position: to right in oklab;
+  background-image: linear-gradient(var(--tw-gradient-stops));
+  --tw-gradient-from: color-mix(in oklab, var(--color-brand-primary) 40%, transparent);
+  --tw-gradient-to: var(--color-background);
+  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+}
+.sheet-header-icon {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.sheet-header-text-content {
+  display: flex;
+  min-width: calc(0.25rem * 0);
+  flex: 1;
+  flex-direction: column;
+  :where(& > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(0.25rem * 2) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(0.25rem * 2) * calc(1 - var(--tw-space-y-reverse)));
+  }
+}
+.sheet-body {
+  min-height: calc(0.25rem * 0);
+  flex: 1;
+  overflow: auto;
+  padding: calc(0.25rem * 4);
+}
+.sheet-footer {
+  display: flex;
+  flex-shrink: 0;
+  flex-direction: column-reverse;
+  @media (width >= 40rem) {
+    flex-direction: row;
+  }
+  @media (width >= 40rem) {
+    justify-content: flex-end;
+  }
+  @media (width >= 40rem) {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(0.25rem * 2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(0.25rem * 2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  border-top-style: var(--tw-border-style);
+  border-top-width: 1px;
+  border-color: var(--color-border);
+  padding: calc(0.25rem * 4);
+}
+.sheet-title {
+  font-size: 1.125rem;
+  line-height: var(--tw-leading, calc(1.75 / 1.125));
+  --tw-font-weight: 500;
+  font-weight: 500;
+  color: var(--color-text-primary);
+}
+.sheet-description {
+  font-size: 0.875rem;
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
+  color: var(--color-text-secondary);
+}
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-space-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@keyframes enter {
+  from {
+    opacity: var(--tw-enter-opacity,1);
+    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
+    filter: blur(var(--tw-enter-blur,0));
+  }
+}
+@keyframes exit {
+  to {
+    opacity: var(--tw-exit-opacity,1);
+    transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
+    filter: blur(var(--tw-exit-blur,0));
+  }
+}

package/dist/skeleton.module.module.css.module.css

@@ -0,0 +1,11 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.skeleton {
+  border-radius: var(--radius-md, 0.375rem);
+  background-color: var(--color-greyscale-800);
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}

package/dist/sort-button.module.module.css.module.css

@@ -0,0 +1,42 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.sort-button {
+  text-align: left;
+  --tw-font-weight: 500;
+  font-weight: 500;
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--tw-duration, 150ms);
+  display: flex;
+  align-items: center;
+  gap: calc(0.25rem * 2);
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-brand-primary);
+    }
+  }
+  &>svg {
+    width: calc(0.25rem * 4);
+    height: calc(0.25rem * 4);
+  }
+}
+.sort-button:hover .arrow-up-down-icon {
+  opacity: 50%;
+}
+.arrow-container {
+  display: flex;
+  align-items: center;
+  &>svg {
+    width: calc(0.25rem * 3);
+    height: calc(0.25rem * 3);
+  }
+}
+.arrow-up-down-icon {
+  opacity: 0%;
+  transition-property: opacity;
+  transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--tw-duration, 150ms);
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}

package/dist/sort-selector.module.module.css.module.css

@@ -0,0 +1,11 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.sort-selector-trigger {
+  min-width: calc(0.25rem * 42);
+  justify-content: space-between;
+}
+.chevron-down-icon {
+  color: var(--color-text-secondary);
+}
+.dropdown-menu-content {
+  min-width: calc(0.25rem * 42);
+}

package/dist/spinner.module.module.css.module.css

@@ -0,0 +1,82 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.spinner-container {
+  position: relative;
+}
+.spinner {
+  border-top-color: transparent;
+  border-radius: calc(infinity * 1px);
+  animation: spin 1s linear infinite;
+  position: relative;
+  z-index: 10;
+}
+.spinner-background {
+  border-color: var(--color-greyscale-800);
+  border-radius: calc(infinity * 1px);
+  position: absolute;
+  inset: calc(0.25rem * 0);
+}
+.spinner-background.xs,
+.spinner.xs {
+  width: calc(0.25rem * 4);
+  height: calc(0.25rem * 4);
+  border-style: var(--tw-border-style);
+  border-width: 2px;
+}
+.spinner-background.sm,
+.spinner.sm {
+  width: calc(0.25rem * 6);
+  height: calc(0.25rem * 6);
+  border-style: var(--tw-border-style);
+  border-width: 2px;
+}
+.spinner-background.md,
+.spinner.md {
+  width: calc(0.25rem * 8);
+  height: calc(0.25rem * 8);
+  border-style: var(--tw-border-style);
+  border-width: 3px;
+}
+.spinner-background.lg,
+.spinner.lg {
+  width: calc(0.25rem * 10);
+  height: calc(0.25rem * 10);
+  border-style: var(--tw-border-style);
+  border-width: 3px;
+}
+.spinner-background.xl,
+.spinner.xl {
+  width: calc(0.25rem * 12);
+  height: calc(0.25rem * 12);
+  border-style: var(--tw-border-style);
+  border-width: 4px;
+}
+.spinner.neutral {
+  border-inline-color: var(--color-text-primary);
+  border-bottom-color: var(--color-text-primary);
+}
+.spinner.primary {
+  border-inline-color: var(--color-brand-primary);
+  border-bottom-color: var(--color-brand-primary);
+}
+.spinner.success {
+  border-inline-color: var(--color-brand-green);
+  border-bottom-color: var(--color-brand-green);
+}
+.spinner.danger {
+  border-inline-color: var(--color-brand-red);
+  border-bottom-color: var(--color-brand-red);
+}
+.spinner.warning {
+  border-inline-color: var(--color-brand-yellow);
+  border-bottom-color: var(--color-brand-yellow);
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}