@junoput01/junoui 0.2.0

package/src/css/components/toggle-button.css

@@ -0,0 +1,91 @@
+/* ════════════════════════════════════════════════════════════════════
+ *  Component — Toggle button
+ *  Airbus-style illuminated-legend pushbutton: the body stays dark; a top
+ *  strip lights (NOMINAL) and the surround glows when engaged. A real
+ *  <button aria-pressed>; the app flips aria-pressed.
+ *  Usage:
+ *    <button class="juno-toggle-btn" aria-pressed="true">
+ *      <span class="juno-toggle-btn__strip"></span>
+ *      <span class="juno-toggle-btn__row">
+ *        <span class="juno-toggle-btn__text">
+ *          <span class="juno-toggle-btn__legend">AUTO-SCALING</span>
+ *          <span class="juno-toggle-btn__desc">Scale workers with load</span>
+ *        </span>
+ *        <span class="juno-toggle-btn__status">ON</span>
+ *      </span>
+ *    </button>
+ * ════════════════════════════════════════════════════════════════════ */
+
+.juno-toggle-btn {
+  --juno-role: var(--juno-nominal);
+
+  display: flex;
+  flex-direction: column;
+  inline-size: 100%;
+  padding: 0;
+  overflow: hidden;
+  background: var(--juno-control-surface);
+  border: var(--juno-border-width-1) solid var(--juno-control-edge-strong);
+  border-radius: var(--juno-radius-4);
+  text-align: start;
+  cursor: pointer;
+  transition:
+    border-color var(--juno-motion-duration-quick) var(--juno-motion-ease-standard),
+    box-shadow var(--juno-motion-duration-quick) var(--juno-motion-ease-standard);
+}
+
+.juno-toggle-btn[aria-pressed='true'] {
+  border-color: var(--juno-role);
+  box-shadow: 0 0 12px color-mix(in srgb, var(--juno-role) 20%, transparent);
+}
+
+.juno-toggle-btn__strip {
+  block-size: var(--juno-space-4);
+  background: var(--juno-s3);
+  transition:
+    background var(--juno-motion-duration-quick) var(--juno-motion-ease-standard),
+    box-shadow var(--juno-motion-duration-quick) var(--juno-motion-ease-standard);
+}
+
+.juno-toggle-btn[aria-pressed='true'] .juno-toggle-btn__strip {
+  background: var(--juno-role);
+  box-shadow: 0 0 8px var(--juno-role);
+}
+
+.juno-toggle-btn__row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--juno-space-12);
+  padding: var(--juno-pad-control-block) var(--juno-space-16);
+}
+
+.juno-toggle-btn__text {
+  display: flex;
+  flex-direction: column;
+  gap: var(--juno-space-2);
+}
+
+.juno-toggle-btn__legend {
+  font-family: var(--juno-font-family-mono);
+  font-size: var(--juno-font-size-13);
+  font-weight: var(--juno-font-weight-bold);
+  letter-spacing: var(--juno-font-tracking-tight);
+  color: var(--juno-data);
+}
+
+.juno-toggle-btn__desc { font-size: var(--juno-font-size-11); color: var(--juno-label); }
+
+.juno-toggle-btn__status {
+  font-family: var(--juno-font-family-mono);
+  font-size: var(--juno-font-size-10);
+  letter-spacing: var(--juno-font-tracking-caps);
+  color: var(--juno-muted);
+}
+
+.juno-toggle-btn[aria-pressed='true'] .juno-toggle-btn__status { color: var(--juno-role); }
+
+.juno-toggle-btn:disabled {
+  opacity: var(--juno-opacity-disabled);
+  cursor: not-allowed;
+}

package/src/css/components/tooltip.css

