@exegia/corpora-ui 0.28.0 → 1.0.0

package/src/index.css

@@ -1,252 +1,8 @@
-@import "tailwindcss";
-@import "tailwindcss";
-@import "tailwind-animations";
-@import "shadcn/tailwind.css";
+@import "./assets/css/theme.css";
+@import "./assets/css/base.css";
+@import "./assets/css/shadows.css";
+@import "./assets/css/chat.css";
+
 @import "@fontsource-variable/inter";
 @import "@fontsource-variable/figtree";
-@import "motion-icons-react/style.css";
-
-@custom-variant dark (&:is(.dark *));
-
-:root {
-  /* Let width/height tween between auto and fixed values (e.g. a button
-       toggling to an icon-only size). Progressive enhancement: browsers
-       without support keep the instant jump. */
-  interpolate-size: allow-keywords;
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.457 0.24 277.023);
-  --primary-foreground: oklch(0.962 0.018 272.314);
-  --secondary: oklch(0.967 0.001 286.375);
-  --secondary-foreground: oklch(0.21 0.006 285.885);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.811 0.111 293.571);
-  --chart-2: oklch(0.606 0.25 292.717);
-  --chart-3: oklch(0.541 0.281 293.009);
-  --chart-4: oklch(0.491 0.27 292.581);
-  --chart-5: oklch(0.432 0.232 292.759);
-  --radius: 0.875rem;
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.511 0.262 276.966);
-  --sidebar-primary-foreground: oklch(0.962 0.018 272.314);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
-  --destructive-foreground: var(--color-red-700);
-  --info: var(--color-blue-500);
-  --info-foreground: var(--color-blue-700);
-  --success: var(--color-emerald-500);
-  --success-foreground: var(--color-emerald-700);
-  --warning: var(--color-amber-500);
-  --warning-foreground: var(--color-amber-700);
-}
-
-.dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.205 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.398 0.195 277.366);
-  --primary-foreground: oklch(0.962 0.018 272.314);
-  --secondary: oklch(0.274 0.006 286.033);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.811 0.111 293.571);
-  --chart-2: oklch(0.606 0.25 292.717);
-  --chart-3: oklch(0.541 0.281 293.009);
-  --chart-4: oklch(0.491 0.27 292.581);
-  --chart-5: oklch(0.432 0.232 292.759);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.585 0.233 277.117);
-  --sidebar-primary-foreground: oklch(0.962 0.018 272.314);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.556 0 0);
-  --destructive-foreground: var(--color-red-400);
-  --info: var(--color-blue-500);
-  --info-foreground: var(--color-blue-400);
-  --success: var(--color-emerald-500);
-  --success-foreground: var(--color-emerald-400);
-  --warning: var(--color-amber-500);
-  --warning-foreground: var(--color-amber-400);
-
-  .shadow-bezel {
-    box-shadow:
-      inset 1px 1px 2px rgb(255 255 255 / 0.15),
-      inset -2px -2px 4px rgb(0 0 0 / 0.6);
-  }
-
-  .shadow-debossed {
-    box-shadow:
-      inset 2px 2px 4px rgb(0 0 0 / 0.6),
-      inset -1px -1px 2px rgb(255 255 255 / 0.15);
-  }
-}
-
-@theme inline {
-  /* motion tokens (transitions.dev scale) */
-  --ease-smooth-out: cubic-bezier(0.22, 1, 0.36, 1);
-  --font-sans: "Inter Variable", sans-serif;
-  --font-heading: "Figtree Variable", sans-serif;
-  --color-sidebar-ring: var(--sidebar-ring);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar: var(--sidebar);
-  --color-chart-5: var(--chart-5);
-  --color-chart-4: var(--chart-4);
-  --color-chart-3: var(--chart-3);
-  --color-chart-2: var(--chart-2);
-  --color-chart-1: var(--chart-1);
-  --color-ring: var(--ring);
-  --color-input: var(--input);
-  --color-border: var(--border);
-  --color-destructive: var(--destructive);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-accent: var(--accent);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-muted: var(--muted);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-secondary: var(--secondary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-primary: var(--primary);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-popover: var(--popover);
-  --color-card-foreground: var(--card-foreground);
-  --color-card: var(--card);
-  --color-foreground: var(--foreground);
-  --color-background: var(--background);
-  --radius-sm: calc(var(--radius) * 0.6);
-  --radius-md: calc(var(--radius) * 0.8);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) * 1.4);
-  --radius-2xl: calc(var(--radius) * 1.8);
-  --radius-3xl: calc(var(--radius) * 2.2);
-  --radius-4xl: calc(var(--radius) * 2.6);
-  --color-destructive-foreground: var(--destructive-foreground);
-  @keyframes liquid-drift {
-    0% {
-      background-position:
-        0% 0%,
-        100% 100%,
-        0% 0%;
-    }
-    50% {
-      background-position:
-        30% 20%,
-        70% 80%,
-        0% 0%;
-    }
-    100% {
-      background-position:
-        0% 0%,
-        100% 100%,
-        0% 0%;
-    }
-  }
-  --animate-caret-blink: 1s ease-out infinite caret-blink;
-  --animate-input-shake: input-shake 0.4s ease-in-out;
-  --animate-skeleton: skeleton 2s -1s infinite linear;
-  --color-warning-foreground: var(--warning-foreground);
-  --color-warning: var(--warning);
-  --color-success-foreground: var(--success-foreground);
-  --color-success: var(--success);
-  --color-info-foreground: var(--info-foreground);
-  --color-info: var(--info);
-  @keyframes skeleton {
-    to {
-      background-position: -200% 0;
-    }
-  }
-  @keyframes input-shake {
-    0%,
-    100% {
-      translate: 0;
-    }
-    20% {
-      translate: -6px 0;
-    }
-    40% {
-      translate: 6px 0;
-    }
-    60% {
-      translate: -4px 0;
-    }
-    80% {
-      translate: 4px 0;
-    }
-  }
-  @keyframes caret-blink {
-    0%,
-    70%,
-    to {
-      opacity: 1;
-    }
-    20%,
-    50% {
-      opacity: 0;
-    }
-  }
-}
-
-@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;
-  }
-}
-
-@utility shadow-bezel {
-  /* Inherits light/dark ambient highlights automatically */
-  box-shadow:
-    inset 1px 1px 2px rgb(255 255 255 / 0.7),
-    inset -2px -2px 4px rgb(0 0 0 / 0.25);
-}
-
-@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);
-}
-
-@utility shadow-bezel-dynamic {
-  box-shadow:
-    inset 1px 1px 2px color-mix(in srgb, currentColor 40%, white),
-    inset -2px -2px 4px color-mix(in srgb, currentColor 60%, black);
-}
+@import "motion-icons-react/style.css";

