@exegia/corpora-ui 0.29.0 → 1.0.0

package/dist-lib/src/components/ui/otp-field.story.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { OTPField } from './otp-field';
+type PreviewProps = Pick<ComponentProps<typeof OTPField>, "size" | "disabled" | "sound"> & {
+    length: 4 | 6 | 8;
+};
+declare function OTPFieldPreview({ length, ...props }: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof OTPFieldPreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/src/components/ui/password-input.story.d.ts

@@ -0,0 +1,3 @@
+import { PasswordInput } from '../composed/password-input';
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof PasswordInput>;
+export declare const Preview: import('react').FC;

package/dist-lib/src/components/ui/popover-glass.d.ts

@@ -0,0 +1,32 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+import { default as React } from 'react';
+import { FrostGlassVariant } from '../../lib/glass-variants';
+/**
+ * Every finish except "liquid-refract". That one delegates its look to the
+ * `LiquidGlass` wrapper, whose `overflow-hidden` box measures 0px tall around
+ * an absolutely-sized popup and clips it away entirely — so a popup offers the
+ * four pure-class finishes only, and defaults to "frosted" rather than to
+ * Button's "liquid-refract".
+ */
+type PopoverGlassVariant = Exclude<FrostGlassVariant, "liquid-refract">;
+export declare const PopoverCreateHandle: typeof PopoverPrimitive.createHandle;
+export declare const Popover: typeof PopoverPrimitive.Root;
+export declare function PopoverTrigger({ className, children, ...props }: PopoverPrimitive.Trigger.Props): React.ReactElement;
+type PopoverPopupBaseProps = PopoverPrimitive.Popup.Props & {
+    portalProps?: PopoverPrimitive.Portal.Props;
+    side?: PopoverPrimitive.Positioner.Props["side"];
+    align?: PopoverPrimitive.Positioner.Props["align"];
+    sideOffset?: PopoverPrimitive.Positioner.Props["sideOffset"];
+    alignOffset?: PopoverPrimitive.Positioner.Props["alignOffset"];
+    tooltipStyle?: boolean;
+    anchor?: PopoverPrimitive.Positioner.Props["anchor"];
+};
+export type PopoverGlassProps = PopoverPopupBaseProps & {
+    /** Glass finish. Either "frosted" or "glass". Defaults to "frosted". */
+    glassVariant?: PopoverGlassVariant;
+};
+export declare function PopoverGlass({ children, className, side, align, sideOffset, alignOffset, anchor, portalProps, glassVariant, ...props }: PopoverGlassProps): React.ReactElement;
+export declare function PopoverClose({ ...props }: PopoverPrimitive.Close.Props): React.ReactElement;
+export declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): React.ReactElement;
+export declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): React.ReactElement;
+export { PopoverPrimitive, PopoverGlass as PopoverContent };

package/dist-lib/src/components/ui/popover.d.ts

@@ -0,0 +1,18 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+import { default as React } from 'react';
+export declare const PopoverCreateHandle: typeof PopoverPrimitive.createHandle;
+export declare const Popover: typeof PopoverPrimitive.Root;
+export declare function PopoverTrigger({ className, children, ...props }: PopoverPrimitive.Trigger.Props): React.ReactElement;
+export declare function PopoverPopup({ children, className, side, align, sideOffset, alignOffset, tooltipStyle, anchor, portalProps, ...props }: PopoverPrimitive.Popup.Props & {
+    portalProps?: PopoverPrimitive.Portal.Props;
+    side?: PopoverPrimitive.Positioner.Props["side"];
+    align?: PopoverPrimitive.Positioner.Props["align"];
+    sideOffset?: PopoverPrimitive.Positioner.Props["sideOffset"];
+    alignOffset?: PopoverPrimitive.Positioner.Props["alignOffset"];
+    tooltipStyle?: boolean;
+    anchor?: PopoverPrimitive.Positioner.Props["anchor"];
+}): React.ReactElement;
+export declare function PopoverClose({ ...props }: PopoverPrimitive.Close.Props): React.ReactElement;
+export declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): React.ReactElement;
+export declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): React.ReactElement;
+export { PopoverPrimitive, PopoverPopup as PopoverContent };

