@ciridae/ui 1.0.1 → 1.0.3

package/dist/components/hotkeys.d.ts

@@ -7,7 +7,7 @@ export declare const PAGE_HOTKEY_SCOPE = "page";
 /** Gives the hotkeys registered inside it to the page, paused while an overlay is open. */
 export declare function PageHotkeys({ children }: {
     children: ReactNode;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * An overlay's keyboard: while mounted (and `enabled`), only the hotkeys registered inside it and
  * the global ones fire, so the top overlay owns the keyboard and the page under it pauses.
@@ -15,7 +15,7 @@ export declare function PageHotkeys({ children }: {
 export declare function HotkeyLayer({ enabled, children }: {
     enabled?: boolean;
     children: ReactNode;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * The person's rebound hotkeys, kept in `localStorage` as JSON under `storageKey`, as the root
  * `HotkeysProvider`'s `customHotkeys` and `onCustomHotkeysChange`. Entries that are no hotkey are

package/dist/components/icon.d.ts

@@ -1,6 +1,6 @@
 import { type IconProps } from "@phosphor-icons/react";
 export type IconSize = "tiny" | "compact" | "small" | "medium" | "large" | "display" | "hero";
-export declare const icon: import("../../../src/styled-system/types/index.js").RecipeRuntimeFn<{
+export declare const icon: import("../styled-system/types/index.js").RecipeRuntimeFn<{
     size: {
         tiny: {
             fontSize: "icon.tiny";
@@ -55,4 +55,4 @@ export type SpinnerProps = Omit<IconProps, "size"> & {
     label?: string;
 };
 /** The one in-progress glyph: every pending state spins this, never a refresh or notch icon. */
-export declare function Spinner({ size, label, className, ...props }: SpinnerProps): import("@types/react").JSX.Element;
+export declare function Spinner({ size, label, className, ...props }: SpinnerProps): import("react").JSX.Element;

package/dist/components/input.d.ts

@@ -3,9 +3,9 @@ import type { Hotkey } from "./hotkeys.js";
 export type InputProps = Omit<ComponentProps<"input">, "size"> & {
     size?: "small" | "medium" | "large";
 };
-export declare function Input({ className, size, ...props }: InputProps): import("@types/react").JSX.Element;
+export declare function Input({ className, size, ...props }: InputProps): import("react").JSX.Element;
 export type SearchInputProps = Omit<ComponentProps<"input">, "size" | "value" | "defaultValue"> & {
-    variant?: "regular" | "flat" | "sidebar" | "dropdown";
+    variant?: "regular" | "flat" | "sidebar" | "ghost";
     /** Defaults to `compact` in a `Toolbar`, `regular` elsewhere. */
     size?: "regular" | "compact";
     /** `fill` takes the row's width; `field` grows from a name's width to a search field's. */
@@ -23,7 +23,7 @@ export type SearchInputProps = Omit<ComponentProps<"input">, "size" | "value" |
     shortcut?: Hotkey;
     wrapperClassName?: string;
 };
-export declare function SearchInput({ variant, size: ownSize, width, value, defaultValue, onValueCommit, debounceMs, shortcut, wrapperClassName, className, onChange, onKeyDown, ...props }: SearchInputProps): import("@types/react").JSX.Element;
+export declare function SearchInput({ variant, size: ownSize, width, value, defaultValue, onValueCommit, debounceMs, shortcut, wrapperClassName, className, onChange, onKeyDown, ...props }: SearchInputProps): import("react").JSX.Element;
 export type SearchFieldProps = Omit<ComponentProps<"input">, "size" | "type"> & {
     /** Defaults to `compact` in a `Toolbar`, `regular` elsewhere. */
     size?: "regular" | "compact";
@@ -33,4 +33,4 @@ export type SearchFieldProps = Omit<ComponentProps<"input">, "size" | "type"> &
     shortcut?: Hotkey;
     wrapperClassName?: string;
 };
-export declare function SearchField({ size: ownSize, onClear, shortcut, wrapperClassName, className, disabled, ...props }: SearchFieldProps): import("@types/react").JSX.Element;
+export declare function SearchField({ size: ownSize, onClear, shortcut, wrapperClassName, className, disabled, ...props }: SearchFieldProps): import("react").JSX.Element;

package/dist/components/input.js

@@ -89,7 +89,8 @@ const search = cva({
                 border: "1px solid token(colors.border.control)",
                 background: "bg.field",
             },
-            dropdown: {
+            // No face: the field reads as text until focused, beside ghost buttons in a toolbar.
+            ghost: {
                 borderRadius: "action",
                 paddingInline: "control.compactInline",
                 border: "0",
@@ -142,7 +143,7 @@ const searchText = cva({
             regular: {},
             sidebar: {},
             flat: {},
-            dropdown: { fontSize: "caption", fontWeight: "regular" },
+            ghost: { fontSize: "caption", fontWeight: "regular" },
         },
         size: { regular: {}, compact: { fontSize: "caption", fontWeight: "regular" } },
     },

package/dist/components/keyboard-shortcuts.d.ts

@@ -5,6 +5,6 @@ export type KeyboardShortcutsProps = {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 };
-export declare function KeyboardShortcuts({ hotkey, open: ownOpen, onOpenChange, }: KeyboardShortcutsProps): import("@types/react").JSX.Element;
+export declare function KeyboardShortcuts({ hotkey, open: ownOpen, onOpenChange, }: KeyboardShortcutsProps): import("react").JSX.Element;
 /** The app's rebindable hotkeys under their groups, each with Change and, once changed, Reset. */
-export declare function KeyboardShortcutSettings(): import("@types/react").JSX.Element[];
+export declare function KeyboardShortcutSettings(): import("react").JSX.Element[];

package/dist/components/keycap.d.ts

@@ -1,7 +1,7 @@
 import { type Hotkey } from "./hotkeys.js";
 import type { ComponentProps } from "react";
 /** One key as a 24px cap, such as the `K` after a search field. */
-export declare function Keycap({ className, ...props }: ComponentProps<"kbd">): import("@types/react").JSX.Element;
+export declare function Keycap({ className, ...props }: ComponentProps<"kbd">): import("react").JSX.Element;
 /**
  * A hotkey as one quiet line, as the hotkeys layer writes it: `Mod` is "⌘" on a Mac and "Ctrl"
  * elsewhere, and a sequence's steps are spaced ("G I"). `Keycap` is the boxed key for a place
@@ -9,4 +9,4 @@ export declare function Keycap({ className, ...props }: ComponentProps<"kbd">):
  */
 export declare function ShortcutHint({ hotkey, className, ...props }: ComponentProps<"kbd"> & {
     hotkey: Hotkey;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/layout.d.ts

@@ -9,20 +9,20 @@ export type StackProps = useRender.ComponentProps<"div"> & {
     justify?: "start" | "center" | "end" | "between";
 };
 /** Children in a column. It never forces its parent wider than the parent's own box. */
-export declare function Stack({ gap, align, justify, render, className, ...props }: StackProps): import("@types/react").ReactElement<unknown, string | import("@types/react").JSXElementConstructor<any>>;
+export declare function Stack({ gap, align, justify, render, className, ...props }: StackProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type ClusterProps = useRender.ComponentProps<"div"> & {
     gap?: Gap;
     /** Wraps onto more lines when narrow; `false` keeps one line. Defaults to true. */
     wrap?: boolean;
 };
 /** Children in a row, centered on one line. */
-export declare function Cluster({ gap, wrap, render, className, ...props }: ClusterProps): import("@types/react").ReactElement<unknown, string | import("@types/react").JSXElementConstructor<any>>;
+export declare function Cluster({ gap, wrap, render, className, ...props }: ClusterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 /**
  * The kit's text colors and sizes, for a run of text in a layout. `tone` and `size` inherit when
  * left out; `code` is the 12px label size, set compact. `MutedText` and `Eyebrow` are its two
  * common shapes.
  */
-export declare const text: import("../../../src/styled-system/types/index.js").RecipeRuntimeFn<{
+export declare const text: import("../styled-system/types/index.js").RecipeRuntimeFn<{
     tone: {
         primary: {
             color: "fg.primary";
@@ -76,17 +76,17 @@ export type TextProps = useRender.ComponentProps<"span"> & {
     /** The element to render; `render` takes any element instead. Defaults to `span`. */
     as?: "span" | "p" | "div" | "strong" | "small" | "label" | "time";
 };
-export declare function Text({ tone, size, weight, truncate, as, render, className, ...props }: TextProps): import("@types/react").ReactElement<unknown, string | import("@types/react").JSXElementConstructor<any>>;
+export declare function Text({ tone, size, weight, truncate, as, render, className, ...props }: TextProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 /** Muted caption text: a value's secondary line, or an empty value such as "Never". */
-export declare function MutedText(props: Omit<TextProps, "tone" | "size">): import("@types/react").JSX.Element;
+export declare function MutedText(props: Omit<TextProps, "tone" | "size">): import("react").JSX.Element;
 /** The small muted label over a title or a field, such as a drawer's eyebrow or a group's name. */
-export declare function Eyebrow({ className, ...props }: Omit<TextProps, "size" | "weight">): import("@types/react").JSX.Element;
+export declare function Eyebrow({ className, ...props }: Omit<TextProps, "size" | "weight">): import("react").JSX.Element;
 /**
  * The one heading style: `page` for the title a page's heading opens with; `large` for a title in
  * content, such as a standalone page's; `medium` for a section of a page or a dialog; `small` for
  * a group inside a panel.
  */
-export declare const heading: import("../../../src/styled-system/types/index.js").RecipeRuntimeFn<{
+export declare const heading: import("../styled-system/types/index.js").RecipeRuntimeFn<{
     size: {
         page: {
             fontSize: "heading.page";
@@ -109,10 +109,10 @@ export type HeadingProps = ComponentProps<"h1"> & {
     level: 1 | 2 | 3 | 4;
     size?: "page" | "large" | "medium" | "small";
 };
-export declare function Heading({ level, size, className, ...props }: HeadingProps): import("@types/react").JSX.Element;
+export declare function Heading({ level, size, className, ...props }: HeadingProps): import("react").JSX.Element;
 /** A bordered list whose items are divided by hairlines, such as a checklist of sources. */
-export declare function ListGroup({ className, ...props }: ComponentProps<"ul">): import("@types/react").JSX.Element;
-export declare function ListGroupItem({ className, ...props }: ComponentProps<"li">): import("@types/react").JSX.Element;
+export declare function ListGroup({ className, ...props }: ComponentProps<"ul">): import("react").JSX.Element;
+export declare function ListGroupItem({ className, ...props }: ComponentProps<"li">): import("react").JSX.Element;
 /** Whether a control sits in a `Toolbar`, which sets the height of the controls in it. */
 export declare function useInToolbar(): boolean;
 export type ToolbarProps = useRender.ComponentProps<"div"> & {
@@ -127,7 +127,7 @@ export type ToolbarProps = useRender.ComponentProps<"div"> & {
  * actions, wrapping onto more lines when narrow. Its controls share the small button's height: a
  * `SearchInput` or `SegmentedControl` in it is compact unless it sets its own size.
  */
-export declare function Toolbar({ gap, justify, stackOnPhone, render, className, ...props }: ToolbarProps): import("@types/react").JSX.Element;
+export declare function Toolbar({ gap, justify, stackOnPhone, render, className, ...props }: ToolbarProps): import("react").JSX.Element;
 /**
  * A row's label with its muted detail line under it, or after it on the same line when `inline`.
  * `ListRow` draws one; use it alone where the label sits inside another control, such as a
@@ -137,7 +137,7 @@ export declare function ListRowText({ label, detail, inline, }: {
     label: ReactNode;
     detail?: ReactNode;
     inline?: boolean;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * One row of a list: a leading mark or control, a label with an optional muted detail, and
  * trailing controls. `flush` drops the row's own height and inset for a table cell, keeping it to
@@ -159,9 +159,9 @@ export type ListRowProps = Omit<useRender.ComponentProps<"div">, "children"> & {
      */
     href?: string;
 };
-export declare function ListRow({ leading, label, detail, trailing, checkbox, flush, loading, href, render, className, ...props }: ListRowProps): import("@types/react").ReactElement<unknown, string | import("@types/react").JSXElementConstructor<any>>;
+export declare function ListRow({ leading, label, detail, trailing, checkbox, flush, loading, href, render, className, ...props }: ListRowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 /** A responsive grid of ChoiceCards, shared by provider, role, and client pickers. */
-export declare function ChoiceGrid({ className, ...props }: ComponentProps<"div">): import("@types/react").JSX.Element;
+export declare function ChoiceGrid({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
 /**
  * A card to pick one option from a grid, such as a provider or a role, laid out as a `ListRow`. Pass
  * `pressed` when it is one of several that stay chosen; leave it out for a card that acts as soon as
@@ -170,5 +170,5 @@ export declare function ChoiceGrid({ className, ...props }: ComponentProps<"div"
 export declare function ChoiceCard({ icon: leading, pressed, children, className, ...props }: Omit<ComponentProps<"button">, "type"> & {
     icon?: ReactNode;
     pressed?: boolean;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 export {};

package/dist/components/lightbox.d.ts

@@ -1,8 +1,12 @@
-/** A file the lightbox shows: an image, a PDF, text or HTML by its `mediaType` or name. */
+import { type ResolveFileUrl } from "./resolved-file-url.js";
+/**
+ * A file the lightbox shows: an image, a PDF, text or HTML by its `mediaType` or name. Without a
+ * `url` it loads through the lightbox's `resolveUrl`.
+ */
 export type LightboxItem = {
     id: string;
     name: string;
-    url: string;
+    url?: string | null;
     mediaType?: string;
 };
 export type LightboxProps = {
@@ -10,5 +14,7 @@ export type LightboxProps = {
     /** The file showing; null closes the lightbox. */
     index: number | null;
     onIndexChange: (index: number | null) => void;
+    /** Loads the link of a file with no `url`; see `ResolveFileUrl`. */
+    resolveUrl?: ResolveFileUrl<LightboxItem>;
 };
-export declare function Lightbox({ items, index, onIndexChange }: LightboxProps): import("@types/react").JSX.Element;
+export declare function Lightbox({ items, index, onIndexChange, resolveUrl }: LightboxProps): import("react").JSX.Element;

package/dist/components/lightbox.js

@@ -1,8 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /*
  * A full-window viewer for files, such as a message's attachments: an image fits the window, a
  * PDF, text or HTML file shows in a frame, and anything else offers its download. With several
- * files it steps between them by its arrows or the arrow keys.
+ * files it steps between them by its arrows or the arrow keys. A file with no `url`, such as one
+ * served behind a bearer token, loads through `resolveUrl` when it shows.
  */
 import { Dialog as BaseDialog } from "@base-ui/react/dialog";
 import { ArrowSquareOutIcon, CaretLeftIcon, CaretRightIcon, DownloadSimpleIcon, XIcon, } from "@phosphor-icons/react";
@@ -10,8 +11,9 @@ import { css, cx } from "#primitives/css";
 import { Button, IconButton } from "./button.js";
 import { fileTypeIcon } from "./dropzone.js";
 import { HotkeyLayer } from "./hotkeys.js";
-import { directional, icon } from "./icon.js";
+import { directional, icon, Spinner } from "./icon.js";
 import { useCiridaeLocale } from "./locale.js";
+import { useResolvedFileUrl } from "./resolved-file-url.js";
 const popup = css({
     position: "fixed",
     inset: "none",
@@ -86,7 +88,7 @@ function kindOf({ name, mediaType = "" }) {
 function isHtml({ name, mediaType }) {
     return mediaType === "text/html" || /\.html?$/i.test(name);
 }
-export function Lightbox({ items, index, onIndexChange }) {
+export function Lightbox({ items, index, onIndexChange, resolveUrl }) {
     const item = index === null ? undefined : items[index];
     return (_jsx(BaseDialog.Root, { open: item !== undefined, onOpenChange: (open) => {
             if (!open)
@@ -103,15 +105,16 @@ export function Lightbox({ items, index, onIndexChange }) {
                     event.preventDefault();
                     const rtl = getComputedStyle(event.currentTarget).direction === "rtl";
                     onIndexChange((index + (rtl ? -offset : offset) + items.length) % items.length);
-                }, children: item && index !== null && (_jsx(HotkeyLayer, { children: _jsx(LightboxView, { items: items, index: index, item: item, onIndexChange: onIndexChange }) })) }) }) }));
+                }, children: item && index !== null && (_jsx(HotkeyLayer, { children: _jsx(LightboxView, { items: items, index: index, item: item, onIndexChange: onIndexChange, resolveUrl: resolveUrl }) })) }) }) }));
 }
-function LightboxView({ items, index, item, onIndexChange, }) {
+function LightboxView({ items, index, item, onIndexChange, resolveUrl, }) {
     const { labels } = useCiridaeLocale();
     const several = items.length > 1;
     const go = (offset) => onIndexChange((index + offset + items.length) % items.length);
     const kind = kindOf(item);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: bar, children: [_jsx(BaseDialog.Title, { className: title, children: item.name }), several && (_jsx("span", { className: position, children: labels.lightbox.position(index + 1, items.length) })), _jsx(IconButton, { "aria-label": labels.lightbox.openInNewTab, variant: "ghost", nativeButton: false, render: _jsx("a", { href: item.url, target: "_blank", rel: "noreferrer" }), children: _jsx(ArrowSquareOutIcon, { className: icon({ size: "small" }) }) }), _jsx(IconButton, { "aria-label": labels.lightbox.download, variant: "ghost", nativeButton: false, render: _jsx("a", { href: item.url, download: item.name }), children: _jsx(DownloadSimpleIcon, { className: icon({ size: "small" }) }) }), _jsx(BaseDialog.Close, { render: _jsx(IconButton, { "aria-label": labels.common.close, variant: "ghost" }), children: _jsx(XIcon, { className: icon({ size: "small" }) }) })] }), _jsxs("div", { className: stage, children: [kind === "image" ? (_jsx("img", { src: item.url, alt: item.name }, item.id)) : kind === "frame" ? (_jsx("iframe", { src: item.url, title: item.name, 
+    const { url, state } = useResolvedFileUrl(item, resolveUrl);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: bar, children: [_jsx(BaseDialog.Title, { className: title, children: item.name }), several && (_jsx("span", { className: position, children: labels.lightbox.position(index + 1, items.length) })), url && (_jsxs(_Fragment, { children: [_jsx(IconButton, { "aria-label": labels.lightbox.openInNewTab, variant: "ghost", nativeButton: false, render: _jsx("a", { href: url, target: "_blank", rel: "noreferrer" }), children: _jsx(ArrowSquareOutIcon, { className: icon({ size: "small" }) }) }), _jsx(IconButton, { "aria-label": labels.lightbox.download, variant: "ghost", nativeButton: false, render: _jsx("a", { href: url, download: item.name }), children: _jsx(DownloadSimpleIcon, { className: icon({ size: "small" }) }) })] })), _jsx(BaseDialog.Close, { render: _jsx(IconButton, { "aria-label": labels.common.close, variant: "ghost" }), children: _jsx(XIcon, { className: icon({ size: "small" }) }) })] }), _jsxs("div", { className: stage, children: [!url ? (state === "pending" ? (_jsx(Spinner, { label: labels.common.loading })) : (_jsx("div", { className: fallback, children: fileTypeIcon({ name: item.name, type: item.mediaType ?? "" }) }))) : kind === "image" ? (_jsx("img", { src: url, alt: item.name }, item.id)) : kind === "frame" ? (_jsx("iframe", { src: url, title: item.name, 
                         // A sent HTML file only draws: no scripts, no reach into the page. A PDF keeps the
                         // browser's own viewer, which a sandbox would block.
-                        sandbox: isHtml(item) ? "" : undefined }, item.id)) : (_jsxs("div", { className: fallback, children: [fileTypeIcon({ name: item.name, type: item.mediaType ?? "" }), _jsx(Button, { nativeButton: false, render: _jsx("a", { href: item.url, download: item.name }), children: labels.lightbox.download })] })), several && (_jsxs(_Fragment, { children: [_jsx("span", { className: step, "data-step": "previous", children: _jsx(IconButton, { "aria-label": labels.lightbox.previous, onClick: () => go(-1), children: _jsx(CaretLeftIcon, { className: cx(icon({ size: "small" }), directional) }) }) }), _jsx("span", { className: step, "data-step": "next", children: _jsx(IconButton, { "aria-label": labels.lightbox.next, onClick: () => go(1), children: _jsx(CaretRightIcon, { className: cx(icon({ size: "small" }), directional) }) }) })] }))] })] }));
+                        sandbox: isHtml(item) ? "" : undefined }, item.id)) : (_jsxs("div", { className: fallback, children: [fileTypeIcon({ name: item.name, type: item.mediaType ?? "" }), _jsx(Button, { nativeButton: false, render: _jsx("a", { href: url, download: item.name }), children: labels.lightbox.download })] })), several && (_jsxs(_Fragment, { children: [_jsx("span", { className: step, "data-step": "previous", children: _jsx(IconButton, { "aria-label": labels.lightbox.previous, onClick: () => go(-1), children: _jsx(CaretLeftIcon, { className: cx(icon({ size: "small" }), directional) }) }) }), _jsx("span", { className: step, "data-step": "next", children: _jsx(IconButton, { "aria-label": labels.lightbox.next, onClick: () => go(1), children: _jsx(CaretRightIcon, { className: cx(icon({ size: "small" }), directional) }) }) })] }))] })] }));
 }

package/dist/components/link.d.ts

@@ -10,4 +10,4 @@ export type LinkProps = ComponentProps<"a"> & {
  * One anchor style for the whole app. `external` carries the new-tab wiring so callers never
  * repeat `target`/`rel`, and a router link passes through `render`.
  */
-export declare function Link({ tone, external, render, className, children, ...props }: LinkProps): import("@types/react").JSX.Element;
+export declare function Link({ tone, external, render, className, children, ...props }: LinkProps): import("react").JSX.Element;

package/dist/components/locale.d.ts

@@ -49,6 +49,10 @@ export declare const englishLabels: {
         /** Between the items of a list, such as the actions one update line joins. */
         listSeparator: string;
     };
+    clipboard: {
+        copyFailed: string;
+        copyByHand: string;
+    };
     shell: {
         menu: string;
         breadcrumb: string;
@@ -153,7 +157,7 @@ export declare const englishLabels: {
         sendTitle: string;
         sentTitle: string;
         newTab: string;
-        sentTab: string;
+        ticketsTab: string;
         type: string;
         where: string;
         whatHappened: string;
@@ -201,6 +205,18 @@ export declare const englishLabels: {
         pointerNote: (index: number) => string;
         removePointer: (index: number) => string;
     };
+    /** The feedback sheet's Tickets tab, for the people who answer feedback. */
+    feedbackOperator: {
+        allTitle: string;
+        mine: string;
+        search: string;
+        status: string;
+        type: string;
+        reporter: string;
+        noneReceived: string;
+        noMatches: string;
+        statusFailed: string;
+    };
     lightbox: {
         previous: string;
         next: string;
@@ -226,6 +242,8 @@ export declare const englishLabels: {
         answered: (answers: string) => string;
         allow: string;
         deny: string;
+        allowed: string;
+        denied: string;
         conversations: string;
         searchConversations: string;
         newChat: string;
@@ -233,6 +251,9 @@ export declare const englishLabels: {
         previousWeek: string;
         approve: string;
         waitingOnYou: string;
+        sending: string;
+        reading: string;
+        scrollToLatest: string;
     };
     projectCard: {
         default: string;
@@ -379,6 +400,15 @@ export declare const englishLabels: {
         fullScreen: string;
         exitFullScreen: string;
     };
+    appFrame: {
+        status: string;
+        localBuild: string;
+        updateAvailable: string;
+    };
+    accountMenu: {
+        menu: string;
+        signOut: string;
+    };
     themeCustomizer: {
         palette: string;
         paletteName: (name: string) => string;
@@ -458,6 +488,6 @@ export type CiridaeLocaleProviderProps = {
     dir?: "ltr" | "rtl";
     children: ReactNode;
 };
-export declare function CiridaeLocaleProvider({ locale, labels, dir, children, }: CiridaeLocaleProviderProps): import("@types/react").JSX.Element;
+export declare function CiridaeLocaleProvider({ locale, labels, dir, children, }: CiridaeLocaleProviderProps): import("react").JSX.Element;
 /** The locale's labels and formatters; English for the browser's language outside a provider. */
 export declare function useCiridaeLocale(): CiridaeLocale;

package/dist/components/locale.js

@@ -43,6 +43,7 @@ export const englishLabels = {
         /** Between the items of a list, such as the actions one update line joins. */
         listSeparator: ", ",
     },
+    clipboard: { copyFailed: "Couldn't copy", copyByHand: "Select it and copy it by hand." },
     shell: {
         menu: "Menu",
         breadcrumb: "Breadcrumb",
@@ -132,7 +133,7 @@ export const englishLabels = {
         sendTitle: "Send feedback",
         sentTitle: "Sent feedback",
         newTab: "New",
-        sentTab: "Sent",
+        ticketsTab: "Tickets",
         type: "Type",
         where: "Where",
         whatHappened: "What happened?",
@@ -180,6 +181,18 @@ export const englishLabels = {
         pointerNote: (index) => `Pointer ${index} note`,
         removePointer: (index) => `Remove pointer ${index}`,
     },
+    /** The feedback sheet's Tickets tab, for the people who answer feedback. */
+    feedbackOperator: {
+        allTitle: "All feedback",
+        mine: "Mine",
+        search: "Search feedback",
+        status: "Status",
+        type: "Type",
+        reporter: "Reporter",
+        noneReceived: "No feedback yet",
+        noMatches: "No feedback matches",
+        statusFailed: "Couldn't change the status",
+    },
     lightbox: {
         previous: "Previous file",
         next: "Next file",
@@ -205,6 +218,8 @@ export const englishLabels = {
         answered: (answers) => `Answered ${answers}`,
         allow: "Allow",
         deny: "Deny",
+        allowed: "Allowed",
+        denied: "Denied",
         conversations: "Conversations",
         searchConversations: "Search conversations",
         newChat: "New chat",
@@ -212,6 +227,9 @@ export const englishLabels = {
         previousWeek: "Previous 7 days",
         approve: "Approve",
         waitingOnYou: "Waiting on you",
+        sending: "Sending",
+        reading: "Reading",
+        scrollToLatest: "Scroll to latest",
     },
     projectCard: {
         default: "Default",
@@ -346,6 +364,8 @@ export const englishLabels = {
         fullScreen: "Full screen",
         exitFullScreen: "Exit full screen",
     },
+    appFrame: { status: "Status", localBuild: "local", updateAvailable: "Update available" },
+    accountMenu: { menu: "Account menu", signOut: "Sign out" },
     themeCustomizer: {
         palette: "Palette",
         paletteName: (name) => name.charAt(0).toUpperCase() + name.slice(1),
@@ -431,6 +451,10 @@ function mergeLabels(overrides) {
         documentViewer: { ...englishLabels.documentViewer, ...overrides.documentViewer },
         themeCustomizer: { ...englishLabels.themeCustomizer, ...overrides.themeCustomizer },
         profileHeader: { ...englishLabels.profileHeader, ...overrides.profileHeader },
+        feedbackOperator: { ...englishLabels.feedbackOperator, ...overrides.feedbackOperator },
+        clipboard: { ...englishLabels.clipboard, ...overrides.clipboard },
+        accountMenu: { ...englishLabels.accountMenu, ...overrides.accountMenu },
+        appFrame: { ...englishLabels.appFrame, ...overrides.appFrame },
     };
 }
 /** The locale value `useCiridaeLocale` returns, for use outside React or in tests. */

package/dist/components/log-list.d.ts

@@ -6,7 +6,7 @@ import type { ComponentProps, Ref } from "react";
 export declare function LogList({ fill, className, ref, ...props }: ComponentProps<"div"> & {
     fill?: boolean;
     ref?: Ref<HTMLDivElement>;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * Monospace block of raw log text. `framed` gives it the log list's own scroll frame, for output
  * that is the whole list rather than one entry's detail.
@@ -15,6 +15,6 @@ export declare function LogOutput({ tone, framed, className, ref, ...props }: Co
     tone?: "error";
     framed?: boolean;
     ref?: Ref<HTMLPreElement>;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 /** Placeholder for plain monospace output such as Docker Compose logs. */
-export declare function LogOutputSkeleton(): import("@types/react").JSX.Element;
+export declare function LogOutputSkeleton(): import("react").JSX.Element;

package/dist/components/mention-input.d.ts

@@ -29,7 +29,7 @@ export declare function MentionChip({ mention, mark, href, }: {
     mention: Mention;
     mark?: ReactNode;
     href?: string;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 export type MentionInputProps = Omit<ComponentProps<"div">, "children" | "defaultValue" | "onChange" | "onSubmit" | "placeholder"> & {
     /** The text, each mention in it as `[@label](mention://kind/id)`. */
     value: string;
@@ -47,4 +47,4 @@ export type MentionInputProps = Omit<ComponentProps<"div">, "children" | "defaul
     /** Names the picker's list; the locale's "Mentions" by default. */
     listLabel?: string;
 };
-export declare function MentionInput({ value, onValueChange, triggers, mentionMark, placeholder, submitOn, onSubmit, disabled, autoFocus, listLabel, ref, className, onKeyDown, onFocus, onBlur, onPointerDown, ...props }: MentionInputProps): import("@types/react").JSX.Element;
+export declare function MentionInput({ value, onValueChange, triggers, mentionMark, placeholder, submitOn, onSubmit, disabled, autoFocus, listLabel, ref, className, onKeyDown, onFocus, onBlur, onPointerDown, ...props }: MentionInputProps): import("react").JSX.Element;

package/dist/components/menu.d.ts

@@ -60,7 +60,7 @@ export type MenuProps = Omit<ComponentProps<typeof BaseMenu.Root>, "children"> &
     /** Which edge of the trigger the menu lines up with; `end` keeps a right-hand menu inside its container. */
     align?: "start" | "end";
 };
-export declare function Menu({ trigger, items, align, ...rootProps }: MenuProps): import("@types/react").JSX.Element;
+export declare function Menu({ trigger, items, align, ...rootProps }: MenuProps): import("react").JSX.Element;
 export type OverflowMenuProps = Omit<MenuProps, "trigger" | "align"> & {
     /** The button's accessible name, such as "Record actions" or "More for INV-4821". */
     label: string;
@@ -73,4 +73,4 @@ export type OverflowMenuProps = Omit<MenuProps, "trigger" | "align"> & {
     ref?: Ref<HTMLButtonElement>;
 };
 /** The "more" button: an `IconButton` with three dots that opens a `Menu` of `items`. */
-export declare function OverflowMenu({ label, size, variant, align, disabled, ref, ...props }: OverflowMenuProps): import("@types/react").JSX.Element;
+export declare function OverflowMenu({ label, size, variant, align, disabled, ref, ...props }: OverflowMenuProps): import("react").JSX.Element;

package/dist/components/meter.d.ts

@@ -11,4 +11,4 @@ export type MeterProps = Omit<ComponentProps<"span">, "children"> & {
     /** The figure shown above the track, such as "92%"; nothing is shown without it. */
     valueLabel?: ReactNode;
 };
-export declare function Meter({ value, max, tone, label, valueLabel, className, ...props }: MeterProps): import("@types/react").JSX.Element;
+export declare function Meter({ value, max, tone, label, valueLabel, className, ...props }: MeterProps): import("react").JSX.Element;

package/dist/components/navigation.d.ts

@@ -6,7 +6,7 @@ export type PaginationProps = Omit<ComponentProps<"nav">, "children"> & {
     onPageChange: (page: number) => void;
     labels?: Partial<CiridaeLabels["pagination"]>;
 };
-export declare function Pagination({ page, pages, onPageChange, labels: ownLabels, className, ...props }: PaginationProps): import("@types/react").JSX.Element;
+export declare function Pagination({ page, pages, onPageChange, labels: ownLabels, className, ...props }: PaginationProps): import("react").JSX.Element;
 export type EmptyStateProps = Omit<ComponentProps<"section">, "title"> & {
     icon?: ReactNode;
     title: ReactNode;
@@ -18,4 +18,4 @@ export type EmptyStateProps = Omit<ComponentProps<"section">, "title"> & {
      */
     variant?: "block" | "bare" | "inline";
 };
-export declare function EmptyState({ icon, title, description, action, variant, className, ...props }: EmptyStateProps): import("@types/react").JSX.Element;
+export declare function EmptyState({ icon, title, description, action, variant, className, ...props }: EmptyStateProps): import("react").JSX.Element;

package/dist/components/notification-tray.d.ts

@@ -44,4 +44,4 @@ export type NotificationTrayProps = {
     onOpenChange?: (open: boolean) => void;
 };
 export type NotificationLabels = CiridaeLabels["notifications"];
-export declare function NotificationTray({ trigger, notifications, onOpen, onMarkAllRead, footerAction, placement, now, labels: ownLabels, open: ownOpen, onOpenChange, }: NotificationTrayProps): import("@types/react").JSX.Element;
+export declare function NotificationTray({ trigger, notifications, onOpen, onMarkAllRead, footerAction, placement, now, labels: ownLabels, open: ownOpen, onOpenChange, }: NotificationTrayProps): import("react").JSX.Element;

package/dist/components/overlays.d.ts

@@ -53,7 +53,7 @@ export type DialogProps = Omit<ComponentProps<typeof BaseDialog.Root>, "children
         content: ReactNode;
     };
 };
-export declare function Dialog({ trigger, finalFocus, title, titleVisibility, icon: titleIcon, description, children, actions, leadingActions, kind, dismiss, closable, pending, dirty, closeLabel: ownCloseLabel, size, holdHeight, aside, onOpenChange, ...rootProps }: DialogProps): import("@types/react").JSX.Element;
+export declare function Dialog({ trigger, finalFocus, title, titleVisibility, icon: titleIcon, description, children, actions, leadingActions, kind, dismiss, closable, pending, dirty, closeLabel: ownCloseLabel, size, holdHeight, aside, onOpenChange, ...rootProps }: DialogProps): import("react").JSX.Element;
 export type AlertDialogProps = Omit<ComponentProps<typeof BaseAlertDialog.Root>, "children" | "actionsRef"> & {
     /** Omit for a dialog opened only through controlled `open`. */
     trigger?: ReactElement;
@@ -77,7 +77,7 @@ export type AlertDialogProps = Omit<ComponentProps<typeof BaseAlertDialog.Root>,
  * closes it, which Base UI keeps as the cancelling path, except while an
  * async confirmation is pending.
  */
-export declare function AlertDialog({ trigger, title, children, confirmLabel, cancelLabel, onConfirm, variant, onOpenChange, ...rootProps }: AlertDialogProps): import("@types/react").JSX.Element;
+export declare function AlertDialog({ trigger, title, children, confirmLabel, cancelLabel, onConfirm, variant, onOpenChange, ...rootProps }: AlertDialogProps): import("react").JSX.Element;
 export type PopoverProps = Omit<ComponentProps<typeof BasePopover.Root>, "children"> & {
     /** The button that opens it. Leave it out and pass `anchor` to open it from elsewhere, such as a menu item. */
     trigger?: ReactElement;
@@ -99,9 +99,9 @@ export type PopoverProps = Omit<ComponentProps<typeof BasePopover.Root>, "childr
      */
     openOnHover?: boolean;
 };
-export declare function Popover({ trigger, anchor, children, density, width, align, openOnHover, ...rootProps }: PopoverProps): import("@types/react").JSX.Element;
+export declare function Popover({ trigger, anchor, children, density, width, align, openOnHover, ...rootProps }: PopoverProps): import("react").JSX.Element;
 export type TooltipProps = Omit<ComponentProps<typeof BaseTooltip.Root>, "children"> & {
     children: ReactElement;
     content: ReactNode;
 };
-export declare function Tooltip({ children, content, ...rootProps }: TooltipProps): import("@types/react").JSX.Element;
+export declare function Tooltip({ children, content, ...rootProps }: TooltipProps): import("react").JSX.Element;

package/dist/components/page-frame.d.ts

@@ -20,7 +20,7 @@ export type BreadcrumbsProps = ComponentProps<"nav"> & {
     current?: ReactNode;
 };
 /** The page's trail: its parents, then the page itself as the trail's heading. */
-export declare function Breadcrumbs({ crumbs, current: ownCurrent, ...props }: BreadcrumbsProps): import("@types/react").JSX.Element;
+export declare function Breadcrumbs({ crumbs, current: ownCurrent, ...props }: BreadcrumbsProps): import("react").JSX.Element;
 export type PageFrameProps = Omit<ComponentProps<"main">, "children"> & {
     crumbs: readonly Crumb[];
     /** The header's controls at its far edge, such as filters and the account menu. */
@@ -28,7 +28,7 @@ export type PageFrameProps = Omit<ComponentProps<"main">, "children"> & {
     children: ReactNode;
 };
 /** The main panel of a page: a header with its trail and actions, then the content. */
-export declare function PageFrame({ crumbs, headerActions, children, ...props }: PageFrameProps): import("@types/react").JSX.Element;
+export declare function PageFrame({ crumbs, headerActions, children, ...props }: PageFrameProps): import("react").JSX.Element;
 export type PageHeadingProps = Omit<ComponentProps<"div">, "title"> & {
     title: ReactNode;
     /** Before the title, such as a record's avatar or a project's mark. */
@@ -52,7 +52,7 @@ export type PageHeadingProps = Omit<ComponentProps<"div">, "title"> & {
  * The title a page or a record opens with, the line under it, and its own actions: a node, or menu
  * items behind an `OverflowMenu`.
  */
-export declare function PageHeading({ title, leading, badge, meta, actions, actionsOpen, onActionsOpenChange, level, labels: ownLabels, className, ...props }: PageHeadingProps): import("@types/react").JSX.Element;
+export declare function PageHeading({ title, leading, badge, meta, actions, actionsOpen, onActionsOpenChange, level, labels: ownLabels, className, ...props }: PageHeadingProps): import("react").JSX.Element;
 /** One count: the value that reads, and its muted label, as an object or a `[value, label]` pair. */
 export type Stat = {
     value: ReactNode;
@@ -62,4 +62,4 @@ export type Stat = {
 /** A row of `value label` stats split by dots: the value reads, the label stays muted. */
 export declare function StatLine({ stats, className, ...props }: ComponentProps<"span"> & {
     stats: readonly Stat[];
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/panel.d.ts

@@ -1,16 +1,16 @@
 import { useRender } from "@base-ui/react/use-render";
 import type { ReactNode } from "react";
 /** The card's surface as a style object, to merge into a `css()` call that adds layout. */
-export declare const cardSurface: import("../../../src/styled-system/types/index.js").SystemStyleObject;
+export declare const cardSurface: import("../styled-system/types/index.js").SystemStyleObject;
 export type CardProps = useRender.ComponentProps<"div">;
-export declare function Card({ render, className, ...props }: CardProps): import("@types/react").ReactElement<unknown, string | import("@types/react").JSXElementConstructor<any>>;
+export declare function Card({ render, className, ...props }: CardProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type PanelProps = useRender.ComponentProps<"section"> & {
     /** `default` pads a group of rows; `compact` insets cards by a hairline; `none` runs flush. */
     padding?: "none" | "compact" | "default";
     /** `panel` is the translucent lift off the page; `outline` is the edge alone. */
     tone?: "panel" | "outline";
 };
-export declare function Panel({ padding, tone, render, className, ...props }: PanelProps): import("@types/react").ReactElement<unknown, string | import("@types/react").JSXElementConstructor<any>>;
+export declare function Panel({ padding, tone, render, className, ...props }: PanelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type PanelHeaderProps = Omit<useRender.ComponentProps<"div">, "title"> & {
     title: ReactNode;
     /** Muted beside the title, such as a count or the period it covers. */
@@ -21,4 +21,4 @@ export type PanelHeaderProps = Omit<useRender.ComponentProps<"div">, "title"> &
     level?: 2 | 3 | 4;
 };
 /** A panel's top row: its title and meta, and its actions at the far edge. */
-export declare function PanelHeader({ title, meta, actions, level, render, className, ...props }: PanelHeaderProps): import("@types/react").ReactElement<unknown, string | import("@types/react").JSXElementConstructor<any>>;
+export declare function PanelHeader({ title, meta, actions, level, render, className, ...props }: PanelHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;