package/src/index.ts

@@ -7,7 +7,16 @@
  */
 
 // atoms
-export * from "./components/ui/avatar"
+export * from "./components/atoms"
+// ui/avatar: named, not `export *` — the atoms barrel above owns the bare
+// `Avatar` name (the composed identity disc); these are the raw primitives.
+export {
+  AvatarBadge,
+  AvatarFallback,
+  AvatarGroup,
+  AvatarGroupCount,
+  AvatarImage,
+} from "./components/ui/avatar"
 export * from "./components/ui/button"
 export * from "./components/ui/card"
 export * from "./components/ui/checkbox"
@@ -17,6 +26,9 @@ export * from "./components/ui/input"
 export * from "./components/ui/input-group"
 export * from "./components/ui/label"
 export * from "./components/ui/menu"
+export * from "./components/ui/menu-command"
+export * from "./components/ui/context-menu"
+export * from "./components/ui/toast"
 export * from "./components/ui/otp-field"
 export * from "./components/ui/separator"
 export * from "./components/ui/skeleton"
@@ -27,39 +39,15 @@ export * from "./components/ui/textarea"
 export * from "./components/icons"
 
 // components
+export * from "./components/composed/ai"
 export * from "./components/composed/logo"
 export * from "./components/composed/password-input"
 export * from "./components/composed/social-providers"
+export * from "./components/composed/reader"
 export * from "./components/composed/tree"
