@uisatin/ui 0.0.0-stage → 0.1.1

package/components/card.js

@@ -0,0 +1,5 @@
+'use client';export { Card, cardVariants } from '../chunk-XILQ7GXE.js';
+import '../chunk-HNQUX43Z.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=card.js.map
+//# sourceMappingURL=card.js.map

package/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"card.js"}

package/components/channel-chart.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { type ChartCardBaseProps } from './chart.js';
+/**
+ * Channel chart, 1:1 with the uiKit `chart/channelCard` (3608:18797), in the shared card
+ * frame (chart.tsx).
+ *
+ * ChannelCard: the KPI (the sum unless given) with its change badge, a 14px stacked bar of fr
+ * segments 2px apart in chart/1–5 (4px outer corners, 1.5px inner), and a legend row per
+ * channel (8px swatch, label, value, 32 high, 2px apart), in two columns from 560px. Hover (or `highlight`) fades the
+ * other segments to 15% and the other rows to 45%, and fills the row bg/muted.
+ */
+export interface ChannelCardProps extends ChartCardBaseProps {
+}
+export declare function ChannelCard({ data, formatValue, highlight, total, ...props }: ChannelCardProps): React.JSX.Element;

package/components/channel-chart.js

@@ -0,0 +1,11 @@
+'use client';export { ChannelCard } from '../chunk-LZMKSFCF.js';
+import '../chunk-YPJYW624.js';
+import '../chunk-Y5AYU7PK.js';
+import '../chunk-72OCFAPT.js';
+import '../chunk-UBNHSZSE.js';
+import '../chunk-3DINAQLL.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-O7F3CIDV.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=channel-chart.js.map
+//# sourceMappingURL=channel-chart.js.map

package/components/channel-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"channel-chart.js"}

package/components/chart.d.ts

@@ -0,0 +1,88 @@
+import * as React from 'react';
+/**
+ * The parts every chart card shares, 1:1 with the uiKit `chart/barCard` (3607:18253) and `chart/channelCard`
+ * (3608:18797) frames and the parts `chart/legendRow`
+ * (3602:17559) and `chart/tooltip` (3602:17522). Plain React and CSS, no chart library.
+ *
+ * Every card sits in ChartCard: the title and a period Select on one row, the KPI with its
+ * change and the range under it, then the chart.
+ *
+ * The tooltip is a text/default pill with bg/canvas text, medium label + value at 72%, 10×6
+ * padding, radius-md, a 12×6 pointer and a two-step sm shadow.
+ */
+export type ChartDatum = {
+    label: string;
+    value: number;
+    /** Tooltip title; defaults to the label. */
+    tooltipLabel?: string;
+};
+export type Periods = string[] | string[][];
+export interface ChartCardBaseProps extends Omit<React.ComponentProps<'div'>, 'title'> {
+    title: string;
+    /** The dates the card covers, under the KPI, e.g. "Oct 26 – Nov 1, 2026 · vs previous 7 days". */
+    range: string;
+    data: ChartDatum[];
+    /** The KPI under the title, e.g. "€48,260". Cards that have one default it to the formatted sum. */
+    total?: string;
+    /** The change badge after the KPI, e.g. "+5.2%". A leading minus turns it red. */
+    change?: string;
+    /** Periods for the Select in the header. Nested arrays become titled-less groups split by a rule. */
+    periods?: Periods;
+    /** The selected period. */
+    value?: string;
+    onPeriodChange?: (period: string) => void;
+    /** Formats values in the tooltip, the legend and the axis. */
+    formatValue?: (value: number) => string;
+    /** Index of the datum shown as hovered (state sheets, docs). */
+    highlight?: number;
+}
+export declare const defaultFormat: (n: number) => string;
+/**
+ * The card every chart sits in (uiKit "chart explorations" A, 4084:3591): bg/card, 1px
+ * border-default, radius-2xl, 16px in and 16 between rows. Row one: the title (16/24 medium,
+ * text/default) and, when there are `periods`, a small Select for the period at the right. Row
+ * two: the KPI (text/xl semibold) with its change badge, and the range under it in text/muted, 2px
+ * apart; without a KPI the range sits 4px under the title. Then the chart. The card is a size
+ * container, so a chart can lay itself out wider from 560px (`@min-[560px]:`).
+ */
+export declare function ChartCard({ title, range, total, change, periods, value, onPeriodChange, className, children, ...props }: Omit<ChartCardBaseProps, 'data' | 'formatValue' | 'highlight'>): React.JSX.Element;
+/**
+ * chart/legendPill (4061:4182).
+ * - `outline`: an outline pill with no fill — 8px swatch, label, value 6 apart, 6 / 10 in. Active
+ *   turns the ring border-strong.
+ * - `plain` (the Donut legend): no ring and no value, 6 / 8 in; active fills bg/hover, as plain
+ *   controls do on hover.
+ * Dimmed fades the content to 45%, never the ground.
+ */
+export declare function ChartLegendPill({ color, label, value, variant, active, dimmed, className, ...props }: {
+    color: string;
+    label: React.ReactNode;
+    value?: React.ReactNode;
+    variant?: 'outline' | 'plain';
+    active?: boolean;
+    dimmed?: boolean;
+} & React.ComponentProps<'div'>): React.JSX.Element;
+/**
+ * The chart tooltip pill with its pointer. Exported for custom charts.
+ * With `anchor` it floats over the page (see Floating): it never gets cut off by the card,
+ * flips below when there's no room above, slides in from the screen edge, and its pointer
+ * keeps pointing at the anchor. Without it, it renders in place.
+ */
+export declare function ChartTooltip({ label, value, anchor, sideOffset, className, ...props }: {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    /** The element it points at. */
+    anchor?: Element | null;
+    /** Gap between the anchor and the pointer's tip. */
+    sideOffset?: number;
+} & React.ComponentProps<'div'>): React.JSX.Element;
+/** One legend row: 8px swatch, label, value and an optional note. */
+export declare function ChartLegendRow({ color, label, value, note, active, dimmed, className, ...props }: {
+    color: string;
+    label: React.ReactNode;
+    value: React.ReactNode;
+    note?: React.ReactNode;
+    active?: boolean;
+    dimmed?: boolean;
+} & React.ComponentProps<'div'>): React.JSX.Element;
+/** Rounds the top of the axis up to a nice number that splits into four steps. */

