@eqtylab/equality 0.0.0

package/dist/theme-preflight-global.css

@@ -0,0 +1,260 @@
+@layer base {
+  /* =========================================================
+     GLOBAL PREFLIGHT (kept intact)
+     ========================================================= */
+
+  /* 1) Box model + resets + border-color */
+  html,
+  html *,
+  html ::after,
+  html ::before,
+  html ::backdrop,
+  html ::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+    border-color: var(--color-border);
+  }
+
+  /* Cursor for buttons */
+  html button {
+    cursor: pointer;
+  }
+
+  /* Typography + platform defaults */
+  html {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: var(--font-sans);
+    -webkit-tap-highlight-color: transparent;
+    font-synthesis: none;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  /* Horizontal rule */
+  html hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+
+  /* Abbr */
+  html abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+
+  /* Headings reset */
+  html h1,
+  html h2,
+  html h3,
+  html h4,
+  html h5,
+  html h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+
+  /* Links */
+  html a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+
+  /* Strong */
+  html b,
+  html strong {
+    font-weight: bolder;
+  }
+
+  /* Code fonts */
+  html code,
+  html kbd,
+  html samp,
+  html pre {
+    font-family:
+      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+      monospace;
+    font-size: 1em;
+  }
+
+  /* Small */
+  html small {
+    font-size: 80%;
+  }
+
+  /* Sub/Sup */
+  html sub,
+  html sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  html sub {
+    bottom: -0.25em;
+  }
+  html sup {
+    top: -0.5em;
+  }
+
+  /* Tables */
+  html table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+
+  /* Firefox focus */
+  html :-moz-focusring {
+    outline: auto;
+  }
+
+  /* Progress baseline */
+  html progress {
+    vertical-align: baseline;
+  }
+
+  /* Summary display */
+  html summary {
+    display: list-item;
+  }
+
+  /* Lists unstyled */
+  html ol,
+  html ul,
+  html menu {
+    list-style: none;
+  }
+
+  /* Replaced elements */
+  html img,
+  html svg,
+  html video,
+  html canvas,
+  html audio,
+  html iframe,
+  html embed,
+  html object {
+    display: block;
+    vertical-align: middle;
+  }
+
+  /* Media constraints */
+  html img,
+  html video {
+    max-width: 100%;
+    height: auto;
+  }
+
+  /* Form element normalizations */
+  html button,
+  html input,
+  html select,
+  html optgroup,
+  html textarea,
+  html ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+
+  /* Select optgroup weight */
+  html :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+
+  /* Select optgroup option indent */
+  html :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+
+  /* File button spacing */
+  html ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+
+  /* Placeholder */
+  html ::placeholder {
+    opacity: 1;
+  }
+
+  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
+    html ::placeholder {
+      color: color-mix(in oklab, currentcolor 50%, transparent);
+    }
+  }
+
+  /* Textarea resize */
+  html textarea {
+    resize: vertical;
+  }
+
+  /* WebKit search decoration */
+  html ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+
+  /* iOS date/time */
+  html ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+
+  html ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+
+  html ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+
+  html ::-webkit-datetime-edit,
+  html ::-webkit-datetime-edit-year-field,
+  html ::-webkit-datetime-edit-month-field,
+  html ::-webkit-datetime-edit-day-field,
+  html ::-webkit-datetime-edit-hour-field,
+  html ::-webkit-datetime-edit-minute-field,
+  html ::-webkit-datetime-edit-second-field,
+  html ::-webkit-datetime-edit-millisecond-field,
+  html ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+
+  html ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+
+  /* Firefox invalid */
+  html :-moz-ui-invalid {
+    box-shadow: none;
+  }
+
+  /* Button appearances */
+  html button,
+  html input:where([type='button'], [type='reset'], [type='submit']),
+  html ::file-selector-button {
+    appearance: button;
+  }
+
+  /* Safari spin buttons */
+  html ::-webkit-inner-spin-button,
+  html ::-webkit-outer-spin-button {
+    height: auto;
+  }
+
+  /* Hidden */
+  html [hidden]:where(:not([hidden='until-found'])) {
+    display: none !important;
+  }
+}

package/dist/theme-preflight-scoped.css