-// user-avatar: named, not `export *` — its barrel also exports an `Avatar`
-// namespace object that would collide with ui/avatar's component above.
-export {
-  DEFAULT_BEZEL_ANGLE,
-  PresenceBadge,
-  UserAvatar,
-  initialsFrom,
-  removeUserAvatarInstance,
-  resetUserAvatarAtom,
-  setUserAvatarBezelAngleAtom,
-  setUserAvatarPresenceAtom,
-  toggleUserAvatarPresenceAtom,
-  useUserAvatar,
-  useUserAvatarActions,
-  useUserAvatarState,
-  userAvatarBezelAngleAtom,
-  userAvatarIsOnlineAtom,
-  userAvatarPresenceAtom,
-  userAvatarStateAtom,
-} from "./components/user-avatar"
-export type {
-  UseUserAvatarOptions,
-  UserAvatarActions,
-  UserAvatarBinding,
-  UserAvatarInstanceId,
-  UserAvatarProps,
-  UserAvatarState,
-  UserPresence,
-} from "./components/user-avatar"
+export * from "./components/composed/verse"
+// The old `components/user-avatar` module was removed (92f029c); the avatar
+// now lives in `components/atoms/avatar` and flows through the atoms barrel.
 
 // blocks
 export * from "./components/blocks/auth/auth-shell"
@@ -85,7 +73,7 @@ export * from "./components/blocks/profile"
 export * from "./components/motion/shared-layout-bg"
 
 // state
-export * from "./state"
+export * from "./lib/state"
 
 // The v0.17 sidebar monolith became the shell block's AnimatedPanel parts.
 // `blocks/shell` above already exports every part under its new name; these
@@ -104,3 +92,9 @@ export * from "./lib/auth-accent"
 export * from "./lib/ease"
 export * from "./lib/sound"
 export * from "./lib/utils"
+
+// chat (exegia-ui Sketch library)
+export * from "./components/ui/chat"
+export * from "./components/composed/chat"
+export * from "./components/blocks/chat"
+export * from "./lib/keyed-atom"

package/src/lib/ease.ts

@@ -6,6 +6,7 @@ export const EASE_DRAWER = [0.32, 0.72, 0, 1] as const;
 
 /** CSS string form of EASE_OUT for inline style transitions. */
 export const EASE_OUT_CSS = "cubic-bezier(0.16, 1, 0.3, 1)";
