@oneonefour/rkui 0.0.0-stage → 0.0.3

package/src/components/topbar/topbar.css

@@ -0,0 +1,127 @@
+/* Top bar: controls that stay at the top of the window as the page scrolls, such as a theme
+   switch, ending with a back-to-top link. Pick one of two variants:
+   .rkui-topbar--toast: a raised panel hanging just below the top edge, at the end of the line.
+   .rkui-topbar--flush: full width along the top edge, with a rule and a shadow under it.
+   --rkui-topbar-inset is the space at the bar's sides: the toast's margin, the flush bar's padding.
+
+   <header class="rkui-topbar rkui-topbar--toast">
+     …
+     <a class="rkui-button rkui-back-to-top" href="#top">
+       <svg class="rkui-icon" aria-hidden="true">…arrow-up…</svg>
+       <span class="rkui-visually-hidden">Back to top</span>
+     </a>
+   </header>
+
+   Where scroll-driven animations are supported, the bar takes its look over the first few rems
+   of scrolling: the toast drops in from lying flat in the page, the flush bar's shadow grows,
+   and the back-to-top link pops in. Other browsers show the full bar and the link at all times. */
+
+.rkui-topbar {
+  --rkui-topbar-inset: var(--rkui-space-4);
+  --rkui-topbar-gap: var(--rkui-space-3);
+  /* How far the toast drops in, and the back-to-top link's starting scale */
+  --rkui-topbar-drop: var(--rkui-space-3);
+  --rkui-topbar-pop: 0.5;
+  /* How far the page scrolls while the bar takes its look */
+  --rkui-topbar-reveal: 3rem;
+
+  position: sticky;
+  inset-block-start: 0;
+  /* Above tooltip bubbles (tooltip.css) */
+  z-index: 20;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--rkui-space-3);
+  border: 0 solid var(--rkui-line-unfilled);
+  background: var(--rkui-raised);
+  color: var(--rkui-fg);
+}
+
+.rkui-topbar--toast {
+  inset-block-start: var(--rkui-topbar-gap);
+  inline-size: fit-content;
+  max-inline-size: calc(100% - 2 * var(--rkui-topbar-inset));
+  margin-block-start: var(--rkui-topbar-gap);
+  margin-inline: auto var(--rkui-topbar-inset);
+  padding: var(--rkui-space-2) var(--rkui-space-3);
+  border-width: var(--rkui-outline-width);
+  border-radius: var(--rkui-radius);
+  box-shadow: var(--rkui-shadow);
+}
+
+/* The flush bar's shadow falls straight down whatever the light: across a full-width bar, a
+   sideways shadow would slide off one edge of the window and leave a gap at the other. */
+.rkui-topbar--flush {
+  padding: var(--rkui-space-2) var(--rkui-topbar-inset);
+  border-block-end-width: var(--rkui-outline-width);
+  box-shadow:
+    0 var(--rkui-shadow-offset) 0 var(--rkui-shadow-color),
+    0 var(--rkui-shadow-offset) 0 var(--rkui-outline-width) var(--rkui-shadow-edge);
+}
+
+/* Anchor jumps, such as a table of contents' links, land below the bar rather than under it.
+   This clears a bar one row of controls high. */
+:root:has(.rkui-topbar) {
+  scroll-padding-block-start: 6rem;
+}
+
+/* Under reduced motion nothing moves: the toast and the link only fade in. */
+@media (prefers-reduced-motion: reduce) {
+  .rkui-topbar {
+    --rkui-topbar-drop: 0px;
+    --rkui-topbar-pop: 1;
+  }
+}
+
+/* Longhands only, as in overflow.css. */
+@supports (animation-timeline: scroll()) {
+  .rkui-topbar,
+  .rkui-back-to-top {
+    animation-duration: auto;
+    animation-fill-mode: both;
+    animation-timeline: scroll(root);
+    animation-range-end: var(--rkui-topbar-reveal);
+  }
+
+  .rkui-topbar--toast {
+    animation-name: rkui-topbar-toast-in;
+    animation-timing-function: var(--rkui-ease-snap);
+  }
+
+  .rkui-topbar--flush {
+    animation-name: rkui-topbar-flush-in;
+    animation-timing-function: linear;
+  }
+
+  .rkui-back-to-top {
+    animation-name: rkui-back-to-top-in;
+    animation-timing-function: var(--rkui-ease-snap);
+  }
+}
+
+/* Each animation runs from its keyframe to the element's own styles. */
+@keyframes rkui-topbar-toast-in {
+  from {
+    border-color: transparent;
+    background-color: transparent;
+    box-shadow: none;
+    translate: 0 calc(-1 * var(--rkui-topbar-drop));
+  }
+}
+
+@keyframes rkui-topbar-flush-in {
+  from {
+    box-shadow: none;
+  }
+}
+
+/* Hidden at the top of the page, so it is out of the tab order there too. */
+@keyframes rkui-back-to-top-in {
+  from {
+    visibility: hidden;
+    opacity: 0;
+    scale: var(--rkui-topbar-pop);
+  }
+}