@@ -0,0 +1,155 @@
+/* ════════════════════════════════════════════════════════════════════
+ *  Component — Tooltip
+ *  Transient hover/focus label. Pure CSS reveal (no JS): the bubble shows
+ *  on hover or keyboard focus of the wrapper. Four placements with an arrow.
+ *  Usage:
+ *    <span class="juno-tooltip">
+ *      <button tabindex="0">RPS</button>
+ *      <span class="juno-tooltip__bubble" role="tooltip">
+ *        Requests / sec · 248
+ *        <span class="juno-tooltip__arrow"></span>
+ *      </span>
+ *    </span>
+ *  Default placement is top; add --right / --bottom / --left on the bubble.
+ * ════════════════════════════════════════════════════════════════════ */
+
+.juno-tooltip {
+  position: relative;
+  display: inline-flex;
+}
+
+.juno-tooltip__bubble {
+  position: absolute;
+  z-index: var(--juno-z-anchored);
+  inset-block-end: calc(100% + var(--juno-space-8));
+  inset-inline-start: 50%;
+  transform: translateX(-50%) translateY(var(--juno-space-4));
+  white-space: nowrap;
+  background: var(--juno-s3);
+  color: var(--juno-data);
+  border: var(--juno-border-width-1) solid var(--juno-border);
+  border-radius: var(--juno-radius-4);
+  box-shadow: var(--juno-shadow-2);
+  padding: var(--juno-space-4) var(--juno-space-10);
+  font-family: var(--juno-font-family-mono);
+  font-size: var(--juno-font-size-11);
+  pointer-events: none;
+  opacity: 0;
+  visibility: hidden;
+  transition:
+    opacity var(--juno-motion-duration-quick) var(--juno-motion-ease-decel),
+    transform var(--juno-motion-duration-quick) var(--juno-motion-ease-decel),
+    visibility var(--juno-motion-duration-quick);
+}
+
+.juno-tooltip:hover .juno-tooltip__bubble,
+.juno-tooltip:focus-within .juno-tooltip__bubble {
+  opacity: 1;
+  visibility: visible;
+  transform: translateX(-50%) translateY(0);
+}
+
+/* ── top-layer mode ─────────────────────────────────────────────────────
+   The pure-CSS reveal above is clipped if an ancestor sets overflow/clip.
+   Promote the bubble to a `popover="hint"` (a stateless enhancer toggles it
+   on hover/focus and points position-anchor at the trigger) and it renders in
+   the TOP LAYER — never clipped. CSS anchor positioning replaces the
+   wrapper-relative offsets; the arrow + placement classes still apply. */
+.juno-tooltip__bubble[popover] {
+  position: fixed;
+  margin: 0;
+  inset: auto;
+  position-area: block-start;
+  position-try-fallbacks: flip-block;
+  transform: translateY(var(--juno-space-4));
+  transition:
+    opacity var(--juno-motion-duration-quick) var(--juno-motion-ease-decel),
+    transform var(--juno-motion-duration-quick) var(--juno-motion-ease-decel),
+    overlay var(--juno-motion-duration-quick) allow-discrete,
+    display var(--juno-motion-duration-quick) allow-discrete;
+}
+
+.juno-tooltip__bubble--bottom[popover] {
+  position-area: block-end;
+  transform: translateY(calc(-1 * var(--juno-space-4)));
+}
+
+.juno-tooltip__bubble--right[popover] {
+  position-area: inline-end;
+  transform: translateX(calc(-1 * var(--juno-space-4)));
+}
+
+.juno-tooltip__bubble--left[popover] {
+  position-area: inline-start;
+  transform: translateX(var(--juno-space-4));
+}
+
+.juno-tooltip__bubble[popover]:popover-open {
+  opacity: 1;
+  visibility: visible;
+  transform: none;
+}
+
+@starting-style {
+  .juno-tooltip__bubble[popover]:popover-open { opacity: 0; }
+}
+
+/* arrow — a rotated square straddling the bubble edge nearest the target.
+   The bubble overlaps its inner half, leaving a clean notch. */
+.juno-tooltip__arrow {
+  position: absolute;
+  inline-size: var(--juno-space-8);
+  block-size: var(--juno-space-8);
+  background: var(--juno-s3);
+  border: var(--juno-border-width-1) solid var(--juno-border);
+  transform: rotate(45deg);
+  inset-block-start: calc(100% - var(--juno-space-4));
+  inset-inline-start: calc(50% - var(--juno-space-4));
+}
+
+/* ── placements (set on the bubble) ───────────────────────────────────── */
+.juno-tooltip__bubble--bottom {
+  inset-block: calc(100% + var(--juno-space-8)) auto;
+  transform: translateX(-50%) translateY(calc(-1 * var(--juno-space-4)));
+}
+
+.juno-tooltip:hover .juno-tooltip__bubble--bottom,
+.juno-tooltip:focus-within .juno-tooltip__bubble--bottom {
+  transform: translateX(-50%) translateY(0);
+}
+
+.juno-tooltip__bubble--bottom .juno-tooltip__arrow {
+  inset-block-start: calc(-1 * var(--juno-space-4));
+}
+
+.juno-tooltip__bubble--right {
+  inset-block: 50% auto;
+  inset-inline-start: calc(100% + var(--juno-space-8));
+  transform: translateY(-50%) translateX(calc(-1 * var(--juno-space-4)));
+}
+
+.juno-tooltip:hover .juno-tooltip__bubble--right,
+.juno-tooltip:focus-within .juno-tooltip__bubble--right {
+  transform: translateY(-50%) translateX(0);
+}
+
+.juno-tooltip__bubble--right .juno-tooltip__arrow {
+  inset-block-start: calc(50% - var(--juno-space-4));
+  inset-inline-start: calc(-1 * var(--juno-space-4));
+}
+
+.juno-tooltip__bubble--left {
+  inset-block: 50% auto;
+  inset-inline: auto calc(100% + var(--juno-space-8));
+  transform: translateY(-50%) translateX(var(--juno-space-4));
+}
+
+.juno-tooltip:hover .juno-tooltip__bubble--left,
+.juno-tooltip:focus-within .juno-tooltip__bubble--left {
+  transform: translateY(-50%) translateX(0);
+}
+
+.juno-tooltip__bubble--left .juno-tooltip__arrow {
+  inset-block-start: calc(50% - var(--juno-space-4));
+  inset-inline-start: calc(100% - var(--juno-space-4));
+}