@@ -0,0 +1,261 @@
+@layer base {
+  /* =========================================================
+     SCOPED PREFLIGHT (kept intact; selectors retargeted)
+     ========================================================= */
+
+  /* 1) Box model + resets + border-color */
+  :global(#equality-theme-provider-root),
+  :global(#equality-theme-provider-root) *,
+  :global(#equality-theme-provider-root) ::after,
+  :global(#equality-theme-provider-root) ::before,
+  :global(#equality-theme-provider-root) ::backdrop,
+  :global(#equality-theme-provider-root) ::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+    border-color: var(--color-border);
+  }
+
+  /* Cursor for buttons */
+  :global(#equality-theme-provider-root) button {
+    cursor: pointer;
+  }
+
+  /* Typography + platform defaults */
+  :global(#equality-theme-provider-root) {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: var(--font-sans);
+    -webkit-tap-highlight-color: transparent;
+    font-synthesis: none;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  /* Horizontal rule */
+  :global(#equality-theme-provider-root) hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+
+  /* Abbr */
+  :global(#equality-theme-provider-root) abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+
+  /* Headings reset */
+  :global(#equality-theme-provider-root) h1,
+  :global(#equality-theme-provider-root) h2,
+  :global(#equality-theme-provider-root) h3,
+  :global(#equality-theme-provider-root) h4,
+  :global(#equality-theme-provider-root) h5,
+  :global(#equality-theme-provider-root) h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+
+  /* Links */
+  :global(#equality-theme-provider-root) a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+
+  /* Strong */
+  :global(#equality-theme-provider-root) b,
+  :global(#equality-theme-provider-root) strong {
+    font-weight: bolder;
+  }
+
+  /* Code fonts */
+  :global(#equality-theme-provider-root) code,
+  :global(#equality-theme-provider-root) kbd,
+  :global(#equality-theme-provider-root) samp,
+  :global(#equality-theme-provider-root) pre {
+    font-family:
+      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+      monospace;
+    font-size: 1em;
+  }
+
+  /* Small */
+  :global(#equality-theme-provider-root) small {
+    font-size: 80%;
+  }
+
+  /* Sub/Sup */
+  :global(#equality-theme-provider-root) sub,
+  :global(#equality-theme-provider-root) sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  :global(#equality-theme-provider-root) sub {
+    bottom: -0.25em;
+  }
+  :global(#equality-theme-provider-root) sup {
+    top: -0.5em;
+  }
+
+  /* Tables */
+  :global(#equality-theme-provider-root) table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+
+  /* Firefox focus */
+  :global(#equality-theme-provider-root) :-moz-focusring {
+    outline: auto;
+  }
+
+  /* Progress baseline */
+  :global(#equality-theme-provider-root) progress {
+    vertical-align: baseline;
+  }
+
+  /* Summary display */
+  :global(#equality-theme-provider-root) summary {
+    display: list-item;
+  }
+
+  /* Lists unstyled */
+  :global(#equality-theme-provider-root) ol,
+  :global(#equality-theme-provider-root) ul,
+  :global(#equality-theme-provider-root) menu {
+    list-style: none;
+  }
+
+  /* Replaced elements */
+  :global(#equality-theme-provider-root) img,
+  :global(#equality-theme-provider-root) svg,
+  :global(#equality-theme-provider-root) video,
+  :global(#equality-theme-provider-root) canvas,
+  :global(#equality-theme-provider-root) audio,
+  :global(#equality-theme-provider-root) iframe,
+  :global(#equality-theme-provider-root) embed,
+  :global(#equality-theme-provider-root) object {
+    display: block;
+    vertical-align: middle;
+  }
+
+  /* Media constraints */
+  :global(#equality-theme-provider-root) img,
+  :global(#equality-theme-provider-root) video {
+    max-width: 100%;
+    height: auto;
+  }
+
+  /* Form element normalizations */
+  :global(#equality-theme-provider-root) button,
+  :global(#equality-theme-provider-root) input,
+  :global(#equality-theme-provider-root) select,
+  :global(#equality-theme-provider-root) optgroup,
+  :global(#equality-theme-provider-root) textarea,
+  :global(#equality-theme-provider-root) ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+
+  /* Select optgroup weight */
+  :global(#equality-theme-provider-root) :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+
+  /* Select optgroup option indent */
+  :global(#equality-theme-provider-root) :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+
+  /* File button spacing */
+  :global(#equality-theme-provider-root) ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+
+  /* Placeholder */
+  :global(#equality-theme-provider-root) ::placeholder {
+    opacity: 1;
+  }
+
+  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
+    :global(#equality-theme-provider-root) ::placeholder {
+      color: color-mix(in oklab, currentcolor 50%, transparent);
+    }
+  }
+
+  /* Textarea resize */
+  :global(#equality-theme-provider-root) textarea {
+    resize: vertical;
+  }
+
+  /* WebKit search decoration */
+  :global(#equality-theme-provider-root) ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+
+  /* iOS date/time */
+  :global(#equality-theme-provider-root) ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+
+  :global(#equality-theme-provider-root) ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+
+  :global(#equality-theme-provider-root) ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+
+  :global(#equality-theme-provider-root) ::-webkit-datetime-edit,
+  :global(#equality-theme-provider-root) ::-webkit-datetime-edit-year-field,
+  :global(#equality-theme-provider-root) ::-webkit-datetime-edit-month-field,
+  :global(#equality-theme-provider-root) ::-webkit-datetime-edit-day-field,
+  :global(#equality-theme-provider-root) ::-webkit-datetime-edit-hour-field,
+  :global(#equality-theme-provider-root) ::-webkit-datetime-edit-minute-field,
+  :global(#equality-theme-provider-root) ::-webkit-datetime-edit-second-field,
+  :global(#equality-theme-provider-root) ::-webkit-datetime-edit-millisecond-field,
+  :global(#equality-theme-provider-root) ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+
+  :global(#equality-theme-provider-root) ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+
+  /* Firefox invalid */
+  :global(#equality-theme-provider-root) :-moz-ui-invalid {
+    box-shadow: none;
+  }
+
+  /* Button appearances */
+  :global(#equality-theme-provider-root) button,
+  :global(#equality-theme-provider-root)
+    input:where([type='button'], [type='reset'], [type='submit']),
+  :global(#equality-theme-provider-root) ::file-selector-button {
+    appearance: button;
+  }
+
+  /* Safari spin buttons */
+  :global(#equality-theme-provider-root) ::-webkit-inner-spin-button,
+  :global(#equality-theme-provider-root) ::-webkit-outer-spin-button {
+    height: auto;
+  }
+
+  /* Hidden */
+  :global(#equality-theme-provider-root) [hidden]:where(:not([hidden='until-found'])) {
+    display: none !important;
+  }
+}

package/dist/theme-utilities.css

@@ -0,0 +1,54 @@
+@utility focus-ring {
+  @apply ring-offset-background;
+  @apply focus-visible:ring-focus-ring;
+  @apply focus-visible:ring-2;
+  @apply focus-visible:ring-offset-2;
+  @apply focus-visible:outline-none;
+}
+
+@utility overlay-background {
+  @apply backdrop-blur-xs bg-black/80;
+}
+
+@utility overlay-content {
+  @apply z-overlay fixed inset-0;
+}
+
+@utility flex-center {
+  @apply flex items-center justify-center;
+}
+
+@utility flex-center-between {
+  @apply flex items-center justify-between;
+}
+
+@utility dropdown-content {
+  @apply bg-background-floating text-text-primary border-border border;
+  @apply z-dropdown rounded-md p-1;
+  @apply overflow-y-auto overflow-x-hidden;
+  @apply max-h-80 min-w-32;
+  @apply data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2;
+  @apply data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95;
+  @apply data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95;
+}
+
+@utility dropdown-item {
+  --mix-color: var(--color-background);
+  @apply cursor-pointer;
+  @apply flex items-center;
+  @apply text-sm transition-colors;
+  @apply relative rounded-sm;
+  @apply outline-hidden select-none;
+  @apply hover:not-disabled:bg-mixed-light focus:bg-mixed-light;
+  @apply data-disabled:pointer-events-none data-disabled:opacity-50;
+}
+
+@utility animate-popup-overlay {
+  @apply data-[state=open]:animate-in data-[state=open]:fade-in-0;
+  @apply data-[state=closed]:animate-out data-[state=closed]:fade-out-0;
+}
+
+@utility animate-popup-content {
+  @apply data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in;
+  @apply data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95;
+}

package/dist/theme.module.css

@@ -0,0 +1,15 @@
+@layer theme, base, components, utilities;
+
+@import 'tailwindcss/theme.css' layer(theme) theme(inline);
+@import 'tailwindcss/utilities.css' layer(utilities);
+@import 'tw-animate-css';
+
+@config '../../tailwind.config.js';
+
+/* COLORS SCOPED TO THEME PROVIDER */
+@import './tokens.css';
+
+@import './theme-base.css';
+@import './theme-preflight-scoped.css';
+@import './theme-components.css';
+@import './theme-utilities.css';