package/src/components/water/Flask.vue

@@ -0,0 +1,44 @@
+<!--
+  The water flask: a spinner whose water fills and drains, for a wait of unknown length, or sits at
+  `level`, rising or falling to a new one. A busy indicator with `role="status"`; the label is read
+  out, not shown. `class`, `style` and other attributes go on the `<span>`.
+
+  @example
+  <Flask label="Uploading…" size="3rem" hue="teal" />
+  <Flask label="Uploading…" :level="progress" />
+-->
+<script setup lang="ts">
+import { computed } from 'vue'
+import { hueVars, type HueOrHex } from '../../shared/hues'
+
+interface Props {
+  /** What is happening, for screen readers; "Loading…" when left out. */
+  label?: string
+  /** The flask's size as a CSS length; 2rem when left out. */
+  size?: string
+  /** The water's colour, a hue or a hex code; sky when left out. */
+  hue?: HueOrHex
+  /** A fixed water level from 0 to 1; rising and falling when left out. */
+  level?: number
+}
+
+const { label = 'Loading…', size, hue, level } = defineProps<Props>()
+
+/** The custom properties for the props that are set. */
+const vars = computed(() => {
+  const style: Record<string, string | number> = hueVars(hue, { fill: '--rkui-spinner-fill' })
+  if (size) style['--rkui-spinner-size'] = size
+  if (level !== undefined) style['--rkui-water-level'] = level
+  return style
+})
+</script>
+
+<template>
+  <span class="rkui-spinner rkui-spinner--water" role="status" :style="vars">
+    <span
+      :class="level === undefined ? 'rkui-water rkui-water--rise' : 'rkui-water'"
+      aria-hidden="true"
+    ></span>
+    <span class="rkui-visually-hidden">{{ label }}</span>
+  </span>
+</template>

package/src/components/water/Pending.vue

@@ -0,0 +1,32 @@
+<!--
+  The pending panel: a dashed panel that fills with water while content loads. The slot is its
+  text. The water rises and falls, or sits at `level`, rising or falling to a new one. A busy
+  indicator with `role="status"`. `class` and other attributes go on the `<div>`.
+
+  @example
+  <Pending>Loading the comments…</Pending>
+  <Pending :level="progress">Loading the comments…</Pending>
+-->
+<script setup lang="ts">
+import { computed } from 'vue'
+
+interface Props {
+  /** A fixed water level from 0 to 1; rising and falling when left out. */
+  level?: number
+}
+
+const { level } = defineProps<Props>()
+
+/** The water level as a custom property, when it is set. */
+const vars = computed(() => (level === undefined ? {} : { '--rkui-water-level': level }))
+</script>
+
+<template>
+  <div class="rkui-pending" role="status" :style="vars">
+    <span
+      :class="level === undefined ? 'rkui-water rkui-water--rise' : 'rkui-water'"
+      aria-hidden="true"
+    ></span>
+    <p><slot /></p>
+  </div>
+</template>

package/src/components/water/water.css

