@function get-properties($theme: settings.$preferred-theme) { ... }@function get-properties($theme: settings.$preferred-theme) { 
  $theme-map: common.get-theme-map(settings.$themes, $theme);

  @each $key, $value in $theme-map {
    $theme-map: map.set($theme-map, 'animation', $key, $value);
  }

  @return common.flatten-map($theme-map);
 }

@function -get-animation-value($theme: settings.$default-theme, $alias) { ... }@function -get-animation-value($theme: settings.$default-theme, $alias) { 
  $theme-map: common.get-theme-map(settings.$themes, $theme);
  $has-key: map.has-key($theme-map, $path...);

  @if not $has-key {
    @error "Animation value (#{$path}) not found.";
  }

  @return map.get($theme-map, $path...);
 }

@function -get-animation-property($path) { ... }@function -get-animation-property($path) { 
  $theme-map: common.get-theme-map(settings.$themes, settings.$preferred-theme);

  @if not map.has-key($theme-map, $path...) {
    @error "The animation property (#{$path}) does not exist.";
  }

  $property: common.get-property-name('animation', $path...);
  $fallback: -get-animation-value(settings.$preferred-theme, $path...);

  @return string.unquote('var(#{$property}, #{$fallback})');
 }

@function -get-color($theme: common.$default-theme, $colorset: settings.$default-colorset, $path...) { ... }@function -get-color($theme: common.$default-theme, $colorset: settings.$default-colorset, $path...) { 
  $theme-map: common.get-theme-map(tokens.$chirp-themes, $theme);
  $is-default: $colorset == settings.$default-colorset;
  $has-key: map.has-key($theme-map, $colorset, $path...);

  @if $has-key == false {
    @if $is-default == false {
      @warn "Attempting to fallback to '#{settings.$default-colorset}' colors";
      @return -get-color($theme, settings.$default-colorset, $path...);
    } @else {
      @error "Color not found: '#{$path}'";
    }
  }

  @return map.get($theme-map, $colorset, $path...);
 }

@function -get-valid-path($path...) { ... }@function -get-valid-path($path...) { 
  $property: common.get-property-name($path...);

  @if map.has-key(settings.$deprecated-property-names, $property) {
    $new-path: map.get(settings.$deprecated-property-names, $property);
    @warn "Color '#{$path}' is deprecated, please switch to '#{$new-path}'";
    @return $new-path;
  }

  @return $path;
 }

@function get($path...) { ... }@function get($path...) { 
  @return get-property($path...);
 }

@function -get-themes($tokens) { ... }@function -get-themes($tokens) { 
  $themes: ();

  @each $name, $theme in $tokens {
    $themes: map.set($themes, $name, map.get($theme, 'animation'));
  }

  @return $themes;
 }

$preferred-theme: common.$preferred-theme !default;

$page-entry-movement: unit.rem(170px);

$page-fade-transition-duration: 1000ms !default;

$page-slide-transition-duration: 500ms !default;

$themes: (...);$themes: -get-themes(tokens.$chirp-animation);

$aliases: (...);$aliases: ();

$deprecated-property-names: (...);$deprecated-property-names: ();

@mixin custom-properties($theme: 'base', $deprecated: false, $overrides) { ... }@mixin custom-properties($theme: 'base', $deprecated: false, $overrides) { 
  $animation-properties: functions.get-properties($theme);

  @if $overrides {
    $animation-properties: map.deep-merge($animation-properties, $overrides);
  }

  @each $key, $value in $animation-properties {
    #{common.get-property-name($key)}: $value;
  }
 }

