@work-rjkashyap/unified-ui 0.2.1 → 0.2.3

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,4 +1,4 @@
1
- import { blue, red, amber, green, zinc, slate, gray, teal, brand, zIndex, shadow, radius, semanticLight, shadowDark, semanticDark } from './chunk-TVCJRD3S.mjs';
1
+ import { blue, red, amber, green, zinc, slate, gray, teal, brand, zIndex, shadow, radius, semanticLight, shadowDark, semanticDark } from './chunk-IVZAB7BV.mjs';
2
2
  import { fontFamily } from './chunk-ITBG42M5.mjs';
3
3
  import { easingCSS, durationCSS } from './chunk-EZ2L3XPS.mjs';
4
4
  import { cn } from './chunk-ZT3PCXDF.mjs';
@@ -266,17 +266,17 @@ var overlayBackdrop = {
266
266
  };
267
267
  var modalContent = {
268
268
  variants: {
269
- initial: { opacity: 0, scale: 0.96, y: 8 },
269
+ initial: { opacity: 0, scale: 0.95, y: 10 },
270
270
  animate: { opacity: 1, scale: 1, y: 0 },
271
- exit: { opacity: 0, scale: 0.96, y: 8 }
271
+ exit: { opacity: 0, scale: 0.97, y: 4 }
272
272
  },
273
- transition: buildTransition(chunkXCKK6P46_cjs.durationSeconds.normal, chunkXCKK6P46_cjs.easing.decelerate)
273
+ transition: chunkXCKK6P46_cjs.spring.stiff
274
274
  };
275
275
  var modalContentSpring = {
276
276
  variants: {
277
277
  initial: { opacity: 0, scale: 0.95, y: 10 },
278
278
  animate: { opacity: 1, scale: 1, y: 0 },
279
- exit: { opacity: 0, scale: 0.95, y: 10 }
279
+ exit: { opacity: 0, scale: 0.97, y: 4 }
280
280
  },
281
281
  transition: chunkXCKK6P46_cjs.spring.stiff
282
282
  };
@@ -404,35 +404,35 @@ var crossfade = {
404
404
  };
405
405
  var slidePanelRight = {
406
406
  variants: {
407
- initial: { x: "100%", opacity: 0 },
408
- animate: { x: 0, opacity: 1 },
409
- exit: { x: "100%", opacity: 0 }
407
+ initial: { x: "100%" },
408
+ animate: { x: 0 },
409
+ exit: { x: "100%" }
410
410
  },
411
- transition: chunkXCKK6P46_cjs.spring.gentle
411
+ transition: chunkXCKK6P46_cjs.spring.stiff
412
412
  };
413
413
  var slidePanelLeft = {
414
414
  variants: {
415
- initial: { x: "-100%", opacity: 0 },
416
- animate: { x: 0, opacity: 1 },
417
- exit: { x: "-100%", opacity: 0 }
415
+ initial: { x: "-100%" },
416
+ animate: { x: 0 },
417
+ exit: { x: "-100%" }
418
418
  },
419
- transition: chunkXCKK6P46_cjs.spring.gentle
419
+ transition: chunkXCKK6P46_cjs.spring.stiff
420
420
  };
421
421
  var slidePanelBottom = {
422
422
  variants: {
423
- initial: { y: "100%", opacity: 0 },
424
- animate: { y: 0, opacity: 1 },
425
- exit: { y: "100%", opacity: 0 }
423
+ initial: { y: "100%" },
424
+ animate: { y: 0 },
425
+ exit: { y: "100%" }
426
426
  },
427
- transition: chunkXCKK6P46_cjs.spring.gentle
427
+ transition: chunkXCKK6P46_cjs.spring.stiff
428
428
  };
429
429
  var slidePanelTop = {
430
430
  variants: {
431
- initial: { y: "-100%", opacity: 0 },
432
- animate: { y: 0, opacity: 1 },
433
- exit: { y: "-100%", opacity: 0 }
431
+ initial: { y: "-100%" },
432
+ animate: { y: 0 },
433
+ exit: { y: "-100%" }
434
434
  },
435
- transition: chunkXCKK6P46_cjs.spring.gentle
435
+ transition: chunkXCKK6P46_cjs.spring.stiff
436
436
  };