@@ -0,0 +1,262 @@
+/* Toon water: a flat fill with a rolling wave on top and an outline along the wave. Put an
+   .rkui-water in a host that clips it; it sits behind the host's content. Set --rkui-water-level (0
+   to 1) on the host or the water for a fixed level, or add .rkui-water--rise to fill and drain it,
+   for an unknown wait.
+   Under reduced motion the water stays still, filling or at a set level, and fades in and out
+   instead.
+
+   Hosts in this file:
+   water spinner, .rkui-spinner--water: a flask that fills and drains, or holds a set level;
+   filling button: a filled .rkui-button with aria-busy="true" and an .rkui-water child fills with
+   its own colour. Keep it focusable with aria-disabled="true" rather than disabled, so focus isn't
+   lost, ignore its clicks while busy, and say what is happening in its label;
+   pending panel, .rkui-pending: a dashed panel filling up while it waits, or to a set level.
+
+   <span class="rkui-spinner rkui-spinner--water" role="status">
+     <span class="rkui-water rkui-water--rise" aria-hidden="true"></span>
+     <span class="rkui-visually-hidden">Loading…</span>
+   </span>
+   <button class="rkui-button rkui-button--teal" type="button" aria-busy="true"
+     aria-disabled="true">
+     <span class="rkui-water rkui-water--rise" aria-hidden="true"></span>
+     Saving…
+   </button>
+   <div class="rkui-pending" role="status">
+     <span class="rkui-water rkui-water--rise" aria-hidden="true"></span>
+     <p>Loading…</p>
+   </div> */
+
+/* Registered so that it can be animated, and inherited so that a host can set it. */
+@property --rkui-water-level {
+  syntax: '<number>';
+  inherits: true;
+  initial-value: 0.5;
+}
+
+.rkui-water {
+  --rkui-water-fill: var(--rkui-sky);
+  --rkui-wave-line: var(--rkui-line);
+  --rkui-wave-length: 2rem;
+  --rkui-wave-height: 0.5rem;
+  --rkui-wave-period: var(--rkui-loop-steady);
+  --rkui-wave-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12' preserveAspectRatio='none'%3E%3Cpath d='M0 6Q10 0 20 6T40 6V12H0Z'/%3E%3C/svg%3E");
+
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  /* The wave sits just above the top edge, its crests a quarter of the wave height below the top
+     of the wave and its troughs a quarter above the bottom. Level 0 puts the outlined crests just
+     below the host, so it shows empty; 1 puts the troughs at its top, so it shows full. */
+  translate: 0
+    calc(
+      (1 - var(--rkui-water-level)) *
+        (100% + var(--rkui-outline-width) + 0.75 * var(--rkui-wave-height)) +
+        var(--rkui-water-level) * 0.25 * var(--rkui-wave-height)
+    );
+  transition: translate var(--rkui-duration-slide) var(--rkui-ease-snap);
+  pointer-events: none;
+}
+
+/* Two copies of the water with the wave along their tops: the outline colour, then the fill over
+   it, lower by the outline width, so the outline shows along the wave. */
+.rkui-water::before,
+.rkui-water::after {
+  content: '';
+  position: absolute;
+  inset-block: calc(-1 * var(--rkui-wave-height)) 0;
+  inset-inline-start: 0;
+  inline-size: calc(100% + var(--rkui-wave-length));
+  /* The wave, then solid water below it. A mask only reads alpha, so any opaque colour does. */
+  mask:
+    var(--rkui-wave-shape) 0 0 / var(--rkui-wave-length) var(--rkui-wave-height) repeat-x,
+    linear-gradient(var(--rkui-line) 0 0) 0 calc(var(--rkui-wave-height) - 1px) / 100% 100%
+      no-repeat;
+  animation: rkui-wave-roll var(--rkui-wave-period) linear infinite;
+}
+
+.rkui-water::before {
+  inset-block-start: calc(-1 * (var(--rkui-wave-height) + var(--rkui-outline-width)));
+  background: var(--rkui-wave-line);
+}
+
+.rkui-water::after {
+  background: var(--rkui-water-fill);
+}
+
+/* The animation sets the level, so the level's transition would only drag behind it. */
+.rkui-water--rise {
+  transition: none;
+  animation: rkui-water-rise var(--rkui-loop-long) ease-in-out infinite alternate;
+}
+
+@keyframes rkui-wave-roll {
+  to {
+    translate: calc(-1 * var(--rkui-wave-length)) 0;
+  }
+}
+
+@keyframes rkui-water-rise {
+  from {
+    --rkui-water-level: 0.15;
+  }
+
+  to {
+    --rkui-water-level: 1;
+  }
+}
+
+/* Water spinner: a round flask of water with the hard shadow, and a glint on the side the
+   light comes from. */
+.rkui-spinner--water {
+  --rkui-spinner-fill: var(--rkui-sky);
+
+  position: relative;
+  isolation: isolate;
+  box-sizing: border-box;
+  inline-size: var(--rkui-spinner-size);
+  block-size: var(--rkui-spinner-size);
+  overflow: hidden;
+  border: var(--rkui-outline-width) solid var(--rkui-line-unfilled);
+  border-radius: 50%;
+  background: var(--rkui-raised);
+  box-shadow: var(--rkui-shadow);
+}
+
+.rkui-spinner--water > .rkui-water {
+  --rkui-water-fill: var(--rkui-spinner-fill);
+  --rkui-wave-length: calc(var(--rkui-spinner-size) * 0.6);
+  --rkui-wave-height: calc(var(--rkui-spinner-size) / 6);
+  --rkui-wave-period: var(--rkui-loop-short);
+}
+
+.rkui-spinner--water::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  inline-size: 22%;
+  block-size: 22%;
+  margin: auto;
+  border-radius: 50%;
+  background: var(--rkui-glint);
+  translate: calc(var(--rkui-shadow-dx) * var(--rkui-spinner-size) * -0.2)
+    calc(var(--rkui-shadow-dy) * var(--rkui-spinner-size) * -0.2);
+}
+
+/* The filling button's empty part is its fill mixed away from the label colour, so the label
+   reads on the empty and the full part alike. */
+.rkui-button {
+  --rkui-water-empty-mix: var(--rkui-glint);
+  --rkui-water-empty-fill: 45%;
+}
+
+/* The section fill is ink by default, already the darkest, so its empty part takes less glint:
+   still lighter than the water, and dark enough for its cream label. */
+.rkui-button--section {
+  --rkui-water-empty-fill: 70%;
+}
+
+.rkui-button--navy {
+  --rkui-water-empty-mix: var(--rkui-line);
+}
+
+.rkui-button--coral,
+.rkui-button--grape {
+  --rkui-water-empty-mix: var(--rkui-fg);
+}
+
+.rkui-button[aria-busy='true']:has(> .rkui-water) {
+  --rkui-water-empty: color-mix(
+    in oklab,
+    var(--rkui-button-fill) var(--rkui-water-empty-fill),
+    var(--rkui-water-empty-mix)
+  );
+
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  background: var(--rkui-water-empty);
+}
+
+/* The wave line is a darker shade of the fill, so it doesn't muddle the label as it passes. */
+.rkui-button > .rkui-water {
+  --rkui-water-fill: var(--rkui-button-fill);
+  --rkui-wave-line: color-mix(in oklab, var(--rkui-button-fill) 60%, var(--rkui-line));
+  --rkui-wave-length: 1.5rem;
+  --rkui-wave-height: 0.375rem;
+}
+
+.rkui-button:not([aria-busy='true']) > .rkui-water {
+  display: none;
+}
+
+/* Pending panels: the dashed grouping outline, holding the place of content still to come. The
+   water is a tint, so text on it stays readable. */
+.rkui-pending {
+  position: relative;
+  isolation: isolate;
+  display: grid;
+  place-items: center;
+  min-block-size: 10rem;
+  padding: var(--rkui-space-4);
+  overflow: hidden;
+  border: var(--rkui-outline-width) dashed var(--rkui-line-unfilled);
+  border-radius: var(--rkui-radius);
+  background: var(--rkui-raised);
+  color: var(--rkui-fg);
+}
+
+.rkui-pending > .rkui-water {
+  --rkui-water-fill: var(--rkui-sky-tint);
+  --rkui-wave-line: var(--rkui-line-unfilled);
+  --rkui-wave-length: 4rem;
+  --rkui-wave-height: 0.75rem;
+  --rkui-wave-period: var(--rkui-loop-long);
+}
+
+/* :where() keeps this at the rise's weight, so the reduced-motion fade below replaces it. */
+.rkui-pending > :where(.rkui-water--rise) {
+  animation-duration: var(--rkui-loop-panel);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .rkui-water::before,
+  .rkui-water::after {
+    animation: none;
+  }
+
+  .rkui-water {
+    animation: rkui-spinner-fade var(--rkui-loop-medium) ease-in-out infinite alternate;
+  }
+}
+
+/* Forced colours drop the fills, so the water keeps only its wave line, in a system colour. */
+@media (forced-colors: active) {
+  .rkui-water,
+  .rkui-pending > .rkui-water {
+    --rkui-water-fill: Canvas;
+    --rkui-wave-line: CanvasText;
+
+    forced-color-adjust: none;
+  }
+
+  .rkui-button > .rkui-water {
+    --rkui-water-fill: ButtonFace;
+    --rkui-wave-line: ButtonText;
+  }
+
+  .rkui-spinner--water {
+    --rkui-spinner-fill: Highlight;
+
+    forced-color-adjust: none;
+    border-color: CanvasText;
+    background: Canvas;
+  }
+
+  .rkui-spinner--water > .rkui-water {
+    --rkui-wave-line: CanvasText;
+  }
+
+  .rkui-spinner--water::after {
+    display: none;
+  }
+}

