@nexus-cross/design-system 1.0.0 → 1.0.2

package/dist/styles/layer.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk7AISZYWL_js = require('../chunks/chunk-7AISZYWL.js');
+var chunk55IEEVNR_js = require('../chunks/chunk-55IEEVNR.js');
 require('../chunks/chunk-JNMCYWGY.js');
 
 // src/styles/inject-layer.ts
@@ -9,7 +9,7 @@ var __nexus_styles_injected__ = typeof document !== "undefined" && !document.get
   const style = document.createElement("style");
   style.id = STYLE_ID;
   style.textContent = `@layer nexus {
-${chunk7AISZYWL_js.built_default}
+${chunk55IEEVNR_js.built_default}
 }`;
   document.head.appendChild(style);
   return true;

package/dist/styles/layer.mjs

@@ -1,4 +1,4 @@
-import { built_default } from '../chunks/chunk-V5OTJP6H.mjs';
+import { built_default } from '../chunks/chunk-XMG7ZEYY.mjs';
 import '../chunks/chunk-CVYXRSXT.mjs';
 
 // src/styles/inject-layer.ts

package/dist/styles.css

@@ -54,7 +54,7 @@
   --color-comp-btn-danger-base: var(--color-status-danger);
   --color-comp-btn-danger-hover: var(--color-status-danger-hover);
   --color-comp-btn-danger-pressed: var(--color-status-danger-pressed);