package/components/chart.js

@@ -0,0 +1,10 @@
+'use client';export { ChartCard, ChartLegendPill, ChartLegendRow, ChartTooltip, defaultFormat } from '../chunk-YPJYW624.js';
+import '../chunk-Y5AYU7PK.js';
+import '../chunk-72OCFAPT.js';
+import '../chunk-UBNHSZSE.js';
+import '../chunk-3DINAQLL.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-O7F3CIDV.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=chart.js.map
+//# sourceMappingURL=chart.js.map

package/components/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chart.js"}

package/components/checkbox.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Checkbox as CheckboxPrimitive } from 'radix-ui';
+/**
+ * Checkbox, 1:1 with the uiKit `checkboxBase` (849:57531) and `checkbox` (849:57577) sets:
+ * a 16px box, radius-sm, with checked and indeterminate states and an optional label and
+ * description on either side, both 14px whatever the theme's body size (label medium,
+ * description regular). With a label or description the whole field is a `<label>`, so a
+ * click anywhere on it (box, label, description) toggles the box, and hovering it hovers the
+ * box; the label names the box, the description is wired up with `aria-describedby`. The look of every state lives in styles/components.css.
+ */
+export interface CheckboxProps extends React.ComponentProps<typeof CheckboxPrimitive.Root> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    /** Which side of the text the box sits on. */
+    placement?: 'left' | 'right';
+}
+export declare function Checkbox({ className, label, description, placement, id, ...props }: CheckboxProps): React.JSX.Element;

package/components/checkbox.js

@@ -0,0 +1,4 @@
+'use client';export { Checkbox } from '../chunk-FDKIX4DC.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=checkbox.js.map
+//# sourceMappingURL=checkbox.js.map

package/components/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"checkbox.js"}