package/src/css/density.css

@@ -0,0 +1,40 @@
+/* ════════════════════════════════════════════════════════════════════
+ *  junoui — density layer
+ *  Semantic padding/gap aliases that switch with [data-juno-density].
+ *  Components reference these instead of raw --juno-space-* for their
+ *  internal padding, so the whole UI compacts from one attribute:
+ *
+ *      <body data-juno-density="compact">   →  dense, data-heavy layout
+ *      <body>                               →  comfortable (default)
+ *
+ *  Density is intentionally NON-linear: compact removes more block
+ *  (vertical) padding than inline, so text never crowds its edges.
+ *  Interactive controls keep their min-height (WCAG tap target) — only
+ *  padding shrinks. Add a new archetype only when a component needs one.
+ * ════════════════════════════════════════════════════════════════════ */
+
+:root,
+[data-juno-density='comfortable'] {
+  /* interactive controls — button, future input/select */
+  --juno-pad-control-block: var(--juno-space-10);
+  --juno-pad-control-inline: var(--juno-space-20);
+  --juno-gap-control: var(--juno-space-8);
+
+  /* surfaces — card / panel bodies */
+  --juno-pad-surface-block: var(--juno-space-16);
+  --juno-pad-surface-inline: var(--juno-space-16);
+
+  /* content — media/tile walls (.juno-grid-auto--tiles) re-densify too */
+  --juno-tile-min: 150px;
+  --juno-gap-content: var(--juno-space-10);
+}
+
+[data-juno-density='compact'] {
+  --juno-pad-control-block: var(--juno-space-4);
+  --juno-pad-control-inline: var(--juno-space-12);
+  --juno-gap-control: var(--juno-space-4);
+  --juno-pad-surface-block: var(--juno-space-10);
+  --juno-pad-surface-inline: var(--juno-space-12);
+  --juno-tile-min: 108px;
+  --juno-gap-content: var(--juno-space-4);
+}

package/src/css/fonts.css