+export const EASE_IN_OUT_MOTION = { type: "spring", stiffness: 300, damping: 30, mass: 0.6 } as const;
 
 /** Press feedback on buttons and other tappable surfaces. */
 export const SPRING_PRESS = {
@@ -64,6 +65,13 @@ export const SHELL_TRANSITION: Transition = {
   mass: 0.85,
 };
 
+export const BOUNCE_IN_OUT: Transition = {
+  type: "spring",
+  stiffness: 300,
+  damping: 20,
+  mass: 0.50,
+} as const;
+
 export const ICON_VARIANTS: Variants = {
   hidden: { opacity: 0, filter: "blur(3px)" },
   visible: {
@@ -77,3 +85,6 @@ export const ICON_VARIANTS: Variants = {
     transition: { duration: 0.18, ease: EASE_OUT },
   },
 };
+
+/** Strong ease-out for pop-ins, row entrances and panel expands. Matches `--ease-out-strong`. */
+export const EASE_OUT_STRONG = [0.23, 1, 0.32, 1] as const;

package/src/lib/hooks/use-mobile.ts

@@ -0,0 +1,21 @@
+import * as React from "react"
+
+const MOBILE_BREAKPOINT = 768
+
+function subscribe(onStoreChange: () => void) {
+  const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
+  mql.addEventListener("change", onStoreChange)
+  return () => mql.removeEventListener("change", onStoreChange)
+}
+
+function getSnapshot() {
+  return window.innerWidth < MOBILE_BREAKPOINT
+}
+
+function getServerSnapshot() {
+  return false
+}
+
+export function useIsMobile() {
+  return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)
+}

package/src/lib/keyed-atom.ts

@@ -0,0 +1,60 @@
+/**
+ * String-keyed Jotai atom families for the chat components.
+ *
+ * `jotai/utils`' `atomFamily` is deprecated for Jotai v3, so the library keeps
+ * a tiny in-house family: one cache per family, a `remove(id)` that lets the
+ * store drop an instance, and a per-feature registry so `removeInstance(id)`
+ * clears every family of that feature at once. `tree`, `scaffold` and the AI
+ * sidebar carry their own copies of this shape; new chat state uses this one.
+ */
+import { atom } from "jotai"
+import type { Getter, Setter } from "jotai"
+
+export type Family<AtomType> = ((id: string) => AtomType) & { remove: (id: string) => void }
+
+export function createKeyedFamilies(feature: string) {
+  const families: { remove: (id: string) => void }[] = []
+
+  function keyed<AtomType>(create: (id: string) => AtomType): Family<AtomType> {
+    const cache = new Map<string, AtomType>()
+    const family = ((id: string) => {
+      let instance = cache.get(id)
+      if (instance === undefined) {
+        instance = create(id)
+        cache.set(id, instance)
+      }
+      return instance
+    }) as Family<AtomType>
+    family.remove = (id) => {
+      cache.delete(id)
+    }
+    families.push(family)
+    return family
+  }
+
+  function stateFamily<Value>(name: string, initialValue: Value) {
+    return keyed((id) => {
+      const instance = atom(initialValue)
+      instance.debugLabel = `${feature}/${id}/${name}`
+      return instance
+    })
+  }
+
+  function actionFamily<Args extends unknown[]>(
+    name: string,
+    write: (get: Getter, set: Setter, id: string, ...args: Args) => void
+  ) {
+    return keyed((id) => {
+      const instance = atom(null, (get, set, ...args: Args) => write(get, set, id, ...args))
+      instance.debugLabel = `${feature}/${id}/${name}`
+      return instance
+    })
+  }
+
+  /** Drop every atom of one instance so the store can release its state. */
+  function removeInstance(id: string): void {
+    for (const family of families) family.remove(id)
+  }
+
+  return { keyed, stateFamily, actionFamily, removeInstance }
+}

package/src/lib/segmented-control.ts

@@ -0,0 +1,42 @@
+import { cva } from "class-variance-authority";
+
+export type SegmentedControlSize = "default" | "lg" | "sm" | "xs";
+
+export const segmentedControlItemSizeClassNames: Record<
+  SegmentedControlSize,
+  string
+> = {
+  default: "h-8.5 px-[calc(--spacing(2.5)-1px)] sm:h-7.5",
+  lg: "h-9.5 px-[calc(--spacing(3)-1px)] sm:h-8.5",
+  sm: "h-7.5 px-[calc(--spacing(2)-1px)] sm:h-6.5",
+  xs: "h-6.5 px-[calc(--spacing(1.5)-1px)] sm:h-5.5",
+};
+
+export const segmentedControlRootClassName =
+  "relative z-0 flex w-fit items-center justify-center gap-0.5 rounded-lg bg-muted p-0.5";
+
+export const segmentedControlItemLayoutClassName =
+  "gap-1.5 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0";
+
+export const segmentedControlItemVariants = cva(
+  [
+    "relative inline-flex shrink-0 cursor-pointer select-none items-center justify-center whitespace-nowrap rounded-md border border-transparent font-medium text-base text-muted-foreground/72 outline-2 outline-transparent transition-[outline-color] hover:bg-transparent hover:text-muted-foreground focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-64 data-disabled:pointer-events-none data-disabled:opacity-64 sm:text-sm",
+    segmentedControlItemLayoutClassName,
+  ],
+  {
+    defaultVariants: {
+      size: "default",
+    },
+    variants: {
+      size: segmentedControlItemSizeClassNames,
+      state: {
+        checked:
+          "data-checked:bg-background data-checked:text-foreground data-checked:shadow-sm/5 dark:data-checked:bg-input",
+        current:
+          "aria-[current=page]:bg-background aria-[current=page]:text-foreground aria-[current=page]:shadow-sm/5 dark:aria-[current=page]:bg-input",
+        pressed:
+          "data-pressed:bg-background data-pressed:text-foreground data-pressed:shadow-sm/5 dark:data-pressed:bg-input",
+      },
+    },
+  },
+);

package/src/{state → lib/state}/exegia-provider.tsx

@@ -32,6 +32,7 @@ import * as React from "react"
 import { Provider, useStore } from "jotai"
 
 import { ThemeProvider } from "@/components/theme-provider"
+import { ToastProvider } from "@/components/ui/toast"
 import { bindSounds } from "@/lib/sound"
 import { exegiaStore } from "./store"
 import type { ExegiaStore } from "./store"
@@ -68,9 +69,12 @@ export function ExegiaProvider({
     if (sound) bindSounds()
   }, [sound])
 
+  // Toasts ride on the same single mount: components call `toastManager.add`
+  // and it renders here, so consumers never nest a second provider.
+  const content = <ToastProvider>{children}</ToastProvider>
   return (
     <Provider store={store ?? exegiaStore}>
-      {theme ? <ThemeProvider {...theme}>{children}</ThemeProvider> : children}
+      {theme ? <ThemeProvider {...theme}>{content}</ThemeProvider> : content}
     </Provider>
   )
 }

