@ethlete/components 1.0.0-next.77 → 1.0.0-next.78

package/src/lib/icon/headless/icon-definition.ts

@@ -0,0 +1,14 @@
+export type IconDefinition = {
+  name: string;
+  /**
+   * Optional style variant (e.g. `'solid'`, `'light'`, `'regular'`). Lets the same icon
+   * `name` exist in several styles without encoding the style into the name. Icons
+   * registered without a variant are matched by their bare name.
+   */
+  variant?: string;
+  /**
+   * The SVG markup. It is rendered as-is without sanitising, so it must be trusted, build-time markup -
+   * never a string from a CMS, an API or user input.
+   */
+  data: string;
+};

package/src/lib/icon/headless/image-icon.ts

@@ -0,0 +1,14 @@
+import { IconDefinition } from './icon-definition';
+
+// Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.
+export const IMAGE_ICON: IconDefinition = {
+  name: 'et-image',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+      <path
+        fill="currentColor"
+        d="M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l96 0 32 0 208 0c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"
+      />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/italic-icon.ts

@@ -0,0 +1,19 @@
+import { IconDefinition } from './icon-definition';
+
+// Custom icon.
+export const ITALIC_ICON: IconDefinition = {
+  name: 'et-italic',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+      <text
+        x="8"
+        y="12"
+        font-size="12"
+        font-style="italic"
+        font-family="serif"
+        text-anchor="middle"
+        fill="currentColor"
+      >I</text>
+    </svg>
+  `,
+};

package/src/lib/icon/headless/link-icon.ts

@@ -0,0 +1,17 @@
+import { IconDefinition } from './icon-definition';
+
+// Custom icon.
+export const LINK_ICON: IconDefinition = {
+  name: 'et-link',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none">
+      <path
+        d="M6.5 9.5l3-3M7 4.5l1-1a2.5 2.5 0 013.5 3.5l-1 1M9 11.5l-1 1A2.5 2.5 0 014.5 9l1-1"
+        stroke="currentColor"
+        stroke-width="1.4"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/list-bulleted-icon.ts

@@ -0,0 +1,14 @@
+import { IconDefinition } from './icon-definition';
+
+// Custom icon.
+export const LIST_BULLETED_ICON: IconDefinition = {
+  name: 'et-list-bulleted',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none">
+      <circle cx="2.5" cy="4" r="1.2" fill="currentColor" />
+      <circle cx="2.5" cy="8" r="1.2" fill="currentColor" />
+      <circle cx="2.5" cy="12" r="1.2" fill="currentColor" />
+      <path d="M6 4h8M6 8h8M6 12h8" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/list-numbered-icon.ts

@@ -0,0 +1,14 @@
+import { IconDefinition } from './icon-definition';
+
+// Custom icon.
+export const LIST_NUMBERED_ICON: IconDefinition = {
+  name: 'et-list-numbered',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none">
+      <path d="M6 4h8M6 8h8M6 12h8" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" />
+      <text x="1" y="5.4" font-size="5" fill="currentColor">1</text>
+      <text x="1" y="9.6" font-size="5" fill="currentColor">2</text>
+      <text x="1" y="13.8" font-size="5" fill="currentColor">3</text>
+    </svg>
+  `,
+};

package/src/lib/icon/headless/location-icon.ts

@@ -0,0 +1,21 @@
+import { IconDefinition } from './icon-definition';
+
+export const LOCATION_ICON: IconDefinition = {
+  name: 'et-location',
+  data: `
+    <svg
+      width="100%"
+      height="100%"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.8"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path d="M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z" />
+      <circle cx="12" cy="9.5" r="2.25" />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/lock-icon.ts

@@ -0,0 +1,14 @@
+import { IconDefinition } from './icon-definition';
+
+// Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.
+export const LOCK_ICON: IconDefinition = {
+  name: 'et-lock',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+      <path
+        fill="currentColor"
+        d="M144 144l0 48 160 0 0-48c0-44.2-35.8-80-80-80s-80 35.8-80 80zM80 192l0-48C80 64.5 144.5 0 224 0s144 64.5 144 144l0 48 48 0c26.5 0 48 21.5 48 48l0 224c0 26.5-21.5 48-48 48L32 512c-26.5 0-48-21.5-48-48L-16 240c0-26.5 21.5-48 48-48l48 0zm144 184c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40s17.9 40 40 40z"
+      />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/minus-icon.ts

@@ -0,0 +1,14 @@
+import { IconDefinition } from './icon-definition';
+
+// Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.
+export const MINUS_ICON: IconDefinition = {
+  name: 'et-minus',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+      <path
+        fill="currentColor"
+        d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"
+      />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/paragraph-icon.ts

@@ -0,0 +1,11 @@
+import { IconDefinition } from './icon-definition';
+
+// Custom icon.
+export const PARAGRAPH_ICON: IconDefinition = {
+  name: 'et-paragraph',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+      <text x="8" y="12" font-size="12" font-weight="700" text-anchor="middle" fill="currentColor">¶</text>
+    </svg>
+  `,
+};

package/src/lib/icon/headless/pause-icon.ts

@@ -0,0 +1,11 @@
+import { IconDefinition } from './icon-definition';
+
+export const PAUSE_ICON: IconDefinition = {
+  name: 'et-pause',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path fill="currentColor" d="M7 4h3.5a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z" />
+      <path fill="currentColor" d="M13.5 4H17a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3.5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z" />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/pencil-icon.ts

@@ -0,0 +1,21 @@
+import { IconDefinition } from './icon-definition';
+
+export const PENCIL_ICON: IconDefinition = {
+  name: 'et-pencil',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+      <path
+        d="M4 20l4.2-1 9.3-9.3a1.8 1.8 0 0 0 0-2.5l-.7-.7a1.8 1.8 0 0 0-2.5 0L5 15.8 4 20z"
+        stroke="currentColor"
+        stroke-width="1.8"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M12.8 7.2l4 4"
+        stroke="currentColor"
+        stroke-width="1.8"
+        stroke-linecap="round"
+      />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/play-icon.ts

@@ -0,0 +1,10 @@
+import { IconDefinition } from './icon-definition';
+
+export const PLAY_ICON: IconDefinition = {
+  name: 'et-play',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path fill="currentColor" d="M8 5.14a1 1 0 0 1 1.52-.85l10 6.86a1 1 0 0 1 0 1.7l-10 6.86A1 1 0 0 1 8 18.86z" />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/plus-icon.ts

@@ -0,0 +1,21 @@
+import { IconDefinition } from './icon-definition';
+
+export const PLUS_ICON: IconDefinition = {
+  name: 'et-plus',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+      <path
+        d="M12 5v14"
+        stroke="currentColor"
+        stroke-width="1.8"
+        stroke-linecap="round"
+      />
+      <path
+        d="M5 12h14"
+        stroke="currentColor"
+        stroke-width="1.8"
+        stroke-linecap="round"
+      />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/quote-icon.ts

@@ -0,0 +1,15 @@
+import { IconDefinition } from './icon-definition';
+
+// Two filled quotation marks - the block-quote tool's mark, drawn rather than typeset so it doesn't
+// depend on the font's glyph.
+export const QUOTE_ICON: IconDefinition = {
+  name: 'et-quote',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+      <path
+        d="M10 6.5C7 7.5 5.5 10 5.5 13v4.5h5V12H8c0-2 .7-3.3 2-4zm9 0c-3 1-4.5 3.5-4.5 6.5v4.5h5V12H17c0-2 .7-3.3 2-4z"
+        fill="currentColor"
+      />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/rotate-right-icon.ts

@@ -0,0 +1,16 @@
+import { IconDefinition } from './icon-definition';
+
+export const ROTATE_RIGHT_ICON: IconDefinition = {
+  name: 'et-rotate-right',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+      <path
+        d="M4 9a8 8 0 0 1 14-3m2-3v6h-6m6 6a8 8 0 0 1-14 3m-2 3v-6h6"
+        stroke="currentColor"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/star-icon.ts

@@ -0,0 +1,14 @@
+import { IconDefinition } from './icon-definition';
+
+// Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.
+export const STAR_ICON: IconDefinition = {
+  name: 'et-star',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
+      <path
+        fill="currentColor"
+        d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"
+      />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/strikethrough-icon.ts

@@ -0,0 +1,18 @@
+import { IconDefinition } from './icon-definition';
+
+// Custom icon.
+export const STRIKETHROUGH_ICON: IconDefinition = {
+  name: 'et-strikethrough',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+      <text
+        x="8"
+        y="12"
+        font-size="12"
+        text-decoration="line-through"
+        text-anchor="middle"
+        fill="currentColor"
+      >S</text>
+    </svg>
+  `,
+};

package/src/lib/icon/headless/table-icon.ts

@@ -0,0 +1,15 @@
+import { IconDefinition } from './icon-definition';
+
+// Custom icon.
+export const TABLE_ICON: IconDefinition = {
+  name: 'et-table',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none"
+      stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round">
+      <rect x="2" y="2.5" width="12" height="11" rx="1.5" />
+      <line x1="2" y1="6.2" x2="14" y2="6.2" />
+      <line x1="2" y1="9.9" x2="14" y2="9.9" />
+      <line x1="6.7" y1="2.5" x2="6.7" y2="13.5" />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/thumbtack-icon.ts

@@ -0,0 +1,18 @@
+import { IconDefinition } from './icon-definition';
+
+/** A pushpin - what the table's column menu pins a column with. */
+export const THUMBTACK_ICON: IconDefinition = {
+  name: 'et-thumbtack',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        d="M9 3.5h6M10 3.5v5.5L6.5 14h11L14 9V3.5M12 14v6.5"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/times-icon.ts

@@ -0,0 +1,14 @@
+import { IconDefinition } from './icon-definition';
+
+// Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.
+export const TIMES_ICON: IconDefinition = {
+  name: 'et-times',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
+      <path
+        fill="currentColor"
+        d="M324.5 411.1c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L214.6 256 347.1 123.5c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L192 233.4 59.6 100.9c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L169.4 256 36.9 388.5c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L192 278.6 324.5 411.1z"
+      />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/trash-icon.ts

@@ -0,0 +1,24 @@
+import { IconDefinition } from './icon-definition';
+
+export const TRASH_ICON: IconDefinition = {
+  name: 'et-trash',
+  data: `
+    <svg
+      width="100%"
+      height="100%"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.8"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path d="M4 7h16" />
+      <path d="M9 7V4.5A1.5 1.5 0 0 1 10.5 3h3A1.5 1.5 0 0 1 15 4.5V7" />
+      <path d="M6 7l1 13a2 2 0 0 0 2 1.9h6a2 2 0 0 0 2-1.9l1-13" />
+      <path d="M10 11v6" />
+      <path d="M14 11v6" />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/triangle-exclamation-icon.ts

@@ -0,0 +1,14 @@
+import { IconDefinition } from './icon-definition';
+
+// Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.
+export const TRIANGLE_EXCLAMATION_ICON: IconDefinition = {
+  name: 'et-triangle-exclamation',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+      <path
+        fill="currentColor"
+        d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S489.3 480 475.1 480H36.9c-14.3 0-27.6-7.7-34.8-20.2s-7-27.6 .2-40.1l216-368C225.6 39.5 238.7 32 252.9 32h3.1zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0-64 0 32 32 0 1 0 64 0z"
+      />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/trophy-icon.ts

@@ -0,0 +1,24 @@
+import { IconDefinition } from './icon-definition';
+
+export const TROPHY_ICON: IconDefinition = {
+  name: 'et-trophy',
+  data: `
+    <svg
+      width="100%"
+      height="100%"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.8"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path d="M7 4h10v5a5 5 0 0 1-10 0V4Z" />
+      <path d="M7 5.5H4.5v1.75a3.25 3.25 0 0 0 2.9 3.23" />
+      <path d="M17 5.5h2.5v1.75a3.25 3.25 0 0 1-2.9 3.23" />
+      <path d="M12 14v3.5" />
+      <path d="M8.5 20.5h7l-.75-3h-5.5l-.75 3Z" />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/underline-icon.ts

@@ -0,0 +1,12 @@
+import { IconDefinition } from './icon-definition';
+
+// Custom icon.
+export const UNDERLINE_ICON: IconDefinition = {
+  name: 'et-underline',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none">
+      <text x="8" y="10.5" font-size="10" font-weight="700" text-anchor="middle" fill="currentColor">U</text>
+      <line x1="4" y1="13.5" x2="12" y2="13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+    </svg>
+  `,
+};

package/src/lib/icon/headless/undo-redo-icons.ts

@@ -0,0 +1,24 @@
+import { IconDefinition } from './icon-definition';
+
+const svg = (path: string) =>
+  `<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+      <path
+        d="${path}"
+        stroke="currentColor"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+  `;
+
+// U-turn arrows: the arrow head, then the line running into the half-circle it turns around.
+export const UNDO_ICON: IconDefinition = {
+  name: 'et-undo',
+  data: /* @__PURE__ */ svg('M9.5 15 4.5 10l5-5M4.5 10h9a5.5 5.5 0 0 1 0 11h-3'),
+};
+
+export const REDO_ICON: IconDefinition = {
+  name: 'et-redo',
+  data: /* @__PURE__ */ svg('M14.5 15l5-5-5-5M19.5 10h-9a5.5 5.5 0 0 0 0 11h3'),
+};

package/src/lib/icon/headless/upload-icon.ts

@@ -0,0 +1,16 @@
+import { IconDefinition } from './icon-definition';
+
+export const UPLOAD_ICON: IconDefinition = {
+  name: 'et-upload',
+  data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+      <path
+        d="M12 16V4m0 0 4 4m-4-4-4 4M4 16v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2"
+        stroke="currentColor"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+  `,
+};

package/src/lib/tree/tree.component.css

@@ -134,7 +134,7 @@
     }
 
     &:focus-visible {
-      outline: 2px solid var(--et-theme-color-primary-solid, currentColor);
+      outline: 2px solid var(--et-theme-color-ink-solid, currentColor);
       outline-offset: -2px;
     }
 
@@ -205,7 +205,7 @@
     }
 
     &:focus-visible {
-      outline: 2px solid var(--et-theme-color-primary-solid, currentColor);
+      outline: 2px solid var(--et-theme-color-ink-solid, currentColor);
       outline-offset: -2px;
     }
   }

package/types/ethlete-components.d.ts

@@ -7642,6 +7642,57 @@ export type IconDefinition = {
    */
   data: string;
 };
+export declare const ALIGN_LEFT_ICON: IconDefinition;
+export declare const ALIGN_CENTER_ICON: IconDefinition;
+export declare const ALIGN_RIGHT_ICON: IconDefinition;
+export declare const ALIGN_JUSTIFY_ICON: IconDefinition;
+export declare const ARROW_OUT_UP_RIGHT_ICON: IconDefinition;
+export declare const ARROW_RIGHT_ICON: IconDefinition;
+/**
+ * Upward arrow. Rotate it 180° for the downward one - see the table's sort indicator.
+ *
+ * Drawn to fill its viewBox and sit centred in it (the shaft spans 3.5–20.5 of 24, so the glyph's
+ * midpoint is the box's). An arrow inset from its own box renders far smaller than the text it sits
+ * beside, and off-centre against it, however carefully the box itself is aligned.
+ */
+export declare const ARROW_UP_ICON: IconDefinition;
+/** Arrows pointing apart along the inline axis - a "fit to width" action (the table's autosize). */
+export declare const ARROWS_LEFT_RIGHT_ICON: IconDefinition;
+export declare const BOLD_ICON: IconDefinition;
+export declare const CALENDAR_ICON: IconDefinition;
+export declare const CHECK_ICON: IconDefinition;
+export declare const CHEVRON_ICON: IconDefinition;
+export declare const CIRCLE_CHECK_ICON: IconDefinition;
+export declare const CIRCLE_INFO_ICON: IconDefinition;
+export declare const CLIPBOARD_CHECK_ICON: IconDefinition;
+export declare const CLOCK_ICON: IconDefinition;
+export declare const CODE_BLOCK_ICON: IconDefinition;
+export declare const CODE_ICON: IconDefinition;
+/** Horizontal three-dot glyph - the breadcrumb's "show the hidden levels" trigger. */
+export declare const ELLIPSIS_ICON: IconDefinition;
+/** Vertical three-dot "more actions" glyph - the table's column menu trigger. */
+export declare const ELLIPSIS_VERTICAL_ICON: IconDefinition;
+export declare const EYE_ICON: IconDefinition;
+export declare const EYE_SLASH_ICON: IconDefinition;
+export declare const EYEDROPPER_ICON: IconDefinition;
+export declare const FILE_ICON: IconDefinition;
+/** Funnel glyph for a column's filter menu trigger. */
+export declare const FILTER_ICON: IconDefinition;
+export declare const FLOPPY_DISK_ICON: IconDefinition;
+export declare const FOCUS_FRAME_ICON: IconDefinition;
+export declare const GRID_2X2_ICON: IconDefinition;
+export declare const HEADING_1_ICON: IconDefinition;
+export declare const HEADING_2_ICON: IconDefinition;
+export declare const HEADING_3_ICON: IconDefinition;
+export declare const ICON_ERROR_CODES: {
+  readonly NO_ICONS_PROVIDED: 1800;
+  readonly ICON_NOT_FOUND: 1801;
+  readonly INVALID_SVG: 1802;
+  readonly MISSING_XMLNS: 1803;
+  readonly MISSING_DIMENSIONS: 1804;
+  readonly HARDCODED_COLOR: 1805;
+  readonly DUPLICATE_ICON_NAME: 1806;
+};
 /**
  * Augmentable registry for the literal set of icon names an app uses. Empty by default,
  * which keeps `etIcon` typed as plain `string`. The `@ethlete/components:icons` generator
@@ -7733,57 +7784,6 @@ export declare const provideIconOverrides: (...icons: IconOverride[]) => {
   provide: InjectionToken<Record<string, IconDefinition>>;
   useFactory: () => Record<string, IconDefinition>;
 };
-export declare const ALIGN_LEFT_ICON: IconDefinition;
-export declare const ALIGN_CENTER_ICON: IconDefinition;
-export declare const ALIGN_RIGHT_ICON: IconDefinition;
-export declare const ALIGN_JUSTIFY_ICON: IconDefinition;
-export declare const ARROW_OUT_UP_RIGHT_ICON: IconDefinition;
-export declare const ARROW_RIGHT_ICON: IconDefinition;
-/**
- * Upward arrow. Rotate it 180° for the downward one - see the table's sort indicator.
- *
- * Drawn to fill its viewBox and sit centred in it (the shaft spans 3.5–20.5 of 24, so the glyph's
- * midpoint is the box's). An arrow inset from its own box renders far smaller than the text it sits
- * beside, and off-centre against it, however carefully the box itself is aligned.
- */
-export declare const ARROW_UP_ICON: IconDefinition;
-/** Arrows pointing apart along the inline axis - a "fit to width" action (the table's autosize). */
-export declare const ARROWS_LEFT_RIGHT_ICON: IconDefinition;
-export declare const BOLD_ICON: IconDefinition;
-export declare const CALENDAR_ICON: IconDefinition;
-export declare const CHECK_ICON: IconDefinition;
-export declare const CHEVRON_ICON: IconDefinition;
-export declare const CIRCLE_CHECK_ICON: IconDefinition;
-export declare const CIRCLE_INFO_ICON: IconDefinition;
-export declare const CLIPBOARD_CHECK_ICON: IconDefinition;
-export declare const CLOCK_ICON: IconDefinition;
-export declare const CODE_BLOCK_ICON: IconDefinition;
-export declare const CODE_ICON: IconDefinition;
-/** Horizontal three-dot glyph - the breadcrumb's "show the hidden levels" trigger. */
-export declare const ELLIPSIS_ICON: IconDefinition;
-/** Vertical three-dot "more actions" glyph - the table's column menu trigger. */
-export declare const ELLIPSIS_VERTICAL_ICON: IconDefinition;
-export declare const EYE_ICON: IconDefinition;
-export declare const EYE_SLASH_ICON: IconDefinition;
-export declare const EYEDROPPER_ICON: IconDefinition;
-export declare const FILE_ICON: IconDefinition;
-/** Funnel glyph for a column's filter menu trigger. */
-export declare const FILTER_ICON: IconDefinition;
-export declare const FLOPPY_DISK_ICON: IconDefinition;
-export declare const FOCUS_FRAME_ICON: IconDefinition;
-export declare const GRID_2X2_ICON: IconDefinition;
-export declare const HEADING_1_ICON: IconDefinition;
-export declare const HEADING_2_ICON: IconDefinition;
-export declare const HEADING_3_ICON: IconDefinition;
-export declare const ICON_ERROR_CODES: {
-  readonly NO_ICONS_PROVIDED: 1800;
-  readonly ICON_NOT_FOUND: 1801;
-  readonly INVALID_SVG: 1802;
-  readonly MISSING_XMLNS: 1803;
-  readonly MISSING_DIMENSIONS: 1804;
-  readonly HARDCODED_COLOR: 1805;
-  readonly DUPLICATE_ICON_NAME: 1806;
-};
 export declare const ICON_DIRECTIVE_TOKEN: InjectionToken<IconDirective>;
 export declare class IconDirective {
   private icons;
@@ -35779,5 +35779,5 @@ export declare const provideUnsavedChangesLabels: (labels: import("@ethlete/core
 export declare const injectUnsavedChangesLabels: () => import("@angular/core").Signal<UnsavedChangesLabels>;
 export declare const UNSAVED_CHANGES_LABELS: import("@angular/core").InjectionToken<import("@ethlete/core").LabelsSource<UnsavedChangesLabels>>;
 /** The version of `@ethlete/components` this build was cut from. */
-export declare const COMPONENTS_VERSION = "1.0.0-next.77";
+export declare const COMPONENTS_VERSION = "1.0.0-next.78";
 export { type AppointmentTreeNode, BRACKET_DATA_LAYOUT, BRACKET_ERROR_CODES, BRACKET_ROUND_MIRROR_TYPE, BRACKET_SWISS_GROUP_COLOR_TYPE, type Bracket, type BracketByeSlotSource, type BracketComponents, type BracketContinueComponent, type BracketDataLayout, type BracketDataSource, type BracketDrawing, type BracketEdge, type BracketExternalSlotSource, type BracketGradient, type BracketGradientStop, BracketMap, type BracketMatch, type BracketMatchComponent, type BracketMatchFactor, type BracketMatchId, type BracketMatchOutcomeSlotSource, type BracketMatchParticipant, type BracketMatchPosition, type BracketMatchRelation, type BracketMatchRelationNone, type BracketMatchRelationNothingToOne, type BracketMatchRelationOneToNothing, type BracketMatchRelationOneToOne, type BracketMatchRelationTwoToNothing, type BracketMatchRelationTwoToOne, type BracketMatchShortId, type BracketMatchSlot, type BracketMatchSource, type BracketMatchStatus, type BracketParticipant, type BracketParticipantMatch, type BracketPickMigration, type BracketPickMigrationOptions, type BracketPickSet, type BracketRect, type BracketRound, type BracketRoundHeaderComponent, type BracketRoundId, type BracketRoundMapWithSwissData, type BracketRoundMirrorType, type BracketRoundPosition, type BracketRoundRelation, type BracketRoundRelationNone, type BracketRoundRelationNothingToOne, type BracketRoundRelationOneToNothing, type BracketRoundRelationOneToOne, type BracketRoundRelationTwoToNothing, type BracketRoundRelationTwoToOne, type BracketRoundShortId, type BracketRoundSource, type BracketRoundSwissData, type BracketRoundSwissGroup, type BracketRoundSwissGroupId, type BracketRoundSwissGroupMap, type BracketRoundType, BracketRuntimeError, type BracketSeedSlotSource, type BracketSlotResolutionPolicy, type BracketSlotSource, type BracketSlotSourceKind, type BracketStandingRankSide, type BracketStandingRankSlotSource, type BracketSwissBucketSlotSource, type BracketSwissColors, type BracketSwissGroupColorType, type BracketWarning, COMMON_BRACKET_ROUND_TYPE, type CalendarBandPosition, type CalendarInterval, type CalendarPrecision, type CalendarSelectionFlags, type CalendarView, type CalendarWeekStartsOn, type CascaderCompareWith, type CascaderDataSource, type CascaderNode, type CommonBracketRoundType, type ComputedBracketGrid, type CreateBracketGridConfig, type CreateBracketOptions, type CreateGridAdapterOptions, DOUBLE_ELIMINATION_BRACKET_ROUND_TYPE, type DateRangeSide, type DateRangeSide as TimeRangeInputSide, type DateRangeValue, type DateRangeValue as DateTimeRangeValue, type DateRangeValue as TimeRangeValue, type DoubleEliminationBracketRoundType, type DurationFormatSpec, type DurationSegment, type DurationUnit, GROUP_BRACKET_ROUND_TYPE, type GridAdapter, type GridAdapterBreakpoints, type GridConfig, type GroupBracketRoundType, type MatchParticipantId, type MatchParticipantShortId, type MatchParticipantSide, type ParticipantMatchResult, type PlaceholderBracketShape, type RichTextEditorHeadingLevel, type RichTextEditorImageFailure, type RichTextEditorImageFailureReason, type RichTextEditorImageUpload, type RichTextEditorImageUploadContext, type RichTextEditorImageUploadFn, type RichTextEditorTokenChip, type RichTextEditorTokenCodec, SINGLE_ELIMINATION_BRACKET_ROUND_TYPE, SWISS_BRACKET_ROUND_TYPE, type SchedulerAgendaDay, type SchedulerMonthDayCell, type SchedulerTimeGridAllDayEntry, type SchedulerTimeGridBlock, type SchedulerTimeGridDay, type SchedulerTimeGridSegment, type ScrollableActiveChildRef, type ScrollableButtonPosition, type ScrollableButtonsConfig, type ScrollableChrome, type ScrollableChromeSlot, type ScrollableDirection, type ScrollableIntersectionChange, type ScrollableItemSize, type ScrollableLoadingTemplatePosition, type ScrollableLoadingTemplateRef, type ScrollableMaskVariant, type ScrollableNavigation, type ScrollableNavigationConfig, type ScrollableNavigationItem, type ScrollableScrollMode, type ScrollableScrollOrigin, type ScrollableScrollState, type ScrollbarGeometry, type ScrollbarOrientation, type ScrollbarTarget, type SerializeOptions, type SingleEliminationBracketRoundType, type StandingPick, type StandingPickOutcome, type SwissBracketRoundType, TOURNAMENT_MODE, type TournamentMode, bracketSlot, createBracket, createPlaceholderBracketSource, injectRichTextEditorTools, isBracketSlotPredictable, migrateBracketPicks, resolveBracketSlot, standingRankSides, swapStandingRank, validateBracketSource };