@@ -0,0 +1,45 @@
+/* ════════════════════════════════════════════════════════════════════
+ *  junoui — fonts (opt-in)
+ *  Self-hosted B612 / B612 Mono (@font-face, local woff2). This file is NOT
+ *  bundled into juno.css — import it separately if you want junoui to supply
+ *  the typeface, or skip it and load B612 yourself (e.g. @fontsource):
+ *
+ *      import 'junoui/css';        // tokens + components (no network fonts)
+ *      import 'junoui/fonts.css';  // ← only if you want junoui's fonts
+ *
+ *  Never fetches cross-origin, so it is safe under a strict CSP. Paths are
+ *  relative to dist/css/, resolving to the woff2 shipped in dist/fonts/.
+ *  B612 is licensed under the SIL OFL 1.1 — see the fonts' LICENSE.
+ * ════════════════════════════════════════════════════════════════════ */
+
+@font-face {
+  font-family: 'B612';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('../fonts/b612-400.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'B612';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../fonts/b612-700.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'B612 Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('../fonts/b612-mono-400.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'B612 Mono';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../fonts/b612-mono-700.woff2') format('woff2');
+}

package/src/css/layout.css

@@ -0,0 +1,99 @@
+/* ════════════════════════════════════════════════════════════════════
+ *  junoui — layout layer (intrinsic & responsive)
+ *
+ *  Composition primitives that reflow by the space available — no media
+ *  queries, no per-app config. Wrap a region in one of these and it adapts
+ *  on resize. Every knob is a custom property with a token default, so you
+ *  override per instance: <div class="juno-grid-auto" style="--juno-grid-min:280px">.
+ *
+ *  Pattern vocabulary follows the well-known "Every Layout" primitives
+ *  (stack / cluster / sidebar / switcher / grid) for familiarity.
+ * ════════════════════════════════════════════════════════════════════ */
+
+/* Center — page/section wrapper with a max measure and fluid gutters. */
+.juno-center {
+  box-sizing: content-box;
+  max-width: var(--juno-measure, var(--juno-bp-xl));
+  margin-inline: auto;
+  padding-inline: clamp(var(--juno-space-16), 4vw, var(--juno-space-40));
+}
+
+/* Stack — vertical rhythm. Gap between siblings only. */
+.juno-stack {
+  display: flex;
+  flex-direction: column;
+}
+.juno-stack > * { margin-block: 0; }
+.juno-stack > * + * { margin-block-start: var(--juno-stack-space, var(--juno-space-16)); }
+
+/* Cluster — wrapping inline group (toolbars, tag rows, button groups). */
+.juno-cluster {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: var(--juno-cluster-align, center);
+  gap: var(--juno-cluster-space, var(--juno-space-8));
+}
+
+/* Grid-auto — responsive cards. Columns collapse on their own; no breakpoints.
+   Each column is at least --juno-grid-min, then as many as fit. */
+.juno-grid-auto {
+  display: grid;
+  gap: var(--juno-grid-space, var(--juno-space-16));
+  grid-template-columns: repeat(auto-fit, minmax(min(var(--juno-grid-min, 240px), 100%), 1fr));
+}
+
+/* Tiles — a grid-auto wired to the density layer: min size + gap follow
+   [data-juno-density], so a whole media wall re-densifies from the one
+   attribute. auto-fill keeps tile size honest when few items remain. */
+.juno-grid-auto--tiles {
+  gap: var(--juno-grid-space, var(--juno-gap-content));
+  grid-template-columns: repeat(auto-fill, minmax(min(var(--juno-grid-min, var(--juno-tile-min)), 100%), 1fr));
+}
+
+/* Sidebar — a fixed-ish aside next to fluid content; stacks when the content
+   would get narrower than --juno-sidebar-content-min. No media query. */
+.juno-sidebar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--juno-sidebar-space, var(--juno-space-24));
+}
+
+.juno-sidebar > .juno-sidebar__aside {
+  flex-grow: 1;
+  flex-basis: var(--juno-sidebar-width, 280px);
+}
+
+.juno-sidebar > .juno-sidebar__main {
+  flex-grow: 999;
+  flex-basis: 0;
+  min-inline-size: var(--juno-sidebar-content-min, 60%);
+}
+
+/* Switcher — N children side by side, or all stacked, flipping at a threshold
+   container width (--juno-switcher-threshold). Pure flex-basis math. */
+.juno-switcher {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--juno-switcher-space, var(--juno-space-16));
+}
+
+.juno-switcher > * {
+  flex-grow: 1;
+  flex-basis: calc((var(--juno-switcher-threshold, var(--juno-bp-sm)) - 100%) * 999);
+}
+
+/* Reel — horizontal scroll row (overflowing chips, timelines). */
+.juno-reel {
+  display: flex;
+  gap: var(--juno-reel-space, var(--juno-space-12));
+  overflow-x: auto;
+  overscroll-behavior-inline: contain;
+  scroll-snap-type: inline mandatory;
+}
+.juno-reel > * { scroll-snap-align: start; flex: 0 0 auto; }
+
+/* Hide/show by viewport breakpoint — the rare case an intrinsic primitive
+   can't express (e.g. swap a nav for a menu button). */
+@media (width <= 767.98px) { .juno-hide-below-md { display: none !important; } }
+
+@media (width >= 768px)    { .juno-hide-from-md  { display: none !important; } }

package/src/css/typescale.css

@@ -0,0 +1,27 @@
+/* ════════════════════════════════════════════════════════════════════
+ *  junoui — type-scale layer
+ *  One multiplier, --juno-font-scale, scales every --juno-font-size-*
+ *  token (the generated token CSS routes each size through it). Set it
+ *  per [data-juno-text] to enlarge all UI text without touching density:
+ *
+ *      <html data-juno-text="large">   →  +12.5% type
+ *      <html data-juno-text="xl">      →  +25% type
+ *      <html>                          →  base (default)
+ *
+ *  Orthogonal to density: density changes padding/gap, type-scale changes
+ *  glyph size. Combine freely. Larger text aids low-vision / squint
+ *  legibility (WCAG 1.4.4 resize text).
+ * ════════════════════════════════════════════════════════════════════ */
+
+:root,
+[data-juno-text='base'] {
+  --juno-font-scale: 1;
+}
+
+[data-juno-text='large'] {
+  --juno-font-scale: 1.125;
+}
+
+[data-juno-text='xl'] {
+  --juno-font-scale: 1.25;
+}