package/src/lib/utils.ts

@@ -1,5 +1,97 @@
 import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
+import { extendTailwindMerge, validators } from "tailwind-merge"
+
+/**
+ * The `inset-shadow-{lit,dim}-*` bezel family (exported by `index.css`) is
+ * ours, not Tailwind's. Left to itself tailwind-merge files every one of them
+ * under its built-in `inset-shadow` group — which holds a single `box-shadow`
+ * — and keeps only the last, so a bezel written as
+ * `inset-shadow-lit-t-2 inset-shadow-dim-b-1` arrives as the dim class alone.
+ *
+ * Each utility writes exactly one custom property, so the conflict groups
+ * mirror those properties: a layer's two axes, its blur and its alpha are
+ * independent of each other and of the other layer. `-l-`/`-r-` are the two
+ * ends of one axis and `-t-`/`-b-` of the other, so those do collide. Only
+ * `inset-shadow-blur-*` spans layers — it writes both blurs — so it alone
+ * conflicts across them.
+ */
+type InsetShadowGroupId =
+  | "inset-shadow-bezel"
+  | "inset-shadow-lit-x"
+  | "inset-shadow-lit-y"
+  | "inset-shadow-lit-blur"
+  | "inset-shadow-lit-alpha"
+  | "inset-shadow-dim-x"
+  | "inset-shadow-dim-y"
+  | "inset-shadow-dim-blur"
+  | "inset-shadow-dim-alpha"
+  | "inset-shadow-blur"
+
+const { isAny } = validators
+
+/**
+ * Every group in the family writes the whole `box-shadow`, so each one both
+ * displaces and is displaced by Tailwind's own shadow utilities. Without
+ * this, `shadow-md inset-shadow-lit-t-2` survives `cn` intact and whichever
+ * rule the stylesheet happens to sort last silently wins.
+ */
+const INSET_SHADOW_GROUPS = [
+  "inset-shadow-bezel",
+  "inset-shadow-lit-x",
+  "inset-shadow-lit-y",
+  "inset-shadow-lit-blur",
+  "inset-shadow-lit-alpha",
+  "inset-shadow-dim-x",
+  "inset-shadow-dim-y",
+  "inset-shadow-dim-blur",
+  "inset-shadow-dim-alpha",
+  "inset-shadow-blur",
+] as const satisfies readonly InsetShadowGroupId[]
+
+const displacesTailwindShadows = Object.fromEntries(
+  INSET_SHADOW_GROUPS.map((id) => [id, ["shadow", "inset-shadow"]])
+)
+
+const twMerge = extendTailwindMerge<InsetShadowGroupId>({
+  extend: {
+    classGroups: {
+      // The shared base every other utility in the family `@apply`s. Grouped
+      // so it collapses against Tailwind's shadows like the rest of them.
+      "inset-shadow-bezel": ["inset-shadow-bezel"],
+      "inset-shadow-lit-x": [
+        { "inset-shadow-lit": [{ l: [isAny], r: [isAny] }] },
+      ],
+      "inset-shadow-lit-y": [
+        { "inset-shadow-lit": [{ t: [isAny], b: [isAny] }] },
+      ],
+      "inset-shadow-lit-blur": [{ "inset-shadow-lit": [{ blur: [isAny] }] }],
+      "inset-shadow-dim-x": [
+        { "inset-shadow-dim": [{ l: [isAny], r: [isAny] }] },
+      ],
+      "inset-shadow-dim-y": [
+        { "inset-shadow-dim": [{ t: [isAny], b: [isAny] }] },
+      ],
+      "inset-shadow-dim-blur": [{ "inset-shadow-dim": [{ blur: [isAny] }] }],
+      // The bare classes, which carry the layer opacity as a `/40` modifier.
+      "inset-shadow-lit-alpha": ["inset-shadow-lit"],
+      "inset-shadow-dim-alpha": ["inset-shadow-dim"],
+      "inset-shadow-blur": [{ "inset-shadow": [{ blur: [isAny] }] }],
+    },
+    conflictingClassGroups: {
+      ...displacesTailwindShadows,
+      // …and the other way round, so the last one written wins either way.
+      shadow: INSET_SHADOW_GROUPS,
+      "inset-shadow": INSET_SHADOW_GROUPS,
+      // Blurs both layers at once, so it supersedes either single-layer blur.
+      "inset-shadow-blur": [
+        "inset-shadow-lit-blur",
+        "inset-shadow-dim-blur",
+        "shadow",
+        "inset-shadow",
+      ],
+    },
+  },
+})
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))