437
437
  var dragDismiss = {
438
438
  variants: {
@@ -358,20 +358,20 @@ var shadowDark = {
358
358
  var zIndex = {
359
359
  /** Default document flow — no explicit stacking */
360
360
  base: "0",
361
- /** Dropdowns, select menus, autocomplete lists */
362
- dropdown: "10",
363
361
  /** Sticky headers, floating action bars, pinned columns */
364
- sticky: "20",
362
+ sticky: "10",
365
363
  /** Backdrop overlays behind modals and drawers */
366
- overlay: "30",
364
+ overlay: "40",
367
365
  /** Modals, dialogs, sheets, drawers */
368
- modal: "40",
369
- /** Popovers that must render above modals */
370
- popover: "50",
366
+ modal: "50",
367
+ /** Dropdowns, select menus, context menus — renders above modals */
368
+ dropdown: "60",
369
+ /** Popovers, comboboxes, date pickers — renders above modals */
370
+ popover: "70",
371
371
  /** Toast notifications — always visible above all content */
372
- toast: "60",
372
+ toast: "80",
373
373
  /** Tooltips — highest interactive z-layer */
374
- tooltip: "70",
374
+ tooltip: "90",
375
375
  /** Emergency escape hatch — use sparingly and document why */
376
376
  max: "9999"
377
377
  };
@@ -264,17 +264,17 @@ var overlayBackdrop = {
264
264
  };
265
265
  var modalContent = {
266
266
  variants: {
267
- initial: { opacity: 0, scale: 0.96, y: 8 },
267
+ initial: { opacity: 0, scale: 0.95, y: 10 },
268
268
  animate: { opacity: 1, scale: 1, y: 0 },
269
- exit: { opacity: 0, scale: 0.96, y: 8 }
269
+ exit: { opacity: 0, scale: 0.97, y: 4 }
270
270
  },
271
- transition: buildTransition(durationSeconds.normal, easing.decelerate)
271
+ transition: spring.stiff
272
272
  };
273
273
  var modalContentSpring = {
274
274
  variants: {
275
275
  initial: { opacity: 0, scale: 0.95, y: 10 },
276
276
  animate: { opacity: 1, scale: 1, y: 0 },
277
- exit: { opacity: 0, scale: 0.95, y: 10 }
277
+ exit: { opacity: 0, scale: 0.97, y: 4 }
278
278
  },
279
279
  transition: spring.stiff
280
280
  };
@@ -402,35 +402,35 @@ var crossfade = {
402
402
  };
403
403
  var slidePanelRight = {
404
404
  variants: {
405
- initial: { x: "100%", opacity: 0 },
406
- animate: { x: 0, opacity: 1 },
407
- exit: { x: "100%", opacity: 0 }
405
+ initial: { x: "100%" },
406
+ animate: { x: 0 },
407
+ exit: { x: "100%" }
408
408
  },
409
- transition: spring.gentle
409
+ transition: spring.stiff
410
410
  };
411
411
  var slidePanelLeft = {
412
412
  variants: {
413
- initial: { x: "-100%", opacity: 0 },
414
- animate: { x: 0, opacity: 1 },
415
- exit: { x: "-100%", opacity: 0 }
413
+ initial: { x: "-100%" },
414
+ animate: { x: 0 },
415
+ exit: { x: "-100%" }
416
416
  },
417
- transition: spring.gentle
417
+ transition: spring.stiff
418
418
  };
419
419
  var slidePanelBottom = {
420
420
  variants: {
421
- initial: { y: "100%", opacity: 0 },
422
- animate: { y: 0, opacity: 1 },
423
- exit: { y: "100%", opacity: 0 }
421
+ initial: { y: "100%" },
422
+ animate: { y: 0 },
423
+ exit: { y: "100%" }
424
424
  },
425
- transition: spring.gentle
425
+ transition: spring.stiff
426
426
  };
427
427
  var slidePanelTop = {
428
428
  variants: {
429
- initial: { y: "-100%", opacity: 0 },
430
- animate: { y: 0, opacity: 1 },
431
- exit: { y: "-100%", opacity: 0 }
429
+ initial: { y: "-100%" },
430
+ animate: { y: 0 },
431
+ exit: { y: "-100%" }
432
432
  },
433
- transition: spring.gentle
433
+ transition: spring.stiff
434
434
  };
435
435
  var dragDismiss = {
436
436
  variants: {
@@ -360,20 +360,20 @@ var shadowDark = {
360
360
  var zIndex = {
361
361
  /** Default document flow — no explicit stacking */
362
362
  base: "0",
363
- /** Dropdowns, select menus, autocomplete lists */
364
- dropdown: "10",
365
363
  /** Sticky headers, floating action bars, pinned columns */
366
- sticky: "20",
364
+ sticky: "10",
367
365
  /** Backdrop overlays behind modals and drawers */
368
- overlay: "30",
366
+ overlay: "40",
369
367
  /** Modals, dialogs, sheets, drawers */
370
- modal: "40",
371
- /** Popovers that must render above modals */
372
- popover: "50",
368
+ modal: "50",
369
+ /** Dropdowns, select menus, context menus — renders above modals */
370
+ dropdown: "60",
371
+ /** Popovers, comboboxes, date pickers — renders above modals */
372
+ popover: "70",
373
373
  /** Toast notifications — always visible above all content */
374
- toast: "60",
374
+ toast: "80",
375
375
  /** Tooltips — highest interactive z-layer */
376
- tooltip: "70",
376
+ tooltip: "90",
377
377
  /** Emergency escape hatch — use sparingly and document why */
378
378
  max: "9999"
379
379
  };