@exegia/corpora-ui 3.0.0 → 4.0.0

package/dist-lib/lib/state/__tests__/sound.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist-lib/lib/utils.test.d.ts

@@ -1 +0,0 @@
-export {};

package/src/assets/css/base.css

@@ -1,62 +0,0 @@
-/* Document-level interaction and accessibility defaults. */
-
-/* Tailwind v4 resets buttons to cursor:default — anything
- * clickable must invite the click */
-button:not(:disabled),
-[role="button"]:not([aria-disabled="true"]),
-label:has(input),
-a {
-  cursor: pointer;
-}
-
-:focus-visible {
-  outline: 2px solid var(--accent);
-  outline-offset: 2px;
-  border-radius: 4px;
-}
-
-input:focus-visible,
-textarea:focus-visible,
-select:focus-visible,
-[contenteditable]:focus-visible {
-  outline: none;
-}
-
-.animated-underline {
-  position: relative;
-  display: inline-block;
-}
-
-.animated-underline::after {
-  position: absolute;
-  right: 0;
-  bottom: -1px;
-  left: 0;
-  height: 1px;
-  content: "";
-  background: currentColor;
-  transform: scaleX(0);
-  transform-origin: left center;
-  transition: transform 280ms var(--ease-link);
-}
-
-a:hover .animated-underline::after,
-a:focus-visible .animated-underline::after {
-  transform: scaleX(1);
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-  button:not(:disabled),
-  [role="button"]:not(:disabled) {
-    cursor: pointer;
-  }
-  html {
-    @apply font-sans;
-  }
-}

package/src/assets/css/chat.css