package/dist-lib/components/beste/piece/browser-frame.d.ts

@@ -1,2 +0,0 @@
-import { IBrowserProps } from './type';
-export declare function BrowserFrame({ url, title, className, titleStyle, children, }: IBrowserProps): import("react").JSX.Element;

package/dist-lib/components/beste/piece/type.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-export type TitleStyleType = "hidden" | "titlebar" | "expanded";
-export interface IBrowserProps {
-    url?: string;
-    title?: string;
-    className?: string;
-    children: ReactNode;
-    titleStyle: TitleStyleType;
-}

package/dist-lib/components/beste/piece/utils.d.ts

@@ -1,3 +0,0 @@
-import { ClassNameValue } from 'tailwind-merge';
-import { TitleStyleType } from './type';
-export declare const titleBarStyle: (style: TitleStyleType, component: "title" | "frame") => ClassNameValue;

package/dist-lib/components/composed/user-avatar.d.ts

@@ -1,7 +0,0 @@
-/**
- * Back-compat path. The avatar moved to `components/user-avatar/` (split
- * into component / atoms / hooks); this module re-exports it so existing
- * imports keep resolving to the one implementation. Prefer the new path.
- */
-export { UserAvatar, initialsFrom, useUserAvatar, useUserAvatarActions, useUserAvatarState, } from '../user-avatar';
-export type { UserAvatarProps, UserPresence } from '../user-avatar';

package/dist-lib/components/docs/component-preview.d.ts

@@ -1,10 +0,0 @@
-import { RegistryEntry } from '../../registry';
-import * as React from "react";
-/**
- * Renders an entry's lazy demo (created at registry module scope) inside a
- * bordered canvas. Falls back to a placeholder while the demo is not
- * implemented yet.
- */
-export declare function ComponentPreview({ entry }: {
-    entry: RegistryEntry;
-}): React.JSX.Element;

package/dist-lib/components/docs/props-table.d.ts

@@ -1,4 +0,0 @@
-import { PropDef } from '../../registry';
-export declare function PropsTable({ props }: {
-    props: PropDef[];
-}): import("react").JSX.Element;

package/dist-lib/components/ui/avatar.d.ts

@@ -1,6 +0,0 @@
-import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
-import { default as React } from 'react';
-export declare function Avatar({ className, ...props }: AvatarPrimitive.Root.Props): React.ReactElement;
-export declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): React.ReactElement;
-export declare function AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props): React.ReactElement;
-export { AvatarPrimitive };