package/components/chip.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { BadgeTone } from './badge.js';
+/**
+ * Chip, 1:1 with the uiKit `Chip` set (3206:79959): Subtle or Outline, md (28, control-height)
+ * or sm (24, control-height-xs), eight tones like Badge, an optional dot, avatar and remove
+ * button. Label medium 13/19.5, 8px side padding; the dot, avatar and close slots overlap
+ * the label padding by 4px, as in Figma.
+ *
+ * Neutral is its own look: Outline is a popover surface with a border-default edge and an
+ * xs drop shadow, Subtle is the secondary action fill. Every other tone uses the `tone/*`
+ * tokens (repointed by `data-tone`): tone-bg fill, tone-border edge, tone-fg text; hover and
+ * pressed fill with tone-border.
+ *
+ * States (satin-hover / satin-focus / satin-pressed, or `data-force`):
+ * - hover: neutral outline bg-hover + border-strong; neutral subtle border-input fill.
+ * - pressed: neutral border-input fill with a border-strong edge, no drop shadow.
+ * - focus: the 2px action/focus-ring spread, border-strong edge, no drop shadow.
+ * - disabled: 50% opacity, no drop shadow.
+ * Subtle pressed's 1px edge is an inset shadow so the chip doesn't grow by 2px.
+ *
+ * With `onRemove` the chip is a `span` holding a real remove button (a button can't hold
+ * a button); without it, the chip itself is the button.
+ */
+declare const chipVariants: (props?: ({
+    variant?: "outline" | "subtle" | null | undefined;
+    size?: "md" | "sm" | null | undefined;
+    neutral?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ChipBaseProps = Omit<VariantProps<typeof chipVariants>, 'neutral'> & {
+    tone?: BadgeTone;
+    /** A status dot before the label. */
+    dot?: boolean;
+    /** A 16px avatar before the label (an initials avatar or an image). */
+    avatar?: React.ReactNode;
+    /** Shows the close button; called when it's clicked. */
+    onRemove?: () => void;
+    /** Accessible name of the remove button. Defaults to "Remove <label>". */
+    removeLabel?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+};
+export type ChipProps = ChipBaseProps & Omit<React.ComponentProps<'button'>, keyof ChipBaseProps> & {
+    'data-force'?: 'hover' | 'focus' | 'pressed';
+};
+export declare function Chip({ className, variant, size, tone, dot, avatar, onRemove, removeLabel, disabled, children, type, ...props }: ChipProps): React.JSX.Element;
+/** The 16px initials avatar from Figma (Avatar 992:20199 at size 16): tone-bg, 7px semibold tone-fg. */
+export declare function ChipAvatar({ initials, tone, className }: {
+    initials: string;
+    tone?: BadgeTone;
+    className?: string;
+}): React.JSX.Element;
+export { chipVariants };

package/components/chip.js

@@ -0,0 +1,4 @@
+'use client';export { Chip, ChipAvatar, chipVariants } from '../chunk-3ERGAHKA.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=chip.js.map
+//# sourceMappingURL=chip.js.map

package/components/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chip.js"}

package/components/citations.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+/**
+ * Citations and sources, 1:1 with the uiKit design (🆕 citations): where an answer comes from.
+ *
+ * - `Citation`: a numbered chip right after the claim — 16 high, text/xs medium on bg/muted,
+ *   radius-sm; hover bg/hover with a border/strong ring. Resting on it (or focusing it) opens a
+ *   HoverCard with the source: logo and where it lives, the title, and the quoted passage.
+ * - `Sources`: under the message, a pill with the sources' logos stacked and "3 sources"; it
+ *   opens into the list — number, logo, title, where it lives — each row a link.
+ *
+ * A source's `icon` is its logo (an app's or a site's favicon); without one it gets a tile with
+ * its first letter, so a missing favicon never leaves a hole.
+ */
+export interface CitationSource {
+    title: string;
+    /** Where it comes from: the app or site, "Notion" or "freshfarm.pl". */
+    origin?: string;
+    href?: string;
+    /** A 16px logo or favicon. */
+    icon?: React.ReactNode;
+    /** The passage the answer relies on, shown in the preview. */
+    quote?: string;
+}
+export interface CitationProps {
+    /** 1-based, as in the Sources list. */
+    index: number;
+    source: CitationSource;
+    className?: string;
+}
+export declare function Citation({ index, source, className }: CitationProps): React.JSX.Element;
+export interface SourcesProps {
+    sources: CitationSource[];
+    /** Start with the list open. */
+    defaultOpen?: boolean;
+    className?: string;
+}
+export declare function Sources({ sources, defaultOpen, className }: SourcesProps): React.JSX.Element;

package/components/citations.js

@@ -0,0 +1,5 @@
+'use client';export { Citation, Sources } from '../chunk-6C7CGJX2.js';
+import '../chunk-HRKPV66B.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=citations.js.map
+//# sourceMappingURL=citations.js.map

package/components/citations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"citations.js"}

package/components/code-block.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface CodeBlockProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    code: string;
+    filename?: string;
+    view?: 'code' | 'diff';
+    showHeader?: boolean;
+    showActions?: boolean;
+    /** 1-based line numbers to mark (code view). */
+    highlightLines?: number[];
+    /** Turn syntax colours off for plain output such as logs. */
+    highlight?: boolean;
+}
+export declare function CodeBlock({ code, filename, view, showHeader, showActions, highlightLines, highlight, className, ...props }: CodeBlockProps): React.JSX.Element;

package/components/code-block.js

@@ -0,0 +1,5 @@
+'use client';export { CodeBlock } from '../chunk-A5XEM3GF.js';
+import '../chunk-HNQUX43Z.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=code-block.js.map
+//# sourceMappingURL=code-block.js.map

package/components/code-block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"code-block.js"}