@@ -1,229 +0,0 @@
-/* Exegia chat surfaces, tokens, and Beautiful UI aliases. */
-
-/* Chat surfaces (bubble, composer) — ring + inset depth per theme. */
-:root {
-  --chat-ring: color-mix(in oklab, var(--foreground) 10%, transparent);
-  --chat-inset: rgb(0 0 0 / 0.05);
-  --chat-inset-shadow: inset 0 2px 8px 5px var(--chat-inset);
-  --chat-field: oklch(0.985 0 0);
-  --chat-ai-accent-foreground: var(--color-white);
-  --chat-ai-accent: var(--color-indigo-800);
-  --inset-shadow-color-light: --alpha(var(--color-white) / 20%);
-  --inset-shadow-color-dark: --alpha(var(--color-black) / 10%);
-}
-.dark {
-  --chat-ring: #040404;
-  --chat-inset: --alpha(var(--color-black) / 55%);
-  --chat-inset-shadow: inset 0 2px 8px 5px var(--chat-inset);
-  --chat-field: #252525;
-  --chat-ai-accent-foreground: var(--color-white);
-  --chat-ai-accent: var(--color-indigo-800);
-  --inset-shadow-color-light: --alpha(var(--color-white) / 20%);
-  --inset-shadow-color-dark: --alpha(var(--color-black) / 10%);
-}
-
-/* Exegia chat tokens — one variable per Sketch swatch (`exegia-ui`, Light / … and Dark / …). */
-:root {
-  --bg-page: #f4f4f5;
-  --surface-card: #ffffff;
-  --surface-subtle: #0000000f;
-  --surface-canvas: #fafafa;
-  --surface-code: #f7f7f8;
-  --surface-bubble-sender: #262626;
-  --surface-bubble-recipient: #ececed;
-  --border-default: #00000020;
-  --text-primary: #1a1a1a;
-  --text-secondary: #6b6b6b;
-  --text-muted: #9a9a9a;
-  --text-inverse: #f2f2f2;
-  --accent-default: #a153ff;
-  --accent-subtle: #a153ff26;
-  --accent-text: #6b21c9;
-  --link: #3b2faf;
-  --icon: #4a4a4a;
-  --overlay-scrim: #00000099;
-  --overlay-on-media: #ffffff;
-  --brand: #f7b500;
-  --chart-grid: #00000012;
-  --chart-area-fill: #a153ff2e;
-  --code-keyword: #3b6ff5;
-  --code-string: #25a878;
-  --semantic-success: #25a878;
-  --semantic-success-subtle: #25a8781f;
-  --semantic-warning: #f09a2f;
-  --semantic-warning-subtle: #f09a2f1f;
-  --semantic-danger: #e5484d;
-  --semantic-danger-subtle: #e5484d1f;
-  --semantic-info: #3b82f6;
-  --semantic-info-subtle: #3b82f61f;
-  --chart-series-1: #a153ff;
-  --chart-series-2: #f7b500;
-  --chart-series-3: #3b82f6;
-  --chart-series-4: #25a878;
-  --chart-series-5: #f26d5b;
-  --tag-amber-text: #c98b2a;
-  --tag-amber-fill: #f9eede;
-  --tag-amber-border: #f4dfc0;
-  --tag-purple-text: #8465d7;
-  --tag-purple-fill: #eae4fa;
-  --tag-purple-border: #d9cff7;
-  --tag-blue-text: #3b82f6;
-  --tag-blue-fill: #e6efff;
-  --tag-blue-border: #cfe0ff;
-  --tag-green-text: #25a878;
-  --tag-green-fill: #e4f5ee;
-  --tag-green-border: #c6ebd9;
-}
-.dark {
-  --bg-page: #2c2c2c;
-  --surface-card: #252525;
-  --surface-subtle: #ffffff14;
-  --surface-canvas: #1f1f1f;
-  --surface-code: #1b1b1b;
-  --surface-bubble-sender: #efefef;
-  --surface-bubble-recipient: #262626;
-  --border-default: #ffffff1f;
-  --text-primary: #f2f2f2;
-  --text-secondary: #b3b3b3;
-  --text-muted: #808080;
-  --text-inverse: #181818;
-  --accent-default: #b171ff;
-  --accent-subtle: #a153ff40;
-  --accent-text: #d4b5ff;
-  --link: #9d94ff;
-  --icon: #d0d0d0;
-  --overlay-scrim: #00000099;
-  --overlay-on-media: #ffffff;
-  --brand: #f7b500;
-  --chart-grid: #ffffff14;
-  --chart-area-fill: #b171ff33;
-  --code-keyword: #8ab4ff;
-  --code-string: #3fc48f;
-  --semantic-success: #3fc48f;
-  --semantic-success-subtle: #3fc48f33;
-  --semantic-warning: #f5ad4f;
-  --semantic-warning-subtle: #f5ad4f33;
-  --semantic-danger: #f26b6f;
-  --semantic-danger-subtle: #f26b6f33;
-  --semantic-info: #6aa1ff;
-  --semantic-info-subtle: #6aa1ff33;
-  --chart-series-1: #b171ff;
-  --chart-series-2: #f7b500;
-  --chart-series-3: #6aa1ff;
-  --chart-series-4: #3fc48f;
-  --chart-series-5: #ff8a7a;
-  --tag-amber-text: #f2c063;
-  --tag-amber-fill: #f2c06326;
-  --tag-amber-border: #f2c06359;
-  --tag-purple-text: #c9b3ff;
-  --tag-purple-fill: #c9b3ff26;
-  --tag-purple-border: #c9b3ff59;
-  --tag-blue-text: #8ab4ff;
-  --tag-blue-fill: #8ab4ff26;
-  --tag-blue-border: #8ab4ff59;
-  --tag-green-text: #6fd7ab;
-  --tag-green-fill: #6fd7ab26;
-  --tag-green-border: #6fd7ab59;
-}
-@theme inline {
-  --color-bg-page: var(--bg-page);
-  --color-surface-card: var(--surface-card);
-  --color-surface-subtle: var(--surface-subtle);
-  --color-surface-canvas: var(--surface-canvas);
-  --color-surface-code: var(--surface-code);
-  --color-surface-bubble-sender: var(--surface-bubble-sender);
-  --color-surface-bubble-recipient: var(--surface-bubble-recipient);
-  --color-border-default: var(--border-default);
-  --color-text-primary: var(--text-primary);
-  --color-text-secondary: var(--text-secondary);
-  --color-text-muted: var(--text-muted);
-  --color-text-inverse: var(--text-inverse);
-  --color-accent-default: var(--accent-default);
-  --color-accent-subtle: var(--accent-subtle);
-  --color-accent-text: var(--accent-text);
-  --color-link: var(--link);
-  --color-icon: var(--icon);
-  --color-overlay-scrim: var(--overlay-scrim);
-  --color-overlay-on-media: var(--overlay-on-media);
-  --color-brand: var(--brand);
-  --color-chart-grid: var(--chart-grid);
-  --color-chart-area-fill: var(--chart-area-fill);
-  --color-code-keyword: var(--code-keyword);
-  --color-code-string: var(--code-string);
-  --color-semantic-success: var(--semantic-success);
-  --color-semantic-success-subtle: var(--semantic-success-subtle);
-  --color-semantic-warning: var(--semantic-warning);
-  --color-semantic-warning-subtle: var(--semantic-warning-subtle);
-  --color-semantic-danger: var(--semantic-danger);
-  --color-semantic-danger-subtle: var(--semantic-danger-subtle);
-  --color-semantic-info: var(--semantic-info);
-  --color-semantic-info-subtle: var(--semantic-info-subtle);
-  --color-chart-series-1: var(--chart-series-1);
-  --color-chart-series-2: var(--chart-series-2);
-  --color-chart-series-3: var(--chart-series-3);
-  --color-chart-series-4: var(--chart-series-4);
-  --color-chart-series-5: var(--chart-series-5);
-  --color-tag-amber-text: var(--tag-amber-text);
-  --color-tag-amber-fill: var(--tag-amber-fill);
-  --color-tag-amber-border: var(--tag-amber-border);
-  --color-tag-purple-text: var(--tag-purple-text);
-  --color-tag-purple-fill: var(--tag-purple-fill);
-  --color-tag-purple-border: var(--tag-purple-border);
-  --color-tag-blue-text: var(--tag-blue-text);
-  --color-tag-blue-fill: var(--tag-blue-fill);
-  --color-tag-blue-border: var(--tag-blue-border);
-  --color-tag-green-text: var(--tag-green-text);
-  --color-tag-green-fill: var(--tag-green-fill);
-  --color-tag-green-border: var(--tag-green-border);
-}
-
-/* Beautiful-UI vocabulary (page / surface / ink / line, card shadows) aliased
- * onto the chat tokens above so ported primitives keep their class names and
- * follow light/dark for free. `--accent` stays shadcn's — use --accent-default. */
-:root {
-  --page: var(--bg-page);
-  --surface: var(--surface-card);
-  --inset: var(--surface-subtle);
-  --field: var(--surface-subtle);
-  --hover: var(--surface-subtle);
-  --hover-2: color-mix(in srgb, var(--text-primary) 10%, var(--surface-card));
-  --ink: var(--text-primary);
-  --ink-2: var(--text-secondary);
-  --ink-3: var(--text-muted);
-  --line: var(--border-default);
-  --line-strong: color-mix(in srgb, var(--text-primary) 14%, var(--border-default));
-  --accent-ink: var(--accent-text);
-  --accent-tint: var(--accent-subtle);
-  --ease-link: cubic-bezier(0.16, 1, 0.3, 1);
-  --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
-  --radius-chip: 6px;
-  --radius-control: 8px;
-  --radius-card: 10px;
-  --shadow-hairline: 0 0 0 1px var(--line);
-  --shadow-btn: 0 0 0 1px var(--line-strong), 0 1px 2px rgb(0 0 0 / 0.05);
-  --shadow-card: 0 0 0 1px var(--line), 0 1px 2px rgb(0 0 0 / 0.05), 0 2px 6px rgb(0 0 0 / 0.04);
-  --shadow-raised: 0 0 0 1px var(--line), 0 2px 10px rgb(0 0 0 / 0.08);
-}
-
-@theme inline {
-  --color-page: var(--page);
-  --color-surface: var(--surface);
-  --color-inset: var(--inset);
-  --color-field: var(--field);
-  --color-hover: var(--hover);
-  --color-hover-2: var(--hover-2);
-  --color-ink: var(--ink);
-  --color-ink-2: var(--ink-2);
-  --color-ink-3: var(--ink-3);
-  --color-line: var(--line);
-  --color-line-strong: var(--line-strong);
-  --color-accent-ink: var(--accent-ink);
-  --color-accent-tint: var(--accent-tint);
-  --radius-chip: var(--radius-chip);
-  --radius-control: var(--radius-control);
-  --radius-card: var(--radius-card);
-  --shadow-hairline: var(--shadow-hairline);
-  --shadow-btn: var(--shadow-btn);
-  --shadow-card: var(--shadow-card);
-  --shadow-raised: var(--shadow-raised);
-}