package/src/components/widget-frame/WidgetFrame.vue

@@ -0,0 +1,31 @@
+<!--
+  An rkui widget frame: a dashed `<figure>` with a title, a stage and a controls row. The default
+  slot is the stage (a canvas or SVG); the `controls` slot (`slot="controls"` in Astro,
+  `<template #controls>` in Vue) holds buttons and sliders. `class`, `style` and other attributes
+  go on the `<figure>`.
+
+  @example
+  <WidgetFrame title="Pendulum">
+    <canvas></canvas><template #controls><Button>Reset</Button></template>
+  </WidgetFrame>
+-->
+<script setup lang="ts">
+interface Props {
+  /** The widget's title, shown as the figure caption. */
+  title: string
+}
+
+defineProps<Props>()
+</script>
+
+<template>
+  <figure class="rkui-widget-frame">
+    <figcaption class="rkui-widget-frame-title">{{ title }}</figcaption>
+    <div class="rkui-widget-frame-stage">
+      <slot />
+    </div>
+    <div v-if="$slots.controls" class="rkui-widget-frame-controls">
+      <slot name="controls" />
+    </div>
+  </figure>
+</template>

package/src/components/widget-frame/widget-frame.css

@@ -0,0 +1,46 @@
+/* Widget frame: a dashed panel holding an interactive figure, with a title, a stage for the
+   canvas or SVG, and a row of controls.
+
+   <figure class="rkui-widget-frame">
+     <figcaption class="rkui-widget-frame-title">Title</figcaption>
+     <div class="rkui-widget-frame-stage"><canvas>…</canvas></div>
+     <div class="rkui-widget-frame-controls">buttons, sliders…</div>
+   </figure> */
+
+.rkui-widget-frame {
+  display: grid;
+  gap: var(--rkui-space-4);
+  margin: 0;
+  padding: var(--rkui-space-4);
+  border: var(--rkui-outline-width) dashed var(--rkui-line-unfilled);
+  border-radius: var(--rkui-radius);
+  background: var(--rkui-lilac-tint);
+}
+
+.rkui-widget-frame-title {
+  font-family: var(--rkui-font-display);
+  font-size: var(--rkui-step-1);
+  font-weight: 800;
+  line-height: var(--rkui-line-height-heading);
+}
+
+.rkui-widget-frame-stage {
+  display: grid;
+  place-items: center;
+  overflow: hidden;
+  border-radius: var(--rkui-radius);
+  background: var(--rkui-raised);
+}
+
+.rkui-widget-frame-stage > :is(canvas, svg, img) {
+  display: block;
+  inline-size: 100%;
+  block-size: auto;
+}
+
+.rkui-widget-frame-controls {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--rkui-space-3);
+}

package/src/enhance.js

@@ -0,0 +1,13 @@
+// Every enhance script in the library, for a site to load with one import:
+// `import '@oneonefour/rkui/enhance.js'`. Each is a small plain script that adds what a
+// no-JavaScript component can't do in CSS. The build fails if a *-enhance.js is missing here.
+import './interactive-enhance.js'
+import './components/alert/alert-enhance.js'
+import './components/drawer/drawer-enhance.js'
+import './components/file/file-enhance.js'
+import './components/folder/folder-enhance.js'
+import './components/overflow/overflow-enhance.js'
+import './components/quote/quote-enhance.js'
+import './components/sidebar/sidebar-enhance.js'
+import './components/table/table-enhance.js'
+import './components/tooltip/tooltip-enhance.js'

package/src/fonts/jetbrains-mono/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+
+This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.