@eqtylab/equality 0.0.0

package/dist/switch.module.module.css.module.css

@@ -0,0 +1,226 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.switch {
+  cursor: pointer;
+  border-radius: calc(infinity * 1px);
+  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: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  border-style: var(--tw-border-style);
+  border-width: 2px;
+  border-color: transparent;
+  --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;
+  }
+  &:disabled {
+    cursor: not-allowed;
+  }
+  &:disabled {
+    opacity: 50%;
+  }
+}
+.thumb {
+  background-color: var(--color-background);
+  --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));
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
+  transition-property: transform, translate, scale, rotate;
+  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;
+  justify-content: center;
+  border-radius: calc(infinity * 1px);
+  pointer-events: none;
+  &[data-state="unchecked"] {
+    --tw-translate-x: calc(0.25rem * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.thumb-icon {
+  color: var(--color-text-primary);
+}
+.switch.sm {
+  height: calc(0.25rem * 5);
+  width: calc(0.25rem * 9);
+}
+.switch.md {
+  height: calc(0.25rem * 6);
+  width: calc(0.25rem * 11);
+}
+.switch.lg {
+  height: calc(0.25rem * 7);
+  width: calc(0.25rem * 13);
+}
+.thumb.sm {
+  width: calc(0.25rem * 4);
+  height: calc(0.25rem * 4);
+  &[data-state="checked"] {
+    --tw-translate-x: calc(0.25rem * 4);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.thumb.md {
+  width: calc(0.25rem * 5);
+  height: calc(0.25rem * 5);
+  &[data-state="checked"] {
+    --tw-translate-x: calc(0.25rem * 5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.thumb.lg {
+  width: calc(0.25rem * 6);
+  height: calc(0.25rem * 6);
+  &[data-state="checked"] {
+    --tw-translate-x: calc(0.25rem * 6);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.switch.default {
+  --mix-color: var(--color-button-primary-fill);
+  &[data-state="checked"] {
+    background-color: var(--mix-color);
+  }
+  &[data-state="unchecked"] {
+    background-color: var(--color-greyscale-700);
+  }
+  &[data-state="checked"] {
+    &:hover {
+      @media (hover: hover) {
+        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-state="unchecked"] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-greyscale-600);
+      }
+    }
+  }
+}
+.switch.danger {
+  &[data-state="checked"] {
+    background-color: var(--color-red-500);
+  }
+  &[data-state="unchecked"] {
+    background-color: var(--color-red-700);
+  }
+  &[data-state="checked"] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-600);
+      }
+    }
+  }
+  &[data-state="unchecked"] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-600);
+      }
+    }
+  }
+}
+@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;
+}

package/dist/table-components.module.module.css.module.css

@@ -0,0 +1,116 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.table {
+  position: relative;
+  width: 100%;
+  overflow: auto;
+}
+.table-inner {
+  width: 100%;
+  caption-side: bottom;
+  font-size: 0.875rem;
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
+}
+.table-header {
+  & tr {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+}
+.table-body {
+  & tr:last-child {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+}
+.table-footer {
+  border-top-style: var(--tw-border-style);
+  border-top-width: 1px;
+  &:last-child {
+    &>tr {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 0px;
+    }
+  }
+  --tw-font-weight: 500;
+  font-weight: 500;
+}
+.table-row {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+  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);
+}
+.table-head {
+  height: calc(0.25rem * 12);
+  padding-inline: calc(0.25rem * 4);
+  vertical-align: middle;
+  text-align: left;
+  --tw-font-weight: 500;
+  font-weight: 500;
+  color: var(--color-text-primary);
+  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);
+  &:has([role=checkbox]) {
+    padding-right: calc(0.25rem * 0);
+  }
+}
+.table-cell {
+  padding-inline: calc(0.25rem * 4);
+  padding-block: calc(0.25rem * 3);
+  vertical-align: middle;
+  &:has([role=checkbox]) {
+    padding-right: calc(0.25rem * 0);
+  }
+}
+.table-caption {
+  margin-top: calc(0.25rem * 4);
+  font-size: 0.875rem;
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
+  color: var(--color-text-secondary);
+}
+.table--sunken .table-header,
+.table--sunken .table-footer {
+  background-color: var(--color-background-base);
+}
+.table--sunken .table-body {
+  background-color: var(--color-background-sunken);
+}
+.table--base .table-header,
+.table--base .table-footer {
+  background-color: var(--color-background-raised);
+}
+.table--base .table-body {
+  background-color: var(--color-background-base);
+}
+.table--raised .table-header,
+.table--raised .table-footer {
+  background-color: var(--color-background-overlay);
+}
+.table--raised .table-body {
+  background-color: var(--color-background-raised);
+}
+.table--overlay .table-header,
+.table--overlay .table-footer {
+  background-color: var(--color-background-floating);
+}
+.table--overlay .table-body {
+  background-color: var(--color-background-overlay);
+}
+.table--floating .table-header,
+.table--floating .table-footer {
+  background-color: var(--color-background-top);
+}
+.table--floating .table-body {
+  background-color: var(--color-background-floating);
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}

package/dist/table.module.module.css.module.css

@@ -0,0 +1,145 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.table {
+  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
+}
+.table-row-clickable {
+  --mix-color: var(--color-brand-primary);
+  --hover-darken: 50%;
+  cursor: pointer;
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--mix-color);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklch, var(--mix-color), black var(--hover-darken, 20%));
+      }
+    }
+  }
+  &[data-state="selected"] {
+    background-color: var(--mix-color);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklch, var(--mix-color), black var(--hover-darken, 20%));
+    }
+  }
+}
+.table-border {
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  overflow: hidden;
+  border-radius: var(--radius-md, 0.375rem);
+}
+.table--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);
+  }
+}
+.table--sunken.table-border {
+  border-color: var(--color-border-sunken);
+}
+.table--base {
+  --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);
+  }
+}
+.table--base.table-border {
+  border-color: var(--color-border-base);
+}
+.table--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);
+  }
+}
+.table--raised.table-border {
+  border-color: var(--color-border-raised);
+}
+.table--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);
+  }
+}
+.table--overlay.table-border {
+  border-color: var(--color-border-overlay);
+}
+.table--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);
+  }
+}
+.table--floating.table-border {
+  border-color: var(--color-border-floating);
+}
+@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-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}

package/dist/tabs-components.module.module.css.module.css

@@ -0,0 +1,136 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.tabs-list {
+  color: var(--color-text-secondary);
+  height: auto;
+  min-height: calc(0.25rem * 10);
+  display: flex;
+  align-items: center;
+}
+.tabs-trigger {
+  position: relative;
+  z-index: 10;
+  white-space: nowrap;
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--tw-duration, 150ms);
+  padding-inline: calc(0.25rem * 3);
+  padding-block: calc(0.25rem * 1.5);
+  font-size: 1.125rem;
+  line-height: var(--tw-leading, calc(1.75 / 1.125));
+  --tw-font-weight: 500;
+  font-weight: 500;
+  gap: calc(0.25rem * 2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  --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;
+  }
+  &:disabled {
+    pointer-events: none;
+  }
+  &:disabled {
+    opacity: 50%;
+  }
+}
+.tabs-content {
+  margin-top: 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;
+  }
+}
+@property --tw-font-weight {
+  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;
+}