package/src/assets/css/shadows.css

@@ -1,157 +0,0 @@
-/* Shared raised, debossed, inset, and chat shadow utilities. */
-
-@utility shadow-bezel-dynamic-* {
-  box-shadow:
-    inset 1.5px 3px 1.8px color-mix(in srgb, currentColor calc(--value(number) * 1%), white),
-    inset -1px -2px 2px color-mix(in srgb, currentColor calc(--value(number) * 1%), black);
-}
-
-@utility shadow-bezel {
-  /* Inherits light/dark ambient highlights automatically */
-  box-shadow:
-    inset 1px 1px 4px rgb(255 255 255 / 0.7),
-    inset -2px -2px 3px rgb(0 0 0 / 0.05);
-}
-
-@utility shadow-debossed {
-  box-shadow:
-    inset 2px 2px 4px rgb(0 0 0 / 0.25),
-    inset -1px -1px 2px rgb(255 255 255 / 0.7);
-}
-
-/* ── Inset bezel ─────────────────────────────────────────────────────────
-   Two independent inset layers you compose one axis at a time: `lit`, the
-   light catching the surface, and `dim`, the shading opposite it. Each layer
-   carries its own edges, blur and opacity.
-
-     inset-shadow-lit-t-2       lit layer cast in from the top edge, 2px
-     inset-shadow-lit-l-2       …and in from the left edge, 2px
-     inset-shadow-lit/20        the whole lit layer at 20% opacity
-     inset-shadow-lit-blur-6    6px blur on the lit layer
-     inset-shadow-blur-6        6px blur on both layers
-
-   `dim-*` mirrors all of it. The letter names the edge the light enters
-   from, so `-t-` pushes the layer down and `-b-` up; opposite edges of one
-   layer write the same axis, so pick one per layer. Offsets take a bare px
-   count or an arbitrary length (`inset-shadow-lit-t-[0.5rem]`). Recolour a
-   layer through --inset-shadow-lit-color / --inset-shadow-dim-color.
-
-   The family owns `box-shadow` outright — never pair it with `shadow-*`, and
-   note it can only draw inset layers, so it cannot replace the outer drop in
-   `shadow-bubble-dim`.
-*/
-@utility inset-shadow-bezel {
-  box-shadow:
-    inset var(--inset-shadow-lit-x, 0) var(--inset-shadow-lit-y, 0)
-      var(--inset-shadow-lit-blur, 0)
-      color-mix(
-        in srgb,
-        var(--inset-shadow-lit-color, #fff)
-          calc(var(--inset-shadow-lit-alpha, 100) * 1%),
-        transparent
-      ),
-    inset var(--inset-shadow-dim-x, 0) var(--inset-shadow-dim-y, 0)
-      var(--inset-shadow-dim-blur, 0)
-      color-mix(
-        in srgb,
-        var(--inset-shadow-dim-color, #000)
-          calc(var(--inset-shadow-dim-alpha, 100) * 1%),
-        transparent
-      );
-}
-
-@utility inset-shadow-lit-t-* {
-  @apply inset-shadow-bezel;
-  --inset-shadow-lit-y: calc(--value(number) * 1px);
-  --inset-shadow-lit-y: --value([length]);
-}
-
-@utility inset-shadow-lit-b-* {
-  @apply inset-shadow-bezel;
-  --inset-shadow-lit-y: calc(--value(number) * -1px);
-  --inset-shadow-lit-y: calc(--value([length]) * -1);
-}
-
-@utility inset-shadow-lit-l-* {
-  @apply inset-shadow-bezel;
-  --inset-shadow-lit-x: calc(--value(number) * 1px);
-  --inset-shadow-lit-x: --value([length]);
-}
-
-@utility inset-shadow-lit-r-* {
-  @apply inset-shadow-bezel;
-  --inset-shadow-lit-x: calc(--value(number) * -1px);
-  --inset-shadow-lit-x: calc(--value([length]) * -1);
-}
-
-@utility inset-shadow-dim-t-* {
-  @apply inset-shadow-bezel;
-  --inset-shadow-dim-y: calc(--value(number) * 1px);
-  --inset-shadow-dim-y: --value([length]);
-}
-
-@utility inset-shadow-dim-b-* {
-  @apply inset-shadow-bezel;
-  --inset-shadow-dim-y: calc(--value(number) * -1px);
-  --inset-shadow-dim-y: calc(--value([length]) * -1);
-}
-
-@utility inset-shadow-dim-l-* {
-  @apply inset-shadow-bezel;
-  --inset-shadow-dim-x: calc(--value(number) * 1px);
-  --inset-shadow-dim-x: --value([length]);
-}
-
-@utility inset-shadow-dim-r-* {
-  @apply inset-shadow-bezel;
-  --inset-shadow-dim-x: calc(--value(number) * -1px);
-  --inset-shadow-dim-x: calc(--value([length]) * -1);
-}
-
-@utility inset-shadow-lit-blur-* {
-  @apply inset-shadow-bezel;
-  --inset-shadow-lit-blur: calc(--value(number) * 1px);
-  --inset-shadow-lit-blur: --value([length]);
-}
-
-@utility inset-shadow-dim-blur-* {
-  @apply inset-shadow-bezel;
-  --inset-shadow-dim-blur: calc(--value(number) * 1px);
-  --inset-shadow-dim-blur: --value([length]);
-}
-
-/* Blur both layers at once. */
-@utility inset-shadow-blur-* {
-  @apply inset-shadow-bezel;
-  --inset-shadow-lit-blur: calc(--value(number) * 1px);
-  --inset-shadow-lit-blur: --value([length]);
-  --inset-shadow-dim-blur: calc(--value(number) * 1px);
-  --inset-shadow-dim-blur: --value([length]);
-}
-
-/* Chat design language — inner-shadow bubbles, glass pills, the composer ring. */
-@utility shadow-bubble-lit {
-  /* Light surface: top highlight + bottom-right shading. */
-  box-shadow:
-    inset 0 4px 2px rgb(255 255 255 / 1),
-    inset 1px -3px 6px rgb(0 0 0 / 0.42);
-}
-
-@utility shadow-bubble-dim {
-  /* Dark surface: soft drop + faint top sheen + bottom-left shading. */
-  box-shadow:
-    0 4px 4px rgb(0 0 0 / 0.15),
-    inset 0 5px 3px rgb(252 252 252 / 0.08),
-    inset -1px -2px 5px rgb(0 0 0 / 0.54);
-}
-
-@utility shadow-pill {
-  box-shadow: 0 4px 8px rgb(0 0 0 / 0.25);
-}
-
-@utility shadow-send {
-  box-shadow:
-    inset 0 2px 0 rgb(239 239 243 / 0.47),
-    0 1px 8px -4px rgb(0 0 0 / 1),
-    inset 0 -2px 2px rgb(23 23 23 / 0.46);
-}