package/src/css/utilities.css

@@ -0,0 +1,76 @@
+/* ════════════════════════════════════════════════════════════════════
+ *  junoui — utilities layer
+ *
+ *  Role helpers set a single custom property --juno-role. Components read
+ *  var(--juno-role), so one class (.juno--warning) re-colors a badge, dot,
+ *  button, card accent, or readout identically. Color = status, always.
+ * ════════════════════════════════════════════════════════════════════ */
+
+.juno--nominal { --juno-role: var(--juno-nominal); }
+.juno--active  { --juno-role: var(--juno-active);  }
+.juno--target  { --juno-role: var(--juno-target);  }
+.juno--caution { --juno-role: var(--juno-caution); }
+.juno--warning { --juno-role: var(--juno-warning); }
+.juno--muted   { --juno-role: var(--juno-muted);   }
+
+/* Text color roles */
+.juno-text-nominal { color: var(--juno-nominal); }
+.juno-text-active  { color: var(--juno-active);  }
+.juno-text-target  { color: var(--juno-target);  }
+.juno-text-caution { color: var(--juno-caution); }
+.juno-text-warning { color: var(--juno-warning); }
+.juno-text-data    { color: var(--juno-data);    }
+.juno-text-label   { color: var(--juno-label);   }
+.juno-text-muted   { color: var(--juno-muted);   }
+
+/* Surface backgrounds (depth hierarchy) */
+.juno-bg-s0 { background: var(--juno-s0); }
+.juno-bg-s1 { background: var(--juno-s1); }
+.juno-bg-s2 { background: var(--juno-s2); }
+.juno-bg-s3 { background: var(--juno-s3); }
+
+/* Typography helpers */
+.juno-mono { font-family: var(--juno-font-family-mono); }
+
+.juno-value {
+  font-family: var(--juno-font-family-mono);
+  font-weight: var(--juno-font-weight-bold);
+  color: var(--juno-data);
+  line-height: var(--juno-font-lineHeight-none);
+  font-variant-numeric: tabular-nums;
+}
+
+.juno-label {
+  font-size: var(--juno-font-size-13);
+  color: var(--juno-label);
+}
+
+/* Section eyebrow / micro label — 10px uppercase, widely tracked */
+.juno-eyebrow {
+  font-size: var(--juno-font-size-10);
+  letter-spacing: var(--juno-font-tracking-widest);
+  text-transform: uppercase;
+  color: var(--juno-label);
+}
+
+.juno-heading {
+  font-family: var(--juno-font-family-sans);
+  font-weight: var(--juno-font-weight-bold);
+  font-size: var(--juno-font-size-18);
+  letter-spacing: var(--juno-font-tracking-normal);
+  text-transform: uppercase;
+  color: var(--juno-data);
+}
+
+/* Visually hidden, still announced — legends, skip links, icon-only labels */
+.juno-sr-only {
+  position: absolute;
+  inline-size: 1px;
+  block-size: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}

package/src/fonts/LICENSE

@@ -0,0 +1,93 @@
+Copyright 2012 The B612 Project Authors (https://github.com/polarsys/b612)
+
+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:
+http://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.

package/src/icons/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Phosphor Icons
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/src/icons/arrow-clockwise.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M244,56v48a12,12,0,0,1-12,12H184a12,12,0,1,1,0-24H201.1l-19-17.38c-.13-.12-.26-.24-.38-.37A76,76,0,1,0,127,204h1a75.53,75.53,0,0,0,52.15-20.72,12,12,0,0,1,16.49,17.45A99.45,99.45,0,0,1,128,228h-1.37A100,100,0,1,1,198.51,57.06L220,76.72V56a12,12,0,0,1,24,0Z"/></svg>

package/src/icons/arrow-down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208.49,152.49l-72,72a12,12,0,0,1-17,0l-72-72a12,12,0,0,1,17-17L116,187V40a12,12,0,0,1,24,0V187l51.51-51.52a12,12,0,0,1,17,17Z"/></svg>

package/src/icons/arrow-left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M228,128a12,12,0,0,1-12,12H69l51.52,51.51a12,12,0,0,1-17,17l-72-72a12,12,0,0,1,0-17l72-72a12,12,0,0,1,17,17L69,116H216A12,12,0,0,1,228,128Z"/></svg>

package/src/icons/arrow-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"/></svg>