-  --color-comp-btn-danger-on: var(--color-static-white, #fff);
+  --color-comp-btn-danger-on: var(--color-static-white);
   --color-comp-btn-danger-text: var(
     --color-status-danger-intense,
     var(--color-status-danger)
@@ -88,6 +88,19 @@
   /* ── Button: Misc ── */
   --shadow-comp-btn: none;
   --opacity-comp-btn-disabled: 0.5;
+
+  /* ── Shared: Shadow ── */
+  --shadow-comp-sm: var(--shadow-elevation-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));
+  --shadow-comp-md: var(--shadow-elevation-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));
+  --shadow-comp-lg: var(--shadow-elevation-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
+
+  /* ── Shared: Overlay ── */
+  --color-comp-overlay: var(--color-overlay-dim, rgba(0, 0, 0, 0.6));
+
+  /* ── ErrorBoundary ── */
+  --color-comp-error-border: var(--color-status-danger);
+  --color-comp-error-bg: var(--color-status-danger-bg, #fef2f2);
+  --color-comp-error-text: var(--color-status-danger-intense, #991b1b);
 }
 
 /* ═══════════════════════════════════════════
@@ -311,11 +324,12 @@
 .nexus-text-input-field {
   display: flex;
   flex-direction: column;
-  gap: 0.375rem;
+  gap: 0.25rem;
 }
 .nexus-text-input-field__label {
-  font-size: var(--text-text-xs, 0.75rem);
-  color: var(--color-text-secondary);
+  font-size: var(--text-text-sm, 0.875rem);
+  font-weight: 600;
+  color: var(--color-text-muted);
   line-height: 1;
 }
 .nexus-text-input-field__footer {
@@ -325,15 +339,16 @@
 }
 .nexus-text-input-field__description {
   font-size: var(--text-text-xs, 0.75rem);
-  color: var(--color-text-tertiary);
-  line-height: 1.4;
+  color: var(--color-text-muted);
+  line-height: 1.5;
+  letter-spacing: -0.12px;
 }
 .nexus-text-input-field__description--error {
   color: var(--color-status-danger);
 }
 .nexus-text-input-field__count {
   font-size: var(--text-text-xs, 0.75rem);
-  color: var(--color-text-tertiary);
+  color: var(--color-text-muted);
   margin-left: auto;
   flex-shrink: 0;
 }
@@ -346,10 +361,12 @@
   display: flex;
   align-items: center;
   gap: 0.5rem;
-  border-radius: var(--radius-corner-md, 0.375rem);
+  border-radius: var(--radius-corner-md, 0.5rem);
   border: 1px solid var(--color-border-default);
   background: var(--color-surface-default);
   font-size: var(--text-text-sm, 0.875rem);
+  font-weight: 500;
+  line-height: 1;
   color: var(--color-text-primary);
   transition: border-color 200ms, box-shadow 200ms;
 }
@@ -357,7 +374,8 @@
   width: 100%;
 }
 .nexus-text-input:hover:not(.nexus-text-input--disabled):not(:focus-within) {
-  box-shadow: 0 0 0 0.5px var(--color-border-default);
+  border-color: var(--color-border-default-hover);
+  box-shadow: 0 0 0 0.5px var(--color-border-default-hover);
 }
 .nexus-text-input--default:focus-within {
   border-color: var(--color-accent-primary);
@@ -372,36 +390,30 @@
 }
 .nexus-text-input--disabled {
   cursor: not-allowed;
-  opacity: 0.5;
+  background: var(--color-surface-strong);
+  border-color: var(--color-border-medium);
+  color: var(--color-text-muted);
 }
 
 /* ── Sizes ── */
 .nexus-text-input--xl {
-  height: 3.5rem;
-  padding-inline: var(--spacing-padding-lg, 1.25rem);
+  padding: calc(var(--spacing-padding-md, 1rem) - 1px) var(--spacing-padding-md, 1rem);
   font-size: var(--text-text-base, 1rem);
 }
 .nexus-text-input--lg {
-  height: 3rem;
-  padding-inline: var(--spacing-padding-md, 1rem);
+  padding: calc(var(--spacing-padding-sm, 0.75rem) - 1px) var(--spacing-padding-sm, 0.75rem);
   font-size: var(--text-text-base, 1rem);
 }
 .nexus-text-input--md {
-  height: 2.5rem;
-  padding-inline: var(--spacing-padding-sm, 0.75rem);
+  padding: calc(var(--spacing-padding-xs, 0.5rem) - 1px) var(--spacing-padding-sm, 0.75rem);
   font-size: var(--text-text-sm, 0.875rem);
 }
-.nexus-text-input--sm {
-  height: 2rem;
-  padding-inline: 0.625rem;
-  font-size: var(--text-text-xs, 0.75rem);
-}
 
 /* ── Inner elements ── */
 .nexus-text-input__inner {
   flex: 1;
   min-width: 0;
-  height: 100%;
+  padding: 0;
   background: transparent;
   border: none;
   outline: none;
@@ -412,31 +424,30 @@
   outline: none;
 }
 .nexus-text-input__inner::placeholder {
-  color: var(--color-text-tertiary);
+  color: var(--color-text-muted);
 }
 .nexus-text-input__icon {
   display: flex;
   flex-shrink: 0;
-  color: var(--color-text-tertiary);
+  color: var(--color-text-muted);
 }
 .nexus-text-input__clear {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  width: 1.25rem;
-  height: 1.25rem;
+  width: 1rem;
+  height: 1rem;
   border: none;
   background: transparent;
-  color: var(--color-text-tertiary);
+  color: var(--color-text-muted);
   cursor: pointer;
   padding: 0;
-  border-radius: var(--radius-corner-full, 9999px);
-  transition: color 150ms, background-color 150ms;
+  transition: color 150ms;
 }
 .nexus-text-input__clear:hover {
-  color: var(--color-text-secondary);
-  background-color: var(--color-surface-hover, rgba(0, 0, 0, 0.06));
+  color: var(--color-icon-tertiary-hover);
+  background: transparent;
 }
 
 /* ═══════════════════════════════════════════
@@ -737,8 +748,8 @@
   pointer-events: none;
   display: block;
   border-radius: 9999px;
-  background: #fff;
-  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  background: var(--color-static-white);
+  box-shadow: var(--shadow-comp-sm);
   transition-property: transform;
   transition-duration: 200ms;
 }
@@ -813,7 +824,7 @@
 .nexus-checkbox__box--checked {
   border-color: var(--color-accent-primary);
   background: var(--color-accent-primary);
-  color: #fff;
+  color: var(--color-static-white);
 }
 .nexus-checkbox__box--unchecked {
   border-color: var(--color-border-default);
@@ -1027,7 +1038,7 @@
 }
 .nexus-page-btn--active {
   background: var(--color-accent-primary);
-  color: #fff;
+  color: var(--color-static-white);
   border-color: var(--color-accent-primary);
 }
 .nexus-page-btn--inactive {
@@ -1097,7 +1108,7 @@
 .nexus-tab-trigger--pill-active {
   color: var(--color-text-primary);
   background: var(--color-surface-default);
-  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  box-shadow: var(--shadow-comp-sm);
 }
 .nexus-tab-trigger--sm {
   font-size: var(--text-text-xs, 0.75rem);
@@ -1152,9 +1163,9 @@
 .nexus-error-boundary {
   padding: 1rem;
   border-radius: var(--radius-corner-lg, 0.5rem);
-  border: 1px solid var(--color-status-danger, #ef4444);
-  background: var(--color-bg-negative, #fef2f2);
-  color: var(--color-text-negative, #991b1b);
+  border: 1px solid var(--color-comp-error-border);
+  background: var(--color-comp-error-bg);
+  color: var(--color-comp-error-text);
   font-size: var(--text-text-sm, 0.875rem);
 }
 .nexus-error-boundary__title {
@@ -1333,7 +1344,7 @@
   border-radius: var(--radius-corner-sm, 0.25rem);
   border: 1px solid var(--color-border-default);
   background: var(--color-surface-default);
-  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
+  box-shadow: var(--shadow-comp-lg);
   transform-origin: top center;
   will-change: transform, opacity;
 }
@@ -1408,7 +1419,7 @@
   border: 1px solid var(--color-border-default);
   background: var(--color-static-white);
   color: var(--color-static-black);
-  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
+  box-shadow: var(--shadow-comp-md);
 }
 .nexus-tooltip--dark {
   border: none;
@@ -1434,7 +1445,7 @@
   border-radius: var(--radius-corner-lg, 0.5rem);
   border: 1px solid var(--color-border-default);
   padding: var(--spacing-padding-md, 1rem);
-  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
+  box-shadow: var(--shadow-comp-lg);
   outline: none;
   background: var(--color-surface-default);
   color: var(--color-text-primary);
@@ -1467,7 +1478,7 @@
   position: fixed;
   inset: 0;
   z-index: 50;
-  background: rgba(0, 0, 0, 0.6);
+  background: var(--color-comp-overlay);
 }
 .nexus-drawer-overlay--blur-sm {
   backdrop-filter: blur(4px);
@@ -1662,7 +1673,7 @@
   border-radius: 9999px;
   background: var(--color-surface-default);
   border: 1px solid var(--color-border-default);
-  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  box-shadow: var(--shadow-comp-sm);
   color: var(--color-text-primary);
   transition-property: background-color;
   transition-duration: 150ms;
@@ -1718,7 +1729,7 @@
   border-radius: var(--radius-corner-lg, 0.5rem);
   border: 1px solid var(--color-border-default);
   padding: var(--spacing-padding-sm, 0.75rem) var(--spacing-padding-md, 1rem);
-  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
+  box-shadow: var(--shadow-comp-lg);
   background: var(--color-surface-default);
   color: var(--color-text-primary);
 }

package/dist/styles.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk7AISZYWL_js = require('./chunks/chunk-7AISZYWL.js');
+var chunk55IEEVNR_js = require('./chunks/chunk-55IEEVNR.js');
 require('./chunks/chunk-JNMCYWGY.js');
 
 // src/styles/inject.ts
@@ -8,7 +8,7 @@ var STYLE_ID = "__nexus-ds__";
 var __nexus_styles_injected__ = typeof document !== "undefined" && !document.getElementById(STYLE_ID) ? (() => {
   const style = document.createElement("style");
   style.id = STYLE_ID;
-  style.textContent = chunk7AISZYWL_js.built_default;
+  style.textContent = chunk55IEEVNR_js.built_default;
   document.head.appendChild(style);
   return true;
 })() : false;

package/dist/styles.layered.css

@@ -55,7 +55,7 @@
   --color-comp-btn-danger-base: var(--color-status-danger);
   --color-comp-btn-danger-hover: var(--color-status-danger-hover);
   --color-comp-btn-danger-pressed: var(--color-status-danger-pressed);
-  --color-comp-btn-danger-on: var(--color-static-white, #fff);
+  --color-comp-btn-danger-on: var(--color-static-white);
   --color-comp-btn-danger-text: var(
     --color-status-danger-intense,
     var(--color-status-danger)
@@ -89,6 +89,19 @@
   /* ── Button: Misc ── */
   --shadow-comp-btn: none;
   --opacity-comp-btn-disabled: 0.5;
+
+  /* ── Shared: Shadow ── */
+  --shadow-comp-sm: var(--shadow-elevation-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));
+  --shadow-comp-md: var(--shadow-elevation-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));
+  --shadow-comp-lg: var(--shadow-elevation-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
+
+  /* ── Shared: Overlay ── */
+  --color-comp-overlay: var(--color-overlay-dim, rgba(0, 0, 0, 0.6));
+
+  /* ── ErrorBoundary ── */
+  --color-comp-error-border: var(--color-status-danger);
+  --color-comp-error-bg: var(--color-status-danger-bg, #fef2f2);
+  --color-comp-error-text: var(--color-status-danger-intense, #991b1b);
 }
 
 /* ═══════════════════════════════════════════
@@ -312,11 +325,12 @@
 .nexus-text-input-field {
   display: flex;
   flex-direction: column;
-  gap: 0.375rem;
+  gap: 0.25rem;
 }
 .nexus-text-input-field__label {
-  font-size: var(--text-text-xs, 0.75rem);
-  color: var(--color-text-secondary);
+  font-size: var(--text-text-sm, 0.875rem);
+  font-weight: 600;
+  color: var(--color-text-muted);
   line-height: 1;
 }
 .nexus-text-input-field__footer {
@@ -326,15 +340,16 @@
 }
 .nexus-text-input-field__description {
   font-size: var(--text-text-xs, 0.75rem);
-  color: var(--color-text-tertiary);
-  line-height: 1.4;
+  color: var(--color-text-muted);
+  line-height: 1.5;
+  letter-spacing: -0.12px;
 }
 .nexus-text-input-field__description--error {
   color: var(--color-status-danger);
 }
 .nexus-text-input-field__count {
   font-size: var(--text-text-xs, 0.75rem);
-  color: var(--color-text-tertiary);
+  color: var(--color-text-muted);
   margin-left: auto;
   flex-shrink: 0;
 }
@@ -347,10 +362,12 @@
   display: flex;
   align-items: center;
   gap: 0.5rem;
-  border-radius: var(--radius-corner-md, 0.375rem);
+  border-radius: var(--radius-corner-md, 0.5rem);
   border: 1px solid var(--color-border-default);
   background: var(--color-surface-default);
   font-size: var(--text-text-sm, 0.875rem);
+  font-weight: 500;
+  line-height: 1;
   color: var(--color-text-primary);
   transition: border-color 200ms, box-shadow 200ms;
 }
@@ -358,7 +375,8 @@
   width: 100%;
 }
 .nexus-text-input:hover:not(.nexus-text-input--disabled):not(:focus-within) {
-  box-shadow: 0 0 0 0.5px var(--color-border-default);
+  border-color: var(--color-border-default-hover);
+  box-shadow: 0 0 0 0.5px var(--color-border-default-hover);
 }
 .nexus-text-input--default:focus-within {
   border-color: var(--color-accent-primary);
@@ -373,36 +391,30 @@
 }
 .nexus-text-input--disabled {
   cursor: not-allowed;
-  opacity: 0.5;
+  background: var(--color-surface-strong);
+  border-color: var(--color-border-medium);
+  color: var(--color-text-muted);
 }
 
 /* ── Sizes ── */
 .nexus-text-input--xl {
-  height: 3.5rem;
-  padding-inline: var(--spacing-padding-lg, 1.25rem);
+  padding: calc(var(--spacing-padding-md, 1rem) - 1px) var(--spacing-padding-md, 1rem);
   font-size: var(--text-text-base, 1rem);
 }
 .nexus-text-input--lg {
-  height: 3rem;
-  padding-inline: var(--spacing-padding-md, 1rem);
+  padding: calc(var(--spacing-padding-sm, 0.75rem) - 1px) var(--spacing-padding-sm, 0.75rem);
   font-size: var(--text-text-base, 1rem);
 }
 .nexus-text-input--md {
-  height: 2.5rem;
-  padding-inline: var(--spacing-padding-sm, 0.75rem);
+  padding: calc(var(--spacing-padding-xs, 0.5rem) - 1px) var(--spacing-padding-sm, 0.75rem);
   font-size: var(--text-text-sm, 0.875rem);
 }
-.nexus-text-input--sm {
-  height: 2rem;
-  padding-inline: 0.625rem;
-  font-size: var(--text-text-xs, 0.75rem);
-}
 
 /* ── Inner elements ── */
 .nexus-text-input__inner {
   flex: 1;
   min-width: 0;
-  height: 100%;
+  padding: 0;
   background: transparent;
   border: none;
   outline: none;
@@ -413,31 +425,30 @@
   outline: none;
 }
 .nexus-text-input__inner::placeholder {
-  color: var(--color-text-tertiary);
+  color: var(--color-text-muted);
 }
 .nexus-text-input__icon {
   display: flex;
   flex-shrink: 0;
-  color: var(--color-text-tertiary);
+  color: var(--color-text-muted);
 }
 .nexus-text-input__clear {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  width: 1.25rem;
-  height: 1.25rem;
+  width: 1rem;
+  height: 1rem;
   border: none;
   background: transparent;
-  color: var(--color-text-tertiary);
+  color: var(--color-text-muted);
   cursor: pointer;
   padding: 0;
-  border-radius: var(--radius-corner-full, 9999px);
-  transition: color 150ms, background-color 150ms;
+  transition: color 150ms;
 }
 .nexus-text-input__clear:hover {
-  color: var(--color-text-secondary);
-  background-color: var(--color-surface-hover, rgba(0, 0, 0, 0.06));
+  color: var(--color-icon-tertiary-hover);
+  background: transparent;
 }
 
 /* ═══════════════════════════════════════════
@@ -738,8 +749,8 @@
   pointer-events: none;
   display: block;
   border-radius: 9999px;
-  background: #fff;
-  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  background: var(--color-static-white);
+  box-shadow: var(--shadow-comp-sm);
   transition-property: transform;
   transition-duration: 200ms;
 }
@@ -814,7 +825,7 @@
 .nexus-checkbox__box--checked {
   border-color: var(--color-accent-primary);
   background: var(--color-accent-primary);
-  color: #fff;
+  color: var(--color-static-white);
 }
 .nexus-checkbox__box--unchecked {
   border-color: var(--color-border-default);
@@ -1028,7 +1039,7 @@
 }
 .nexus-page-btn--active {
   background: var(--color-accent-primary);
-  color: #fff;
+  color: var(--color-static-white);
   border-color: var(--color-accent-primary);
 }
 .nexus-page-btn--inactive {
@@ -1098,7 +1109,7 @@
 .nexus-tab-trigger--pill-active {
   color: var(--color-text-primary);
   background: var(--color-surface-default);
-  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  box-shadow: var(--shadow-comp-sm);
 }
 .nexus-tab-trigger--sm {
   font-size: var(--text-text-xs, 0.75rem);
@@ -1153,9 +1164,9 @@
 .nexus-error-boundary {
   padding: 1rem;
   border-radius: var(--radius-corner-lg, 0.5rem);
-  border: 1px solid var(--color-status-danger, #ef4444);
-  background: var(--color-bg-negative, #fef2f2);
-  color: var(--color-text-negative, #991b1b);
+  border: 1px solid var(--color-comp-error-border);
+  background: var(--color-comp-error-bg);
+  color: var(--color-comp-error-text);
   font-size: var(--text-text-sm, 0.875rem);
 }
 .nexus-error-boundary__title {
@@ -1334,7 +1345,7 @@
   border-radius: var(--radius-corner-sm, 0.25rem);
   border: 1px solid var(--color-border-default);
   background: var(--color-surface-default);
-  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
+  box-shadow: var(--shadow-comp-lg);
   transform-origin: top center;
   will-change: transform, opacity;
 }
@@ -1409,7 +1420,7 @@
   border: 1px solid var(--color-border-default);
   background: var(--color-static-white);
   color: var(--color-static-black);
-  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
+  box-shadow: var(--shadow-comp-md);
 }
 .nexus-tooltip--dark {
   border: none;
@@ -1435,7 +1446,7 @@
   border-radius: var(--radius-corner-lg, 0.5rem);
   border: 1px solid var(--color-border-default);
   padding: var(--spacing-padding-md, 1rem);
-  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
+  box-shadow: var(--shadow-comp-lg);
   outline: none;
   background: var(--color-surface-default);
   color: var(--color-text-primary);
@@ -1468,7 +1479,7 @@
   position: fixed;
   inset: 0;
   z-index: 50;
-  background: rgba(0, 0, 0, 0.6);
+  background: var(--color-comp-overlay);
 }
 .nexus-drawer-overlay--blur-sm {
   backdrop-filter: blur(4px);
@@ -1663,7 +1674,7 @@
   border-radius: 9999px;
   background: var(--color-surface-default);
   border: 1px solid var(--color-border-default);
-  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  box-shadow: var(--shadow-comp-sm);
   color: var(--color-text-primary);
   transition-property: background-color;
   transition-duration: 150ms;
@@ -1719,7 +1730,7 @@
   border-radius: var(--radius-corner-lg, 0.5rem);
   border: 1px solid var(--color-border-default);
   padding: var(--spacing-padding-sm, 0.75rem) var(--spacing-padding-md, 1rem);
-  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
+  box-shadow: var(--shadow-comp-lg);
   background: var(--color-surface-default);
   color: var(--color-text-primary);
 }

package/dist/styles.mjs

@@ -1,4 +1,4 @@
-import { built_default } from './chunks/chunk-V5OTJP6H.mjs';
+import { built_default } from './chunks/chunk-XMG7ZEYY.mjs';
 import './chunks/chunk-CVYXRSXT.mjs';
 
 // src/styles/inject.ts

package/dist/text-input.d.mts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const textInputVariants: (props?: ({
-    size?: "xl" | "lg" | "md" | "sm" | null | undefined;
+    size?: "xl" | "lg" | "md" | null | undefined;
     state?: "error" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof textInputVariants> {

package/dist/text-input.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const textInputVariants: (props?: ({
-    size?: "xl" | "lg" | "md" | "sm" | null | undefined;
+    size?: "xl" | "lg" | "md" | null | undefined;
     state?: "error" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof textInputVariants> {

package/dist/text-input.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkD6FII7HW_js = require('./chunks/chunk-D6FII7HW.js');
+var chunkBBLBTOP4_js = require('./chunks/chunk-BBLBTOP4.js');
 require('./chunks/chunk-CZC76ZD5.js');
 require('./chunks/chunk-JNMCYWGY.js');
 
@@ -8,9 +8,9 @@ require('./chunks/chunk-JNMCYWGY.js');
 
 Object.defineProperty(exports, "TextInput", {
   enumerable: true,
-  get: function () { return chunkD6FII7HW_js.TextInput; }
+  get: function () { return chunkBBLBTOP4_js.TextInput; }
 });
 Object.defineProperty(exports, "textInputVariants", {
   enumerable: true,
-  get: function () { return chunkD6FII7HW_js.textInputVariants; }
+  get: function () { return chunkBBLBTOP4_js.textInputVariants; }
 });

package/dist/text-input.mjs

@@ -1,3 +1,3 @@
-export { TextInput, textInputVariants } from './chunks/chunk-54RBL7J4.mjs';
+export { TextInput, textInputVariants } from './chunks/chunk-UKRU46PH.mjs';
 import './chunks/chunk-MCKOWMLS.mjs';
 import './chunks/chunk-CVYXRSXT.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexus-cross/design-system",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "NEXUS Design System UI Components",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -222,8 +222,6 @@
     "./dist/styles.mjs",
     "./dist/styles/layer.js",
     "./dist/styles/layer.mjs",
-    "./dist/index.js",
-    "./dist/index.mjs",
     "*.css"
   ],
   "files": [
@@ -269,13 +267,17 @@
     "zod": "^3.25.76"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
     "@types/lodash-es": "^4.17.12",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.0.0",
+    "vitest": "^1.6.1",
     "zod-to-json-schema": "^3.25.2",
-    "@nexus-cross/tokens": "1.0.0"
+    "@nexus-cross/tokens": "1.0.2"
   },
   "scripts": {
     "postinstall": "node scripts/setup-cursor-rules.cjs",