@eqtylab/equality 0.0.0

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

@@ -0,0 +1,393 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.toast-viewport {
+  display: flex;
+  flex-direction: column-reverse;
+  @media (width >= 40rem) {
+    flex-direction: column;
+  }
+  padding: calc(0.25rem * 4);
+  position: fixed;
+  top: calc(0.25rem * 0);
+  z-index: 9999;
+  @media (width >= 40rem) {
+    top: auto;
+  }
+  @media (width >= 40rem) {
+    right: calc(0.25rem * 0);
+  }
+  @media (width >= 40rem) {
+    bottom: calc(0.25rem * 0);
+  }
+  max-height: 100vh;
+  width: 100%;
+  @media (width >= 48rem) {
+    max-width: 28rem;
+  }
+}
+.toast {
+  pointer-events: auto;
+  position: relative;
+  transition-property: all;
+  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: space-between;
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  --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-backdrop-blur: blur(8px);
+  -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,);
+  width: 100%;
+  overflow: hidden;
+  :where(& > :not(:last-child)) {
+    --tw-space-x-reverse: 0;
+    margin-inline-start: calc(calc(0.25rem * 4) * var(--tw-space-x-reverse));
+    margin-inline-end: calc(calc(0.25rem * 4) * calc(1 - var(--tw-space-x-reverse)));
+  }
+  border-radius: var(--radius-md, 0.375rem);
+  padding: calc(0.25rem * 4);
+  padding-right: calc(0.25rem * 8);
+  &[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-translate-y: calc(1*-100%);
+  }
+  @media (width >= 40rem) {
+    &[data-state="open"] {
+      --tw-enter-translate-y: calc(1*100%);
+    }
+  }
+  &[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(80/100);
+    --tw-exit-opacity: .8;
+  }
+  &[data-state="closed"] {
+    --tw-exit-translate-x: calc(1*100%);
+  }
+  &[data-swipe="end"] {
+    --tw-translate-x: var(--radix-toast-swipe-end-x);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &[data-swipe="end"] {
+    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-swipe="move"] {
+    --tw-translate-x: var(--radix-toast-swipe-move-x);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &[data-swipe="move"] {
+    transition-property: none;
+  }
+  &[data-swipe="cancel"] {
+    --tw-translate-x: calc(0.25rem * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.toast--default {
+  --mix-color: var(--color-brand-primary);
+  --hover-darken: 50%;
+  border-color: var(--color-brand-primary);
+  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%));
+  }
+  color: var(--color-brand-primary);
+}
+.toast--danger {
+  border-color: var(--color-red-400);
+  background-color: var(--color-red-800);
+  color: var(--color-red-400);
+}
+.toast--warning {
+  border-color: var(--color-yellow-400);
+  background-color: var(--color-yellow-800);
+  color: var(--color-yellow-400);
+}
+.toast--success {
+  border-color: var(--color-emerald-400);
+  background-color: var(--color-emerald-800);
+  color: var(--color-emerald-400);
+}
+.toast-action {
+  --mix-color: var(--color-button-secondary-fill);
+  height: calc(0.25rem * 7);
+  padding-inline: calc(0.25rem * 2);
+  font-size: 0.75rem;
+  line-height: var(--tw-leading, calc(1 / 0.75));
+  border-radius: var(--radius-md, 0.375rem);
+  font-size: 0.875rem;
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
+  --tw-font-weight: 500;
+  font-weight: 500;
+  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);
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: calc(0.25rem * 1);
+  cursor: pointer;
+  &:disabled {
+    cursor: not-allowed;
+  }
+  &:disabled {
+    opacity: 50%;
+  }
+  & svg {
+    pointer-events: none;
+  }
+  & svg {
+    width: calc(0.25rem * 4);
+    height: calc(0.25rem * 4);
+  }
+  & svg {
+    flex-shrink: 0;
+  }
+  --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;
+  }
+  background-color: var(--mix-color);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-button-secondary-border);
+  color: var(--color-button-secondary-text);
+  &: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%));
+        }
+      }
+    }
+  }
+}
+.toast--danger .toast-action {
+  border-color: var(--color-greyscale-400);
+}
+.toast--danger:hover .toast-action {
+  border-color: var(--color-red-400);
+  background-color: var(--color-red-800);
+  color: var(--color-red-400);
+}
+.toast--danger:focus .toast-action {
+  --tw-ring-color: var(--color-red-400);
+}
+.toast-close {
+  color: inherit;
+  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: var(--radius-md, 0.375rem);
+  padding: calc(0.25rem * 1);
+  position: absolute;
+  top: calc(0.25rem * 2);
+  right: 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;
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-text-primary);
+    }
+  }
+}
+.toast-close-icon {
+  width: calc(0.25rem * 4);
+  height: calc(0.25rem * 4);
+}
+.toast-title {
+  font-size: 0.875rem;
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
+  --tw-font-weight: 600;
+  font-weight: 600;
+}
+.toast-description {
+  font-size: 0.875rem;
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
+  color: var(--color-text-secondary);
+}
+@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-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-space-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@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;
+}
+@property --tw-duration {
+  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/toast.module.module.css.module.css

@@ -0,0 +1,11 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.toast-copy {
+  display: grid;
+  gap: calc(0.25rem * 1);
+}
+.toast-action {
+  margin-top: calc(0.25rem * 2);
+  display: flex;
+  justify-content: flex-end;
+  gap: calc(0.25rem * 1);
+}

package/dist/tokens.css

@@ -0,0 +1,3 @@
+@import './generated/light-tokens.css';
+@import './generated/dark-tokens.css';
+@import './generated/tailwind-tokens.css';

package/dist/tooltip.module.module.css.module.css

@@ -0,0 +1,139 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.tooltip-content {
+  z-index: 9999;
+  overflow: hidden;
+  border-radius: var(--radius-md, 0.375rem);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-border-overlay);
+  background-color: var(--color-background-overlay);
+  --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);
+  --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);
+  }
+  font-size: 0.875rem;
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
+  color: var(--color-text-primary);
+  padding-inline: calc(0.25rem * 3);
+  padding-block: calc(0.25rem * 1.5);
+  transform-origin: var(--radix-tooltip-content-transform-origin);
+  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);
+  --tw-enter-opacity: calc(0/100);
+  --tw-enter-opacity: 0;
+  --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;
+  }
+  &[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));
+  }
+}
+.tooltip-arrow {
+  fill: var(--color-border);
+  stroke: var(--color-border);
+  stroke-width: 1;
+}
+@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;
+}
+@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/truncated-description.module.module.css.module.css

