@crewlethq/ui 0.4.1 → 0.4.3

package/dist/OrgNode/OrgNode.d.ts

@@ -29,7 +29,7 @@ import { type OrgLabelContent } from '../OrgLabel/index.js';
  */
 export type OrgNodeLabelProps = OrgLabelContent;
 /** The icon, name and caption of an org chart node. */
-export declare function OrgNodeLabel(props: OrgNodeLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function OrgNodeLabel(props: OrgNodeLabelProps): import("react").JSX.Element;
 export interface OrgNodeDisclosureProps extends HTMLAttributes<HTMLDivElement> {
     /** The control itself, named and carrying `tabIndex={-1}`. */
     children: ReactNode;
@@ -70,7 +70,7 @@ export interface OrgNodeDisclosureProps extends HTMLAttributes<HTMLDivElement> {
  * hiding) and the caller passes the one thing only the chart knows, which id
  * this is.
  */
-export declare function OrgNodeDisclosure({ children, className, ...rest }: OrgNodeDisclosureProps): import("react/jsx-runtime").JSX.Element;
+export declare function OrgNodeDisclosure({ children, className, ...rest }: OrgNodeDisclosureProps): import("react").JSX.Element;
 export interface OrgNodeLeadProps {
     /**
      * Nothing is set, so the pill is drawn as the outline of one: a unit with no
@@ -100,4 +100,4 @@ export interface OrgNodeLeadProps {
  * not read the leads off. Separated from the name above by a hairline, so the
  * node reads as a thing with a lead rather than as two lines of text.
  */
-export declare function OrgNodeLead({ empty, clear, children, className }: OrgNodeLeadProps): import("react/jsx-runtime").JSX.Element;
+export declare function OrgNodeLead({ empty, clear, children, className }: OrgNodeLeadProps): import("react").JSX.Element;

package/dist/OrgTable/OrgTable.d.ts

@@ -57,7 +57,7 @@ export interface OrgTableProps extends Omit<TreeGridProps, 'className' | 'labels
     ref?: Ref<TreeViewHandle> | undefined;
     className?: string | undefined;
 }
-export declare function OrgTable({ rows, renderCell, tone, controls, labels, ref, className, ...rest }: OrgTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function OrgTable({ rows, renderCell, tone, controls, labels, ref, className, ...rest }: OrgTableProps): import("react").JSX.Element;
 /**
  * A row's mark, name and what kind of thing it is: the org table's name cell.
  *
@@ -74,7 +74,7 @@ export declare function OrgTable({ rows, renderCell, tone, controls, labels, ref
 export interface OrgTableNameProps extends OrgLabelContent {
     tone?: OrgTableTone | undefined;
 }
-export declare function OrgTableName({ tone, ...content }: OrgTableNameProps): import("react/jsx-runtime").JSX.Element;
+export declare function OrgTableName({ tone, ...content }: OrgTableNameProps): import("react").JSX.Element;
 /**
  * The strip of controls at the end of a row.
  *
@@ -87,7 +87,7 @@ export declare function OrgTableName({ tone, ...content }: OrgTableNameProps): i
 export declare function OrgTableActions({ children, className, }: {
     children: ReactNode;
     className?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export interface OrgTableAddProps extends AddPillProps {
     /** Says a press opened it, so the grid's one tab stop follows focus here. */
     onOpen?: (() => void) | undefined;
@@ -110,4 +110,4 @@ export interface OrgTableAddProps extends AddPillProps {
  * would have to carry: the press is on its way down to a control that stops
  * it, and the grid only has to know that it happened.
  */
-export declare function OrgTableAdd({ onOpen, className, ...pill }: OrgTableAddProps): import("react/jsx-runtime").JSX.Element;
+export declare function OrgTableAdd({ onOpen, className, ...pill }: OrgTableAddProps): import("react").JSX.Element;

package/dist/PageHeader/PageHeader.d.ts

@@ -32,4 +32,4 @@ export interface PageHeaderProps extends Omit<HTMLAttributes<HTMLElement>, 'titl
  * The actions are a sibling of the title rather than part of it, so a heading
  * a screen reader reads is the screen's name and not the name plus three verbs.
  */
-export declare function PageHeader({ title, headingLevel, description, badges, actions, titleId, className, children, ...rest }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageHeader({ title, headingLevel, description, badges, actions, titleId, className, children, ...rest }: PageHeaderProps): import("react").JSX.Element;

package/dist/Popover/Popover.d.ts

@@ -87,5 +87,5 @@ export type PopoverReason = DismissReason | 'trigger' | 'content' | 'anchor-gone
  *   on them at the document, and so does a chord with Control, Command or Alt,
  *   which is an application shortcut rather than a key of the panel's.
  */
-export declare function Popover({ trigger, children, align, side, width, role, label, className, open: controlled, defaultOpen, onOpenChange, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function Popover({ trigger, children, align, side, width, role, label, className, open: controlled, defaultOpen, onOpenChange, }: PopoverProps): import("react").JSX.Element;
 export {};

package/dist/PricingCard/PricingCard.d.ts

@@ -42,15 +42,15 @@ interface AmountProps extends HTMLAttributes<HTMLSpanElement> {
     discounted?: boolean;
 }
 export declare const PricingCard: import("react").ForwardRefExoticComponent<PricingCardRootProps & import("react").RefAttributes<HTMLButtonElement>> & {
-    Header: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-    Name: ({ className, children, ...rest }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
-    Tag: ({ variant, className, children, ...rest }: TagProps) => import("react/jsx-runtime").JSX.Element;
-    Price: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-    Amount: ({ strike, discounted, className, children, ...rest }: AmountProps) => import("react/jsx-runtime").JSX.Element;
-    Cadence: ({ className, children, ...rest }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
-    PriceNote: ({ className, children, ...rest }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
-    Body: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-    Grid: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+    Name: ({ className, children, ...rest }: HTMLAttributes<HTMLSpanElement>) => import("react").JSX.Element;
+    Tag: ({ variant, className, children, ...rest }: TagProps) => import("react").JSX.Element;
+    Price: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+    Amount: ({ strike, discounted, className, children, ...rest }: AmountProps) => import("react").JSX.Element;
+    Cadence: ({ className, children, ...rest }: HTMLAttributes<HTMLSpanElement>) => import("react").JSX.Element;
+    PriceNote: ({ className, children, ...rest }: HTMLAttributes<HTMLSpanElement>) => import("react").JSX.Element;
+    Body: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+    Footer: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+    Grid: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
 };
 export {};

package/dist/Prose/Prose.d.ts

@@ -30,4 +30,4 @@ export interface ProseProps extends HTMLAttributes<HTMLElement> {
  * load bearing in a long answer, without turning a long line into a
  * horizontal scroll.
  */
-export declare function Prose({ as: Tag, tone, streaming, dimmed, measure, className, children, ...rest }: ProseProps): import("react/jsx-runtime").JSX.Element;
+export declare function Prose({ as: Tag, tone, streaming, dimmed, measure, className, children, ...rest }: ProseProps): import("react").JSX.Element;

package/dist/RelativeTime/RelativeTime.d.ts

@@ -28,4 +28,4 @@ export interface RelativeTimeProps extends Omit<TimeHTMLAttributes<HTMLTimeEleme
  * than freezing at whatever they were when an unrelated push last happened to
  * re-render the row.
  */
-export declare function RelativeTime({ value, mode, now, emptyLabel, className, ...rest }: RelativeTimeProps): import("react/jsx-runtime").JSX.Element;
+export declare function RelativeTime({ value, mode, now, emptyLabel, className, ...rest }: RelativeTimeProps): import("react").JSX.Element;

package/dist/Section/Section.d.ts

@@ -38,4 +38,4 @@ export interface SectionProps extends Omit<HTMLAttributes<HTMLElement>, 'title'>
  * actually sits, and its contents are one level deeper without anybody
  * counting.
  */
-export declare const Section: ({ as: As, spacing, title, headingLevel, description, actions, className, children, ...rest }: SectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Section: ({ as: As, spacing, title, headingLevel, description, actions, className, children, ...rest }: SectionProps) => import("react").JSX.Element;

package/dist/SegmentedControl/SegmentedControl.d.ts

@@ -97,5 +97,5 @@ export type SegmentedControlProps<T extends string = string> = SegmentedShared<T
  * look like two different controls depending on which component a screen
  * reached for.
  */
-export declare function SegmentedControl<T extends string = string>({ label, options, value, onValueChange, size, className, semantics, panelId, activate, activateHint, }: SegmentedControlProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function SegmentedControl<T extends string = string>({ label, options, value, onValueChange, size, className, semantics, panelId, activate, activateHint, }: SegmentedControlProps<T>): import("react").JSX.Element;
 export {};

package/dist/SidebarNav/SidebarNav.d.ts

@@ -98,7 +98,7 @@ export interface NavItemProps {
     className?: string | undefined;
 }
 /** The navigation region in the rail. */
-export declare function SidebarNav({ label, className, children }: SidebarNavProps): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarNav({ label, className, children }: SidebarNavProps): import("react").JSX.Element;
 export declare namespace SidebarNav {
     var Group: typeof NavGroup;
     var Item: typeof NavItem;
@@ -112,6 +112,6 @@ export declare namespace SidebarNav {
  * `<div>` here still carries the label's own padding, which put sixteen blank
  * pixels at the top of the rail and named a group nothing could read.
  */
-export declare function NavGroup({ label, className, children }: NavGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavGroup({ label, className, children }: NavGroupProps): import("react").JSX.Element;
 /** One row: a glyph, a label, an optional badge, and optionally rows beneath. */
-export declare function NavItem({ label, icon, badge, badgeTone, href, current, disabledReason, renderLink, onClick, children, expanded, defaultExpanded, onExpandedChange, expandLabel, className, }: NavItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavItem({ label, icon, badge, badgeTone, href, current, disabledReason, renderLink, onClick, children, expanded, defaultExpanded, onExpandedChange, expandLabel, className, }: NavItemProps): import("react").JSX.Element;

package/dist/Skeleton/Skeleton.d.ts

@@ -47,4 +47,4 @@ export interface SkeletonProps {
  * it belongs on the region whose content has not arrived, which is the
  * caller's own element rather than this one.
  */
-export declare const Skeleton: ({ label, ...placeholder }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Skeleton: ({ label, ...placeholder }: SkeletonProps) => import("react").JSX.Element;

package/dist/StatCard/StatCard.d.ts

@@ -53,4 +53,4 @@ export interface StatCardProps extends HTMLAttributes<HTMLDivElement> {
  * says the number has not arrived, which is a different fact from the number
  * being zero.
  */
-export declare const StatCard: ({ label, value, unit, sub, icon, tone, loading, loadingLabel, flush, className, ...rest }: StatCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StatCard: ({ label, value, unit, sub, icon, tone, loading, loadingLabel, flush, className, ...rest }: StatCardProps) => import("react").JSX.Element;

package/dist/StatGroup/StatGroup.d.ts

@@ -17,4 +17,4 @@ export interface StatGroupProps extends HTMLAttributes<HTMLDivElement> {
  * md breakpoint it drops to two columns, which is the last count at which a
  * six-character number still fits on one line of a phone.
  */
-export declare function StatGroup({ columns, className, children, ...rest }: StatGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatGroup({ columns, className, children, ...rest }: StatGroupProps): import("react").JSX.Element;

package/dist/StatusDot/StatusDot.d.ts

@@ -22,4 +22,4 @@ export interface StatusDotProps {
  * it can sit on, because a mark is read the way a glyph is rather than the way
  * text is.
  */
-export declare function StatusDot({ tone, pulse, className }: StatusDotProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusDot({ tone, pulse, className }: StatusDotProps): import("react").JSX.Element;

package/dist/Table/Table.d.ts

@@ -48,4 +48,4 @@ export interface TableProps {
     maxHeight?: string;
     className?: string;
 }
-export declare const Table: ({ headers, data, caption, captionHidden, emptyMessage, actionButton, maxHeight, className, }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ headers, data, caption, captionHidden, emptyMessage, actionButton, maxHeight, className, }: TableProps) => import("react").JSX.Element;

package/dist/Tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export type TabsVariant = 'pill' | 'underline';
 export type TabsSize = 'sm' | 'md';
 export interface TabsItem {
@@ -79,7 +79,7 @@ export declare function tabId(panelId: string, value: string): string;
  * says. In router mode that IS what the items are, so the root becomes a
  * `nav`, the tab roles go, and the consumer's own link carries the state.
  */
-export declare function Tabs({ items, variant, size, ariaLabel, className, value, onValueChange, panelId, renderItem, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ items, variant, size, ariaLabel, className, value, onValueChange, panelId, renderItem, }: TabsProps): React.JSX.Element;
 export interface TabPanelProps {
     /** The same id the row was given as `panelId`. */
     id: string;
@@ -94,4 +94,4 @@ export interface TabPanelProps {
  * It keeps the layout it sits in, so wrapping a screen's sections in one
  * changes nothing a reader can see and everything a screen reader hears.
  */
-export declare function TabPanel({ id, value, children, className }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabPanel({ id, value, children, className }: TabPanelProps): React.JSX.Element;

package/dist/Tag/Tag.d.ts

@@ -103,5 +103,5 @@ export type TagProps = StaticTagProps | InteractiveTagProps;
  * the radius, the type and the padding, is identical, so a row still reads as
  * one set.
  */
-export declare function Tag(props: TagProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tag(props: TagProps): import("react").JSX.Element;
 export {};

package/dist/TagGroup/TagGroup.d.ts

@@ -38,4 +38,4 @@ export interface TagGroupProps {
  * expansion still works and the announcer says loudly that nothing was said,
  * which is the point of it being one region rather than one per component.
  */
-export declare function TagGroup({ label, max, moreLabel, expandedMessage, className, children, }: TagGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function TagGroup({ label, max, moreLabel, expandedMessage, className, children, }: TagGroupProps): import("react").JSX.Element;

package/dist/TagsInput/index.js

@@ -1,10 +1,10 @@
-export { TagsInput } from '../chunk-RDGD7Z7I.js';
+export { TagsInput } from '../chunk-BJSKPEZI.js';
 import '../chunk-S2XHHEW4.js';
 import '../chunk-PZSWF74H.js';
 import '../chunk-GTOUGQQK.js';
+import '../chunk-RSAQOKH3.js';
 import '../chunk-7RPGY3JE.js';
 import '../chunk-ITHXJHBB.js';
 import '../chunk-F27EPQ7D.js';
-import '../chunk-RSAQOKH3.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Text/Text.d.ts

@@ -64,4 +64,4 @@ export interface TextProps extends HTMLAttributes<HTMLElement> {
  * because those four move as one. `tone` overrides only the ink, for the case
  * where the same register carries a quieter fact.
  */
-export declare function Text({ as: Tag, variant, tone, mono, numeric, truncate, clamp, measure, className, children, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
+export declare function Text({ as: Tag, variant, tone, mono, numeric, truncate, clamp, measure, className, children, ...rest }: TextProps): import("react").JSX.Element;

package/dist/ThemeSwitcher/ThemeSwitcher.d.ts

@@ -21,7 +21,7 @@ export interface ThemeSwitcherProps {
  * EACH OPTION IS A WORD, not a picture of one. The glyphs are the whole of
  * what is drawn, so without a spoken name the row is three unnamed buttons.
  */
-export declare function ThemeSwitcher({ storageKey, label, lightLabel, systemLabel, darkLabel, size, className, }: ThemeSwitcherProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeSwitcher({ storageKey, label, lightLabel, systemLabel, darkLabel, size, className, }: ThemeSwitcherProps): import("react").JSX.Element;
 export interface DensitySwitcherProps {
     storageKey?: string;
     label?: string;
@@ -44,4 +44,4 @@ export interface DensitySwitcherProps {
  * nothing: a reader was offered "S" and left to guess. The mark stays, and
  * each option is called Compact, Normal or Comfortable.
  */
-export declare function DensitySwitcher({ storageKey, label, compactLabel, normalLabel, comfortableLabel, compactMark, normalMark, comfortableMark, size, className, }: DensitySwitcherProps): import("react/jsx-runtime").JSX.Element;
+export declare function DensitySwitcher({ storageKey, label, compactLabel, normalLabel, comfortableLabel, compactMark, normalMark, comfortableMark, size, className, }: DensitySwitcherProps): import("react").JSX.Element;

package/dist/TimeWindowPicker/TimeWindowPicker.d.ts

@@ -228,4 +228,4 @@ export declare function describeTimeWindow(value: TimeWindowValue, options?: Tim
  * picture nobody hears, and the calendar is still the shared [CalendarGrid],
  * so the same keyboard works here as in every other picker.
  */
-export declare function TimeWindowPicker({ value, onChange, defaultValue, presets, allowRelative, allowAbsolute, allowCustom, bounds, firstDayOfWeek, ariaLabel, className, disabled, size, labels: labelOverrides, }: TimeWindowPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimeWindowPicker({ value, onChange, defaultValue, presets, allowRelative, allowAbsolute, allowCustom, bounds, firstDayOfWeek, ariaLabel, className, disabled, size, labels: labelOverrides, }: TimeWindowPickerProps): import("react").JSX.Element;

package/dist/Timeline/Timeline.d.ts

@@ -27,7 +27,7 @@ export interface TimelineProps extends HTMLAttributes<HTMLOListElement> {
  * flat stack of look-alike rows. Bounded to its own item, every step is
  * delimited and the ledger still ends where its last step's content ends.
  */
-export declare function Timeline({ itemLabel, alternating, className, children, ...rest }: TimelineProps): import("react/jsx-runtime").JSX.Element;
+export declare function Timeline({ itemLabel, alternating, className, children, ...rest }: TimelineProps): import("react").JSX.Element;
 export declare namespace Timeline {
     var Item: typeof TimelineItem;
 }
@@ -48,4 +48,4 @@ export interface TimelineItemProps extends LiHTMLAttributes<HTMLLIElement> {
  * every item including the last, so appending one changes nothing about the
  * items already drawn.
  */
-export declare function TimelineItem({ state, marker, label, className, children, ...rest }: TimelineItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimelineItem({ state, marker, label, className, children, ...rest }: TimelineItemProps): import("react").JSX.Element;

package/dist/Toaster/Toaster.d.ts

@@ -105,4 +105,4 @@ export interface ToastProviderProps {
  * That surface mounts a provider of its own inside its `LayerHost`, and
  * `useToast` inside it finds the nearest one.
  */
-export declare function ToastProvider({ children, position, renderAction, max }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToastProvider({ children, position, renderAction, max }: ToastProviderProps): import("react").JSX.Element;

package/dist/Toolbar/Toolbar.d.ts

@@ -39,7 +39,7 @@ export interface ToolbarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role
     sticky?: boolean | undefined;
     children?: ReactNode;
 }
-export declare function Toolbar({ label, mode, sticky, className, children, ...rest }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Toolbar({ label, mode, sticky, className, children, ...rest }: ToolbarProps): import("react").JSX.Element;
 export declare namespace Toolbar {
     var Wide: typeof ToolbarWide;
     var Overflow: typeof ToolbarOverflow;
@@ -51,7 +51,7 @@ export interface ToolbarSlotProps extends HTMLAttributes<HTMLDivElement> {
  * The controls that fold away on a narrow screen. They are drawn above the
  * shell breakpoint and gone below it, where `Toolbar.Overflow` takes over.
  */
-export declare function ToolbarWide({ className, children, ...rest }: ToolbarSlotProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolbarWide({ className, children, ...rest }: ToolbarSlotProps): import("react").JSX.Element;
 /**
  * What stands in for them: a Menu holding the same actions, drawn only below
  * the breakpoint. Two elements rather than one that measures itself, because a
@@ -59,4 +59,4 @@ export declare function ToolbarWide({ className, children, ...rest }: ToolbarSlo
  * the only width that decides anything here is the one the stylesheet already
  * switches the shell at.
  */
-export declare function ToolbarOverflow({ className, children, ...rest }: ToolbarSlotProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolbarOverflow({ className, children, ...rest }: ToolbarSlotProps): import("react").JSX.Element;

package/dist/Tooltip/Tooltip.d.ts

@@ -48,4 +48,4 @@ export interface TooltipProps {
  * control has a name already, and replacing it with the hint is how a Close
  * button came to be announced as "Closing is unavailable until this finishes".
  */
-export declare function Tooltip({ content, placement, disabled, openDelay, closeDelay, className, children, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ content, placement, disabled, openDelay, closeDelay, className, children, }: TooltipProps): import("react").JSX.Element;

package/dist/TreeCanvas/TreeCanvas.d.ts

@@ -381,4 +381,4 @@ export interface TreeCanvasProps {
     ref?: Ref<TreeCanvasHandle> | undefined;
     className?: string | undefined;
 }
-export declare function TreeCanvas({ label, nodes, cards, cardOf, renderCard, renderUnder, cardOutline, cardTone, appearance, ranks, connector, onNodeKey, onNodeKeyDown, hasNodeMenu, selectedId, onSelect, anchorNode, overlay, controlsPlacement, controlsExtra, controlsBelow, hint, dimmed, composing, labels, ref, className, }: TreeCanvasProps): import("react/jsx-runtime").JSX.Element;
+export declare function TreeCanvas({ label, nodes, cards, cardOf, renderCard, renderUnder, cardOutline, cardTone, appearance, ranks, connector, onNodeKey, onNodeKeyDown, hasNodeMenu, selectedId, onSelect, anchorNode, overlay, controlsPlacement, controlsExtra, controlsBelow, hint, dimmed, composing, labels, ref, className, }: TreeCanvasProps): import("react").JSX.Element;

package/dist/TreeGrid/TreeGrid.d.ts

@@ -139,4 +139,4 @@ export interface TreeGridProps {
     ref?: Ref<TreeViewHandle> | undefined;
     className?: string | undefined;
 }
-export declare function TreeGrid({ label, columns, rows: forest, renderCell, cellHasControl, onRowKey, onRowKeyDown, hasRowMenu, addRow, selectedId, onSelect, readOnly, labels, ref, className, }: TreeGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function TreeGrid({ label, columns, rows: forest, renderCell, cellHasControl, onRowKey, onRowKeyDown, hasRowMenu, addRow, selectedId, onSelect, readOnly, labels, ref, className, }: TreeGridProps): import("react").JSX.Element;

package/dist/VisuallyHidden/VisuallyHidden.d.ts

@@ -20,4 +20,4 @@ export interface VisuallyHiddenProps {
  * spoken form of a shortcut whose keycaps are drawn as symbols, the name of a
  * column whose header is an icon, and the reason a disabled control gives.
  */
-export declare function VisuallyHidden({ as: Tag, id, className, children }: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;
+export declare function VisuallyHidden({ as: Tag, id, className, children }: VisuallyHiddenProps): import("react").JSX.Element;

package/dist/generated/index.js

@@ -11,7 +11,7 @@ export { StatGroup } from '../chunk-QNCVHRZL.js';
 export { Switch } from '../chunk-EV6IMYJ6.js';
 export { Table } from '../chunk-FEFTGVMF.js';
 export { TagGroup } from '../chunk-V2XMNLMS.js';
-export { TagsInput } from '../chunk-RDGD7Z7I.js';
+export { TagsInput } from '../chunk-BJSKPEZI.js';
 export { SearchTrigger } from '../chunk-Q4ZPPART.js';
 export { Section } from '../chunk-A2UXBCLO.js';
 export { SegmentedControl } from '../chunk-6ZFVFA56.js';
@@ -32,7 +32,7 @@ export { StatusDot } from '../chunk-PZSWF74H.js';
 export { Prose } from '../chunk-JCSA3XVH.js';
 export { Link } from '../chunk-2ZQMA2WB.js';
 export { List, ListItem } from '../chunk-HZ5XZNPS.js';
-export { ListInput } from '../chunk-EN6K2IFA.js';
+export { ListInput } from '../chunk-LFJ6UJTI.js';
 export { Meter, meterTone, progressTone } from '../chunk-YODNNSZL.js';
 export { NewItemsNotice } from '../chunk-YLYOWZ4V.js';
 export { useFullscreen } from '../chunk-XDTYBF2F.js';
@@ -79,13 +79,13 @@ export { DisclosureAnatomy } from '../chunk-5KPQ6D7N.js';
 export { Count } from '../chunk-BHHIIK3M.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
 export { ADD_PILL_MS, AddPill } from '../chunk-S4GZWSKR.js';
+export { Announcer, announce, useAnnouncer } from '../chunk-RSAQOKH3.js';
+export { AVATAR_SIZES, Avatar, avatarPixels, avatarSquareCorner, avatarTint, getInitials } from '../chunk-PNFASD6F.js';
+export { BrandLockup } from '../chunk-WNI2WSJF.js';
 export { AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-MNAXYY3R.js';
 export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, outsideBounds, placePopup, useLayerContainer, viewportBounds } from '../chunk-7RPGY3JE.js';
 export { focusables, isComposing, isModalLayerOpen, layerCount, useBodyScrollLock, useModalLayer, usePopupLayer } from '../chunk-ITHXJHBB.js';
 export { IconButton } from '../chunk-F27EPQ7D.js';
-export { AVATAR_SIZES, Avatar, avatarPixels, avatarSquareCorner, avatarTint, getInitials } from '../chunk-PNFASD6F.js';
-export { Announcer, announce, useAnnouncer } from '../chunk-RSAQOKH3.js';
-export { BrandLockup } from '../chunk-WNI2WSJF.js';
 export { Button, ButtonLink } from '../chunk-BZYDZBAN.js';
 export { VisuallyHidden } from '../chunk-BZFWDIV6.js';
 export { cx } from '../chunk-ODEQTPFM.js';

package/dist/index.js

@@ -11,7 +11,7 @@ export { StatGroup } from './chunk-QNCVHRZL.js';
 export { Switch } from './chunk-EV6IMYJ6.js';
 export { Table } from './chunk-FEFTGVMF.js';
 export { TagGroup } from './chunk-V2XMNLMS.js';
-export { TagsInput } from './chunk-RDGD7Z7I.js';
+export { TagsInput } from './chunk-BJSKPEZI.js';
 export { SearchTrigger } from './chunk-Q4ZPPART.js';
 export { Section } from './chunk-A2UXBCLO.js';
 export { SegmentedControl } from './chunk-6ZFVFA56.js';
@@ -32,7 +32,7 @@ export { StatusDot } from './chunk-PZSWF74H.js';
 export { Prose } from './chunk-JCSA3XVH.js';
 export { Link } from './chunk-2ZQMA2WB.js';
 export { List, ListItem } from './chunk-HZ5XZNPS.js';
-export { ListInput } from './chunk-EN6K2IFA.js';
+export { ListInput } from './chunk-LFJ6UJTI.js';
 export { Meter, meterTone, progressTone } from './chunk-YODNNSZL.js';
 export { NewItemsNotice } from './chunk-YLYOWZ4V.js';
 export { useFullscreen } from './chunk-XDTYBF2F.js';
@@ -79,13 +79,13 @@ export { DisclosureAnatomy } from './chunk-5KPQ6D7N.js';
 export { Count } from './chunk-BHHIIK3M.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from './chunk-PQADV6P6.js';
 export { ADD_PILL_MS, AddPill } from './chunk-S4GZWSKR.js';
+export { Announcer, announce, useAnnouncer } from './chunk-RSAQOKH3.js';
+export { AVATAR_SIZES, Avatar, avatarPixels, avatarSquareCorner, avatarTint, getInitials } from './chunk-PNFASD6F.js';
+export { BrandLockup } from './chunk-WNI2WSJF.js';
 export { AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from './chunk-MNAXYY3R.js';
 export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, outsideBounds, placePopup, useLayerContainer, viewportBounds } from './chunk-7RPGY3JE.js';
 export { focusables, isComposing, isModalLayerOpen, layerCount, useBodyScrollLock, useModalLayer, usePopupLayer } from './chunk-ITHXJHBB.js';
 export { IconButton } from './chunk-F27EPQ7D.js';
-export { AVATAR_SIZES, Avatar, avatarPixels, avatarSquareCorner, avatarTint, getInitials } from './chunk-PNFASD6F.js';
-export { Announcer, announce, useAnnouncer } from './chunk-RSAQOKH3.js';
-export { BrandLockup } from './chunk-WNI2WSJF.js';
 export { Button, ButtonLink } from './chunk-BZYDZBAN.js';
 export { VisuallyHidden } from './chunk-BZFWDIV6.js';
 export { cx } from './chunk-ODEQTPFM.js';

package/dist/utils/headingLevel.d.ts

@@ -7,7 +7,7 @@ export interface HeadingLevelProviderProps {
     children?: ReactNode;
 }
 /** Declares the level a surface's contents start at. */
-export declare function HeadingLevelProvider({ level, children }: HeadingLevelProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function HeadingLevelProvider({ level, children }: HeadingLevelProviderProps): import("react").JSX.Element;
 /** The level a heading rendered here should be. Defaults to 2, under a page title. */
 export declare function useHeadingLevel(): HeadingLevel;
 /** One level deeper, clamped at 6. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
   "license": "MIT",
   "repository": {
@@ -42,8 +42,8 @@
     "clean": "rm -rf dist src/generated"
   },
   "dependencies": {
-    "@crewlethq/icons": "0.4.1",
-    "@crewlethq/tokens": "0.4.1"
+    "@crewlethq/icons": "0.4.3",
+    "@crewlethq/tokens": "0.4.3"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -51,9 +51,9 @@
   },
   "devDependencies": {
     "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
+    "@types/react-dom": "^19.3.0",
     "react": "^19.2.3",
-    "react-dom": "^19.2.3",
+    "react-dom": "^19.3.0",
     "tsup": "^8.3.5"
   },
   "publishConfig": {

package/scripts/check-css-variables.mjs

@@ -80,6 +80,7 @@ function tokenNames() {
   } catch (error) {
     throw new Error(
       `cannot resolve @crewlethq/tokens/css (${error.message}). Build the tokens package first: npm run build --workspace @crewlethq/tokens`,
+      { cause: error },
     );
   }
   const directory = dirname(tokensCss);

package/dist/{chunk-RDGD7Z7I.js → chunk-BJSKPEZI.js}

@@ -1,8 +1,8 @@
 import { Tag } from './chunk-S2XHHEW4.js';
 import { useListbox } from './chunk-GTOUGQQK.js';
+import { announce } from './chunk-RSAQOKH3.js';
 import { isComposing } from './chunk-ITHXJHBB.js';
 import { IconButton } from './chunk-F27EPQ7D.js';
-import { announce } from './chunk-RSAQOKH3.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TagsInput-W4P36PRJ.css';
 import { forwardRef, useState, useRef, useId, useImperativeHandle, useEffect, useMemo, useLayoutEffect } from 'react';

package/dist/{chunk-EN6K2IFA.js → chunk-LFJ6UJTI.js}

@@ -1,8 +1,8 @@
 import { Kbd } from './chunk-SFZOKW2G.js';
 import { FormField, Textarea, Input } from './chunk-O6232G37.js';
+import { announce } from './chunk-RSAQOKH3.js';
 import { isComposing } from './chunk-ITHXJHBB.js';
 import { IconButton } from './chunk-F27EPQ7D.js';
-import { announce } from './chunk-RSAQOKH3.js';
 import './ListInput-O7LJKOIG.css';
 import { useState, useRef, useLayoutEffect } from 'react';
 import { ArrowUpwardGlyph, ArrowDownwardGlyph, CloseGlyph, AddGlyph } from '@crewlethq/icons/glyphs';