package/dist-lib/src/components/ui/preview-card.d.ts

@@ -0,0 +1,11 @@
+import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';
+import { default as React } from 'react';
+export declare const PreviewCard: typeof PreviewCardPrimitive.Root;
+export declare function PreviewCardTrigger({ ...props }: PreviewCardPrimitive.Trigger.Props): React.ReactElement;
+export declare function PreviewCardPopup({ className, children, align, sideOffset, anchor, portalProps, ...props }: PreviewCardPrimitive.Popup.Props & {
+    align?: PreviewCardPrimitive.Positioner.Props["align"];
+    sideOffset?: PreviewCardPrimitive.Positioner.Props["sideOffset"];
+    anchor?: PreviewCardPrimitive.Positioner.Props["anchor"];
+    portalProps?: PreviewCardPrimitive.Portal.Props;
+}): React.ReactElement;
+export { PreviewCardPrimitive, PreviewCard as HoverCard, PreviewCardTrigger as HoverCardTrigger, PreviewCardPopup as HoverCardContent, };

package/dist-lib/src/components/ui/reference.story.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+import { Reference } from '../atoms/reference';
+type PreviewProps = Pick<ComponentProps<typeof Reference>, "href"> & {
+    children: string;
+    preview?: string;
+};
+declare function ReferencePreview({ children, ...props }: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof ReferencePreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/src/components/ui/scroll-area.d.ts

@@ -0,0 +1,11 @@
+import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
+import { default as React } from 'react';
+export declare function ScrollArea({ className, children, scrollFade, scrollbarGutter, fill, clampContentMinWidth, overscrollContain, ...props }: ScrollAreaPrimitive.Root.Props & {
+    scrollFade?: boolean | "top" | "bottom";
+    scrollbarGutter?: boolean;
+    fill?: boolean;
+    clampContentMinWidth?: boolean;
+    overscrollContain?: boolean;
+}): React.ReactElement;
+export declare function ScrollBar({ className, orientation, ...props }: ScrollAreaPrimitive.Scrollbar.Props): React.ReactElement;
+export { ScrollAreaPrimitive };

package/dist-lib/{components → src/components}/ui/select.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import type * as React from "react";
 export declare const Select: typeof SelectPrimitive.Root;
 export declare const selectTriggerVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const selectTriggerIconClassName = "-me-1 size-4.5 opacity-80 sm:size-4";
 export interface SelectButtonProps extends useRender.ComponentProps<"button"> {

package/dist-lib/src/components/ui/separator.story.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { Separator } from './separator';
+type PreviewProps = Pick<ComponentProps<typeof Separator>, "orientation">;
+declare function SeparatorPreview(props: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof SeparatorPreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/src/components/ui/tabs.d.ts

@@ -0,0 +1,15 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+import { SegmentedControlSize } from '../../lib/segmented-control';
+import * as React from "react";
+type TabsVariant = "default" | "underline";
+type TabsSize = SegmentedControlSize;
+export declare function Tabs({ className, ...props }: TabsPrimitive.Root.Props): React.ReactElement;
+export declare function TabsList({ variant, size, className, children, ...props }: TabsPrimitive.List.Props & {
+    size?: TabsSize;
+    variant?: TabsVariant;
+}): React.ReactElement;
+export declare function TabsTab({ className, size, ...props }: TabsPrimitive.Tab.Props & {
+    size?: TabsSize;
+}): React.ReactElement;
+export declare function TabsPanel({ className, ...props }: TabsPrimitive.Panel.Props): React.ReactElement;
+export { TabsPrimitive, TabsTab as TabsTrigger, TabsPanel as TabsContent, type TabsSize, type TabsVariant, };

package/dist-lib/src/components/ui/text.story.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { Text } from '../atoms/text/default';
+type PreviewProps = Pick<ComponentProps<typeof Text>, "type" | "size" | "selection"> & {
+    children: string;
+};
+declare function TextPreview(props: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof TextPreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/src/components/ui/textarea.story.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { Textarea } from './textarea';
+type PreviewProps = Pick<ComponentProps<typeof Textarea>, "placeholder" | "disabled" | "readOnly" | "rows">;
+declare function TextareaPreview(props: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof TextareaPreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/src/components/ui/toast.d.ts

@@ -0,0 +1,15 @@
+import { Toast } from '@base-ui/react/toast';
+import { default as React } from 'react';
+export declare const toastManager: ReturnType<typeof Toast.createToastManager>;
+export declare const anchoredToastManager: ReturnType<typeof Toast.createToastManager>;
+export type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+export interface ToastProviderProps extends Toast.Provider.Props {
+    position?: ToastPosition;
+    portalProps?: React.ComponentProps<typeof Toast.Portal>;
+}
+export declare function ToastProvider({ children, position, portalProps, ...props }: ToastProviderProps): React.ReactElement;
+export interface AnchoredToastProviderProps extends Toast.Provider.Props {
+    portalProps?: React.ComponentProps<typeof Toast.Portal>;
+}
+export declare function AnchoredToastProvider({ children, portalProps, ...props }: AnchoredToastProviderProps): React.ReactElement;
+export { Toast as ToastPrimitive };

package/dist-lib/src/components/ui/toolbar.d.ts

@@ -0,0 +1,9 @@
+import { Toolbar as ToolbarPrimitive } from '@base-ui/react/toolbar';
+import { default as React } from 'react';
+export declare function Toolbar({ className, ...props }: ToolbarPrimitive.Root.Props): React.ReactElement;
+export declare function ToolbarButton({ className, ...props }: ToolbarPrimitive.Button.Props): React.ReactElement;
+export declare function ToolbarLink({ className, ...props }: ToolbarPrimitive.Link.Props): React.ReactElement;
+export declare function ToolbarInput({ className, ...props }: ToolbarPrimitive.Input.Props): React.ReactElement;
+export declare function ToolbarGroup({ className, ...props }: ToolbarPrimitive.Group.Props): React.ReactElement;
+export declare function ToolbarSeparator({ className, ...props }: ToolbarPrimitive.Separator.Props): React.ReactElement;
+export { ToolbarPrimitive };

package/dist-lib/src/components/ui/tooltip.d.ts

@@ -0,0 +1,14 @@
+import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+import { default as React } from 'react';
+export declare const TooltipCreateHandle: typeof TooltipPrimitive.createHandle;
+export declare const TooltipProvider: typeof TooltipPrimitive.Provider;
+export declare const Tooltip: typeof TooltipPrimitive.Root;
+export declare function TooltipTrigger(props: TooltipPrimitive.Trigger.Props): React.ReactElement;
+export declare function TooltipPopup({ className, align, sideOffset, side, anchor, children, portalProps, ...props }: TooltipPrimitive.Popup.Props & {
+    align?: TooltipPrimitive.Positioner.Props["align"];
+    side?: TooltipPrimitive.Positioner.Props["side"];
+    sideOffset?: TooltipPrimitive.Positioner.Props["sideOffset"];
+    anchor?: TooltipPrimitive.Positioner.Props["anchor"];
+    portalProps?: TooltipPrimitive.Portal.Props;
+}): React.ReactElement;
+export { TooltipPrimitive, TooltipPopup as TooltipContent };

package/dist-lib/{index.d.ts → src/index.d.ts}

@@ -5,7 +5,8 @@
  * compositions from `components/composed`, blocks from `components/blocks`.
  * The docs site (main.tsx + routes.tsx + pages/) is NOT part of the package.
  */
-export * from './components/ui/avatar';
+export * from './components/atoms';
+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';
@@ -15,18 +16,22 @@ 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';
 export * from './components/ui/spinner';
 export * from './components/ui/textarea';
 export * from './components/icons';
+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';
-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';
 export * from './components/blocks/auth/auth-shell';
 export * from './components/blocks/auth/auth-flow-block';
 export * from './components/blocks/auth/auth-state';
@@ -46,9 +51,13 @@ export * from './components/blocks/scaffold';
 export { default as Layout } from './components/blocks/layout';
 export * from './components/blocks/profile';
 export * from './components/motion/shared-layout-bg';
-export * from './state';
+export * from './lib/state';
 export { AnimatedPanel as AnimatedSidebar, AnimatedPanelProvider as AnimatedSidebarProvider, AnimatedPanelTrigger as AnimatedSidebarTrigger, AnimatedPanelInset as AnimatedSidebarInset, } from './components/blocks/shell';
 export * from './lib/auth-accent';
 export * from './lib/ease';
 export * from './lib/sound';
 export * from './lib/utils';
+export * from './components/ui/chat';
+export * from './components/composed/chat';
+export * from './components/blocks/chat';
+export * from './lib/keyed-atom';

package/dist-lib/{lib → src/lib}/ease.d.ts

@@ -4,6 +4,12 @@ export declare const EASE_IN_OUT: readonly [0.77, 0, 0.175, 1];
 export declare const EASE_DRAWER: readonly [0.32, 0.72, 0, 1];
 /** CSS string form of EASE_OUT for inline style transitions. */
 export declare const EASE_OUT_CSS = "cubic-bezier(0.16, 1, 0.3, 1)";
+export declare const EASE_IN_OUT_MOTION: {
+    readonly type: "spring";
+    readonly stiffness: 300;
+    readonly damping: 30;
+    readonly mass: 0.6;
+};
 /** Press feedback on buttons and other tappable surfaces. */
 export declare const SPRING_PRESS: {
     readonly type: "spring";
@@ -46,4 +52,7 @@ export declare const SPRING_GLIDE: {
     readonly mass: 0.5;
 };
 export declare const SHELL_TRANSITION: Transition;
+export declare const BOUNCE_IN_OUT: Transition;
 export declare const ICON_VARIANTS: Variants;
+/** Strong ease-out for pop-ins, row entrances and panel expands. Matches `--ease-out-strong`. */
+export declare const EASE_OUT_STRONG: readonly [0.23, 1, 0.32, 1];

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

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist-lib/src/lib/keyed-atom.d.ts

@@ -0,0 +1,14 @@
+import { Getter, Setter } from 'jotai';
+export type Family<AtomType> = ((id: string) => AtomType) & {
+    remove: (id: string) => void;
+};
+export declare function createKeyedFamilies(feature: string): {
+    keyed: <AtomType>(create: (id: string) => AtomType) => Family<AtomType>;
+    stateFamily: <Value>(name: string, initialValue: Value) => Family<import('jotai').PrimitiveAtom<Value> & {
+        init: Value;
+    }>;
+    actionFamily: <Args extends unknown[]>(name: string, write: (get: Getter, set: Setter, id: string, ...args: Args) => void) => Family<import('jotai').WritableAtom<null, Args, void> & {
+        init: null;
+    }>;
+    removeInstance: (id: string) => void;
+};

package/dist-lib/src/lib/segmented-control.d.ts

@@ -0,0 +1,8 @@
+export type SegmentedControlSize = "default" | "lg" | "sm" | "xs";
+export declare const segmentedControlItemSizeClassNames: Record<SegmentedControlSize, string>;
+export declare const segmentedControlRootClassName = "relative z-0 flex w-fit items-center justify-center gap-0.5 rounded-lg bg-muted p-0.5";
+export declare 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 declare const segmentedControlItemVariants: (props?: ({
+    size?: SegmentedControlSize | null | undefined;
+    state?: "current" | "checked" | "pressed" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exegia/corpora-ui",
-  "version": "0.29.0",
+  "version": "1.0.0",
   "description": "shadcn-ready React UI library for the corpora manuscript-research apps.",
   "license": "MIT",
   "repository": {
@@ -25,33 +25,51 @@
     "src/lib",
     "src/state",
     "src/index.css",
+    "src/assets/css/theme.css",
+    "src/assets/css/base.css",
+    "src/assets/css/shadows.css",
+    "src/assets/css/chat.css",
+    "src/tailwind-inset-shadow.js",
     "src/index.ts"
   ],
   "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build && bun run build:lib",
+    "dev": "fumapress dev",
+    "build": "tsc -b && fumapress build && bun run build:lib",
+    "build:docs": "fumapress build",
     "build:lib": "vite build --config vite.lib.config.ts",
     "lint": "eslint .",
     "format": "prettier --write \"**/*.{ts,tsx}\"",
     "test": "bun test",
     "typecheck": "tsc -b --noEmit",
-    "preview": "vite preview"
+    "preview": "fumapress start"
   },
   "peerDependencies": {
-    "jotai": "^2.20.2",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8"
+    "jotai": "^3.0.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
   },
   "dependencies": {
-    "@base-ui/react": "^1.7.0",
+    "@base-ui/react": "^1.8.0",
+    "@fumadocs/story": "^1.3.0",
+    "@omsimos/react-highlight-popover": "^1.4.1",
     "@remixicon/react": "^4.9.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "cn": "^0.2.6",
     "cuelume": "^0.2.2",
+    "frimousse": "^0.3.0",
+    "fumadocs-core": "^16.15.10",
+    "fumadocs-mdx": "^15.4.0",
+    "fumadocs-ui": "npm:@fumadocs/base-ui@^16.15.10",
+    "fumapress": "^1.3.0",
     "iconsax-reactjs": "^0.0.8",
-    "lucide-react": "^1.31.0",
-    "motion": "^13.1.0",
+    "lucide": "^1.45.0",
+    "lucide-react": "^1.45.0",
+    "morphicons": "^1.7.1",
+    "motion": "^13.2.0",
     "motion-icons-react": "^1.1.0",
+    "react-markdown": "^10.1.0",
+    "recharts": "^3.10.1",
     "tailwind-animations": "^1.0.2",
     "tailwind-merge": "^3.6.0"
   },
@@ -59,11 +77,11 @@
     "@eslint/js": "^10",
     "@fontsource-variable/figtree": "^5.3.0",
     "@fontsource-variable/inter": "^5.3.0",
-    "@happy-dom/global-registrator": "^20.11.2",
+    "@happy-dom/global-registrator": "^20.14.5",
     "@tailwindcss/vite": "^4",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.5",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
     "@types/bun": "^1.3.14",
     "@types/node": "^24",
     "@types/react": "^19",
@@ -71,20 +89,21 @@
     "@vitejs/plugin-react": "^6",
     "eslint": "^10",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.4",
+    "eslint-plugin-react-refresh": "^0.5.6",
     "globals": "^17",
-    "jotai": "^2.20.2",
+    "jotai": "^3.0.0",
+    "mermaid": "^12.0.0",
+    "next-themes": "^0.4.6",
     "prettier": "^3.9.6",
     "prettier-plugin-tailwindcss": "^0.8.1",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
-    "react-router": "^8.3.0",
-    "shadcn": "^4.18.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "shadcn": "^4.21.0",
     "tailwindcss": "^4",
     "tw-animate-css": "^1.4.0",
     "typescript": "~6",
     "typescript-eslint": "^8",
-    "vite": "^8",
-    "vite-plugin-dts": "^5.0.3"
+    "vite": "^8.2.2",
+    "vite-plugin-dts": "^5.1.0"
   }
 }

package/src/assets/css/base.css

@@ -0,0 +1,62 @@
+/* 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;
+  }
+}