@astryxdesign/core 0.7.5 → 0.7.6-canary.0135af4

package/src/theme/expandMotionScale.test.ts

@@ -1,145 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-import fs from 'node:fs';
-import path from 'node:path';
-import {describe, it, expect} from 'vitest';
-import {expandMotionScale} from './expandMotionScale';
-
-describe('expandMotionScale', () => {
-  it('computes default XDS motion scale', () => {
-    const tokens = expandMotionScale({fast: 175, medium: 410, ratio: 0.75});
-
-    expect(tokens['--duration-fast-min']).toBe('130ms'); // 175 × 0.75 = 131.25 → 130
-    expect(tokens['--duration-fast']).toBe('175ms');
-    expect(tokens['--duration-fast-max']).toBe('235ms'); // 175 / 0.75 = 233.3 → 235
-    expect(tokens['--duration-medium-min']).toBe('310ms'); // 410 × 0.75 = 307.5 → 310
-    expect(tokens['--duration-medium']).toBe('410ms');
-    expect(tokens['--duration-medium-max']).toBe('545ms'); // 410 / 0.75 = 546.6 → 545
-  });
-
-  it('computes snappy motion scale', () => {
-    const tokens = expandMotionScale({fast: 100, medium: 250, ratio: 0.75});
-
-    expect(tokens['--duration-fast-min']).toBe('75ms');
-    expect(tokens['--duration-fast']).toBe('100ms');
-    expect(tokens['--duration-fast-max']).toBe('135ms');
-    expect(tokens['--duration-medium-min']).toBe('190ms');
-    expect(tokens['--duration-medium']).toBe('250ms');
-    expect(tokens['--duration-medium-max']).toBe('335ms');
-  });
-
-  it('computes cinematic motion scale', () => {
-    const tokens = expandMotionScale({fast: 200, medium: 500, ratio: 0.7});
-
-    expect(tokens['--duration-fast-min']).toBe('140ms');
-    expect(tokens['--duration-fast']).toBe('200ms');
-    expect(tokens['--duration-fast-max']).toBe('285ms');
-    expect(tokens['--duration-medium-min']).toBe('350ms');
-    expect(tokens['--duration-medium']).toBe('500ms');
-    expect(tokens['--duration-medium-max']).toBe('715ms');
-  });
-
-  it('does not include easing token when not specified', () => {
-    const tokens = expandMotionScale({fast: 175, medium: 410, ratio: 0.75});
-
-    expect(tokens['--ease-standard']).toBeUndefined();
-  });
-
-  it('includes easing override when specified', () => {
-    const tokens = expandMotionScale({
-      fast: 175,
-      medium: 410,
-      ratio: 0.75,
-      easing: 'cubic-bezier(0.0, 0.0, 0.2, 1)',
-    });
-
-    expect(tokens['--ease-standard']).toBe('cubic-bezier(0.0, 0.0, 0.2, 1)');
-  });
-
-  it('produces exactly 6 duration tokens without slow', () => {
-    const tokens = expandMotionScale({fast: 175, medium: 410, ratio: 0.75});
-    const durationKeys = Object.keys(tokens).filter(k =>
-      k.startsWith('--duration-'),
-    );
-
-    expect(durationKeys).toHaveLength(6);
-  });
-
-  it('produces 9 duration tokens with slow', () => {
-    const tokens = expandMotionScale({
-      fast: 175,
-      medium: 410,
-      slow: 975,
-      ratio: 0.75,
-    });
-    const durationKeys = Object.keys(tokens).filter(k =>
-      k.startsWith('--duration-'),
-    );
-
-    expect(durationKeys).toHaveLength(9);
-  });
-
-  it('computes default slow band', () => {
-    const tokens = expandMotionScale({
-      fast: 175,
-      medium: 410,
-      slow: 975,
-      ratio: 0.75,
-    });
-
-    expect(tokens['--duration-slow-min']).toBe('730ms'); // 975 × 0.75 = 731.25 → 730
-    expect(tokens['--duration-slow']).toBe('975ms');
-    expect(tokens['--duration-slow-max']).toBe('1300ms'); // 975 / 0.75 = 1300 → 1300
-  });
-
-  it('does not emit slow tokens when slow is omitted', () => {
-    const tokens = expandMotionScale({fast: 175, medium: 410, ratio: 0.75});
-
-    expect(tokens['--duration-slow-min']).toBeUndefined();
-    expect(tokens['--duration-slow']).toBeUndefined();
-    expect(tokens['--duration-slow-max']).toBeUndefined();
-  });
-
-  it('maintains ordering: min < base < max', () => {
-    const tokens = expandMotionScale({
-      fast: 175,
-      medium: 410,
-      slow: 975,
-      ratio: 0.75,
-    });
-
-    const fastMin = parseInt(tokens['--duration-fast-min']);
-    const fast = parseInt(tokens['--duration-fast']);
-    const fastMax = parseInt(tokens['--duration-fast-max']);
-    const medMin = parseInt(tokens['--duration-medium-min']);
-    const med = parseInt(tokens['--duration-medium']);
-    const medMax = parseInt(tokens['--duration-medium-max']);
-    const slowMin = parseInt(tokens['--duration-slow-min']);
-    const slow = parseInt(tokens['--duration-slow']);
-    const slowMax = parseInt(tokens['--duration-slow-max']);
-
-    expect(fastMin).toBeLessThan(fast);
-    expect(fast).toBeLessThan(fastMax);
-    expect(medMin).toBeLessThan(med);
-    expect(med).toBeLessThan(medMax);
-    expect(fastMax).toBeLessThan(medMin);
-    expect(medMax).toBeLessThan(slowMin);
-    expect(slowMin).toBeLessThan(slow);
-    expect(slow).toBeLessThan(slowMax);
-  });
-});
-
-// @ts-expect-error The role-keyed theme types are not public: motion stays internal.
-import type {MotionRoleValues as _NotPublic} from '../index';
-
-describe('touch motion stays internal', () => {
-  it('exports no motion-role surface from the theme entry or the package root', () => {
-    // The package root re-exports the theme entry and nothing from motion/.
-    const read = (file: string) =>
-      fs.readFileSync(path.resolve(__dirname, file), 'utf8');
-    expect(read('../index.ts')).not.toMatch(/from '\.\/motion/);
-    expect(read('./index.ts')).not.toMatch(
-      /expandMotionRoles|motionScaleOf|MotionConfig|MotionRoleValues|MotionCurvePoints|registerMotionTable|motion\/role/,
-    );
-  });
-});

package/src/theme/expandRadiusScale.test.ts

@@ -1,59 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-import {describe, it, expect} from 'vitest';
-import {expandRadiusScale} from './expandRadiusScale';
-
-describe('expandRadiusScale', () => {
-  it('generates default scale', () => {
-    const tokens = expandRadiusScale({base: 4, multiplier: 1});
-    expect(tokens['--radius-none']).toBe('0px');
-    expect(tokens['--radius-inner']).toBe('4px');
-    expect(tokens['--radius-element']).toBe('8px');
-    expect(tokens['--radius-container']).toBe('12px');
-    expect(tokens['--radius-page']).toBe('28px');
-    expect(tokens['--radius-chat']).toBe('28px');
-    expect(tokens['--radius-full']).toBe('9999px');
-  });
-
-  it('applies multiplier', () => {
-    const tokens = expandRadiusScale({base: 4, multiplier: 1.5});
-    expect(tokens['--radius-inner']).toBe('6px');
-    expect(tokens['--radius-element']).toBe('12px');
-    expect(tokens['--radius-container']).toBe('18px');
-    expect(tokens['--radius-page']).toBe('42px');
-    expect(tokens['--radius-chat']).toBe('42px');
-  });
-
-  it('multiplier 0 produces all zeros', () => {
-    const tokens = expandRadiusScale({base: 4, multiplier: 0});
-    expect(tokens['--radius-none']).toBe('0px');
-    expect(tokens['--radius-inner']).toBe('0px');
-    expect(tokens['--radius-element']).toBe('0px');
-    expect(tokens['--radius-container']).toBe('0px');
-    expect(tokens['--radius-page']).toBe('0px');
-    expect(tokens['--radius-chat']).toBe('0px');
-    expect(tokens['--radius-full']).toBe('9999px');
-  });
-
-  it('fixed tokens are unaffected by multiplier', () => {
-    const tokens = expandRadiusScale({base: 4, multiplier: 2});
-    expect(tokens['--radius-none']).toBe('0px');
-    expect(tokens['--radius-full']).toBe('9999px');
-  });
-
-  it('rounds fractional results to nearest integer', () => {
-    const tokens = expandRadiusScale({base: 3, multiplier: 1.3});
-    // 3 * 1 * 1.3 = 3.9 → 4px
-    expect(tokens['--radius-inner']).toBe('4px');
-    // 3 * 2 * 1.3 = 7.8 → 8px
-    expect(tokens['--radius-element']).toBe('8px');
-  });
-
-  it('works with non-standard base', () => {
-    const tokens = expandRadiusScale({base: 6, multiplier: 1});
-    expect(tokens['--radius-inner']).toBe('6px');
-    expect(tokens['--radius-element']).toBe('12px');
-    expect(tokens['--radius-container']).toBe('18px');
-    expect(tokens['--radius-page']).toBe('42px');
-  });
-});

package/src/theme/expandTypeScale.test.ts

@@ -1,351 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/**
- * @file expandTypeScale.test.ts
- * Tests for the two-layer type scale computation.
- */
-
-import {describe, it, expect} from 'vitest';
-import {expandTypeScale, generateTypeScaleComponents} from './expandTypeScale';
-
-describe('expandTypeScale', () => {
-  describe('Layer 1: raw size tokens', () => {
-    const tokens = expandTypeScale({base: 14, ratio: 1.2});
-
-    it('emits 11 raw size tokens in rem', () => {
-      const sizeTokens = [
-        '--font-size-4xs',
-        '--font-size-3xs',
-        '--font-size-2xs',
-        '--font-size-xs',
-        '--font-size-sm',
-        '--font-size-base',
-        '--font-size-lg',
-        '--font-size-xl',
-        '--font-size-2xl',
-        '--font-size-3xl',
-        '--font-size-4xl',
-        '--font-size-5xl',
-      ];
-      for (const name of sizeTokens) {
-        expect(tokens[name]).toBeDefined();
-        expect(tokens[name]).toMatch(/rem$/);
-      }
-    });
-
-    it('anchors --font-size-base to the base size', () => {
-      expect(tokens['--font-size-base']).toBe('0.875rem'); // 14/16
-    });
-
-    it('computes geometric progression for sub-scale tokens', () => {
-      expect(tokens['--font-size-4xs']).toBe('0.375rem'); // 6/16
-      expect(tokens['--font-size-3xs']).toBe('0.4375rem'); // 7/16
-      expect(tokens['--font-size-2xs']).toBe('0.5rem'); // 8/16
-    });
-
-    it('computes geometric progression', () => {
-      expect(tokens['--font-size-xs']).toBe('0.625rem'); // 10/16
-      expect(tokens['--font-size-sm']).toBe('0.75rem'); // 12/16
-      expect(tokens['--font-size-lg']).toBe('1.0625rem'); // 17/16
-      expect(tokens['--font-size-xl']).toBe('1.25rem'); // 20/16
-      expect(tokens['--font-size-2xl']).toBe('1.5rem'); // 24/16
-      expect(tokens['--font-size-3xl']).toBe('1.8125rem'); // 29/16
-      expect(tokens['--font-size-4xl']).toBe('2.1875rem'); // 35/16
-    });
-  });
-
-  describe('Layer 2: semantic tokens', () => {
-    const tokens = expandTypeScale({base: 14, ratio: 1.2});
-
-    it('heading sizes are var() references to raw tokens', () => {
-      expect(tokens['--text-heading-1-size']).toBe('var(--font-size-2xl)');
-      expect(tokens['--text-heading-2-size']).toBe('var(--font-size-xl)');
-      expect(tokens['--text-heading-3-size']).toBe('var(--font-size-lg)');
-      expect(tokens['--text-heading-4-size']).toBe('var(--font-size-base)');
-      expect(tokens['--text-heading-5-size']).toBe('var(--font-size-sm)');
-      expect(tokens['--text-heading-6-size']).toBe('var(--font-size-xs)');
-    });
-
-    it('heading leadings are hardcoded computed values', () => {
-      expect(tokens['--text-heading-1-leading']).toBe('1.3333'); // 24px → 32px
-      expect(tokens['--text-heading-2-leading']).toBe('1.4'); // 20px → 28px
-      expect(tokens['--text-heading-3-leading']).toBe('1.4118'); // 17px → 24px
-      expect(tokens['--text-heading-4-leading']).toBe('1.4286'); // 14px → 20px
-      expect(tokens['--text-heading-5-leading']).toBe('1.6667'); // 12px → 20px
-      expect(tokens['--text-heading-6-leading']).toBe('1.6'); // 10px → 16px
-    });
-
-    it('text type sizes are var() references', () => {
-      expect(tokens['--text-body-size']).toBe('var(--font-size-base)');
-      expect(tokens['--text-large-size']).toBe('var(--font-size-lg)');
-      expect(tokens['--text-label-size']).toBe('var(--font-size-base)');
-      expect(tokens['--text-code-size']).toBe('var(--font-size-base)');
-      expect(tokens['--text-supporting-size']).toBe('var(--font-size-sm)');
-    });
-
-    it('text type leadings are hardcoded computed values', () => {
-      expect(tokens['--text-body-leading']).toBe('1.4286'); // 14px → 20px
-      expect(tokens['--text-large-leading']).toBe('1.4118'); // 17px → 24px
-      expect(tokens['--text-label-leading']).toBe('1.4286');
-      expect(tokens['--text-code-leading']).toBe('1.4286');
-      expect(tokens['--text-supporting-leading']).toBe('1.6667'); // 12px → 16px
-    });
-
-    it('weight tokens are var() references (unchanged)', () => {
-      expect(tokens['--text-heading-1-weight']).toBe(
-        'var(--font-weight-semibold)',
-      );
-      expect(tokens['--text-body-weight']).toBe('var(--font-weight-normal)');
-      expect(tokens['--text-large-weight']).toBe('var(--font-weight-semibold)');
-      expect(tokens['--text-label-weight']).toBe('var(--font-weight-medium)');
-      expect(tokens['--text-code-weight']).toBe('var(--font-weight-normal)');
-      expect(tokens['--text-supporting-weight']).toBe(
-        'var(--font-weight-normal)',
-      );
-    });
-
-    it('computes display sizes continuing the progression above h1', () => {
-      // display-1 = 14 × 1.2⁶ ≈ 41.80 → 42px → 2.625rem (largest)
-      expect(tokens['--text-display-1-size']).toBe('var(--font-size-5xl)');
-      // display-2 = 14 × 1.2⁵ ≈ 34.84 → 35px → 2.1875rem
-      expect(tokens['--text-display-2-size']).toBe('var(--font-size-4xl)');
-      // display-3 = 14 × 1.2⁴ ≈ 29.03 → 29px → 1.8125rem (closest to h1)
-      expect(tokens['--text-display-3-size']).toBe('var(--font-size-3xl)');
-    });
-
-    it('assigns normal weight to display types by default', () => {
-      expect(tokens['--text-display-1-weight']).toBe(
-        'var(--font-weight-normal)',
-      );
-      expect(tokens['--text-display-2-weight']).toBe(
-        'var(--font-weight-normal)',
-      );
-      expect(tokens['--text-display-3-weight']).toBe(
-        'var(--font-weight-normal)',
-      );
-    });
-
-    it('all line heights snap to 4px grid', () => {
-      // Map semantic leading tokens to their font sizes (px)
-      const pairs: [string, number][] = [
-        ['--text-heading-1-leading', 24],
-        ['--text-heading-2-leading', 20],
-        ['--text-heading-3-leading', 17],
-        ['--text-heading-4-leading', 14],
-        ['--text-heading-5-leading', 12],
-        ['--text-heading-6-leading', 10],
-        ['--text-body-leading', 14],
-        ['--text-large-leading', 17],
-        ['--text-supporting-leading', 12],
-      ];
-      for (const [token, fontSize] of pairs) {
-        const ratio = parseFloat(tokens[token]);
-        const lhPx = Math.round(fontSize * ratio);
-        expect(lhPx % 4).toBe(0);
-        expect(lhPx).toBeGreaterThanOrEqual(fontSize + 4);
-      }
-    });
-
-    it('uses tiered target ratio based on font size', () => {
-      // < 20px target 1.5: 14px → 20px line
-      expect(
-        Math.round(14 * parseFloat(tokens['--text-heading-4-leading'])),
-      ).toBe(20);
-      // 20-31px target 1.4: 20px → 28px line
-      expect(
-        Math.round(20 * parseFloat(tokens['--text-heading-2-leading'])),
-      ).toBe(28);
-      // 20-31px target 1.4: 24px → 32px line
-      expect(
-        Math.round(24 * parseFloat(tokens['--text-heading-1-leading'])),
-      ).toBe(32);
-    });
-  });
-
-  describe('does not touch named leading tokens', () => {
-    const tokens = expandTypeScale({base: 14, ratio: 1.2});
-
-    it('does not emit --leading-* tokens', () => {
-      const leadingKeys = Object.keys(tokens).filter(k =>
-        k.startsWith('--leading-'),
-      );
-      expect(leadingKeys).toHaveLength(0);
-    });
-  });
-
-  describe('total token count', () => {
-    const tokens = expandTypeScale({base: 14, ratio: 1.2});
-
-    it('generates 54 tokens (12 size + 42 semantic)', () => {
-      expect(Object.keys(tokens)).toHaveLength(54);
-    });
-  });
-
-  describe('weight overrides', () => {
-    it('applies heading weight overrides', () => {
-      const tokens = expandTypeScale({
-        base: 14,
-        ratio: 1.2,
-        weights: {heading: {1: 'var(--font-weight-bold)'}},
-      });
-      expect(tokens['--text-heading-1-weight']).toBe('var(--font-weight-bold)');
-      expect(tokens['--text-heading-2-weight']).toBe(
-        'var(--font-weight-semibold)',
-      );
-    });
-
-    it('applies text weight overrides', () => {
-      const tokens = expandTypeScale({
-        base: 14,
-        ratio: 1.2,
-        weights: {text: {large: 'var(--font-weight-normal)'}},
-      });
-      expect(tokens['--text-large-weight']).toBe('var(--font-weight-normal)');
-      expect(tokens['--text-body-weight']).toBe('var(--font-weight-normal)');
-    });
-  });
-
-  describe('alternate scales', () => {
-    it('dense scale (base=12, ratio=1.125)', () => {
-      const tokens = expandTypeScale({base: 12, ratio: 1.125});
-      expect(tokens['--font-size-base']).toBe('0.75rem'); // 12/16
-      expect(tokens['--text-heading-4-size']).toBe('var(--font-size-base)');
-    });
-
-    it('airy scale (base=16, ratio=1.25)', () => {
-      const tokens = expandTypeScale({base: 16, ratio: 1.25});
-      expect(tokens['--font-size-base']).toBe('1rem'); // 16/16
-      expect(tokens['--font-size-lg']).toBe('1.25rem'); // 20/16
-      expect(tokens['--text-heading-1-size']).toBe('var(--font-size-2xl)');
-    });
-
-    it('all scales produce 4px-grid-aligned line heights', () => {
-      const scales = [
-        {base: 12, ratio: 1.125},
-        {base: 14, ratio: 1.2},
-        {base: 16, ratio: 1.25},
-        {base: 18, ratio: 1.333},
-      ];
-      for (const config of scales) {
-        const tokens = expandTypeScale(config);
-        for (let level = 1; level <= 6; level++) {
-          const step = {1: 3, 2: 2, 3: 1, 4: 0, 5: -1, 6: -2}[level]!;
-          const fontSize = Math.round(
-            config.base * Math.pow(config.ratio, step),
-          );
-          const ratio = parseFloat(tokens[`--text-heading-${level}-leading`]);
-          const lhPx = Math.round(fontSize * ratio);
-          expect(lhPx % 4).toBe(0);
-          expect(lhPx).toBeGreaterThanOrEqual(fontSize + 4);
-        }
-      }
-    });
-  });
-});
-
-describe('generateTypeScaleComponents', () => {
-  it('generates heading and text component keys', () => {
-    const components = generateTypeScaleComponents({base: 14, ratio: 1.2});
-    expect(components).toHaveProperty('heading');
-    expect(components).toHaveProperty('text');
-  });
-
-  it('generates rules for all 6 heading levels', () => {
-    const components = generateTypeScaleComponents({base: 14, ratio: 1.2});
-    for (let level = 1; level <= 6; level++) {
-      expect(components.heading).toHaveProperty(`level:${level}`);
-    }
-  });
-
-  it('generates rules for all 8 text types (including display)', () => {
-    const components = generateTypeScaleComponents({base: 14, ratio: 1.2});
-    for (const type of [
-      'body',
-      'large',
-      'label',
-      'code',
-      'supporting',
-      'display-1',
-      'display-2',
-      'display-3',
-    ]) {
-      expect(components.text).toHaveProperty(`type:${type}`);
-    }
-  });
-
-  it('heading rules include fontFamily, fontSize, fontWeight, lineHeight', () => {
-    const components = generateTypeScaleComponents({base: 14, ratio: 1.2});
-    const h1 = components.heading['level:1'];
-    expect(h1.fontFamily).toBe('var(--font-family-heading)');
-    expect(h1.fontSize).toBe('var(--text-heading-1-size)');
-    expect(h1.fontWeight).toBe('var(--text-heading-1-weight)');
-    expect(h1.lineHeight).toBe('var(--text-heading-1-leading)');
-  });
-
-  it('generates heading and text component overrides', () => {
-    const components = generateTypeScaleComponents({base: 14, ratio: 1.2});
-    expect(components.heading).toBeDefined();
-    expect(components.text).toBeDefined();
-  });
-
-  it('heading overrides reference semantic tokens', () => {
-    const components = generateTypeScaleComponents({base: 14, ratio: 1.2});
-    expect(components.heading['level:1'].fontSize).toBe(
-      'var(--text-heading-1-size)',
-    );
-    expect(components.heading['level:1'].lineHeight).toBe(
-      'var(--text-heading-1-leading)',
-    );
-  });
-
-  it('text overrides reference semantic tokens', () => {
-    const components = generateTypeScaleComponents({base: 14, ratio: 1.2});
-    expect(components.text['type:body'].fontSize).toBe('var(--text-body-size)');
-    expect(components.text['type:body'].lineHeight).toBe(
-      'var(--text-body-leading)',
-    );
-  });
-
-  it('generates rules for all 3 heading display types', () => {
-    const components = generateTypeScaleComponents({base: 14, ratio: 1.2});
-    for (const type of ['display-1', 'display-2', 'display-3']) {
-      expect(components.heading).toHaveProperty(`type:${type}`);
-    }
-  });
-
-  it('heading display-type rules reference the display semantic tokens', () => {
-    const components = generateTypeScaleComponents({base: 14, ratio: 1.2});
-    const display1 = components.heading['type:display-1'];
-    expect(display1.fontFamily).toBe('var(--font-family-heading)');
-    expect(display1.fontSize).toBe('var(--text-display-1-size)');
-    expect(display1.lineHeight).toBe('var(--text-display-1-leading)');
-    // fontWeight is intentionally omitted here, matching the `text` branch's
-    // type-keyed rules — see defaultWeightByTypeStyles for how weight is
-    // applied instead.
-    expect(display1.fontWeight).toBeUndefined();
-  });
-
-  it('emits heading type:display-N rules after level:N rules, so type wins at equal specificity', () => {
-    // Heading renders both a `level:N` and a `type:display-N` class on the
-    // same element simultaneously when `type` is set (see Heading.tsx).
-    // Both produce single-class-selector CSS rules of equal specificity, so
-    // CSS's own "last rule wins" tiebreak is what makes `type` take
-    // precedence over `level` -- which only holds if type rules are emitted
-    // strictly after all level rules in this object's (and therefore the
-    // generated stylesheet's) key order. This regression-tests #4829,
-    // where type-keyed heading rules didn't exist at all and level always
-    // won by default, silently discarding the `type` prop under any theme
-    // with a typography.scale.
-    const components = generateTypeScaleComponents({base: 14, ratio: 1.2});
-    const keys = Object.keys(components.heading);
-    const lastLevelIndex = Math.max(
-      ...[1, 2, 3, 4, 5, 6].map(level => keys.indexOf(`level:${level}`)),
-    );
-    const firstTypeIndex = Math.min(
-      ...['display-1', 'display-2', 'display-3'].map(type =>
-        keys.indexOf(`type:${type}`),
-      ),
-    );
-    expect(firstTypeIndex).toBeGreaterThan(lastLevelIndex);
-  });
-});