@work-rjkashyap/unified-ui 0.3.4 → 0.3.6

package/dist/{chunk-6ZZZBOCH.cjs → tokens/colors.mjs}

@@ -1,7 +1,4 @@
-'use strict';
-
-// src/tokens/colors.ts
-var slate = {
+const slate = {
   50: "oklch(0.984 0.003 247.858)",
   100: "oklch(0.968 0.005 247.858)",
   200: "oklch(0.929 0.013 255.508)",
@@ -14,7 +11,7 @@ var slate = {
   900: "oklch(0.208 0.042 265.755)",
   950: "oklch(0.129 0.042 264.695)"
 };
-var gray = {
+const gray = {
   50: "oklch(0.985 0.002 247.839)",
   100: "oklch(0.967 0.003 264.542)",
   200: "oklch(0.928 0.006 264.531)",
@@ -27,7 +24,7 @@ var gray = {
   900: "oklch(0.21 0.034 264.665)",
   950: "oklch(0.13 0.028 261.692)"
 };
-var zinc = {
+const zinc = {
   50: "oklch(0.985 0 0)",
   100: "oklch(0.97 0 0)",
   200: "oklch(0.922 0 0)",
@@ -40,7 +37,7 @@ var zinc = {
   900: "oklch(0.205 0 0)",
   950: "oklch(0.145 0 0)"
 };
-var brand = {
+const brand = {
   50: "oklch(0.962 0.018 272.314)",
   100: "oklch(0.93 0.034 272.788)",
   200: "oklch(0.87 0.065 274.039)",
@@ -53,7 +50,7 @@ var brand = {
   900: "oklch(0.359 0.144 278.697)",
   950: "oklch(0.257 0.09 281.288)"
 };
-var blue = {
+const blue = {
   50: "oklch(0.962 0.018 254.128)",
   100: "oklch(0.932 0.032 255.585)",
   200: "oklch(0.882 0.059 254.128)",
@@ -66,7 +63,7 @@ var blue = {
   900: "oklch(0.379 0.146 265.522)",
   950: "oklch(0.246 0.098 264.376)"
 };
-var green = {
+const green = {
   50: "oklch(0.962 0.044 156.743)",
   100: "oklch(0.923 0.074 155.995)",
   200: "oklch(0.863 0.126 155.995)",
@@ -79,7 +76,7 @@ var green = {
   900: "oklch(0.335 0.1 152.535)",
   950: "oklch(0.226 0.083 153.921)"
 };
-var amber = {
+const amber = {
   50: "oklch(0.976 0.037 95.885)",
   100: "oklch(0.954 0.077 95.885)",
   200: "oklch(0.924 0.12 95.746)",
@@ -92,7 +89,7 @@ var amber = {
   900: "oklch(0.414 0.09 67.047)",
   950: "oklch(0.32 0.084 57.263)"
 };
-var red = {
+const red = {
   50: "oklch(0.971 0.013 17.38)",
   100: "oklch(0.936 0.032 17.717)",
   200: "oklch(0.885 0.062 18.334)",
@@ -105,7 +102,7 @@ var red = {
   900: "oklch(0.396 0.141 25.723)",
   950: "oklch(0.258 0.092 22.216)"
 };
-var teal = {
+const teal = {
   50: "oklch(0.962 0.044 172.166)",
   100: "oklch(0.926 0.079 172.166)",
   200: "oklch(0.872 0.125 172.166)",
@@ -118,7 +115,7 @@ var teal = {
   900: "oklch(0.326 0.064 175.066)",
   950: "oklch(0.232 0.051 175.066)"
 };
-var indigo = {
+const indigo = {
   50: "oklch(0.962 0.018 272.314)",
   100: "oklch(0.93 0.034 272.788)",
   200: "oklch(0.87 0.065 274.039)",
@@ -131,7 +128,7 @@ var indigo = {
   900: "oklch(0.359 0.144 278.697)",
   950: "oklch(0.257 0.09 281.288)"
 };
-var purple = {
+const purple = {
   50: "oklch(0.977 0.014 308.299)",
   100: "oklch(0.946 0.033 307.174)",
   200: "oklch(0.902 0.063 306.703)",
@@ -144,7 +141,7 @@ var purple = {
   900: "oklch(0.381 0.176 304.987)",
   950: "oklch(0.291 0.149 302.717)"
 };
-var pink = {
+const pink = {
   50: "oklch(0.971 0.014 343.198)",
   100: "oklch(0.948 0.028 342.258)",
   200: "oklch(0.899 0.061 343.231)",
@@ -157,7 +154,7 @@ var pink = {
   900: "oklch(0.408 0.153 2.432)",
   950: "oklch(0.284 0.109 3.907)"
 };
-var cyan = {
+const cyan = {
   50: "oklch(0.967 0.019 200.873)",
   100: "oklch(0.936 0.044 200.873)",
   200: "oklch(0.886 0.085 207.693)",
@@ -170,7 +167,7 @@ var cyan = {
   900: "oklch(0.342 0.07 218.318)",
   950: "oklch(0.254 0.058 218.318)"
 };
-var emerald = {
+const emerald = {
   50: "oklch(0.979 0.021 166.113)",
   100: "oklch(0.95 0.052 163.051)",
   200: "oklch(0.905 0.093 164.15)",
@@ -183,7 +180,7 @@ var emerald = {
   900: "oklch(0.378 0.077 168.94)",
   950: "oklch(0.262 0.051 172.552)"
 };
-var yellow = {
+const yellow = {
   50: "oklch(0.987 0.026 102.212)",
   100: "oklch(0.973 0.071 103.193)",
   200: "oklch(0.945 0.129 101.726)",
@@ -196,7 +193,7 @@ var yellow = {
   900: "oklch(0.421 0.095 57.708)",
   950: "oklch(0.286 0.066 53.813)"
 };
-var fuchsia = {
+const fuchsia = {
   50: "oklch(0.977 0.017 320.058)",
   100: "oklch(0.952 0.037 318.852)",
   200: "oklch(0.903 0.076 319.62)",
@@ -209,7 +206,7 @@ var fuchsia = {
   900: "oklch(0.401 0.17 325.612)",
   950: "oklch(0.293 0.136 325.661)"
 };
-var sky = {
+const sky = {
   50: "oklch(0.977 0.013 236.62)",
   100: "oklch(0.951 0.026 236.824)",
   200: "oklch(0.901 0.058 230.902)",
@@ -222,7 +219,7 @@ var sky = {
   900: "oklch(0.391 0.09 240.876)",
   950: "oklch(0.293 0.066 243.157)"
 };
-var lime = {
+const lime = {
   50: "oklch(0.986 0.031 120.757)",
   100: "oklch(0.967 0.067 122.328)",
   200: "oklch(0.938 0.127 124.321)",
@@ -235,13 +232,13 @@ var lime = {
   900: "oklch(0.405 0.101 131.063)",
   950: "oklch(0.274 0.072 132.109)"
 };
-var pure = {
+const pure = {
   white: "oklch(1 0 0)",
   black: "oklch(0 0 0)",
   transparent: "transparent"
 };
-var neutral = zinc;
-var semanticLight = {
+const neutral = zinc;
+const semanticLight = {
   // Core Backgrounds
   background: "oklch(1 0 0)",
   foreground: "oklch(0.145 0 0)",
@@ -328,7 +325,7 @@ var semanticLight = {
   sidebarBorder: "oklch(0.922 0 0)",
   sidebarRing: "oklch(0.708 0 0)"
 };
-var semanticDark = {
+const semanticDark = {
   // Core Backgrounds
   background: "oklch(0.145 0 0)",
   foreground: "oklch(0.985 0 0)",
@@ -415,7 +412,7 @@ var semanticDark = {
   sidebarBorder: "oklch(1 0 0 / 10%)",
   sidebarRing: "oklch(0.439 0 0)"
 };
-var palettes = {
+const palettes = {
   slate,
   gray,
   zinc,
@@ -435,99 +432,28 @@ var palettes = {
   sky,
   lime
 };
-
-// src/tokens/radius.ts
-var radius = {
-  /** No rounding */
-  none: "0px",
-  /** Barely perceptible — tags, micro elements */
-  sm: "4px",
-  /** Default for buttons, inputs, cards */
-  md: "6px",
-  /** Dialogs, sheets, popovers, dropdowns */
-  lg: "8px",
-  /** Larger containers, modals */
-  xl: "12px",
-  /** Full pill / circle — avatars, toggle pills */
-  full: "9999px"
-};
-
-// src/tokens/shadows.ts
-var shadow = {
-  /** No shadow — flush with the surface */
-  none: "none",
-  /** Subtle lift — cards on hover, slightly raised surfaces */
-  xs: "0 1px 2px 0 oklch(0 0 0 / 0.05)",
-  /** Default card elevation — raised cards, wells */
-  sm: "0 1px 3px 0 oklch(0 0 0 / 0.1), 0 1px 2px -1px oklch(0 0 0 / 0.1)",
-  /** Dropdowns, autocomplete menus, select panels */
-  md: "0 4px 6px -1px oklch(0 0 0 / 0.1), 0 2px 4px -2px oklch(0 0 0 / 0.1)",
-  /** Popovers, floating toolbars, sticky headers */
-  lg: "0 10px 15px -3px oklch(0 0 0 / 0.1), 0 4px 6px -4px oklch(0 0 0 / 0.1)",
-  /** Dialogs, modals, command palettes */
-  xl: "0 20px 25px -5px oklch(0 0 0 / 0.1), 0 8px 10px -6px oklch(0 0 0 / 0.1)",
-  /** Toast notifications, top-level overlays */
-  "2xl": "0 25px 50px -12px oklch(0 0 0 / 0.25)",
-  /** Focus ring shadow — used alongside outline for focus indication */
-  focusRing: "0 0 0 2px oklch(0.708 0 0 / 40%)"
-};
-var shadowDark = {
-  none: "none",
-  xs: "0 1px 2px 0 oklch(0 0 0 / 0.2)",
-  sm: "0 1px 3px 0 oklch(0 0 0 / 0.3), 0 1px 2px -1px oklch(0 0 0 / 0.3)",
-  md: "0 4px 6px -1px oklch(0 0 0 / 0.35), 0 2px 4px -2px oklch(0 0 0 / 0.3)",
-  lg: "0 10px 15px -3px oklch(0 0 0 / 0.35), 0 4px 6px -4px oklch(0 0 0 / 0.3)",
-  xl: "0 20px 25px -5px oklch(0 0 0 / 0.4), 0 8px 10px -6px oklch(0 0 0 / 0.35)",
-  "2xl": "0 25px 50px -12px oklch(0 0 0 / 0.5)",
-  focusRing: "0 0 0 2px oklch(0.556 0 0 / 50%)"
-};
-
-// src/tokens/z-index.ts
-var zIndex = {
-  /** Default document flow — no explicit stacking */
-  base: "0",
-  /** Sticky headers, floating action bars, pinned columns */
-  sticky: "10",
-  /** Backdrop overlays behind modals and drawers */
-  overlay: "40",
-  /** Modals, dialogs, sheets, drawers */
-  modal: "50",
-  /** Dropdowns, select menus, context menus — renders above modals */
-  dropdown: "60",
-  /** Popovers, comboboxes, date pickers — renders above modals */
-  popover: "70",
-  /** Toast notifications — always visible above all content */
-  toast: "80",
-  /** Tooltips — highest interactive z-layer */
-  tooltip: "90",
-  /** Emergency escape hatch — use sparingly and document why */
-  max: "9999"
+export {
+  amber,
+  blue,
+  brand,
+  cyan,
+  emerald,
+  fuchsia,
+  gray,
+  green,
+  indigo,
+  lime,
+  neutral,
+  palettes,
+  pink,
+  pure,
+  purple,
+  red,
+  semanticDark,
+  semanticLight,
+  sky,
+  slate,
+  teal,
+  yellow,
+  zinc
 };
-
-exports.amber = amber;
-exports.blue = blue;
-exports.brand = brand;
-exports.cyan = cyan;
-exports.emerald = emerald;
-exports.fuchsia = fuchsia;
-exports.gray = gray;
-exports.green = green;
-exports.indigo = indigo;
-exports.lime = lime;
-exports.neutral = neutral;
-exports.palettes = palettes;
-exports.pink = pink;
-exports.pure = pure;
-exports.purple = purple;
-exports.radius = radius;
-exports.red = red;
-exports.semanticDark = semanticDark;
-exports.semanticLight = semanticLight;
-exports.shadow = shadow;
-exports.shadowDark = shadowDark;
-exports.sky = sky;
-exports.slate = slate;
-exports.teal = teal;
-exports.yellow = yellow;
-exports.zIndex = zIndex;
-exports.zinc = zinc;

package/dist/tokens/index.cjs

@@ -0,0 +1,96 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tokens_exports = {};
+__export(tokens_exports, {
+  amber: () => import_colors.amber,
+  blue: () => import_colors.blue,
+  brand: () => import_colors.brand,
+  duration: () => import_motion.duration,
+  durationCSS: () => import_motion.durationCSS,
+  durationSeconds: () => import_motion.durationSeconds,
+  easing: () => import_motion.easing,
+  easingCSS: () => import_motion.easingCSS,
+  fontFamily: () => import_typography.fontFamily,
+  fontSize: () => import_typography.fontSize,
+  fontWeight: () => import_typography.fontWeight,
+  gray: () => import_colors.gray,
+  green: () => import_colors.green,
+  letterSpacing: () => import_typography.letterSpacing,
+  lineHeight: () => import_typography.lineHeight,
+  neutral: () => import_colors.neutral,
+  palettes: () => import_colors.palettes,
+  pure: () => import_colors.pure,
+  radius: () => import_radius.radius,
+  red: () => import_colors.red,
+  semanticDark: () => import_colors.semanticDark,
+  semanticLight: () => import_colors.semanticLight,
+  shadow: () => import_shadows.shadow,
+  shadowDark: () => import_shadows.shadowDark,
+  slate: () => import_colors.slate,
+  spacing: () => import_spacing.spacing,
+  spring: () => import_motion.spring,
+  stagger: () => import_motion.stagger,
+  teal: () => import_colors.teal,
+  typographyVariants: () => import_typography.typographyVariants,
+  zIndex: () => import_z_index.zIndex,
+  zinc: () => import_colors.zinc
+});
+module.exports = __toCommonJS(tokens_exports);
+var import_colors = require("./colors.cjs");
+var import_motion = require("./motion.cjs");
+var import_radius = require("./radius.cjs");
+var import_shadows = require("./shadows.cjs");
+var import_spacing = require("./spacing.cjs");
+var import_typography = require("./typography.cjs");
+var import_z_index = require("./z-index.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  amber,
+  blue,
+  brand,
+  duration,
+  durationCSS,
+  durationSeconds,
+  easing,
+  easingCSS,
+  fontFamily,
+  fontSize,
+  fontWeight,
+  gray,
+  green,
+  letterSpacing,
+  lineHeight,
+  neutral,
+  palettes,
+  pure,
+  radius,
+  red,
+  semanticDark,
+  semanticLight,
+  shadow,
+  shadowDark,
+  slate,
+  spacing,
+  spring,
+  stagger,
+  teal,
+  typographyVariants,
+  zIndex,
+  zinc
+});

package/dist/tokens/index.d.cts

@@ -0,0 +1,7 @@
+export { ColorScale, SemanticColorKey, SemanticColors, amber, blue, brand, gray, green, neutral, palettes, pure, red, semanticDark, semanticLight, slate, teal, zinc } from './colors.cjs';
+export { Duration, Easing, Spring, Stagger, duration, durationCSS, durationSeconds, easing, easingCSS, spring, stagger } from './motion.cjs';
+export { Radius, RadiusValue, radius } from './radius.cjs';
+export { Shadow, ShadowValue, shadow, shadowDark } from './shadows.cjs';
+export { spacing } from './spacing.cjs';
+export { FontFamily, FontFamilyKey, FontSize, FontWeight, LetterSpacing, LineHeight, TypographyPreset, TypographyVariant, fontFamily, fontSize, fontWeight, letterSpacing, lineHeight, typographyVariants } from './typography.cjs';
+export { ZIndex, ZIndexValue, zIndex } from './z-index.cjs';

package/dist/tokens/index.d.ts

@@ -0,0 +1,7 @@
+export { ColorScale, SemanticColorKey, SemanticColors, amber, blue, brand, gray, green, neutral, palettes, pure, red, semanticDark, semanticLight, slate, teal, zinc } from './colors.js';
+export { Duration, Easing, Spring, Stagger, duration, durationCSS, durationSeconds, easing, easingCSS, spring, stagger } from './motion.js';
+export { Radius, RadiusValue, radius } from './radius.js';
+export { Shadow, ShadowValue, shadow, shadowDark } from './shadows.js';
+export { spacing } from './spacing.js';
+export { FontFamily, FontFamilyKey, FontSize, FontWeight, LetterSpacing, LineHeight, TypographyPreset, TypographyVariant, fontFamily, fontSize, fontWeight, letterSpacing, lineHeight, typographyVariants } from './typography.js';
+export { ZIndex, ZIndexValue, zIndex } from './z-index.js';

package/dist/tokens/index.mjs

@@ -0,0 +1,71 @@
+import {
+  amber,
+  blue,
+  brand,
+  gray,
+  green,
+  neutral,
+  palettes,
+  pure,
+  red,
+  semanticDark,
+  semanticLight,
+  slate,
+  teal,
+  zinc
+} from "./colors.mjs";
+import {
+  duration,
+  durationCSS,
+  durationSeconds,
+  easing,
+  easingCSS,
+  spring,
+  stagger
+} from "./motion.mjs";
+import { radius } from "./radius.mjs";
+import { shadow, shadowDark } from "./shadows.mjs";
+import { spacing } from "./spacing.mjs";
+import {
+  fontFamily,
+  fontSize,
+  fontWeight,
+  letterSpacing,
+  lineHeight,
+  typographyVariants
+} from "./typography.mjs";
+import { zIndex } from "./z-index.mjs";
+export {
+  amber,
+  blue,
+  brand,
+  duration,
+  durationCSS,
+  durationSeconds,
+  easing,
+  easingCSS,
+  fontFamily,
+  fontSize,
+  fontWeight,
+  gray,
+  green,
+  letterSpacing,
+  lineHeight,
+  neutral,
+  palettes,
+  pure,
+  radius,
+  red,
+  semanticDark,
+  semanticLight,
+  shadow,
+  shadowDark,
+  slate,
+  spacing,
+  spring,
+  stagger,
+  teal,
+  typographyVariants,
+  zIndex,
+  zinc
+};

package/dist/{chunk-XCKK6P46.cjs → tokens/motion.cjs}

@@ -1,7 +1,33 @@
-'use strict';
-
-// src/tokens/motion.ts
-var duration = {
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var motion_exports = {};
+__export(motion_exports, {
+  duration: () => duration,
+  durationCSS: () => durationCSS,
+  durationSeconds: () => durationSeconds,
+  easing: () => easing,
+  easingCSS: () => easingCSS,
+  spring: () => spring,
+  stagger: () => stagger
+});
+module.exports = __toCommonJS(motion_exports);
+const duration = {
   /** Instant feedback — hover states, color changes */
   instant: 0,
   /** Micro-interactions — focus rings, icon swaps */
@@ -17,13 +43,13 @@ var duration = {
   /** Long-form animations — skeleton loaders, progress */
   slowest: 500
 };
-var durationCSS = Object.fromEntries(
+const durationCSS = Object.fromEntries(
   Object.entries(duration).map(([key, value]) => [key, `${value}ms`])
 );
-var durationSeconds = Object.fromEntries(
+const durationSeconds = Object.fromEntries(
   Object.entries(duration).map(([key, value]) => [key, value / 1e3])
 );
-var easing = {
+const easing = {
   /** General-purpose — equal acceleration and deceleration */
   standard: [0.2, 0, 0.38, 0.9],
   /** Enter animations — element arriving on screen */
@@ -37,13 +63,13 @@ var easing = {
   /** Spring-like snap — toggle switches, checkboxes */
   snap: [0.2, 0, 0, 1]
 };
-var easingCSS = Object.fromEntries(
+const easingCSS = Object.fromEntries(
   Object.entries(easing).map(([key, value]) => [
     key,
     `cubic-bezier(${value.join(", ")})`
   ])
 );
-var spring = {
+const spring = {
   /** Gentle — tooltips, small popovers */
   gentle: {
     type: "spring",
@@ -73,7 +99,7 @@ var spring = {
     mass: 1
   }
 };
-var stagger = {
+const stagger = {
   /** Rapid list items — 30ms between each */
   fast: 0.03,
   /** Standard stagger — 50ms between each */
@@ -81,11 +107,13 @@ var stagger = {
   /** Deliberate reveal — 80ms between each */
   slow: 0.08
 };
-
-exports.duration = duration;
-exports.durationCSS = durationCSS;
-exports.durationSeconds = durationSeconds;
-exports.easing = easing;
-exports.easingCSS = easingCSS;
-exports.spring = spring;
-exports.stagger = stagger;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  duration,
+  durationCSS,
+  durationSeconds,
+  easing,
+  easingCSS,
+  spring,
+  stagger
+});

package/dist/{motion-D9wQbcKL.d.cts → tokens/motion.d.cts}

@@ -77,4 +77,4 @@ type Easing = keyof typeof easing;
 type Spring = keyof typeof spring;
 type Stagger = keyof typeof stagger;
 
-export { type Duration as D, type Easing as E, type Spring as S, type Stagger as a, durationCSS as b, durationSeconds as c, duration as d, easing as e, easingCSS as f, stagger as g, spring as s };
+export { type Duration, type Easing, type Spring, type Stagger, duration, durationCSS, durationSeconds, easing, easingCSS, spring, stagger };

package/dist/{motion-D9wQbcKL.d.ts → tokens/motion.d.ts}

@@ -77,4 +77,4 @@ type Easing = keyof typeof easing;
 type Spring = keyof typeof spring;
 type Stagger = keyof typeof stagger;
 
-export { type Duration as D, type Easing as E, type Spring as S, type Stagger as a, durationCSS as b, durationSeconds as c, duration as d, easing as e, easingCSS as f, stagger as g, spring as s };
+export { type Duration, type Easing, type Spring, type Stagger, duration, durationCSS, durationSeconds, easing, easingCSS, spring, stagger };

package/dist/{chunk-EZ2L3XPS.mjs → tokens/motion.mjs}

@@ -1,5 +1,4 @@
-// src/tokens/motion.ts
-var duration = {
+const duration = {
   /** Instant feedback — hover states, color changes */
   instant: 0,
   /** Micro-interactions — focus rings, icon swaps */
@@ -15,13 +14,13 @@ var duration = {
   /** Long-form animations — skeleton loaders, progress */
   slowest: 500
 };
-var durationCSS = Object.fromEntries(
+const durationCSS = Object.fromEntries(
   Object.entries(duration).map(([key, value]) => [key, `${value}ms`])
 );
-var durationSeconds = Object.fromEntries(
+const durationSeconds = Object.fromEntries(
   Object.entries(duration).map(([key, value]) => [key, value / 1e3])
 );
-var easing = {
+const easing = {
   /** General-purpose — equal acceleration and deceleration */
   standard: [0.2, 0, 0.38, 0.9],
   /** Enter animations — element arriving on screen */
@@ -35,13 +34,13 @@ var easing = {
   /** Spring-like snap — toggle switches, checkboxes */
   snap: [0.2, 0, 0, 1]
 };
-var easingCSS = Object.fromEntries(
+const easingCSS = Object.fromEntries(
   Object.entries(easing).map(([key, value]) => [
     key,
     `cubic-bezier(${value.join(", ")})`
   ])
 );
-var spring = {
+const spring = {
   /** Gentle — tooltips, small popovers */
   gentle: {
     type: "spring",
@@ -71,7 +70,7 @@ var spring = {
     mass: 1
   }
 };
-var stagger = {
+const stagger = {
   /** Rapid list items — 30ms between each */
   fast: 0.03,
   /** Standard stagger — 50ms between each */
@@ -79,5 +78,12 @@ var stagger = {
   /** Deliberate reveal — 80ms between each */
   slow: 0.08
 };
-
-export { duration, durationCSS, durationSeconds, easing, easingCSS, spring, stagger };
+export {
+  duration,
+  durationCSS,
+  durationSeconds,
+  easing,
+  easingCSS,
+  spring,
+  stagger
+};