@eqtylab/equality 0.0.0

package/dist/select.module.module.css.module.css

@@ -0,0 +1,362 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.select-trigger {
+  font-size: 0.875rem;
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
+  padding-inline: calc(0.25rem * 3);
+  padding-block: calc(0.25rem * 2);
+  height: calc(0.25rem * 10);
+  width: 100%;
+  border-radius: var(--radius-md, 0.375rem);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-button-tertiary-border);
+  background-color: var(--color-button-tertiary-fill);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: calc(0.25rem * 2);
+  --tw-ring-offset-color: var(--color-background);
+  &:focus-visible {
+    --tw-ring-color: var(--color-focus-ring);
+  }
+  &: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);
+  }
+  &: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);
+  }
+  &:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  &[data-placeholder] {
+    color: var(--color-text-secondary);
+  }
+  &:disabled {
+    cursor: not-allowed;
+  }
+  &:disabled {
+    opacity: 50%;
+  }
+  &>span {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+  }
+}
+.select-icon {
+  width: calc(0.25rem * 4);
+  height: calc(0.25rem * 4);
+}
+.select-icon--low-opacity {
+  opacity: 50%;
+}
+.select-scroll-button {
+  cursor: default;
+  padding-block: calc(0.25rem * 1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.select-content {
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-border);
+  background-color: var(--color-background-floating);
+  color: var(--color-text-primary);
+  z-index: 50;
+  border-radius: var(--radius-md, 0.375rem);
+  padding: calc(0.25rem * 1);
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: calc(0.25rem * 80);
+  min-width: calc(0.25rem * 32);
+  &[data-side="bottom"] {
+    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
+  }
+  &[data-side="left"] {
+    --tw-enter-translate-x: calc(2*var(--spacing));
+  }
+  &[data-side="right"] {
+    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
+  }
+  &[data-side="top"] {
+    --tw-enter-translate-y: calc(2*var(--spacing));
+  }
+  &[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="open"] {
+    --tw-enter-scale: calc(95*1%);
+    --tw-enter-scale: .95;
+  }
+  &[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;
+  }
+  &[data-state="closed"] {
+    --tw-exit-scale: calc(95*1%);
+    --tw-exit-scale: .95;
+  }
+  max-height: var(--radix-select-content-available-height);
+  transform-origin: var(--radix-select-content-transform-origin);
+}
+.select-content--popper {
+  &[data-side="bottom"] {
+    --tw-translate-y: calc(0.25rem * 1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &[data-side="left"] {
+    --tw-translate-x: calc(0.25rem * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &[data-side="right"] {
+    --tw-translate-x: calc(0.25rem * 1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &[data-side="top"] {
+    --tw-translate-y: calc(0.25rem * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.select-viewport--popper {
+  height: var(--radix-select-trigger-height);
+  width: 100%;
+  min-width: var(--radix-select-trigger-width);
+}
+.select-label {
+  font-size: 0.875rem;
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
+  --tw-font-weight: 600;
+  font-weight: 600;
+  padding-inline: calc(0.25rem * 2);
+  padding-block: calc(0.25rem * 1.5);
+}
+.select-item {
+  --mix-color: var(--color-background);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  font-size: 0.875rem;
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
+  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);
+  border-radius: 0.25rem;
+  --tw-outline-style: none;
+  outline-style: none;
+  @media (forced-colors: active) {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+  -webkit-user-select: none;
+  user-select: none;
+  &:hover {
+    @media (hover: hover) {
+      &:not(*:disabled) {
+        background-color: var(--mix-color);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklch, var(--mix-color), white var(--hover-lighten, 20%));
+        }
+      }
+    }
+  }
+  &:focus {
+    background-color: var(--mix-color);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklch, var(--mix-color), white var(--hover-lighten, 20%));
+    }
+  }
+  &[data-disabled] {
+    pointer-events: none;
+  }
+  &[data-disabled] {
+    opacity: 50%;
+  }
+  padding-block: calc(0.25rem * 1.5);
+  padding-right: calc(0.25rem * 2);
+  padding-left: calc(0.25rem * 2);
+  position: relative;
+  gap: calc(0.25rem * 2);
+}
+.select-item-indicator {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: calc(0.25rem * 3.5);
+  height: calc(0.25rem * 3.5);
+}
+.select-separator {
+  background-color: var(--color-border);
+  margin-inline: calc(0.25rem * -1);
+  margin-block: calc(0.25rem * 1);
+  height: 1px;
+}
+.select-content--sunken {
+  border-color: var(--color-border-sunken);
+  background-color: var(--color-background-sunken);
+  --tw-shadow-color: rgba(0, 0, 0, 0.05);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.05) var(--tw-shadow-alpha), transparent);
+  }
+}
+.select-content--sunken .select-item {
+  --mix-color: var(--color-background-sunken);
+}
+.select-content--base {
+  border-color: var(--color-border-base);
+  background-color: var(--color-background);
+  --tw-shadow-color: transparent;
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent);
+  }
+}
+.select-content--base .select-item {
+  --mix-color: var(--color-background);
+}
+.select-content--raised {
+  border-color: var(--color-border-raised);
+  background-color: var(--color-background-raised);
+  --tw-shadow-color: rgba(0, 0, 0, 0.05);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.05) var(--tw-shadow-alpha), transparent);
+  }
+}
+.select-content--raised .select-item {
+  --mix-color: var(--color-background-raised);
+}
+.select-content--overlay {
+  border-color: var(--color-border-overlay);
+  background-color: var(--color-background-overlay);
+  --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);
+  }
+}
+.select-content--overlay .select-item {
+  --mix-color: var(--color-background-overlay);
+}
+.select-content--floating {
+  border-color: var(--color-border-floating);
+  background-color: var(--color-background-floating);
+  --tw-shadow-color: rgba(0, 0, 0, 0.15);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.15) var(--tw-shadow-alpha), transparent);
+  }
+}
+.select-content--floating .select-item {
+  --mix-color: var(--color-background-floating);
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@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-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  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/separator.module.module.css.module.css

@@ -0,0 +1,13 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.separator {
+  flex-shrink: 0;
+  background-color: var(--color-border);
+}
+.separator--horizontal {
+  height: 1px;
+  width: 100%;
+}
+.separator--vertical {
+  height: 100%;
+  width: 1px;
+}