@kismet-ux/constellation 1.11.0 → 1.11.1

package/dist/form.d.ts

@@ -1,4 +1,4 @@
-export { C as Checkbox, a as CheckboxProps, b as Combobox, c as ComboboxOption, d as ComboboxProps, D as DatePicker, L as Label, f as LabelProps, S as Select, h as SelectContent, j as SelectField, l as SelectGroup, m as SelectItem, p as SelectSeparator, r as SelectTrigger, s as SelectValue, t as __Surface } from './index-2nHZOukj.js';
+export { C as Checkbox, a as CheckboxProps, b as Combobox, c as ComboboxOption, d as ComboboxProps, D as DatePicker, L as Label, f as LabelProps, S as Select, h as SelectContent, j as SelectField, l as SelectGroup, m as SelectItem, p as SelectSeparator, r as SelectTrigger, s as SelectValue, t as __Surface } from './index-CIK_SmBm.js';
 export { I as Input, a as InputBaseProps } from './input-Cp5LET5i.js';
 import 'react';
 import 'class-variance-authority';

package/dist/index-BxBAq63A.d.ts

@@ -0,0 +1,354 @@
+import * as React from 'react';
+import React__default from 'react';
+import { d as SidebarSection, S as SidebarNavItem, B as BreadcrumbItemData, c as NavUserProps } from './nav-user-CilmWvtr.js';
+import { R as RowProps } from './row-CuhTBQhK.js';
+import { I as Input } from './input-Cp5LET5i.js';
+import { b as TooltipContent, B as Button } from './tooltip-DxO_DWMO.js';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+interface ColumnProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children?: React__default.ReactNode;
+    el?: React__default.ElementType<React__default.HTMLAttributes<HTMLDivElement>>;
+    gap?: number;
+    full?: boolean;
+    fullHeight?: boolean;
+    align?: 'start' | 'center' | 'end';
+    flex?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+}
+
+interface ContainerProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children?: React__default.ReactNode;
+    el?: React__default.ElementType<React__default.HTMLAttributes<HTMLDivElement>>;
+    styled?: boolean;
+    direction?: 'column' | 'row';
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+    full?: boolean;
+    rounded?: boolean | 'extra';
+    outlined?: boolean;
+    /** A border colour outside the theme scale; pairs with `outlined`. */
+    color?: string;
+    theme?: 'primary' | 'secondary' | 'success' | 'destructive' | 'warning' | 'info' | 'slate' | 'light-slate';
+    elevation?: number;
+    padding?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'none';
+    darkMode?: boolean;
+    gap?: number;
+    /**
+     * Draw one edge in `color` as a thick rule.
+     *
+     * A card that belongs to a category — an aisle, a shelf, a queue — reads
+     * faster with a coloured edge than with a full outline in the same hue,
+     * because the edge is a mark and the outline is a box. Pairs with `color`.
+     */
+    accent?: 'left' | 'right' | 'top' | 'bottom';
+    /** Colour for the `accent` edge. Falls back to `color`, then the divider. */
+    accentColor?: string;
+    /**
+     * Cap the content width and centre it.
+     *
+     * `text` for a column of prose, `content` for ordinary forms and lists,
+     * `wide` for dense work that earns the room. A CSS length is accepted for
+     * the case the scale does not cover. Without it a container simply fills its
+     * parent, which is right until the parent is a very large screen.
+     */
+    measure?: 'text' | 'content' | 'wide' | 'full' | (string & {});
+    /**
+     * Fade the container in shortly after mount.
+     *
+     * Off by default. Only sensible for something that appears once — a hero
+     * panel, an empty state. Anything that repeats or is toggled should not use
+     * it: the container renders invisible until the timer fires.
+     */
+    appear?: boolean;
+}
+
+type GridColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+interface GridProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children?: React__default.ReactNode;
+    /** Number of columns (1–12). Default: 1. */
+    columns?: GridColumns;
+    /** Responsive column overrides. Each breakpoint sets the column count at that width and above. */
+    sm?: GridColumns;
+    md?: GridColumns;
+    lg?: GridColumns;
+    xl?: GridColumns;
+    /** Gap between items (0–12, maps to --size-N tokens). Default: 2. */
+    gap?: number;
+    /**
+     * A minimum track width — `repeat(auto-fit, minmax(<min>, 1fr))`.
+     *
+     * For a grid whose column COUNT is not the interesting question: "these
+     * boxes hold one word each, fit as many as will read" is a statement about
+     * the content, and it reflows without naming a breakpoint. Takes precedence
+     * over `columns` and the responsive overrides, which it replaces.
+     */
+    min?: string;
+    /**
+     * With `min`, keep empty tracks instead of collapsing them (`auto-fill`
+     * rather than `auto-fit`).
+     *
+     * The difference only shows when the items do not fill the row. A grid of
+     * CARDS wants this: one card in an aisle should stay card-sized, not stretch
+     * to the full width. A grid of form FIELDS wants the default, where two
+     * fields share the row rather than leaving a hole.
+     */
+    fill?: boolean;
+    /**
+     * Pack items by height instead of by row, so a short item does not leave a
+     * hole under a tall neighbour.
+     *
+     * Implemented with CSS multi-column, which is the only masonry that works
+     * everywhere today — `grid-template-rows: masonry` is still behind a flag.
+     * The trade is reading order: items flow DOWN each column and then across,
+     * rather than left to right. For a list already grouped and sorted that is
+     * fine; for anything where "the next one" must sit to the right, it is not.
+     *
+     * Pairs with `min`, which sets the column width.
+     */
+    masonry?: boolean;
+    /**
+     * Animate children to their new positions instead of letting them jump.
+     *
+     * Wires up FLIP (see `useFlip`). Worth it wherever the layout reflows on its
+     * own — a masonry that restacks when the window narrows, or a card that
+     * pushes its neighbours down as it expands. Respects
+     * the app's motion preference (`useMotion`), which defaults to
+     * `prefers-reduced-motion`.
+     */
+    animate?: boolean;
+    /** Horizontal alignment of items within cells. */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /** Vertical alignment of items within cells. */
+    justify?: 'start' | 'center' | 'end' | 'stretch';
+    /** Whether the grid fills its parent width. */
+    full?: boolean;
+    /** Semantic HTML element to render. Default: div. */
+    el?: React__default.ElementType<React__default.HTMLAttributes<HTMLDivElement>>;
+}
+
+type SidebarVariant = 'sidebar' | 'floating' | 'inset';
+type SidebarContextValue = {
+    state: 'expanded' | 'collapsed';
+    open: boolean;
+    setOpen: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    isMobile: boolean;
+    openMobile: boolean;
+    setOpenMobile: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    toggleSidebar: () => void;
+    variant: SidebarVariant;
+    setVariant: React__default.Dispatch<React__default.SetStateAction<SidebarVariant>>;
+};
+
+declare function AppContent({ children, className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+
+interface AppContentFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The element to render. Defaults to `footer`. */
+    el?: React.ElementType<React.HTMLAttributes<HTMLDivElement>>;
+}
+/**
+ * The band at the foot of a content area — a search field, a toolbar, the
+ * action that commits the page.
+ *
+ * ⚠️ It must be a SIBLING of `AppContentMain`, not a child of it:
+ *
+ * ```tsx
+ * <AppContent>
+ *   <AppSidebarHeader />
+ *   <AppContentMain>{page}</AppContentMain>
+ *   <AppContentFooter>{search}</AppContentFooter>
+ * </AppContent>
+ * ```
+ *
+ * Nothing here is pinned. `AppContent` is a full-height column and only the
+ * middle band scrolls, so the foot of the column IS the foot of the screen and
+ * the band stays there by arithmetic rather than by being told to.
+ *
+ * It was `position: sticky; bottom: 0` inside the scrolling area, and that
+ * cannot work however the offsets are tuned: a sticky element travels only
+ * within its containing block, and a band that is the LAST child of the page it
+ * scrolls with has nothing below it to travel over. It docked on short pages,
+ * where there was no scrolling to survive, and scrolled away on long ones.
+ *
+ * Fixed positioning is the other wrong answer — it is measured against the
+ * viewport, so in an app with a sidebar the band runs underneath it and has to
+ * be inset by hand for every state the sidebar can be in.
+ *
+ * There is no matching header band; the shell's header is already a band of the
+ * same column, so it is always in view without being told to be.
+ */
+declare function AppContentFooter({ children, className, el, ...props }: AppContentFooterProps): React.JSX.Element;
+
+interface AppContentMainProps extends React.HTMLAttributes<HTMLElement> {
+    /** The element to render. Defaults to `main`. */
+    el?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+}
+/**
+ * The scrolling middle band of a content area.
+ *
+ * `AppContent` is a column of exactly three bands — header, this, footer — and
+ * this is the only one that scrolls. It takes whatever height the other two
+ * leave and scrolls inside itself, so the bands above and below it are always
+ * on screen without being pinned there.
+ *
+ * That is why the footer does not need to be sticky, and why a page must not
+ * put its footer INSIDE this band hoping `position: sticky; bottom: 0` will
+ * dock it. A sticky element can only travel within its containing block, and a
+ * band that is the last child of the thing it scrolls in has no room below it
+ * to travel — it looks docked on a short page (where nothing scrolls anyway)
+ * and scrolls away on a long one, which is the case it was added for.
+ *
+ * The composition, and the only one that docks a footer:
+ *
+ * ```tsx
+ * <AppContent>
+ *   <AppSidebarHeader />
+ *   <AppContentMain>{page}</AppContentMain>
+ *   <AppContentFooter>{search}</AppContentFooter>
+ * </AppContent>
+ * ```
+ *
+ * A sticky band INSIDE the page still works, and now pins to this element
+ * rather than to the window — but note that sticky offsets are measured from
+ * the scroller's PADDING edge, so a band meant to sit flush against the top of
+ * the scrollport has to offset by this element's own padding.
+ */
+declare function AppContentMain({ children, className, el, ...props }: AppContentMainProps): React.JSX.Element;
+
+interface AppFooterProps {
+    brand: string;
+    links: {
+        label: string;
+        href: string;
+    }[];
+}
+declare function AppFooter({ brand, links }: AppFooterProps): React.JSX.Element;
+
+interface AppShellProps {
+    children: React.ReactNode;
+    /**
+     * Initial sidebar state. Persist this server-side (cookie, session) or in
+     * localStorage and pass it in, so the sidebar doesn't flash open on load.
+     */
+    defaultSidebarOpen?: boolean;
+}
+declare function AppShell({ children, defaultSidebarOpen }: AppShellProps): React.JSX.Element;
+
+interface AppSidebarProps {
+    logo: React.ReactNode;
+    homeHref?: string;
+    currentPath?: string;
+    linkComponent?: React.ElementType;
+    sections: SidebarSection[];
+    footerItems?: SidebarNavItem[];
+    footerSeparator?: boolean;
+    children?: React.ReactNode;
+}
+declare function AppSidebar({ logo, homeHref, currentPath, linkComponent, sections, footerItems, footerSeparator, children, }: AppSidebarProps): React.JSX.Element;
+
+interface AppSidebarHeaderProps extends React.HTMLAttributes<HTMLElement> {
+    breadcrumbs?: BreadcrumbItemData[];
+    /** Omit to hide the account menu (e.g. on signed-out chrome). */
+    user?: NavUserProps['user'];
+    userMenu?: Omit<NavUserProps, 'user'>;
+    /** Extra controls between the appearance toggle and the account menu. */
+    actions?: React.ReactNode;
+}
+/**
+ * The header band of a content area.
+ *
+ * `className` and any other DOM props reach the `header` element. They used to
+ * be dropped on the floor — the component took four named props and spread
+ * nothing — so a caller passing `className` got no error and no class, and
+ * spent the difference looking at its own stylesheet.
+ */
+declare function AppSidebarHeader({ breadcrumbs, user, userMenu, actions, className, ...props }: AppSidebarHeaderProps): React.JSX.Element;
+
+interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+    /** Transition length in ms. Also how long the unmount is deferred. */
+    duration?: number;
+    /**
+     * Unmount children once the close animation finishes. Keeps focus traps,
+     * `autoFocus` and dismiss handlers out of the tree while the panel is shut.
+     * Set `false` to keep children mounted — cheaper for a panel toggled often,
+     * and required if they hold state you need to survive a close.
+     */
+    unmountOnClose?: boolean;
+}
+/**
+ * A panel that animates its own height, so content below slides rather than
+ * jumping.
+ *
+ * Uses `grid-template-rows: 0fr → 1fr` rather than animating `max-height`: it
+ * interpolates to the panel's real height, so there is no magic number to
+ * guess and no pause at the end when the guess was too generous.
+ */
+declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const Column: React.FC<ColumnProps>;
+
+declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const Row: React.FC<RowProps>;
+
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "outline" | "default" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<'div'> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: React.Dispatch<React.SetStateAction<boolean>>;
+}): React.JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<'div'> & {
+    side?: 'left' | 'right';
+    variant?: SidebarVariant;
+    collapsible?: 'offcanvas' | 'icon' | 'none';
+}): React.JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<'button'>): React.JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<'div'> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): React.JSX.Element;
+declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): React.JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<'div'> & {
+    showIcon?: boolean;
+}): React.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function SidebarMenuSubButton({ asChild, size, isActive, tooltip, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+    size?: 'sm' | 'md';
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+}): React.JSX.Element;
+
+declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+
+export { AppContent as A, SidebarHeader as B, Collapse as C, SidebarInput as D, SidebarInset as E, SidebarMenu as F, Grid as G, SidebarMenuAction as H, SidebarMenuBadge as I, SidebarMenuButton as J, SidebarMenuItem as K, SidebarMenuSkeleton as L, SidebarMenuSub as M, SidebarMenuSubButton as N, SidebarMenuSubItem as O, SidebarProvider as P, SidebarRail as Q, Row as R, SidebarTrigger as T, Skeleton as V, AppContentFooter as a, AppContentMain as c, AppFooter as e, AppShell as g, AppSidebar as i, AppSidebarHeader as j, Column as n, Container as p, Sidebar as t, SidebarContent as u, SidebarFooter as v, SidebarGroup as w, SidebarGroupAction as x, SidebarGroupContent as y, SidebarGroupLabel as z };
+export type { SidebarContextValue as S, SidebarVariant as U, AppContentFooterProps as b, AppContentMainProps as d, AppFooterProps as f, AppShellProps as h, AppSidebarHeaderProps as k, AppSidebarProps as l, CollapseProps as m, ColumnProps as o, ContainerProps as q, GridColumns as r, GridProps as s };

