@n3wth/ui 0.3.2 → 0.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/molecules/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3D,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,aAAa,CAAA;IAC7C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACrC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,IAAI,CAAC,EACnB,OAAmB,EACnB,OAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CAyCX;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAM5E;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACxE,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC/B;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAa1F;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAChF,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAatF;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAM9E;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAc5E"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/molecules/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3D,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,aAAa,CAAA;IAC7C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACrC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,IAAI,CAAC,EACnB,OAAmB,EACnB,OAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CA0CX;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAM5E;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACxE,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC/B;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAa1F;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAChF,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAatF;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAM9E;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAc5E"}
@@ -1 +1 @@
1
- {"version":3,"file":"CommandBox.d.ts","sourceRoot":"","sources":["../../../src/molecules/CommandBox/CommandBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAIlE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACvF,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAmB,EACnB,cAAqB,EACrB,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CA4DjB"}
1
+ {"version":3,"file":"CommandBox.d.ts","sourceRoot":"","sources":["../../../src/molecules/CommandBox/CommandBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAIlE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACvF,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAmB,EACnB,cAAqB,EACrB,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAkEjB"}
@@ -12,6 +12,8 @@ export interface MobileDrawerProps extends HTMLAttributes<HTMLDivElement> {
12
12
  position?: 'left' | 'right';
13
13
  /** Z-index for the drawer */
14
14
  zIndex?: number;
15
+ /** Accessible label for the drawer */
16
+ ariaLabel?: string;
15
17
  }
16
- export declare function MobileDrawer({ isOpen, onClose, children, width, position, zIndex, className, ...props }: MobileDrawerProps): import("react/jsx-runtime").JSX.Element;
18
+ export declare function MobileDrawer({ isOpen, onClose, children, width, position, zIndex, ariaLabel, className, ...props }: MobileDrawerProps): import("react/jsx-runtime").JSX.Element;
17
19
  //# sourceMappingURL=MobileDrawer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MobileDrawer.d.ts","sourceRoot":"","sources":["../../../src/molecules/MobileDrawer/MobileDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAA;AAGtE,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAA;IACf,wCAAwC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,KAAe,EACf,QAAkB,EAClB,MAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAiEnB"}
1
+ {"version":3,"file":"MobileDrawer.d.ts","sourceRoot":"","sources":["../../../src/molecules/MobileDrawer/MobileDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAA;AAG3F,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAA;IACf,wCAAwC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,KAAe,EACf,QAAkB,EAClB,MAAW,EACX,SAA6B,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,2CA+GnB"}
@@ -1 +1 @@
1
- {"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../src/organisms/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAA;AAMlF,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,wBAAgB,GAAG,CAAC,EAClB,IAAI,EACJ,QAAc,EACd,KAAU,EACV,KAAc,EACd,aAAa,EACb,eAAsB,EACtB,KAAa,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,QAAQ,2CAuJV"}
1
+ {"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../src/organisms/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAA;AAMlF,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,wBAAgB,GAAG,CAAC,EAClB,IAAI,EACJ,QAAc,EACd,KAAU,EACV,KAAc,EACd,aAAa,EACb,eAAsB,EACtB,KAAa,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,QAAQ,2CAyJV"}
@@ -1 +1 @@
1
- {"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/organisms/Section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,IAAW,EACX,OAAc,EACd,SAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CA6Bd;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,KAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAqBpB"}
1
+ {"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/organisms/Section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,IAAW,EACX,OAAc,EACd,SAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CAgCd;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,KAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAqBpB"}
package/dist/styles.css CHANGED
@@ -107,6 +107,7 @@
107
107
 
108
108
  :root,
109
109
  [data-theme='dark'] {
110
+ color-scheme: dark;
110
111
  --font-display: 'Mona Sans', system-ui, sans-serif;
111
112
  --font-sans: 'Geist Sans', system-ui, sans-serif;
112
113
  --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, Monaco, monospace;
@@ -139,6 +140,7 @@
139
140
  ============================================================ */
140
141
 
141
142
  [data-theme='light'] {
143
+ color-scheme: light;
142
144
  --color-bg: #ffffff;
143
145
  --color-bg-secondary: #f5f5f7;
144
146
  --color-white: #1d1d1f;
@@ -211,33 +213,35 @@ body {
211
213
  font-variant-numeric: tabular-nums;
212
214
  }
213
215
 
214
- /* Hero gradient text animation */
216
+ /* Hero gradient text animation - enhanced with more dimension */
215
217
  .hero-gradient-text {
216
218
  background: linear-gradient(
217
- 90deg,
219
+ 105deg,
218
220
  var(--color-white) 0%,
219
- var(--color-grey-300) 25%,
220
- var(--color-white) 50%,
221
- var(--color-grey-300) 75%,
222
- var(--color-white) 100%
221
+ var(--color-grey-200) 20%,
222
+ var(--color-white) 40%,
223
+ var(--color-grey-300) 60%,
224
+ var(--color-white) 80%,
225
+ var(--color-grey-200) 100%
223
226
  );
224
- background-size: 200% auto;
227
+ background-size: 300% auto;
225
228
  -webkit-background-clip: text;
226
229
  background-clip: text;
227
230
  -webkit-text-fill-color: transparent;
228
- animation: gradientShift 8s ease-in-out infinite;
231
+ animation: gradientShift 12s ease-in-out infinite;
229
232
  }
230
233
 
231
234
  [data-theme='light'] .hero-gradient-text {
232
235
  background: linear-gradient(
233
- 90deg,
236
+ 105deg,
234
237
  var(--color-white) 0%,
235
- var(--color-grey-400) 25%,
236
- var(--color-white) 50%,
237
- var(--color-grey-400) 75%,
238
- var(--color-white) 100%
238
+ var(--color-grey-300) 20%,
239
+ var(--color-white) 40%,
240
+ var(--color-grey-400) 60%,
241
+ var(--color-white) 80%,
242
+ var(--color-grey-300) 100%
239
243
  );
240
- background-size: 200% auto;
244
+ background-size: 300% auto;
241
245
  -webkit-background-clip: text;
242
246
  background-clip: text;
243
247
  -webkit-text-fill-color: transparent;
@@ -247,7 +251,7 @@ body {
247
251
  Link Utilities
248
252
  ============================================================ */
249
253
 
250
- /* Underline link animation */
254
+ /* Underline link animation - refined with subtle glow */
251
255
  .link-hover {
252
256
  position: relative;
253
257
  }
@@ -255,18 +259,23 @@ body {
255
259
  .link-hover::after {
256
260
  content: '';
257
261
  position: absolute;
258
- bottom: -1px;
262
+ bottom: -2px;
259
263
  left: 0;
260
264
  width: 0;
261
265
  height: 1px;
262
- background: currentColor;
263
- transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
266
+ background: linear-gradient(90deg, currentColor, currentColor);
267
+ box-shadow: 0 0 8px currentColor;
268
+ transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1);
264
269
  }
265
270
 
266
271
  .link-hover:hover::after {
267
272
  width: 100%;
268
273
  }
269
274
 
275
+ [data-theme='light'] .link-hover::after {
276
+ box-shadow: none;
277
+ }
278
+
270
279
  /* ============================================================
271
280
  Glass Components
272
281
  ============================================================ */
@@ -276,7 +285,7 @@ body {
276
285
  background: transparent;
277
286
  border: 1px solid var(--glass-border);
278
287
  border-radius: 20px;
279
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
288
+ transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
280
289
  }
281
290
 
282
291
  .glass-card:hover {
@@ -312,7 +321,10 @@ body {
312
321
  border: 1px solid var(--glass-border);
313
322
  border-radius: 9999px;
314
323
  color: var(--color-grey-400);
315
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
324
+ transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
325
+ border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
326
+ color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
327
+ transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
316
328
  transform: scale(1);
317
329
  }
318
330
 
@@ -361,7 +373,7 @@ body {
361
373
  -webkit-backdrop-filter: blur(20px);
362
374
  border: 1px solid var(--glass-border);
363
375
  border-radius: 16px;
364
- transition: all 0.2s ease;
376
+ transition: background-color 0.2s ease, border-color 0.2s ease;
365
377
  }
366
378
 
367
379
  .command-box:hover {
@@ -435,14 +447,17 @@ body {
435
447
  Animations
436
448
  ============================================================ */
437
449
 
438
- /* Gradient shift for hero text */
450
+ /* Gradient shift for hero text - smoother oscillation */
439
451
  @keyframes gradientShift {
440
- 0%, 100% {
452
+ 0% {
441
453
  background-position: 0% 50%;
442
454
  }
443
455
  50% {
444
456
  background-position: 100% 50%;
445
457
  }
458
+ 100% {
459
+ background-position: 0% 50%;
460
+ }
446
461
  }
447
462
 
448
463
  /* Fade up entrance animation */
@@ -639,6 +654,7 @@ body {
639
654
  }
640
655
 
641
656
  .mobile-menu-drawer {
657
+ background: var(--color-bg);
642
658
  border-left: 1px solid var(--glass-border);
643
659
  }
644
660
 
@@ -694,6 +710,105 @@ body {
694
710
  transform: scale(0.98);
695
711
  }
696
712
 
713
+ /* ============================================================
714
+ Enhanced Visual Effects
715
+ ============================================================ */
716
+
717
+ /* Subtle glow for primary interactive elements */
718
+ .glow-white {
719
+ box-shadow: 0 0 0 rgba(255, 255, 255, 0);
720
+ transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
721
+ }
722
+
723
+ .glow-white:hover {
724
+ box-shadow: 0 0 20px rgba(255, 255, 255, 0.15),
725
+ 0 0 40px rgba(255, 255, 255, 0.05);
726
+ }
727
+
728
+ [data-theme='light'] .glow-white:hover {
729
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12),
730
+ 0 8px 32px rgba(0, 0, 0, 0.08);
731
+ }
732
+
733
+ /* Accent glow for colored elements */
734
+ .glow-accent {
735
+ box-shadow: 0 0 0 rgba(255, 255, 255, 0);
736
+ transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
737
+ }
738
+
739
+ .glow-accent:hover {
740
+ box-shadow: 0 0 24px var(--color-accent-soft),
741
+ 0 0 48px rgba(255, 255, 255, 0.03);
742
+ }
743
+
744
+ /* Gradient border effect for cards */
745
+ .gradient-border {
746
+ position: relative;
747
+ }
748
+
749
+ .gradient-border::before {
750
+ content: '';
751
+ position: absolute;
752
+ inset: 0;
753
+ border-radius: inherit;
754
+ padding: 1px;
755
+ background: linear-gradient(
756
+ 135deg,
757
+ var(--glass-highlight) 0%,
758
+ transparent 50%,
759
+ var(--glass-highlight) 100%
760
+ );
761
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
762
+ -webkit-mask-composite: xor;
763
+ mask-composite: exclude;
764
+ opacity: 0;
765
+ transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
766
+ pointer-events: none;
767
+ }
768
+
769
+ .gradient-border:hover::before {
770
+ opacity: 1;
771
+ }
772
+
773
+ /* Shine sweep effect for glass elements */
774
+ .shine-sweep {
775
+ position: relative;
776
+ overflow: hidden;
777
+ }
778
+
779
+ .shine-sweep::after {
780
+ content: '';
781
+ position: absolute;
782
+ top: -50%;
783
+ left: -100%;
784
+ width: 50%;
785
+ height: 200%;
786
+ background: linear-gradient(
787
+ 90deg,
788
+ transparent,
789
+ rgba(255, 255, 255, 0.03),
790
+ transparent
791
+ );
792
+ transform: skewX(-20deg);
793
+ transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
794
+ pointer-events: none;
795
+ }
796
+
797
+ .shine-sweep:hover::after {
798
+ left: 150%;
799
+ }
800
+
801
+ /* Focus glow for inputs */
802
+ .focus-glow:focus-within {
803
+ box-shadow: 0 0 0 1px var(--color-accent),
804
+ 0 0 16px rgba(255, 255, 255, 0.1);
805
+ }
806
+
807
+ [data-theme='light'] .focus-glow:focus-within {
808
+ box-shadow: 0 0 0 1px var(--color-accent),
809
+ 0 0 16px rgba(0, 0, 0, 0.08);
810
+ }
811
+
697
812
  /* ============================================================
698
813
  Utility Classes
699
814
  ============================================================ */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@n3wth/ui",
3
- "version": "0.3.2",
3
+ "version": "0.3.5",
4
4
  "description": "Atomic design system for Newth sites - flat, minimal, iOS-inspired",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -25,7 +25,10 @@
25
25
  "demo:build": "vite build --config vite.demo.config.ts",
26
26
  "build": "tsc && vite build && node -e \"const fs=require('fs');const css=fs.readFileSync('src/styles.css','utf8').replace(/@import 'tailwindcss';\\n\\n/,'');fs.writeFileSync('dist/styles.css',css)\"",
27
27
  "lint": "eslint src",
28
- "prepublishOnly": "npm run build"
28
+ "prepublishOnly": "npm run build",
29
+ "release:patch": "npm version patch -m 'chore: bump version to %s' && git push && git push --tags && gh release create v$(node -p \"require('./package.json').version\") --generate-notes",
30
+ "release:minor": "npm version minor -m 'chore: bump version to %s' && git push && git push --tags && gh release create v$(node -p \"require('./package.json').version\") --generate-notes",
31
+ "release:major": "npm version major -m 'chore: bump version to %s' && git push && git push --tags && gh release create v$(node -p \"require('./package.json').version\") --generate-notes"
29
32
  },
30
33
  "dependencies": {
31
34
  "clsx": "^2.1.0",