package/components/combobox.d.ts

@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { type SelectOption } from './select.js';
+/**
+ * Combobox, 1:1 with the uiKit `Combobox` set (4023:3549): Select's field, opening a searchable
+ * list. The panel is the menu surface at the field's width (240 at least): a 36px search row
+ * (16px icon, 14px query, 12px in) over a border/subtle rule, then the matching options as
+ * inline menu rows 2px apart in 4px of padding.
+ *
+ * Single: a pick fills the field with its label and closes the list. Multiple: each pick
+ * toggles and the list stays open; the field shows the picks as small outline chips, 4px
+ * apart, each with its own remove button, and grows a row at a time as they wrap. The chips sit
+ * 3px from the field's edge, so their labels start where a value's text would. With more than
+ * one pick, Clear (the xs tertiary button) shows on the label's line at the field's right edge.
+ *
+ * `footer` adds Cancel (secondary) and Apply (primary) under a border/subtle rule, 8px in: picks
+ * then wait for Apply, which stays disabled until something is picked; Cancel or Escape drops
+ * them.
+ *
+ * Typing filters by label and description. Arrow keys move the highlight, Enter picks it, the
+ * pointer highlights what it is over. The query field is a `combobox` that owns the `listbox`.
+ */
+export interface ComboboxProps {
+    options: SelectOption[];
+    /** The applied picks. */
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    multiple?: boolean;
+    /** Cancel and Apply under the list; picks apply only with Apply. */
+    footer?: boolean;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    /** Shown when nothing matches the query. */
+    emptyText?: React.ReactNode;
+    applyLabel?: string;
+    cancelLabel?: string;
+    clearLabel?: string;
+    label?: React.ReactNode;
+    hint?: React.ReactNode;
+    error?: React.ReactNode | boolean;
+    size?: 'sm' | 'md' | 'lg';
+    leadingIcon?: React.ReactNode;
+    disabled?: boolean;
+    id?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Portal target. Defaults to `document.body`. */
+    container?: HTMLElement | null;
+    /** Keep focus where it is when the panel opens (inline previews). */
+    onOpenAutoFocus?: (event: Event) => void;
+    /** A press outside the panel; `preventDefault()` keeps it open. */
+    onInteractOutside?: (event: Event) => void;
+    'aria-label'?: string;
+    wrapperClassName?: string;
+    className?: string;
+}
+export declare function Combobox({ options, value, defaultValue, onValueChange, multiple, footer, placeholder, searchPlaceholder, emptyText, applyLabel, cancelLabel, clearLabel, label, hint, error, size, leadingIcon, disabled, id, open: openProp, defaultOpen, onOpenChange, container, onOpenAutoFocus, onInteractOutside, wrapperClassName, className, ...props }: ComboboxProps): React.JSX.Element;