@@ -0,0 +1,15 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.truncated-description {
+  font-size: 0.875rem;
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
+  :where(& > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));
+  }
+}
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}

package/package.json

@@ -0,0 +1,101 @@
+{
+  "name": "@eqtylab/equality",
+  "description": "EQTYLab's component and token-based design system",
+  "homepage": "https://equality.eqtylab.io/",
+  "version": "0.0.0",
+  "license": "Apache-2.0",
+  "keywords": [
+    "component library",
+    "react",
+    "components"
+  ],
+  "private": false,
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./scripts": {
+      "types": "./dist/scripts.d.ts",
+      "import": "./dist/scripts.js",
+      "require": "./dist/scripts.cjs"
+    },
+    "./theme-config.css": "./dist/global-theme-config.css"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.3",
+    "@radix-ui/react-alert-dialog": "^1.1.2",
+    "@radix-ui/react-avatar": "^1.1.2",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-collapsible": "^1.1.2",
+    "@radix-ui/react-dialog": "^1.1.4",
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
+    "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-popover": "^1.1.3",
+    "@radix-ui/react-progress": "^1.1.1",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.1",
+    "@radix-ui/react-select": "^2.1.2",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.1",
+    "@radix-ui/react-toast": "^1.2.4",
+    "@radix-ui/react-tooltip": "^1.1.4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "lucide-react": "^0.545.0",
+    "motion": "^12.23.24",
+    "react-hook-form": "^7.63.0",
+    "react-syntax-highlighter": "^16.1.0",
+    "react-truncate-inside": "^1.0.3",
+    "tailwind-merge": "^2.5.4",
+    "tw-animate-css": "^1.4.0",
+    "vaul": "^1.1.2"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.14",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "autoprefixer": "^10.4.0",
+    "chokidar-cli": "^3.0.0",
+    "postcss": "^8.4.47",
+    "postcss-cli": "^11.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "style-dictionary": "^5.1.1",
+    "tailwindcss": "^4.1.14",
+    "tsup": "^8.0.1",
+    "tw-animate-css": "^1.4.0",
+    "typescript": ">=5.4.x"
+  },
+  "scripts": {
+    "dev": "pnpm run watch:tokens",
+    "build": "pnpm run build:tokens && pnpm run build:lib",
+    "build:tokens": "node src/scripts/build-tokens.js && prettier --write ../tokens/equality-tokens.json",
+    "build:lib": "tsup --config tsup.config.ts && cp src/theme/*.css dist/ && mkdir -p dist/generated && cp src/theme/generated/*.css dist/generated/",
+    "watch": "tsup --config tsup.config.ts --watch",
+    "watch:tokens": "chokidar '../tokens/equality-tokens.json' --debounce 300 --initial=false -c 'pnpm run build:tokens'",
+    "release": "pnpm run build && pnpm publish --access public --no-git-checks"
+  }
+}