package/dist/index-D3J_UMR7.d.ts

@@ -0,0 +1,566 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import React__default, { ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import './tooltip-DxO_DWMO.js';
+import { f as TypographyVariant } from './typography-CTGVc_Gg.js';
+
+type AlertTheme = 'default' | 'primary' | 'secondary' | 'success' | 'destructive' | 'warning' | 'info' | 'slate';
+type AlertMessage = {
+    id: string;
+    title: string;
+    description?: string;
+    theme: AlertTheme;
+    timeout?: number;
+    persistent?: boolean;
+    closable?: boolean;
+};
+type PushAlertInput = Omit<AlertMessage, 'id'> & {
+    icon?: ReactNode;
+    action?: ReactNode;
+};
+type AlertContextValue = {
+    pushAlert: (alert: PushAlertInput) => void;
+    removeAlert: (id: string) => void;
+};
+
+type PaginationProps = {
+    page: number;
+    pageSize: number;
+    totalItems: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (size: number) => void;
+    pageSizeOptions?: number[];
+    className?: string;
+};
+
+type SortDirection = 'asc' | 'desc';
+type SortState = {
+    key: string;
+    direction: SortDirection;
+};
+type SortContextValue = {
+    sortState: SortState | null;
+    setSortState: React__default.Dispatch<React__default.SetStateAction<SortState | null>>;
+};
+
+declare const alertVariants: (props?: ({
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface AlertProps extends VariantProps<typeof alertVariants> {
+    className?: string;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+    onClose?: () => void;
+    /** A colour outside the theme scale; overrides the theme's colour roles. */
+    color?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+interface AlertBannerProps extends VariantProps<typeof alertVariants> {
+    open: boolean;
+    onClose?: () => void;
+    icon?: boolean | React.ReactNode;
+    action?: React.ReactNode;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const AlertBanner: React.ForwardRefExoticComponent<AlertBannerProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const persistAlert: (alert: Omit<AlertMessage, "id">) => void;
+
+declare function AlertProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+
+type AvatarProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+type AvatarImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
+declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
+type AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
+
+declare const chipVariants: (props?: ({
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
+    variant?: "soft" | "outline" | "solid" | null | undefined;
+    size?: "2xs" | "xs" | "sm" | "md" | null | undefined;
+    shape?: "pill" | "rounded" | null | undefined;
+    dashed?: boolean | null | undefined;
+    mono?: boolean | null | undefined;
+    uppercase?: boolean | null | undefined;
+    wrap?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface ChipProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {
+    /**
+     * Any colour outside the theme scale — a category hue, a dietary marker.
+     * Overrides the whole set of colour roles the theme would otherwise supply,
+     * so one value is enough for every `variant`.
+     */
+    color?: string;
+    /**
+     * Render the caller's own element instead of a `<span>`, keeping the chip's
+     * styling.
+     *
+     * A chip is a status marker by default and a span is right for that. But a
+     * row of chips is often a CHOICE — pick a variant, filter a list — and that
+     * needs real button semantics: focusable, keyboard-operable, `aria-pressed`.
+     * Styling a `<span>` to look tappable does not give any of that.
+     *
+     * ```tsx
+     * <Chip asChild variant={'outline'}>
+     *   <button type={'button'} aria-pressed={on} onClick={pick}>Diced</button>
+     * </Chip>
+     * ```
+     */
+    asChild?: boolean;
+}
+/**
+ * A small status marker.
+ *
+ * `variant` chooses how much weight it carries: `soft` (a tinted fill, the
+ * default) reads as ambient, `outline` recedes further, and `solid` is a claim.
+ * `dashed` marks the value as provisional — a guess rather than a reading —
+ * which is a distinction worth drawing without spending a second colour on it.
+ */
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;
+
+declare const codeBlockVariants: (props?: ({
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "default" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface CodeBlockProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof codeBlockVariants> {
+    /** The code content to display. */
+    children: string;
+    /** Language label displayed in the header (e.g. "sql", "json", "typescript"). */
+    language?: string;
+    /** Show a copy-to-clipboard button. */
+    copyable?: boolean;
+    /** Enable collapse/expand behavior. When true, content is initially collapsed. */
+    collapsible?: boolean;
+    /** Max height in rem when collapsed. Defaults to 12. */
+    collapsedHeight?: number;
+    /** Whether the code block starts expanded when `collapsible` is true. */
+    defaultExpanded?: boolean;
+}
+declare const CodeBlock: React.ForwardRefExoticComponent<CodeBlockProps & React.RefAttributes<HTMLDivElement>>;
+
+interface DevIndicatorProps {
+    className?: string;
+}
+declare function DevIndicator({ className }: DevIndicatorProps): React.JSX.Element | null;
+
+interface DialogProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onAfterClose?: () => void;
+    children?: React.ReactNode;
+}
+declare function Dialog({ open: controlledOpen, defaultOpen, onOpenChange, onAfterClose, children, }: DialogProps): React.JSX.Element;
+interface DialogTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+declare function DialogTrigger({ asChild, onClick, children, ...props }: DialogTriggerProps): React.JSX.Element;
+interface DialogCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+declare function DialogClose({ asChild, onClick, children, ...props }: DialogCloseProps): React.JSX.Element;
+declare function DialogOverlay({ className, passThrough, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    passThrough?: boolean;
+}): React.JSX.Element;
+type DialogContentProps = React.HTMLAttributes<HTMLDivElement> & {
+    width?: 'max' | 'min';
+    /**
+     * Give the panel a real width instead of letting its content decide.
+     *
+     * `width` is `max-content`/`min-content`, which is fine for a confirm but
+     * wrong for anything with a form in it: the panel ends up as narrow as the
+     * longest line allows and every row inside is squashed. Takes the same
+     * vocabulary as `Container` — `text`, `content`, `wide`, or a CSS length —
+     * and stays capped by the viewport either way.
+     */
+    measure?: 'text' | 'content' | 'wide' | (string & {});
+    /**
+     * The element the dialog came from, so it grows out of it and shrinks back
+     * into it rather than fading in over the top of the page.
+     *
+     * Pass the tile, row or card that was clicked. Where a modal has an obvious
+     * origin on screen, morphing from it says "this is that thing, larger" — a
+     * dialog that fades in centre-screen makes the reader find their place
+     * again when it closes.
+     *
+     * A `DOMRect` is accepted too, for the case where the origin has since been
+     * unmounted or moved.
+     */
+    origin?: React.RefObject<HTMLElement | null> | DOMRect | null;
+    /**
+     * Whether the scrim takes the pointer.
+     *
+     * `blocking` (the default) is a modal in the usual sense: the page behind is
+     * dimmed and inert, and a click on the scrim dismisses.
+     *
+     * `pass-through` dims the page but leaves it live, for a panel that is a
+     * DETAIL VIEW of something still on screen — a tile in a grid, a row in a
+     * table. Clicking the next tile should show the next thing, not spend one
+     * click closing and a second one opening. The dialog still dismisses on a
+     * click that lands outside it, so a click on the empty background behaves as
+     * it always did; a handler that calls `stopPropagation()` keeps it open,
+     * which is how the tile says "I am taking this click".
+     *
+     * Scroll is not locked in this mode, for the same reason: the thing you want
+     * to look at next may be further down the page.
+     */
+    overlay?: 'blocking' | 'pass-through';
+};
+declare function DialogContent({ className, children, width, origin, measure, overlay, style, ...props }: DialogContentProps): React.ReactPortal | null;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+/**
+ * Renders the dialog's heading. Defaults to `<Typography variant='h6'>`
+ * so consumers can write `<DialogTitle>My dialog</DialogTitle>` without
+ * manually wrapping in Typography. Override the variant with the
+ * `variant` prop, or opt out entirely with `asChild` to supply a custom
+ * element (e.g., a Heading component).
+ */
+declare function DialogTitle({ className, asChild, variant, ...props }: React.ComponentProps<'h2'> & {
+    asChild?: boolean;
+    variant?: TypographyVariant;
+}): React.JSX.Element;
+/**
+ * Renders the dialog's supporting description text. Defaults to
+ * `<Typography variant='body2'>`. Override with `variant` or supply a
+ * custom element via `asChild`.
+ */
+declare function DialogDescription({ className, asChild, variant, ...props }: React.ComponentProps<'p'> & {
+    asChild?: boolean;
+    variant?: TypographyVariant;
+}): React.JSX.Element;
+declare function DialogPortal({ children }: {
+    children?: React.ReactNode;
+}): React.JSX.Element;
+
+declare const emptyStateVariants: (props?: ({
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "default" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
+    /** Icon displayed above the title. */
+    icon?: React.ReactNode;
+    /** Primary heading text. */
+    title: string;
+    /** Secondary descriptive text below the title. */
+    description?: string;
+    /** Action element (typically a Button) rendered below the text. */
+    action?: React.ReactNode;
+}
+declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const iconVariants: (props?: ({
+    variant?: "contained" | "outlined" | "ghost" | "plain" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    rounded?: boolean | "extra" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type IconVariantSize = NonNullable<VariantProps<typeof iconVariants>['size']>;
+type IconNodeProps = React.SVGProps<SVGSVGElement> & {
+    size?: string | number;
+};
+interface IconProps extends React.HTMLAttributes<HTMLSpanElement>, Omit<VariantProps<typeof iconVariants>, 'size'> {
+    iconNode: React.ComponentType<IconNodeProps>;
+    size?: IconVariantSize | number;
+    /** Apply 1s linear infinite rotation to the inner SVG; also defaults role='status' for a11y. */
+    spin?: boolean;
+}
+/**
+ * Standalone icon with a sized wrapper box (e.g. status indicators, list-item
+ * leaders, themed avatars). Renders `<span><svg/></span>` — the span carries
+ * the `iconVariants` background/border for contained/outlined variants and a
+ * fixed pixel box per `size`.
+ *
+ * **DO NOT** place inside `Button`, `Chip`, `DropdownMenuItem`, or other host
+ * components that already size their SVG children via `:has(> svg)`. The host's
+ * size + padding adjustments only trigger for a direct-child `<svg>`, and
+ * Icon's wrapper span breaks that rule — you end up with the host's default
+ * (wider) padding plus Icon's full-height box (e.g. 1.85rem for `size='sm'`).
+ *
+ * Inside a host that sizes its own svg, pass the raw lucide component directly:
+ *
+ * ```tsx
+ * <Button>
+ *   <CheckIcon />
+ *   Save
+ * </Button>
+ *
+ * <Button>
+ *   <Loader2Icon className={'animate-spin'} />
+ *   Saving…
+ * </Button>
+ * ```
+ *
+ * Use `Icon` only when the wrapper box is desired (standalone use).
+ */
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
+
+interface ListProps extends React.HTMLAttributes<HTMLUListElement | HTMLOListElement> {
+    variant?: 'disc' | 'decimal' | 'none';
+    gap?: number;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    muted?: boolean;
+}
+declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement | HTMLOListElement>>;
+interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    icon?: React.ReactNode;
+}
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;
+
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
+
+declare const progressBarVariants: (props?: ({
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    rounded?: boolean | null | undefined;
+    animated?: boolean | null | undefined;
+    indeterminate?: boolean | null | undefined;
+    striped?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface ProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof progressBarVariants> {
+    /** Current progress value (0–100). Ignored when `indeterminate` is true. */
+    value?: number;
+    /** Accessible label describing what the progress bar represents. */
+    label?: string;
+}
+declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+
+interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: 'horizontal' | 'vertical';
+    decorative?: boolean;
+}
+declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+
+type TrendDirection = 'up' | 'down' | 'neutral';
+type StatCardTheme = 'default' | 'primary' | 'secondary' | 'destructive' | 'warning' | 'success' | 'info' | 'slate';
+type StatCardSize = 'sm' | 'md' | 'lg';
+type StatCardVariant = 'unstyled' | 'outlined' | 'filled';
+type StatCardDirection = 'row' | 'column';
+interface StatCardProps extends React.ComponentPropsWithoutRef<'div'> {
+    /** Text label describing the metric. */
+    label: string;
+    /** The metric value to display. */
+    value?: React.ReactNode;
+    /** Icon displayed beside the metric. */
+    icon?: React.ReactNode;
+    /** Optional description below the value. */
+    description?: string;
+    /** Trend direction indicator. */
+    trend?: TrendDirection;
+    /** Trend label text (e.g. "+12%", "−3.4%"). */
+    trendLabel?: string;
+    /** Visual theme for the card. */
+    theme?: StatCardTheme;
+    /** Card size. */
+    size?: StatCardSize;
+    /** Card Direction. */
+    direction?: StatCardDirection;
+    /** Surface variant. */
+    variant?: StatCardVariant;
+    /**
+     * The element the card renders as.
+     *
+     * A figure that FILTERS the thing it counts is a control, and should be a
+     * real one: `el='button'` makes the whole card the target, so it takes
+     * focus, answers the keyboard, and reads as pressable rather than as a
+     * number that happens to react to a click.
+     */
+    el?: React.ElementType<React.HTMLAttributes<HTMLDivElement>>;
+}
+declare const StatCard: React.ForwardRefExoticComponent<StatCardProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const statusDotVariants: (props?: ({
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    glow?: boolean | null | undefined;
+    pulse?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface StatusDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof statusDotVariants> {
+    /** A colour outside the theme scale. */
+    color?: string;
+    /** Accessible name. Omit only when adjacent text already says the state. */
+    label?: string;
+}
+/**
+ * The dot that says what state a connection or process is in.
+ *
+ * Deliberately not a `Chip`: a chip is a bordered object that holds a word,
+ * where this is a single mark that usually sits *beside* one. Pairing it with
+ * text is the caller's job, which keeps the wording — and its translation —
+ * out of here.
+ *
+ * `glow` is for the state worth catching in peripheral vision (a save landing);
+ * `pulse` for one that is still in flight.
+ */
+declare const StatusDot: React.ForwardRefExoticComponent<StatusDotProps & React.RefAttributes<HTMLSpanElement>>;
+
+declare const stepProgressVariants: (props?: ({
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    stretch?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface Step {
+    /** Label displayed next to or below the step indicator. */
+    label: string;
+    /** Optional secondary description below the label. */
+    description?: string;
+    /** Optional icon rendered inside the dot. Defaults to a checkmark for completed steps. */
+    icon?: React.ReactNode;
+}
+interface StepProgressProps extends Omit<React.HTMLAttributes<HTMLOListElement>, 'children'>, VariantProps<typeof stepProgressVariants> {
+    /** Array of step definitions. */
+    steps: Step[];
+    /** Zero-based index of the currently active step. Steps before this are complete. */
+    currentStep: number;
+}
+declare const StepProgress: React.ForwardRefExoticComponent<StepProgressProps & React.RefAttributes<HTMLOListElement>>;
+
+declare const switchVariants: (props?: ({
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'onClick'>, VariantProps<typeof switchVariants> {
+    pressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare const TableCard: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Table: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLTableElement> & React.TableHTMLAttributes<HTMLTableElement> & {
+    defaultSort?: SortState;
+}, "ref"> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableBodyProps extends React.ComponentProps<'tbody'> {
+    showEmptyState?: boolean;
+    emptyState?: React.ReactNode;
+    emptyStateColSpan?: number;
+}
+declare const TableBody: React.ForwardRefExoticComponent<Omit<TableBodyProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
+type TableHeaderProps = React.ComponentProps<'th'> & {
+    action?: 'sticky';
+};
+declare const TableHeader: React.ForwardRefExoticComponent<Omit<TableHeaderProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
+type TableCellProps = React.ComponentProps<'td'> & {
+    action?: 'sticky';
+};
+declare const TableCell: React.ForwardRefExoticComponent<Omit<TableCellProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
+interface TableSortableHeaderProps<Key extends string = string> {
+    label: string;
+    sortKey: Key;
+    defaultSort?: true | SortDirection;
+    action?: 'sticky';
+}
+declare function TableSortableHeader<Key extends string = string>({ label, sortKey, defaultSort, action, }: TableSortableHeaderProps<Key>): React.JSX.Element;
+
+interface TableActionItem {
+    /** Visible label for the action. */
+    label: string;
+    /** Optional icon rendered before the label. */
+    icon?: React.ReactNode;
+    /** Click handler for this action. */
+    onClick?: () => void;
+    /** Whether the action is disabled. */
+    disabled?: boolean;
+    /** Visual variant — `destructive` renders the item in the destructive theme. */
+    variant?: 'default' | 'destructive';
+}
+interface TableActionCellProps extends React.ComponentProps<'div'> {
+    /** Array of actions to display. Renders a single button for one action, or a dropdown for multiple. */
+    actions: TableActionItem[];
+    /** Accessible label for the dropdown trigger button. */
+    dropdownLabel?: string;
+}
+/**
+ * Renders a right-aligned action cell for table rows.
+ *
+ * - **Single action**: renders a visible `<Button>` with the action label and optional icon.
+ * - **Multiple actions**: renders a `...` icon button that opens a `<DropdownMenu>`.
+ */
+declare const TableActionCell: React.ForwardRefExoticComponent<Omit<TableActionCellProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+interface TableToolbarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /**
+     * Left-aligned controls — typically a search Input plus zero or more
+     * filter SelectFields / DatePickers / Toggles. Children flow horizontally
+     * with `gap` and wrap on narrow screens.
+     */
+    children?: React.ReactNode;
+    /**
+     * Right-aligned slot — for reset / clear / bulk-action buttons. Pushed to
+     * the end of the row via auto-margin; wraps to a new line on narrow
+     * screens if the controls grow too wide.
+     */
+    actions?: React.ReactNode;
+    /**
+     * Render a 1px subtle bottom border to separate the toolbar from the
+     * Table or content below. Default `true`.
+     */
+    divider?: boolean;
+}
+/**
+ * Container for the row of controls (search, filters, actions) that sits
+ * above a `Table` inside a `TableCard`. Presentational only — consumers
+ * own all filter state and search debouncing. The companion to
+ * `TableSearch` for the more common single-search case.
+ */
+declare const TableToolbar: React.ForwardRefExoticComponent<TableToolbarProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const toggleVariants: (props?: ({
+    variant?: "contained" | "outlined" | "ghost" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    rounded?: boolean | "extra" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface ToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'>, VariantProps<typeof toggleVariants> {
+    pressed?: boolean;
+    defaultPressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    value?: string;
+}
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+
+type ToggleGroupBaseProps = VariantProps<typeof toggleVariants> & {
+    className?: string;
+    children?: React.ReactNode;
+    stretch?: boolean;
+};
+type ToggleGroupSingleProps = ToggleGroupBaseProps & {
+    type: 'single';
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+type ToggleGroupMultipleProps = ToggleGroupBaseProps & {
+    type: 'multiple';
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+};
+type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
+declare const ToggleGroup: React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<HTMLDivElement>>;
+
+export { DialogHeader as B, Chip as C, DevIndicator as D, DialogOverlay as E, DialogPortal as F, DialogTitle as H, DialogTrigger as I, EmptyState as K, Icon as M, List as O, ListItem as P, Pagination as T, ProgressBar as V, Separator as Y, Alert as a, StatCard as a0, StatusDot as a6, StepProgress as a9, Switch as ab, Table as ad, TableActionCell as ae, TableBody as ah, TableCard as aj, TableCell as ak, TableFooter as al, TableHead as am, TableHeader as an, TableRow as ao, TableSortableHeader as ap, TableToolbar as ar, Toggle as at, ToggleGroup as au, persistAlert as ay, statusDotVariants as az, AlertBanner as b, AlertDescription as d, AlertProvider as g, AlertTitle as i, Avatar as j, AvatarFallback as k, AvatarImage as m, CodeBlock as q, Dialog as t, DialogClose as u, DialogContent as w, DialogDescription as y, DialogFooter as z };
+export type { SortDirection as $, AlertContextValue as A, DialogProps as G, DialogTriggerProps as J, EmptyStateProps as L, IconProps as N, ListItemProps as Q, ListProps as R, SortState as S, PaginationProps as U, ProgressBarProps as W, PushAlertInput as X, SeparatorProps as Z, SortContextValue as _, StatCardDirection as a1, StatCardProps as a2, StatCardSize as a3, StatCardTheme as a4, StatCardVariant as a5, StatusDotProps as a7, Step as a8, StepProgressProps as aa, SwitchProps as ac, TableActionCellProps as af, TableActionItem as ag, TableBodyProps as ai, TableSortableHeaderProps as aq, TableToolbarProps as as, ToggleGroupProps as av, ToggleProps as aw, TrendDirection as ax, AlertBannerProps as c, AlertMessage as e, AlertProps as f, AlertTheme as h, AvatarFallbackProps as l, AvatarImageProps as n, AvatarProps as o, ChipProps as p, CodeBlockProps as r, DevIndicatorProps as s, DialogCloseProps as v, DialogContentProps as x };

package/dist/index.d.ts

@@ -1,19 +1,19 @@
 export { Logo, LogoProps } from './brand.js';
-export { C as Checkbox, a as CheckboxProps, b as Combobox, c as ComboboxOption, d as ComboboxProps, D as DatePicker, e as DatePickerProps, F as FormTheme, L as Label, f as LabelProps, S as Select, g as SelectAlign, h as SelectContent, i as SelectContentProps, j as SelectField, k as SelectFieldProps, l as SelectGroup, m as SelectItem, n as SelectPosition, o as SelectProps, p as SelectSeparator, q as SelectSide, r as SelectTrigger, s as SelectValue, t as __Surface } from './index-2nHZOukj.js';
+export { C as Checkbox, a as CheckboxProps, b as Combobox, c as ComboboxOption, d as ComboboxProps, D as DatePicker, e as DatePickerProps, F as FormTheme, L as Label, f as LabelProps, S as Select, g as SelectAlign, h as SelectContent, i as SelectContentProps, j as SelectField, k as SelectFieldProps, l as SelectGroup, m as SelectItem, n as SelectPosition, o as SelectProps, p as SelectSeparator, q as SelectSide, r as SelectTrigger, s as SelectValue, t as __Surface } from './index-CIK_SmBm.js';
 export { I as Input, a as InputBaseProps } from './input-Cp5LET5i.js';
 import * as React from 'react';
-import { S as SidebarContextValue } from './index-BWTwKQsp.js';
-export { A as AppContent, a as AppContentFooter, b as AppContentFooterProps, c as AppContentMain, d as AppContentMainProps, e as AppFooter, f as AppFooterProps, g as AppShell, h as AppShellProps, i as AppSidebar, j as AppSidebarHeader, k as AppSidebarHeaderProps, l as AppSidebarProps, C as Collapse, m as CollapseProps, n as Column, o as ColumnProps, p as Container, q as ContainerProps, G as Grid, r as GridColumns, s as GridProps, R as Row, t as Sidebar, u as SidebarContent, v as SidebarFooter, w as SidebarGroup, x as SidebarGroupAction, y as SidebarGroupContent, z as SidebarGroupLabel, B as SidebarHeader, D as SidebarInput, E as SidebarInset, F as SidebarMenu, H as SidebarMenuAction, I as SidebarMenuBadge, J as SidebarMenuButton, K as SidebarMenuItem, L as SidebarMenuSkeleton, M as SidebarMenuSub, N as SidebarMenuSubButton, O as SidebarMenuSubItem, P as SidebarProvider, Q as SidebarRail, T as SidebarTrigger, U as SidebarVariant, V as Skeleton } from './index-BWTwKQsp.js';
-import { A as AlertContextValue, S as SortState } from './index-CWM2ewRz.js';
-export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, e as AlertMessage, f as AlertProps, g as AlertProvider, h as AlertTheme, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, U as PaginationProps, V as ProgressBar, W as ProgressBarProps, X as PushAlertInput, Y as Separator, Z as SeparatorProps, _ as SortContextValue, $ as SortDirection, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-CWM2ewRz.js';
+import { S as SidebarContextValue } from './index-BxBAq63A.js';
+export { A as AppContent, a as AppContentFooter, b as AppContentFooterProps, c as AppContentMain, d as AppContentMainProps, e as AppFooter, f as AppFooterProps, g as AppShell, h as AppShellProps, i as AppSidebar, j as AppSidebarHeader, k as AppSidebarHeaderProps, l as AppSidebarProps, C as Collapse, m as CollapseProps, n as Column, o as ColumnProps, p as Container, q as ContainerProps, G as Grid, r as GridColumns, s as GridProps, R as Row, t as Sidebar, u as SidebarContent, v as SidebarFooter, w as SidebarGroup, x as SidebarGroupAction, y as SidebarGroupContent, z as SidebarGroupLabel, B as SidebarHeader, D as SidebarInput, E as SidebarInset, F as SidebarMenu, H as SidebarMenuAction, I as SidebarMenuBadge, J as SidebarMenuButton, K as SidebarMenuItem, L as SidebarMenuSkeleton, M as SidebarMenuSub, N as SidebarMenuSubButton, O as SidebarMenuSubItem, P as SidebarProvider, Q as SidebarRail, T as SidebarTrigger, U as SidebarVariant, V as Skeleton } from './index-BxBAq63A.js';
+import { A as AlertContextValue, S as SortState } from './index-D3J_UMR7.js';
+export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, e as AlertMessage, f as AlertProps, g as AlertProvider, h as AlertTheme, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, U as PaginationProps, V as ProgressBar, W as ProgressBarProps, X as PushAlertInput, Y as Separator, Z as SeparatorProps, _ as SortContextValue, $ as SortDirection, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-D3J_UMR7.js';
 export { R as RowProps } from './row-CuhTBQhK.js';
 export { Breadcrumbs, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownMenuTriggerProps, Link, LinkProps, RouterAdapter, RouterProvider, Sheet, SheetBody, SheetClose, SheetCloseProps, SheetContent, SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetProps, SheetTitle, SheetTrigger, SheetTriggerProps, useRouterAdapter } from './navigation.js';
-export { B as BreadcrumbItemData, N as NavGroup, a as NavItem, b as NavUser, c as NavUserProps, S as SidebarNavItem, d as SidebarSection } from './nav-user-CJIcWKyY.js';
+export { B as BreadcrumbItemData, N as NavGroup, a as NavItem, b as NavUser, c as NavUserProps, S as SidebarNavItem, d as SidebarSection } from './nav-user-CilmWvtr.js';
 export { AppearanceTabs, AppearanceToggleDropdown } from './settings.js';
 export { a as User, b as UserMenuContent, U as UserMenuContentProps, c as UserMenuItem } from './user-menu-content-D0Ldzigm.js';
 export { Heading, TruncatedText, TruncatedTextProps } from './typography.js';
 export { T as Typography, a as TypographyAlign, b as TypographyProps, c as TypographySize, d as TypographyTheme, e as TypographyTransform, f as TypographyVariant, g as TypographyWeight } from './typography-CTGVc_Gg.js';
-export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-BpAJwi3K.js';
+export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-DxO_DWMO.js';
 export { UserInfo } from './user.js';
 export { CONSTELLATION_PORTAL_SELECTOR, getCsrfToken, isInConstellationPortal } from './utils.js';
 import 'class-variance-authority';

package/dist/layout/AppSidebar/app-sidebar.js

@@ -61,7 +61,7 @@ function AppSidebar({ logo, homeHref = '/dashboard', currentPath = '', linkCompo
     return (jsxs(Fragment, { children: [jsxs(Sidebar, { "data-slot": 'app-sidebar', collapsible: 'icon', variant: 'inset', children: [jsx(SidebarHeader, { children: jsx(SidebarMenu, { children: jsx(SidebarMenuItem, { children: jsx(SidebarMenuButton, { size: 'lg', asChild: true, children: LinkComp ? (jsx(LinkComp, { href: homeHref, onClick: handleNavigation, children: logo })) : (jsx("a", { href: homeHref, onClick: handleNavigation, children: logo })) }) }) }) }), jsx(SidebarContent, { children: sections.map(section => (jsxs(SidebarGroup, { children: [jsx(SidebarGroupLabel, { children: section.label }), jsx(SidebarMenu, { children: section.items.map(item => {
                                         const isActive = item.href === bestMatch;
                                         if (section.renderItem) {
-                                            return (jsx(SidebarMenuItem, { children: section.renderItem(item, { isActive }) }, item.title));
+                                            return (jsx(SidebarMenuItem, { children: section.renderItem(item, { isActive, onNavigate: handleNavigation }) }, item.title));
                                         }
                                         return (jsx(SidebarMenuItem, { children: jsx(SidebarMenuButton, { asChild: true, isActive: isActive, tooltip: { children: item.title }, children: jsx(NavLink, { item: item, linkComponent: LinkComp, onNavigate: handleNavigation }) }) }, item.title));
                                     }) })] }, section.label))) }), footerItems?.length ? (jsxs(Fragment, { children: [footerSeparator && jsx(Separator, {}), jsx(SidebarFooter, { children: jsx(SidebarMenu, { children: footerItems.map(item => (jsx(SidebarMenuItem, { children: jsx(SidebarMenuButton, { asChild: true, isActive: item.href === bestMatch, tooltip: { children: item.title }, children: jsx(NavLink, { item: item, linkComponent: LinkComp, onNavigate: handleNavigation }) }) }, item.title))) }) })] })) : null] }), children] }));

package/dist/layout/AppSidebar/app-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar.js","sources":["../../../src/layout/AppSidebar/app-sidebar.tsx"],"sourcesContent":["import { useSidebar } from '@constellation/hooks';\nimport { useMobileNavigation } from '@constellation/hooks/use-mobile-navigation';\nimport { useRouterAdapter } from '@constellation/navigation/Router';\nimport { type SidebarNavItem, type SidebarSection } from '@constellation/types';\nimport { Separator } from '@constellation/ui/Separator';\nimport * as React from 'react';\nimport { flushSync } from 'react-dom';\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from '../Sidebar';\n\nexport interface AppSidebarProps {\n  logo: React.ReactNode;\n  homeHref?: string;\n  currentPath?: string;\n  linkComponent?: React.ElementType;\n  sections: SidebarSection[];\n  footerItems?: SidebarNavItem[];\n  footerSeparator?: boolean;\n  children?: React.ReactNode;\n}\n\ntype NavLinkProps = {\n  item: SidebarNavItem;\n  linkComponent?: React.ElementType;\n  onNavigate?: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n} & React.AnchorHTMLAttributes<HTMLAnchorElement>;\n\nfunction NavLink({ item, linkComponent: LinkComp, onNavigate, onClick, ...props }: NavLinkProps) {\n  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    onNavigate?.(event);\n  };\n\n  if (item.href.startsWith('http')) {\n    return (\n      <a\n        href={item.href}\n        target={'_blank'}\n        rel={'noopener noreferrer'}\n        onClick={handleClick}\n        {...props}\n      >\n        {item.icon}\n        <span>{item.title}</span>\n        <span className={'srOnly'}>(opens in new tab)</span>\n      </a>\n    );\n  }\n\n  if (!LinkComp) {\n    return (\n      <a href={item.href} onClick={handleClick} {...props}>\n        {item.icon}\n        <span>{item.title}</span>\n      </a>\n    );\n  }\n\n  return (\n    <LinkComp href={item.href} onClick={handleClick} {...props}>\n      {item.icon}\n      <span>{item.title}</span>\n    </LinkComp>\n  );\n}\n\nexport function AppSidebar({\n  logo,\n  homeHref = '/dashboard',\n  currentPath = '',\n  linkComponent,\n  sections,\n  footerItems,\n  footerSeparator,\n  children,\n}: AppSidebarProps) {\n  const { isMobile, openMobile, setOpenMobile } = useSidebar();\n  // Falls back to the RouterProvider's link component, so configuring the\n  // router once upgrades the whole sidebar without threading a prop here.\n  const { linkComponent: adapterLink } = useRouterAdapter();\n  const LinkComp = linkComponent ?? adapterLink;\n  const cleanupMobileNavigation = useMobileNavigation();\n  const allHrefs = [\n    ...sections.flatMap(s => s.items.map(i => i.href)),\n    ...(footerItems ?? []).map(i => i.href),\n  ];\n  const bestMatch =\n    allHrefs\n      .filter(\n        href =>\n          currentPath === href ||\n          currentPath.startsWith(href + '/') ||\n          currentPath.startsWith(href + '?'),\n      )\n      .sort((a, b) => b.length - a.length)[0] ?? '';\n\n  const handleNavigation = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    if (!isMobile || !openMobile || event.button !== 0) {\n      return;\n    }\n\n    if (event.metaKey || event.altKey || event.ctrlKey || event.shiftKey) {\n      return;\n    }\n\n    const currentTarget = event.currentTarget;\n    const target = currentTarget.getAttribute('target');\n    if ((target && target.toLowerCase() !== '_self') || currentTarget.hasAttribute('download')) {\n      return;\n    }\n\n    flushSync(() => {\n      setOpenMobile(false);\n    });\n    cleanupMobileNavigation();\n  };\n\n  return (\n    <>\n      <Sidebar data-slot={'app-sidebar'} collapsible={'icon'} variant={'inset'}>\n        <SidebarHeader>\n          <SidebarMenu>\n            <SidebarMenuItem>\n              <SidebarMenuButton size={'lg'} asChild>\n                {LinkComp ? (\n                  <LinkComp href={homeHref} onClick={handleNavigation}>\n                    {logo}\n                  </LinkComp>\n                ) : (\n                  <a href={homeHref} onClick={handleNavigation}>\n                    {logo}\n                  </a>\n                )}\n              </SidebarMenuButton>\n            </SidebarMenuItem>\n          </SidebarMenu>\n        </SidebarHeader>\n        <SidebarContent>\n          {sections.map(section => (\n            <SidebarGroup key={section.label}>\n              <SidebarGroupLabel>{section.label}</SidebarGroupLabel>\n              <SidebarMenu>\n                {section.items.map(item => {\n                  const isActive = item.href === bestMatch;\n\n                  if (section.renderItem) {\n                    return (\n                      <SidebarMenuItem key={item.title}>\n                        {section.renderItem(item, { isActive })}\n                      </SidebarMenuItem>\n                    );\n                  }\n\n                  return (\n                    <SidebarMenuItem key={item.title}>\n                      <SidebarMenuButton\n                        asChild\n                        isActive={isActive}\n                        tooltip={{ children: item.title }}\n                      >\n                        <NavLink\n                          item={item}\n                          linkComponent={LinkComp}\n                          onNavigate={handleNavigation}\n                        />\n                      </SidebarMenuButton>\n                    </SidebarMenuItem>\n                  );\n                })}\n              </SidebarMenu>\n            </SidebarGroup>\n          ))}\n        </SidebarContent>\n        {footerItems?.length ? (\n          <>\n            {footerSeparator && <Separator />}\n            <SidebarFooter>\n              <SidebarMenu>\n                {footerItems.map(item => (\n                  <SidebarMenuItem key={item.title}>\n                    <SidebarMenuButton\n                      asChild\n                      isActive={item.href === bestMatch}\n                      tooltip={{ children: item.title }}\n                    >\n                      <NavLink item={item} linkComponent={LinkComp} onNavigate={handleNavigation} />\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarFooter>\n          </>\n        ) : null}\n      </Sidebar>\n      {children}\n    </>\n  );\n}\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"app-sidebar.js","sources":["../../../src/layout/AppSidebar/app-sidebar.tsx"],"sourcesContent":["import { useSidebar } from '@constellation/hooks';\nimport { useMobileNavigation } from '@constellation/hooks/use-mobile-navigation';\nimport { useRouterAdapter } from '@constellation/navigation/Router';\nimport { type SidebarNavItem, type SidebarSection } from '@constellation/types';\nimport { Separator } from '@constellation/ui/Separator';\nimport * as React from 'react';\nimport { flushSync } from 'react-dom';\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from '../Sidebar';\n\nexport interface AppSidebarProps {\n  logo: React.ReactNode;\n  homeHref?: string;\n  currentPath?: string;\n  linkComponent?: React.ElementType;\n  sections: SidebarSection[];\n  footerItems?: SidebarNavItem[];\n  footerSeparator?: boolean;\n  children?: React.ReactNode;\n}\n\ntype NavLinkProps = {\n  item: SidebarNavItem;\n  linkComponent?: React.ElementType;\n  onNavigate?: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n} & React.AnchorHTMLAttributes<HTMLAnchorElement>;\n\nfunction NavLink({ item, linkComponent: LinkComp, onNavigate, onClick, ...props }: NavLinkProps) {\n  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    onNavigate?.(event);\n  };\n\n  if (item.href.startsWith('http')) {\n    return (\n      <a\n        href={item.href}\n        target={'_blank'}\n        rel={'noopener noreferrer'}\n        onClick={handleClick}\n        {...props}\n      >\n        {item.icon}\n        <span>{item.title}</span>\n        <span className={'srOnly'}>(opens in new tab)</span>\n      </a>\n    );\n  }\n\n  if (!LinkComp) {\n    return (\n      <a href={item.href} onClick={handleClick} {...props}>\n        {item.icon}\n        <span>{item.title}</span>\n      </a>\n    );\n  }\n\n  return (\n    <LinkComp href={item.href} onClick={handleClick} {...props}>\n      {item.icon}\n      <span>{item.title}</span>\n    </LinkComp>\n  );\n}\n\nexport function AppSidebar({\n  logo,\n  homeHref = '/dashboard',\n  currentPath = '',\n  linkComponent,\n  sections,\n  footerItems,\n  footerSeparator,\n  children,\n}: AppSidebarProps) {\n  const { isMobile, openMobile, setOpenMobile } = useSidebar();\n  // Falls back to the RouterProvider's link component, so configuring the\n  // router once upgrades the whole sidebar without threading a prop here.\n  const { linkComponent: adapterLink } = useRouterAdapter();\n  const LinkComp = linkComponent ?? adapterLink;\n  const cleanupMobileNavigation = useMobileNavigation();\n  const allHrefs = [\n    ...sections.flatMap(s => s.items.map(i => i.href)),\n    ...(footerItems ?? []).map(i => i.href),\n  ];\n  const bestMatch =\n    allHrefs\n      .filter(\n        href =>\n          currentPath === href ||\n          currentPath.startsWith(href + '/') ||\n          currentPath.startsWith(href + '?'),\n      )\n      .sort((a, b) => b.length - a.length)[0] ?? '';\n\n  const handleNavigation = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    if (!isMobile || !openMobile || event.button !== 0) {\n      return;\n    }\n\n    if (event.metaKey || event.altKey || event.ctrlKey || event.shiftKey) {\n      return;\n    }\n\n    const currentTarget = event.currentTarget;\n    const target = currentTarget.getAttribute('target');\n    if ((target && target.toLowerCase() !== '_self') || currentTarget.hasAttribute('download')) {\n      return;\n    }\n\n    flushSync(() => {\n      setOpenMobile(false);\n    });\n    cleanupMobileNavigation();\n  };\n\n  return (\n    <>\n      <Sidebar data-slot={'app-sidebar'} collapsible={'icon'} variant={'inset'}>\n        <SidebarHeader>\n          <SidebarMenu>\n            <SidebarMenuItem>\n              <SidebarMenuButton size={'lg'} asChild>\n                {LinkComp ? (\n                  <LinkComp href={homeHref} onClick={handleNavigation}>\n                    {logo}\n                  </LinkComp>\n                ) : (\n                  <a href={homeHref} onClick={handleNavigation}>\n                    {logo}\n                  </a>\n                )}\n              </SidebarMenuButton>\n            </SidebarMenuItem>\n          </SidebarMenu>\n        </SidebarHeader>\n        <SidebarContent>\n          {sections.map(section => (\n            <SidebarGroup key={section.label}>\n              <SidebarGroupLabel>{section.label}</SidebarGroupLabel>\n              <SidebarMenu>\n                {section.items.map(item => {\n                  const isActive = item.href === bestMatch;\n\n                  if (section.renderItem) {\n                    return (\n                      <SidebarMenuItem key={item.title}>\n                        {section.renderItem(item, { isActive, onNavigate: handleNavigation })}\n                      </SidebarMenuItem>\n                    );\n                  }\n\n                  return (\n                    <SidebarMenuItem key={item.title}>\n                      <SidebarMenuButton\n                        asChild\n                        isActive={isActive}\n                        tooltip={{ children: item.title }}\n                      >\n                        <NavLink\n                          item={item}\n                          linkComponent={LinkComp}\n                          onNavigate={handleNavigation}\n                        />\n                      </SidebarMenuButton>\n                    </SidebarMenuItem>\n                  );\n                })}\n              </SidebarMenu>\n            </SidebarGroup>\n          ))}\n        </SidebarContent>\n        {footerItems?.length ? (\n          <>\n            {footerSeparator && <Separator />}\n            <SidebarFooter>\n              <SidebarMenu>\n                {footerItems.map(item => (\n                  <SidebarMenuItem key={item.title}>\n                    <SidebarMenuButton\n                      asChild\n                      isActive={item.href === bestMatch}\n                      tooltip={{ children: item.title }}\n                    >\n                      <NavLink item={item} linkComponent={LinkComp} onNavigate={handleNavigation} />\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarFooter>\n          </>\n        ) : null}\n      </Sidebar>\n      {children}\n    </>\n  );\n}\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;;;;AAoCA,SAAS,OAAO,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,KAAK,EAAgB,EAAA;AAC7F,IAAA,MAAM,WAAW,GAAG,CAAC,KAA0C,KAAI;AACjE,QAAA,OAAO,GAAG,KAAK,CAAC;AAChB,QAAA,IAAI,KAAK,CAAC,gBAAgB,EAAE;YAC1B;QACF;AAEA,QAAA,UAAU,GAAG,KAAK,CAAC;AACrB,IAAA,CAAC;IAED,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;AAChC,QAAA,QACEA,IAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,QAAQ,EAChB,GAAG,EAAE,qBAAqB,EAC1B,OAAO,EAAE,WAAW,EAAA,GAChB,KAAK,aAER,IAAI,CAAC,IAAI,EACVC,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,IAAI,CAAC,KAAK,EAAA,CAAQ,EACzBA,cAAM,SAAS,EAAE,QAAQ,EAAA,QAAA,EAAA,oBAAA,EAAA,CAA2B,CAAA,EAAA,CAClD;IAER;IAEA,IAAI,CAAC,QAAQ,EAAE;QACb,QACED,IAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,EAAA,GAAM,KAAK,EAAA,QAAA,EAAA,CAChD,IAAI,CAAC,IAAI,EACVC,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,IAAI,CAAC,KAAK,EAAA,CAAQ,CAAA,EAAA,CACvB;IAER;IAEA,QACED,IAAA,CAAC,QAAQ,EAAA,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,EAAA,GAAM,KAAK,EAAA,QAAA,EAAA,CACvD,IAAI,CAAC,IAAI,EACVC,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,IAAI,CAAC,KAAK,EAAA,CAAQ,CAAA,EAAA,CAChB;AAEf;AAEM,SAAU,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,GAAG,YAAY,EACvB,WAAW,GAAG,EAAE,EAChB,aAAa,EACb,QAAQ,EACR,WAAW,EACX,eAAe,EACf,QAAQ,GACQ,EAAA;IAChB,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE;;;IAG5D,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE;AACzD,IAAA,MAAM,QAAQ,GAAG,aAAa,IAAI,WAAW;AAC7C,IAAA,MAAM,uBAAuB,GAAG,mBAAmB,EAAE;AACrD,IAAA,MAAM,QAAQ,GAAG;QACf,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAClD,QAAA,GAAG,CAAC,WAAW,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;KACxC;IACD,MAAM,SAAS,GACb;AACG,SAAA,MAAM,CACL,IAAI,IACF,WAAW,KAAK,IAAI;AACpB,QAAA,WAAW,CAAC,UAAU,CAAC,IAAI,GAAG,GAAG,CAAC;AAClC,QAAA,WAAW,CAAC,UAAU,CAAC,IAAI,GAAG,GAAG,CAAC;SAErC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;AAEjD,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAA0C,KAAI;AACtE,QAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YAClD;QACF;AAEA,QAAA,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,EAAE;YACpE;QACF;AAEA,QAAA,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa;QACzC,MAAM,MAAM,GAAG,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;AACnD,QAAA,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,WAAW,EAAE,KAAK,OAAO,KAAK,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;YAC1F;QACF;QAEA,SAAS,CAAC,MAAK;YACb,aAAa,CAAC,KAAK,CAAC;AACtB,QAAA,CAAC,CAAC;AACF,QAAA,uBAAuB,EAAE;AAC3B,IAAA,CAAC;IAED,QACED,4BACEA,IAAA,CAAC,OAAO,iBAAY,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAA,QAAA,EAAA,CACtEC,GAAA,CAAC,aAAa,EAAA,EAAA,QAAA,EACZA,IAAC,WAAW,EAAA,EAAA,QAAA,EACVA,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EACdA,GAAA,CAAC,iBAAiB,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,kBACnC,QAAQ,IACPA,GAAA,CAAC,QAAQ,EAAA,EAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAA,QAAA,EAChD,IAAI,EAAA,CACI,KAEXA,GAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAA,QAAA,EACzC,IAAI,EAAA,CACH,CACL,EAAA,CACiB,EAAA,CACJ,EAAA,CACN,EAAA,CACA,EAChBA,GAAA,CAAC,cAAc,EAAA,EAAA,QAAA,EACZ,QAAQ,CAAC,GAAG,CAAC,OAAO,KACnBD,IAAA,CAAC,YAAY,EAAA,EAAA,QAAA,EAAA,CACXC,IAAC,iBAAiB,EAAA,EAAA,QAAA,EAAE,OAAO,CAAC,KAAK,EAAA,CAAqB,EACtDA,GAAA,CAAC,WAAW,EAAA,EAAA,QAAA,EACT,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAG;AACxB,wCAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS;AAExC,wCAAA,IAAI,OAAO,CAAC,UAAU,EAAE;4CACtB,QACEA,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EACb,OAAO,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC,EAAA,EADjD,IAAI,CAAC,KAAK,CAEd;wCAEtB;wCAEA,QACEA,IAAC,eAAe,EAAA,EAAA,QAAA,EACdA,IAAC,iBAAiB,EAAA,EAChB,OAAO,EAAA,IAAA,EACP,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,YAEjCA,GAAA,CAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,QAAQ,EACvB,UAAU,EAAE,gBAAgB,GAC5B,EAAA,CACgB,EAAA,EAXA,IAAI,CAAC,KAAK,CAYd;oCAEtB,CAAC,CAAC,GACU,CAAA,EAAA,EA9BG,OAAO,CAAC,KAAK,CA+BjB,CAChB,CAAC,EAAA,CACa,EAChB,WAAW,EAAE,MAAM,IAClBD,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,eAAe,IAAID,GAAA,CAAC,SAAS,EAAA,EAAA,CAAG,EACjCA,GAAA,CAAC,aAAa,cACZA,GAAA,CAAC,WAAW,cACT,WAAW,CAAC,GAAG,CAAC,IAAI,KACnBA,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EACdA,GAAA,CAAC,iBAAiB,EAAA,EAChB,OAAO,EAAA,IAAA,EACP,QAAQ,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,EACjC,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,EAAA,QAAA,EAEjCA,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,GAAI,EAAA,CAC5D,EAAA,EAPA,IAAI,CAAC,KAAK,CAQd,CACnB,CAAC,EAAA,CACU,GACA,CAAA,EAAA,CACf,IACD,IAAI,IACA,EACT,QAAQ,CAAA,EAAA,CACR;AAEP;;"}

package/dist/layout.d.ts

@@ -1,10 +1,10 @@
-export { A as AppContent, a as AppContentFooter, b as AppContentFooterProps, c as AppContentMain, d as AppContentMainProps, e as AppFooter, f as AppFooterProps, g as AppShell, h as AppShellProps, i as AppSidebar, j as AppSidebarHeader, k as AppSidebarHeaderProps, l as AppSidebarProps, C as Collapse, m as CollapseProps, n as Column, o as ColumnProps, p as Container, G as Grid, R as Row, t as Sidebar, u as SidebarContent, v as SidebarFooter, w as SidebarGroup, x as SidebarGroupAction, y as SidebarGroupContent, z as SidebarGroupLabel, B as SidebarHeader, D as SidebarInput, E as SidebarInset, F as SidebarMenu, H as SidebarMenuAction, I as SidebarMenuBadge, J as SidebarMenuButton, K as SidebarMenuItem, L as SidebarMenuSkeleton, M as SidebarMenuSub, N as SidebarMenuSubButton, O as SidebarMenuSubItem, P as SidebarProvider, Q as SidebarRail, T as SidebarTrigger, V as Skeleton } from './index-BWTwKQsp.js';
+export { A as AppContent, a as AppContentFooter, b as AppContentFooterProps, c as AppContentMain, d as AppContentMainProps, e as AppFooter, f as AppFooterProps, g as AppShell, h as AppShellProps, i as AppSidebar, j as AppSidebarHeader, k as AppSidebarHeaderProps, l as AppSidebarProps, C as Collapse, m as CollapseProps, n as Column, o as ColumnProps, p as Container, G as Grid, R as Row, t as Sidebar, u as SidebarContent, v as SidebarFooter, w as SidebarGroup, x as SidebarGroupAction, y as SidebarGroupContent, z as SidebarGroupLabel, B as SidebarHeader, D as SidebarInput, E as SidebarInset, F as SidebarMenu, H as SidebarMenuAction, I as SidebarMenuBadge, J as SidebarMenuButton, K as SidebarMenuItem, L as SidebarMenuSkeleton, M as SidebarMenuSub, N as SidebarMenuSubButton, O as SidebarMenuSubItem, P as SidebarProvider, Q as SidebarRail, T as SidebarTrigger, V as Skeleton } from './index-BxBAq63A.js';
 export { R as RowProps } from './row-CuhTBQhK.js';
 import 'react';
-import './nav-user-CJIcWKyY.js';
+import './nav-user-CilmWvtr.js';
 import 'lucide-react';
 import './user-menu-content-D0Ldzigm.js';
 import './input-Cp5LET5i.js';
-import './tooltip-BpAJwi3K.js';
+import './tooltip-DxO_DWMO.js';
 import 'class-variance-authority';
 import 'class-variance-authority/types';

package/dist/nav-user-CilmWvtr.d.ts

@@ -0,0 +1,52 @@
+import { LucideIcon } from 'lucide-react';
+import * as React$1 from 'react';
+import { ReactNode } from 'react';
+import { U as UserMenuContentProps, a as User } from './user-menu-content-D0Ldzigm.js';
+
+interface BreadcrumbItemData {
+    title: string;
+    href: string;
+}
+interface NavGroup {
+    title: string;
+    items: NavItem[];
+}
+interface NavItem {
+    title: string;
+    href: string;
+    icon?: LucideIcon | null;
+    isActive?: boolean;
+}
+interface SidebarNavItem {
+    title: string;
+    href: string;
+    icon?: ReactNode;
+    [key: string]: unknown;
+}
+interface SidebarSection {
+    label: string;
+    items: SidebarNavItem[];
+    /**
+     * Render an item yourself — for a badge, a count, anything the default row
+     * has no slot for.
+     *
+     * ⚠️ Wire `onNavigate` to your link's `onClick`. It is what closes the
+     * offcanvas sidebar after a tap on a phone, and a custom renderer that
+     * leaves it off silently loses that: the menu stays open over the page it
+     * just navigated to. The default row wires it for you, which is exactly why
+     * overriding the row is where it goes missing.
+     */
+    renderItem?: (item: SidebarNavItem, props: {
+        isActive: boolean;
+        onNavigate: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    }) => ReactNode;
+}
+
+interface NavUserProps extends Omit<UserMenuContentProps, 'user'> {
+    user: User;
+}
+/** Sidebar footer control: the signed-in user plus their account menu. */
+declare function NavUser({ user, ...menuProps }: NavUserProps): React$1.JSX.Element;
+
+export { NavUser as b };
+export type { BreadcrumbItemData as B, NavGroup as N, SidebarNavItem as S, NavItem as a, NavUserProps as c, SidebarSection as d };

package/dist/navigation.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BreadcrumbItemData } from './index.js';
-export { b as NavUser, c as NavUserProps } from './nav-user-CJIcWKyY.js';
+export { b as NavUser, c as NavUserProps } from './nav-user-CilmWvtr.js';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import 'lucide-react';
@@ -62,7 +62,7 @@ declare function DropdownMenuSubContent({ className, ...props }: React.HTMLAttri
 declare const linkVariants: (props?: ({
     underline?: boolean | null | undefined;
     hover?: "default" | "none" | null | undefined;
-    theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick'>, VariantProps<typeof linkVariants> {

package/dist/types/navigation.d.ts

@@ -23,8 +23,19 @@ export interface SidebarNavItem {
 export interface SidebarSection {
     label: string;
     items: SidebarNavItem[];
+    /**
+     * Render an item yourself — for a badge, a count, anything the default row
+     * has no slot for.
+     *
+     * ⚠️ Wire `onNavigate` to your link's `onClick`. It is what closes the
+     * offcanvas sidebar after a tap on a phone, and a custom renderer that
+     * leaves it off silently loses that: the menu stays open over the page it
+     * just navigated to. The default row wires it for you, which is exactly why
+     * overriding the row is where it goes missing.
+     */
     renderItem?: (item: SidebarNavItem, props: {
         isActive: boolean;
+        onNavigate: (event: React.MouseEvent<HTMLAnchorElement>) => void;
     }) => ReactNode;
 }
 //# sourceMappingURL=navigation.d.ts.map

package/dist/types/navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/types/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC;CAChF"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/types/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO,CAAC;QAClB,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAClE,KACE,SAAS,CAAC;CAChB"}

package/dist/ui.d.ts

@@ -1,5 +1,5 @@
-export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, f as AlertProps, g as AlertProvider, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, V as ProgressBar, W as ProgressBarProps, Y as Separator, Z as SeparatorProps, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-CWM2ewRz.js';
-export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-BpAJwi3K.js';
+export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, f as AlertProps, g as AlertProvider, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, V as ProgressBar, W as ProgressBarProps, Y as Separator, Z as SeparatorProps, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-D3J_UMR7.js';
+export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-DxO_DWMO.js';
 import 'class-variance-authority';
 import 'react';
 import 'class-variance-authority/types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kismet-ux/constellation",
-  "version": "1.11.0",
+  "version": "1.11.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -198,7 +198,7 @@
     "qs": "^6.15.2",
     "ws": "^8.20.1"
   },
-  "description": "Kismet Constellation \u2014 a themeable React component library: design tokens, light/dark, and 60+ router-agnostic components.",
+  "description": "Kismet Constellation — a themeable React component library: design tokens, light/dark, and 60+ router-agnostic components.",
   "license": "MIT",
   "publishConfig": {
     "access": "public"