@yanolja-next/design-core 0.0.1 → 0.1.0

package/dist/components/overlay/modal/Modal.d.ts

@@ -0,0 +1,34 @@
+import { ReactElement, ReactNode } from 'react';
+import * as Dialog from '@radix-ui/react-dialog';
+export declare const modalVariants: (props?: ({
+    wide?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ModalProps {
+    title: ReactNode;
+    target?: ReactNode;
+    wide?: boolean;
+    trigger?: ReactElement;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    dismissible?: boolean;
+    children: ReactNode;
+}
+export declare function Modal({ title, target, wide, trigger, open, defaultOpen, onOpenChange, dismissible, children, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModalBody({ className, children }: {
+    className?: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export interface ModalFooterProps {
+    reason?: ReactNode;
+    start?: ReactNode;
+    children: ReactNode;
+}
+export declare function ModalFooter({ reason, start, children }: ModalFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare const ModalClose: import('react').ForwardRefExoticComponent<Dialog.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
+export interface ConfirmFieldProps {
+    expected: string;
+    subject: string;
+    onConfirmedChange: (confirmed: boolean) => void;
+}
+export declare function ConfirmField({ expected, subject, onConfirmedChange }: ConfirmFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/overlay/modal/PanelHeader.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+export declare function PanelHeader({ title, target, lead, closable, }: {
+    title: ReactNode;
+    target?: ReactNode;
+    lead?: ReactNode;
+    closable?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PanelFooter({ reason, className, children, }: {
+    reason?: ReactNode;
+    className?: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function focusFirstField(event: Event): void;
+export declare function dismissHandlers(dismissible: boolean): {
+    onEscapeKeyDown?: undefined;
+    onPointerDownOutside?: undefined;
+    onInteractOutside?: undefined;
+} | {
+    onEscapeKeyDown: (event: Event) => void;
+    onPointerDownOutside: (event: Event) => void;
+    onInteractOutside: (event: Event) => void;
+};
+export declare function useReturnFocus(open: boolean): (event: Event) => void;
+export declare function useHeldWhileClosing<T>(open: boolean | undefined, content: T): T;
+export declare function useExitThen(after: () => void): {
+    open: boolean;
+    close: () => void;
+};
+export declare function useClosingMotion(open: boolean | undefined, onOpenChange: ((open: boolean) => void) | undefined): {
+    open: boolean | undefined;
+    onOpenChange: (next: boolean) => void;
+};

package/dist/components/overlay/modal/index.d.ts

@@ -0,0 +1,5 @@
+export type { ConfirmModalProps } from './ConfirmModal';
+export { ConfirmModal } from './ConfirmModal';
+export type { ConfirmFieldProps, ModalFooterProps, ModalProps } from './Modal';
+export { ConfirmField, Modal, ModalBody, ModalClose, ModalFooter, modalVariants } from './Modal';
+export { useClosingMotion, useExitThen } from './PanelHeader';

package/dist/components/overlay/popover/Popover.d.ts

@@ -0,0 +1,23 @@
+import { ReactElement, ReactNode } from 'react';
+import * as RadixPopover from '@radix-ui/react-popover';
+export interface PopoverProps {
+    label: string;
+    trigger: ReactElement;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    align?: 'start' | 'center' | 'end';
+    className?: string;
+    children: ReactNode;
+}
+export declare function Popover({ label, trigger, open, defaultOpen, onOpenChange, align, className, children, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function PopoverTitle({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PopoverSection({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PopoverActions({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const PopoverClose: import('react').ForwardRefExoticComponent<RadixPopover.PopoverCloseProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/overlay/popover/index.d.ts

@@ -0,0 +1,2 @@
+export type { PopoverProps } from './Popover';
+export { Popover, PopoverActions, PopoverClose, PopoverSection, PopoverTitle } from './Popover';

package/dist/components/overlay/sheet/Sheet.d.ts

@@ -0,0 +1,31 @@
+import { ReactElement, ReactNode } from 'react';
+import * as Dialog from '@radix-ui/react-dialog';
+export interface SheetProps {
+    title: ReactNode;
+    target?: ReactNode;
+    lead?: ReactNode;
+    trigger?: ReactElement;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    dismissible?: boolean;
+    fit?: boolean;
+    children: ReactNode;
+}
+export declare function Sheet({ title, target, lead, trigger, open, defaultOpen, onOpenChange, dismissible, fit, children, }: SheetProps): import("react/jsx-runtime").JSX.Element;
+export declare function SheetBody({ stack, className, children, }: {
+    stack?: boolean;
+    className?: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SheetSection({ title, meta, children, }: {
+    title: ReactNode;
+    meta?: ReactNode;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SheetFooter({ start, reason, children, }: {
+    start?: ReactNode;
+    reason?: ReactNode;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const SheetClose: import('react').ForwardRefExoticComponent<Dialog.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/overlay/sheet/index.d.ts

@@ -0,0 +1,2 @@
+export type { SheetProps } from './Sheet';
+export { Sheet, SheetBody, SheetClose, SheetFooter, SheetSection } from './Sheet';

package/dist/components/overlay/toast/Toast.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export interface ToastOptions {
+    title: ReactNode;
+    detail?: ReactNode;
+    tone?: 'success' | 'error';
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    duration?: number;
+}
+interface ToastApi {
+    show: (options: ToastOptions) => void;
+}
+export declare function useToast(): ToastApi;
+export declare function showToast(options: ToastOptions): void;
+export declare function ToastProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/overlay/toast/index.d.ts

@@ -0,0 +1,2 @@
+export type { ToastOptions } from './Toast';
+export { showToast, ToastProvider, useToast } from './Toast';

package/dist/components/overlay/tooltip/InfoTip.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface InfoTipProps {
+    children: ReactNode;
+    tip: string;
+    label: string;
+    className?: string;
+}
+export declare function InfoTip({ children, tip, label, className }: InfoTipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/overlay/tooltip/TipText.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface TipTextProps {
+    children: ReactNode;
+    tip: string;
+}
+export declare function TipText({ children, tip }: TipTextProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/overlay/tooltip/Tooltip.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement, ReactNode } from 'react';
+export declare const tooltipContentClass = "tooltip-motion z-140 max-w-[min(320px,calc(100vw-16px))] rounded-field bg-tip px-3 py-1.5 text-12 [--ls-cur:var(--ls-12)] leading-18 text-text shadow-pop";
+export interface TooltipProps {
+    content: ReactNode;
+    children: ReactElement;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function TooltipGroup({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ content, children, side, defaultOpen, disabled, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/overlay/tooltip/index.d.ts

@@ -0,0 +1,6 @@
+export type { InfoTipProps } from './InfoTip';
+export { InfoTip } from './InfoTip';
+export type { TipTextProps } from './TipText';
+export { TipText } from './TipText';
+export type { TooltipProps } from './Tooltip';
+export { Tooltip, TooltipGroup, tooltipContentClass } from './Tooltip';

package/dist/components/reason/LockedPreview.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare function LockedPreview({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/reason/WithReason.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+export interface WithReasonProps {
+    reason?: string;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    children: ReactElement;
+}
+export declare function WithReason({ reason, side, children }: WithReasonProps): import("react/jsx-runtime").JSX.Element;
+export declare function blockWhen<E extends {
+    preventDefault(): void;
+}>(blocked: boolean, handler?: (event: E) => void): (event: E) => void;

package/dist/components/reason/index.d.ts

@@ -0,0 +1,3 @@
+export { LockedPreview } from './LockedPreview';
+export type { WithReasonProps } from './WithReason';
+export { blockWhen, WithReason } from './WithReason';

package/dist/components/shell/app-shell/AppShell.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface AppShellProps {
+    topbar: ReactNode;
+    sidebar?: ReactNode;
+    children: ReactNode;
+}
+export declare function AppShell({ topbar, sidebar, children }: AppShellProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/shell/app-shell/index.d.ts

@@ -0,0 +1,4 @@
+export type { AppShellProps } from './AppShell';
+export { AppShell } from './AppShell';
+export type { SideNav } from './sideNav';
+export { SideNavProvider, useSideNav } from './sideNav';

package/dist/components/shell/app-shell/sideNav.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface SideNav {
+    available: boolean;
+    collapsed: boolean;
+    phase: 'full' | 'moving' | 'rail';
+    toggle: () => void;
+    id?: string;
+}
+export declare function SideNavProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useSideNav(): SideNav;

package/dist/components/shell/drawer/Drawer.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { IconName } from '../../icon';
+export interface DrawerProps {
+    trigger: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    homeHref: string;
+    label?: string;
+    children: ReactNode;
+}
+export declare function Drawer({ trigger, open, defaultOpen, onOpenChange, homeHref, label, children, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+export interface DrawerRowProps {
+    icon: IconName;
+    label: string;
+    href?: string;
+    onSelect?: () => void;
+    current?: boolean;
+    back?: boolean;
+    quiet?: boolean;
+}
+export declare function DrawerRow({ icon, label, href, onSelect, current, back, quiet }: DrawerRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function DrawerLabel({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DrawerHere({ kind, name, meta }: {
+    kind: string;
+    name: string;
+    meta?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DrawerTop({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DrawerFoot({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/shell/drawer/index.d.ts

@@ -0,0 +1,2 @@
+export type { DrawerProps, DrawerRowProps } from './Drawer';
+export { Drawer, DrawerFoot, DrawerHere, DrawerLabel, DrawerRow, DrawerTop } from './Drawer';

package/dist/components/shell/help-panel/HelpPanel.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+export interface HelpTopic {
+    title: string;
+    body: ReactNode;
+    links?: {
+        label: string;
+        href: string;
+    }[];
+}
+export interface Help {
+    topic?: HelpTopic;
+    page?: HelpTopic;
+    show: (topic: HelpTopic) => void;
+    close: () => void;
+    toggle: () => void;
+    setPage: (topic: HelpTopic | undefined) => void;
+}
+export declare function HelpProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useHelp(): Help;
+export declare function usePageHelp(topic: HelpTopic | undefined): void;
+export declare function HelpToggle({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+export interface HelpPanelProps {
+    open?: boolean;
+    title?: string;
+    children?: ReactNode;
+    links?: HelpTopic['links'];
+    onClose?: () => void;
+}
+export declare function HelpPanel({ open, title, children, links, onClose }: HelpPanelProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/shell/help-panel/index.d.ts

@@ -0,0 +1,2 @@
+export type { Help, HelpPanelProps, HelpTopic } from './HelpPanel';
+export { HelpPanel, HelpProvider, HelpToggle, useHelp, usePageHelp } from './HelpPanel';

package/dist/components/shell/index.d.ts

@@ -0,0 +1,12 @@
+export * from './app-shell';
+export * from './drawer';
+export * from './help-panel';
+export { Keycap } from './match/Keycap';
+export { MatchText } from './match/MatchText';
+export * from './page-head';
+export { nameRank } from './rank';
+export * from './sidebar';
+export * from './sign-in-card';
+export { Slash } from './slash';
+export * from './standalone-panel';
+export * from './topbar';

package/dist/components/shell/match/Keycap.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare function Keycap({ className, children, ...props }: HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/shell/match/MatchText.d.ts

@@ -0,0 +1,4 @@
+export declare function MatchText({ text, query }: {
+    text: string;
+    query: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/shell/page-head/HeadMore.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { IconName } from '../../icon';
+export interface HeadMoreAction {
+    icon?: IconName;
+    label: ReactNode;
+    onSelect: () => void;
+    disabledReason?: string;
+}
+export interface HeadMoreProps {
+    label: string;
+    moreLabel: string;
+    actions: HeadMoreAction[];
+    loading?: boolean;
+}
+export declare function HeadMore({ label, moreLabel, actions, loading }: HeadMoreProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/shell/page-head/PageHead.d.ts

@@ -0,0 +1,39 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { HelpTopic } from '../help-panel/HelpPanel';
+import { Crumb } from './pagePath';
+export type { Crumb } from './pagePath';
+export interface PageHeadBy {
+    name: string;
+    verb: string;
+    when: string;
+}
+export declare const pageHeadVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export interface PageHeadProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'id'> {
+    variant?: 'list' | 'detail' | 'decision';
+    title: string;
+    count?: string | number;
+    selected?: number;
+    selectedUnit?: string;
+    info?: ReactNode;
+    help?: HelpTopic;
+    description?: ReactNode;
+    crumbs?: Crumb[];
+    id?: string;
+    idLabel?: string;
+    meta?: ReactNode[];
+    by?: PageHeadBy;
+    actions?: ReactNode;
+}
+export declare function PageHead({ variant, title, count, selected, selectedUnit, info, help, description, crumbs, id, idLabel, meta, by, actions, className, ...props }: PageHeadProps): import("react/jsx-runtime").JSX.Element;
+export interface HeadFactProps {
+    label: string;
+    value: ReactNode;
+    ownLine?: boolean;
+}
+export declare function HeadFact({ label, value, ownLine }: HeadFactProps): import("react/jsx-runtime").JSX.Element;
+export interface InfoLinkProps {
+    topic?: HelpTopic;
+    open?: boolean;
+    onClick?: () => void;
+}
+export declare function InfoLink({ topic, open, onClick }: InfoLinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/shell/page-head/index.d.ts

@@ -0,0 +1,6 @@
+export type { HeadMoreAction, HeadMoreProps } from './HeadMore';
+export { HeadMore } from './HeadMore';
+export type { Crumb, HeadFactProps, InfoLinkProps, PageHeadBy, PageHeadProps } from './PageHead';
+export { HeadFact, InfoLink, PageHead, pageHeadVariants } from './PageHead';
+export type { PagePath } from './pagePath';
+export { PagePathContext } from './pagePath';

package/dist/components/shell/page-head/pagePath.d.ts

@@ -0,0 +1,10 @@
+export interface Crumb {
+    label: string;
+    href?: string;
+}
+export interface PagePath {
+    crumbs: Crumb[];
+    current: string;
+}
+export declare const PagePathContext: import('react').Context<(path: PagePath | undefined) => void>;
+export declare function usePagePath(crumbs: Crumb[] | undefined, current: string): void;

package/dist/components/shell/rank.d.ts

@@ -0,0 +1 @@
+export declare const nameRank: (name: string, q: string) => 2 | 0 | 1 | 3;

package/dist/components/shell/sidebar/Sidebar.d.ts

@@ -0,0 +1,40 @@
+import { HTMLAttributes } from 'react';
+import { IconName } from '../../icon';
+export interface SidebarItem {
+    label: string;
+    icon: IconName;
+    href: string;
+    count?: number;
+    badge?: number;
+    disabledReason?: string;
+}
+export interface SidebarSection {
+    label?: string;
+    items: SidebarItem[];
+}
+export interface SidebarProps extends Omit<HTMLAttributes<HTMLElement>, 'children' | 'resource'> {
+    label: string;
+    sections: SidebarSection[];
+    current: string;
+    back?: {
+        label: string;
+        href: string;
+    };
+    resource?: {
+        name: string;
+        icon: IconName;
+        kind?: string;
+    };
+    up?: {
+        kind: string;
+        name: string;
+        href: string;
+        icon: IconName;
+    };
+    loading?: boolean;
+}
+export declare const sidebarItemVariants: (props?: ({
+    state?: "blocked" | "idle" | "active" | null | undefined;
+    rail?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare function Sidebar({ label, sections, current, back, resource, up, loading, className, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/shell/sidebar/index.d.ts

@@ -0,0 +1,2 @@
+export type { SidebarItem, SidebarProps, SidebarSection } from './Sidebar';
+export { Sidebar, sidebarItemVariants } from './Sidebar';

package/dist/components/shell/sign-in-card/SignInCard.d.ts

@@ -0,0 +1,29 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { IconName } from '../../icon';
+export interface SignInCardProps {
+    foot?: ReactNode;
+    label?: string;
+    children: ReactNode;
+}
+export declare function SignInCard({ foot, label, children }: SignInCardProps): import("react/jsx-runtime").JSX.Element;
+export interface SignInHeadProps {
+    title: ReactNode;
+    wordmark?: boolean;
+    mark?: ReactNode;
+    lede?: ReactNode;
+}
+export declare function SignInHead({ title, wordmark, mark, lede }: SignInHeadProps): import("react/jsx-runtime").JSX.Element;
+export interface SignInMarkProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    tone?: 'ink' | 'warn';
+    children?: string;
+}
+export declare function SignInMark({ tone, children, className, ...props }: SignInMarkProps): import("react/jsx-runtime").JSX.Element;
+export interface SignInFootItemProps {
+    icon: IconName;
+    mono?: boolean;
+    children: ReactNode;
+}
+export declare function SignInFootItem({ icon, mono, children }: SignInFootItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SignInOr({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/shell/sign-in-card/index.d.ts

@@ -0,0 +1,2 @@
+export type { SignInCardProps, SignInFootItemProps, SignInHeadProps, SignInMarkProps, } from './SignInCard';
+export { SignInCard, SignInFootItem, SignInHead, SignInMark, SignInOr } from './SignInCard';

package/dist/components/shell/slash.d.ts

@@ -0,0 +1,3 @@
+export declare function Slash({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/shell/standalone-panel/StandalonePanel.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface StandalonePanelProps {
+    title?: ReactNode;
+    children: ReactNode;
+}
+export declare function StandalonePanel({ title, children }: StandalonePanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/shell/standalone-panel/index.d.ts

@@ -0,0 +1,2 @@
+export type { StandalonePanelProps } from './StandalonePanel';
+export { StandalonePanel } from './StandalonePanel';

package/dist/components/shell/topbar/Topbar.d.ts

@@ -0,0 +1,76 @@
+import { ReactNode } from 'react';
+import { IconName } from '../../icon';
+import { Crumb } from '../page-head';
+export interface TopbarMenuLink {
+    label: string;
+    icon: IconName;
+    href: string;
+    external?: boolean;
+    description?: string;
+}
+export interface TopbarSearchItem {
+    group: string;
+    label: string;
+    meta?: string;
+    href: string;
+    icon?: IconName;
+    keywords?: string;
+    context?: string;
+    idText?: string;
+    badge?: string;
+    danger?: boolean;
+    keywordsByWord?: boolean;
+    keywordsLabel?: string;
+    recent?: boolean;
+    wholeContext?: boolean;
+    marks?: string[];
+    note?: string;
+    here?: boolean;
+    onSelect?: () => void;
+}
+export interface TopbarLanguage {
+    value: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    onChange: (value: string) => void;
+}
+export interface TopbarProps {
+    as?: 'header' | 'div';
+    homeHref: string;
+    env?: string;
+    envShort?: string;
+    menu?: ReactNode;
+    menuLabel?: string;
+    menuButtonLabel?: string;
+    picker?: ReactNode;
+    path?: {
+        crumbs?: Crumb[];
+        current?: string;
+    };
+    search?: {
+        scope?: string;
+        placeholder?: string;
+        label?: string;
+        items?: TopbarSearchItem[];
+        recent?: TopbarSearchItem[];
+        onOpen?: () => void;
+        whenNothing?: (query: string) => TopbarSearchItem | undefined;
+        emptyHint?: string;
+    };
+    help?: TopbarMenuLink[];
+    notifications?: {
+        href: string;
+        unread?: boolean;
+    };
+    user: {
+        name: string;
+        email?: string;
+    };
+    userMenu?: TopbarMenuLink[];
+    signOutHref: string;
+    signOutLabel?: string;
+    language?: TopbarLanguage;
+}
+export declare function Topbar({ as: Root, homeHref, env, envShort, menu, menuLabel, menuButtonLabel, picker, path, search, help, notifications, user, userMenu, signOutHref, signOutLabel, language, }: TopbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/shell/topbar/index.d.ts

@@ -0,0 +1,2 @@
+export type { TopbarLanguage, TopbarMenuLink, TopbarProps, TopbarSearchItem, } from './Topbar';
+export { Topbar } from './Topbar';

package/dist/components/viz/chart/BarChart.d.ts

@@ -0,0 +1,6 @@
+import { ChartFrameProps } from './ChartFrame';
+import { BarLayoutInput } from './layout';
+export interface BarChartProps extends Omit<ChartFrameProps, 'height'>, Omit<BarLayoutInput, 'width' | 'height'> {
+    height?: number;
+}
+export declare function BarChart({ label, empty, legend, className, height, ...given }: BarChartProps): import("react/jsx-runtime").JSX.Element;