@mixin apply($name, $variant, $alternate) { ... }@mixin apply($name, $variant, $alternate) { 
  $variant: functions.get-last-item($animation-style);
  $animation-style: functions.remove-last-item($animation-style);
  $animations: common.get-theme-map(settings.$themes, settings.$preferred-theme);
  $alias: $animation-style;

  $style: map.get($animations, $alias...);

  $not-rendered: true;
  @each $name in map.keys($style) {
    $is-variant-match: if(str-index($name, '-#{$variant}'), true, false);
    $is-subtle: if(str-index($name, '-subtle'), true, false);
    $is-standard: if(str-index($name, '-standard'), true, false);
    $value: map.get($style, $name);
    $valueType: '';

    @if $is-variant-match {
      @if $is-subtle {
        $valueType: common.str-replace($name, '-subtle', '');
      } @else if $is-standard {
        $valueType: common.str-replace($name, '-standard', '');
      } @else {
        $valueType: $name;
      }
    }

    @if $valueType == 'duration' or $valueType == 'function' {
      $fallback: #{map.get($style, $name)};
      $value: string.unquote('var(#{$value}, #{$fallback})');
      --animation-press-scale-#{$valueType}: #{$value};
    }
    @else_if ($valueType == "amount" or $valueType == "amount-hover") and $is-variant-match {
      $property: common.get-property-name('animation', append($alias, $name));
      $fallback: '';
      $value: string.unquote('var(#{$property}, #{$fallback})');

      --animation-press-scale-#{$valueType}: #{$value};
    }
  }

  $animation-press-scale-amount-standard: 0;
  $animation-press-scale-amount-subtle: 0;
  $animation-press-scale-amount-standard-hover: 0;
  $animation-press-scale-amount-subtle-hover: 0;

  @each $name in map.keys($style) {
    $is-variant-match: if(str-index($name, '-#{$variant}'), true, false);
    $is-variant-match-string: if(str-index($name, '-#{$variant}'), 'true', 'false');
    $is-subtle: if(str-index($name, '-subtle'), true, false);
    $is-standard: if(str-index($name, '-standard'), true, false);
    $value: map.get($style, $name);
    $valueType: '';

    @if $is-variant-match {
      @if $is-subtle {
        $valueType: common.str-replace($name, '-subtle', '');
      } @else if $is-standard {
        $valueType: common.str-replace($name, '-standard', '');
      } @else {
        $valueType: $name;
      }
    }

    @if ($is-subtle or $is-standard) {
      @if $is-variant-match {
        --animation-press-scale-#{$valueType}: #{map.get($style, $name)};
      }
    } @else {
      --animation-press-scale-#{$name}: #{map.get($style, $name)};
    }
  }

  // duration
  transition: transform var(--animation-press-scale-duration, #{map.get($style, 'duration')})
    var(--animation-press-scale-function, #{map.get($style, 'function')});

  @media (hover: hover) and (pointer: fine) {
    &:hover {
      transform: scale3d(
        var(--animation-press-scale-amount-hover),
        var(--animation-press-scale-amount-hover),
        1
      );
    }
  }

  // normal
  &:active {
    transform: scale3d(var(--animation-press-scale-amount), var(--animation-press-scale-amount), 1);
  }

  // reduced motion
  @media (prefers-reduced-motion: reduce) {
    transition: none;
  }

  @each $name in map.keys($style) {
    $is-variant-match: if(str-index($name, '-#{$variant}'), true, false);
    $is-variant-match-string: if(str-index($name, '-#{$variant}'), 'true', 'false');
    $is-subtle: if(str-index($name, '-subtle'), true, false);
    $is-standard: if(str-index($name, '-standard'), true, false);
    $value: map.get($style, $name);
    $valueType: '';
    $newNewName: str-quote(common.str-replace(str-quote($name), '-subtle', ''));

    @if $is-variant-match {
      @if $is-subtle {
        $valueType: common.str-replace($name, '-subtle', '');
      } @else if $is-standard {
        $valueType: common.str-replace($name, '-standard', '');
      } @else {
        $valueType: $name;
      }
    }
  }
 }

@mixin page-entry-common($delay: '0') { ... }@mixin page-entry-common($delay: '0') { 
  animation-delay: $delay;
  animation-fill-mode: both;
 }

@mixin page-entry-fade-up($delay: '0', $fade-duration: 'settings.$fade-transition-duration', $slide-duration: 'settings.$slide-transition-duration') { ... }@mixin page-entry-fade-up($delay: '0', $fade-duration: 'settings.$fade-transition-duration', $slide-duration: 'settings.$slide-transition-duration') { 
  @include page-entry-common($delay);

  animation-name: kib-animation-page-entry-fade-in, kib-animation-page-entry-slide-up;
  animation-duration: $fade-duration, $slide-duration;

  @media (prefers-reduced-motion: reduce) {
    animation: none;
  }
 }

@mixin page-entry-fade-in($delay: '0', $duration: 'settings.$fade-transition-duration') { ... }@mixin page-entry-fade-in($delay: '0', $duration: 'settings.$fade-transition-duration') { 
  @include page-entry-common($delay);

  animation-name: kib-animation-page-entry-fade-in;
  animation-duration: $duration;

  @media (prefers-reduced-motion: reduce) {
    animation: none;
  }
 }

@mixin page-entry-slide-up($delay: '0', $duration: 'settings.$slide-transition-duration') { ... }@mixin page-entry-slide-up($delay: '0', $duration: 'settings.$slide-transition-duration') { 
  @include page-entry-common($delay);

  animation-name: kib-animation-page-entry-slide-up;
  animation-duration: $duration;

  @media (prefers-reduced-motion: reduce) {
    animation: none;
  }
 }