package/components/combobox.js

@@ -0,0 +1,10 @@
+'use client';export { Combobox } from '../chunk-NSRTTYQ4.js';
+import '../chunk-3ERGAHKA.js';
+import '../chunk-72OCFAPT.js';
+import '../chunk-UBNHSZSE.js';
+import '../chunk-3DINAQLL.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-HNQUX43Z.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=combobox.js.map
+//# sourceMappingURL=combobox.js.map

package/components/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"combobox.js"}

package/components/command-menu.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+/**
+ * Command menu, 1:1 with the uiKit `Command menu` set (4024:3582): the ⌘K palette. A 520px
+ * popover surface (radius-2xl, border/subtle, the shadcn `lg` shadow) with a 48px search row
+ * (16px icon, 14px query, an Esc key, 16px in) over a border/subtle rule; titled groups 8px
+ * apart in 8px of padding, each with a 24px heading (12px medium, text/muted) and inline menu
+ * rows; and a 40px footer of key hints (Navigate, Open on the left, Close on the right).
+ *
+ * Rows are the Dropdown's: a 16px icon, the label, an optional description after it and an
+ * optional `shortcut` (Kbd sm) on the right. The highlighted row takes the menu highlight,
+ * bg/selected, whether the pointer or the arrow keys put it there. The first match is
+ * highlighted; Enter runs it and closes the menu.
+ *
+ * It sits in the middle of the screen (or of its `container`).
+ *
+ * Built on the Radix Dialog (focus trap, Escape, focus back to where it was). With `hotkey`,
+ * ⌘K or Ctrl+K anywhere on the page toggles it.
+ */
+export interface CommandItem {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+    /** Keys that run it outside the menu, e.g. "⌘N". Optional. */
+    shortcut?: string;
+    /** More words to match on. */
+    keywords?: string[];
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+export interface CommandGroup {
+    label: React.ReactNode;
+    items: CommandItem[];
+}
+export interface CommandMenuProps {
+    groups: CommandGroup[];
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Toggle the menu with ⌘K / Ctrl+K. */
+    hotkey?: boolean;
+    placeholder?: string;
+    /** Shown when nothing matches; gets the query. */
+    emptyText?: (query: string) => React.ReactNode;
+    /** Show the footer of key hints. */
+    hints?: boolean;
+    /** Modal blocks the page and shows the overlay; turn it off for inline previews. */
+    modal?: boolean;
+    /** Portal target. Defaults to `document.body`. */
+    container?: HTMLElement | null;
+    onOpenAutoFocus?: (event: Event) => void;
+    className?: string;
+}
+export declare function CommandMenu({ groups, open: openProp, defaultOpen, onOpenChange, hotkey, placeholder, emptyText, hints, modal, container, onOpenAutoFocus, className, }: CommandMenuProps): React.JSX.Element;

package/components/command-menu.js

@@ -0,0 +1,6 @@
+'use client';export { CommandMenu } from '../chunk-P4O6TGDR.js';
+import '../chunk-3DINAQLL.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=command-menu.js.map
+//# sourceMappingURL=command-menu.js.map

package/components/command-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"command-menu.js"}

package/components/context-menu.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { ContextMenu as ContextPrimitive } from 'radix-ui';
+import { type MenuItemContentProps } from './dropdown.js';
+/**
+ * ContextMenu, 1:1 with the uiKit design (🆕 context menu & hover card): DropdownMenu's surface
+ * and rows, opened by right-click (or a long press) on its target, at the pointer. 255 wide, 4px
+ * in, rows 0 apart, separators a 1px bg/muted rule. Shortcuts on the right as Kbd; a submenu row
+ * ends in a text/muted chevron (the kit's `showSubmenu`) and opens beside it, 4px off; destructive
+ * rows are action/destructive/fg (red-400 in dark), icon included, and go last.
+ *
+ * Built on the Radix ContextMenu: arrow keys, typeahead, Escape, Shift+F10 / the menu key on the
+ * focused target.
+ */
+export interface ContextMenuProps {
+    /** What right-click opens the menu on. Rendered with `asChild`, so pass one element. */
+    trigger: React.ReactNode;
+    /** `ContextMenuItem`s, `ContextMenuSub`s and `ContextMenuSeparator`s. */
+    children: React.ReactNode;
+    onOpenChange?: (open: boolean) => void;
+    /** Portal target. Defaults to `document.body`. */
+    container?: HTMLElement | null;
+    /** Modal menus block the rest of the page while open. */
+    modal?: boolean;
+    /** Focus moved outside a non-modal menu; call `preventDefault()` to keep it open. */
+    onFocusOutside?: (event: Event) => void;
+    className?: string;
+}
+export declare function ContextMenu({ trigger, children, onOpenChange, container, modal, onFocusOutside, className, }: ContextMenuProps): React.JSX.Element;
+export interface ContextMenuItemProps extends Omit<React.ComponentProps<typeof ContextPrimitive.Item>, 'children'>, Pick<MenuItemContentProps, 'icon' | 'shortcut' | 'description'> {
+    label: string;
+    /** Deletes or removes: action/destructive/fg, and best placed last. */
+    destructive?: boolean;
+}
+export declare function ContextMenuItem({ label, icon, shortcut, description, destructive, className, ...props }: ContextMenuItemProps): React.JSX.Element;
+export interface ContextMenuSubProps extends Pick<MenuItemContentProps, 'icon'> {
+    label: string;
+    /** The submenu's items. */
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+/** A row that opens a submenu beside it (hover, →, or Enter). */
+export declare function ContextMenuSub({ label, icon, children, disabled }: ContextMenuSubProps): React.JSX.Element;
+/** A 1px bg/muted rule between groups of rows. */
+export declare function ContextMenuSeparator({ className }: {
+    className?: string;
+}): React.JSX.Element;

package/components/context-menu.js

@@ -0,0 +1,6 @@
+'use client';export { ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuSub } from '../chunk-PF3YBUKT.js';
+import '../chunk-3DINAQLL.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=context-menu.js.map
+//# sourceMappingURL=context-menu.js.map

package/components/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"context-menu.js"}

package/components/cookie-consent.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+/**
+ * CookieConsent: what the site stores and the three answers, in one floating card at the
+ * bottom of the page. bg/popover, border/subtle, radius-3xl, the shadcn lg shadow; 20 × 16 in.
+ *
+ * The message (Body/lg, text/muted) is kept to a narrow column so it reads in three short
+ * lines; the actions sit to its right: Customize as a tertiary button in text/muted, then
+ * Reject all as a rounded secondary button and Accept all as the rounded primary one. Below 640px the actions wrap under the message.
+ *
+ * `floating` pins it 16px above the bottom of the viewport, centred; leave it off to place the
+ * card yourself. It is a labelled region, not a modal: the page stays usable behind it.
+ */
+export interface CookieConsentProps extends Omit<React.ComponentProps<'section'>, 'children'> {
+    /** What the site stores and why. */
+    children?: React.ReactNode;
+    onAccept?: () => void;
+    onReject?: () => void;
+    /** Shows Customize; open your settings from here. */
+    onCustomize?: () => void;
+    acceptLabel?: string;
+    rejectLabel?: string;
+    customizeLabel?: string;
+    /** Fixed to the bottom of the viewport, centred, 16px up. */
+    floating?: boolean;
+}
+export declare function CookieConsent({ children, onAccept, onReject, onCustomize, acceptLabel, rejectLabel, customizeLabel, floating, className, 'aria-label': ariaLabel, ...props }: CookieConsentProps): React.JSX.Element;

package/components/cookie-consent.js

@@ -0,0 +1,5 @@
+'use client';export { CookieConsent } from '../chunk-NN6PKJWS.js';
+import '../chunk-HNQUX43Z.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=cookie-consent.js.map
+//# sourceMappingURL=cookie-consent.js.map

package/components/cookie-consent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"cookie-consent.js"}