@justanarthur/modo-ui 0.6.0-canary.8 → 0.6.0

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

@@ -1,134 +1,46 @@
-import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
-import { ComponentProps, HTMLAttributes, ReactElement as ReactElement2, ReactNode as ReactNode2, RefObject } from "react";
-import { ButtonHTMLAttributes, ReactElement, ReactNode } from "react";
-interface SlotProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-	/** The element that becomes the control, e.g. a Button. Children fill it when it has none of its own. */
-	render?: ReactElement;
-	/** Compose onto the single child instead. Both spellings work in both flavors. Defaults to `false`. */
-	asChild?: boolean;
-	/** Control content when there is no render element, or the content of a render element that has none of its own. */
-	children?: ReactNode;
-	/** Whether the render element is a native `<button>`: pass `false` for a `<div>` or a link, so Base UI adds the button role and keyboard handling itself. Parts not built on a Base UI button ignore it. Defaults to `true`. */
-	nativeButton?: boolean;
-}
+import { ReactNode, RefObject } from "react";
 import { JSX as JSX_1kxb } from "react";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
-import { RefAttributes as RefAttributes_miuf56 } from "react";
 type Element_12xgc = JSX_1kxb["Element"];
 declare function TooltipPortalContainer({ value, children }: {
 	value: HTMLElement | null;
-	children: ReactNode2;
+	children: ReactNode;
 }): Element_12xgc;
 interface TooltipProviderProps {
-	children: ReactNode2;
+	children: ReactNode;
 	/** Hover delay before tooltips open, in ms. Defaults to 200. */
-	delay?: number;
-	/** Delay before a tooltip closes once the pointer leaves, in ms. Defaults to 0. */
-	closeDelay?: number;
+	delayDuration?: number;
 	/** After a tooltip closes, adjacent tooltips opened within this window
 	*  skip the hover delay, in ms. Defaults to 300. */
-	timeout?: number;
-	/** Radix name for `delay`; `delay` wins when both are set. */
-	delayDuration?: number;
-	/** Radix name for `timeout`; `timeout` wins when both are set. A negative
-	*  value, as some Radix configs use to turn the skip off, counts as 0. */
 	skipDelayDuration?: number;
 }
 /** Groups descendant Tooltips so that once one opens, moving to an adjacent
 *  trigger shows its tooltip instantly instead of re-waiting the full delay.
 *  Wrap once at the app (or section) level; bare Tooltips still work without
-*  it via a per-instance fallback. Takes Base UI's `delay` / `closeDelay` /
-*  `timeout`, or Radix's `delayDuration` / `skipDelayDuration`, so a Radix
-*  provider config can be spread into it. */
-declare function TooltipProvider({ children, delay, closeDelay, timeout, delayDuration, skipDelayDuration }: TooltipProviderProps): Element_12xgc;
+*  it via a per-instance fallback. */
+declare function TooltipProvider({ children, delayDuration, skipDelayDuration }: TooltipProviderProps): Element_12xgc;
 type TooltipSide = "top" | "right" | "bottom" | "left";
-type TooltipCollisionPadding = ComponentProps<typeof TooltipPrimitive.Positioner>["collisionPadding"];
-type TooltipAlign = "start" | "center" | "end";
-interface TooltipRootProps {
-	/** Controlled open state. While set, hover and focus only report through `onOpenChange`. */
-	open?: boolean;
-	/** Initial open state, for an uncontrolled tooltip. Defaults to `false`. */
-	defaultOpen?: boolean;
-	/** Called when hover, focus or Escape would open or close the tooltip. */
-	onOpenChange?: (open: boolean) => void;
-	/** Hover delay before this tooltip opens, in ms. Defaults to the surrounding TooltipProvider's, else 200. */
-	delay?: number;
-	/** Radix name for `delay`. */
-	delayDuration?: number;
-	/** Delay before it closes once the pointer leaves, in ms. Defaults to the surrounding TooltipProvider's, else 0. */
-	closeDelay?: number;
-	/** Follow the cursor along one axis while hovering the trigger (see Tooltip's `followCursor`). */
-	followCursor?: "x" | "y";
-	/** A `Tooltip.Trigger` and a `Tooltip.Content`. */
-	children?: ReactNode2;
-}
-/** The state of one compound tooltip: open state, what opened it, the delays and the cursor axis. */
-declare function TooltipRoot({ open: openProp, defaultOpen, onOpenChange, delay: delayProp, delayDuration, closeDelay, followCursor, children }: TooltipRootProps): Element_12xgc;
-type TooltipTriggerProps = SlotProps;
-/** The element the tooltip describes: `render={<Button/>}`, Radix-style `asChild`, or a plain button around `children`. */
-declare const TooltipTrigger: ForwardRefExoticComponent_tcubfn<SlotProps & RefAttributes_miuf56<HTMLButtonElement>>;
-interface TooltipContentProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "className"> {
-	/** The label. */
-	children?: ReactNode2;
-	/** An element to render the label as, inside the inverted surface; the label goes inside it. */
-	render?: ReactElement2;
-	/** Radix-style: the single child element is the label, rendered as-is inside the surface. Defaults to `false`. */
-	asChild?: boolean;
-	/** Preferred side of the trigger; flips when it would collide with the viewport edge. Defaults to `"top"`. */
-	side?: TooltipSide;
-	/** Alignment against the trigger along that side. Defaults to `"center"`. */
-	align?: TooltipAlign;
-	/** Distance in pixels between the tooltip and the trigger. Defaults to `8`. */
-	sideOffset?: number;
-	/** Shift in pixels along the alignment axis. Defaults to `0`. */
-	alignOffset?: number;
-	/** Space kept between the label and the edge of its collision boundary, in px or per side. Defaults to Base UI's `5`. */
-	collisionPadding?: TooltipCollisionPadding;
-	/** Classes for the label's surface. */
-	className?: string;
-	/** Classes for the portalled positioner — a z utility here lifts the tooltip above other fixed layers (default z-50). */
-	positionerClassName?: string;
-	/** Where the label grows from (see Morph): the trigger, the pointer, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
-	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject<HTMLElement | null>;
-	/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. `followCursor` tooltips always fade. Defaults to `'goo'`. */
-	effect?: "goo" | "morph" | "slide" | "fade";
-	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'moderate'`. */
-	tier?: "moderate" | "slow";
-}
-/** The inverted label, portalled and positioned next to the trigger, grown out of it through the morph. */
-declare const TooltipContent: ForwardRefExoticComponent_tcubfn<TooltipContentProps & RefAttributes_miuf56<HTMLDivElement>>;
 interface TooltipProps {
-	/** The content displayed inside the tooltip. Leave it out to use `Tooltip` as the root of a compound tooltip (`Tooltip.Trigger` + `Tooltip.Content` inside). */
-	content?: ReactNode2;
-	/** The trigger element, which must accept a ref; or, without `content`, the compound parts. */
-	children?: ReactNode2;
+	/** The content displayed inside the tooltip. */
+	content: ReactNode;
+	/** The trigger element. Must accept a ref. */
+	children: React.ReactElement;
 	/** Preferred side of the trigger to render the tooltip on. Defaults to `"top"`. */
 	side?: TooltipSide;
-	/** Alignment against the trigger along that side. Defaults to `"center"`. */
-	align?: TooltipAlign;
-	/** Distance in pixels between the tooltip and the trigger. Defaults to `8`. */
+	/** Distance in pixels between the tooltip and the trigger. Defaults to 8. */
 	sideOffset?: number;
-	/** Shift in pixels along the alignment axis. Defaults to `0`. */
-	alignOffset?: number;
-	/** Space kept between the tooltip and the edge of its collision boundary, in px or per side. Defaults to Base UI's `5`. */
-	collisionPadding?: TooltipCollisionPadding;
-	/** Hover delay before this tooltip opens, in ms. Defaults to 200, or to the ambient TooltipProvider's delay when one is present. */
+	/** Hover delay before this tooltip opens, in ms. Defaults to 200, or to the
+	*  ambient TooltipProvider's delayDuration when one is present. */
 	delayDuration?: number;
-	/** Base UI name for `delayDuration`. */
-	delay?: number;
-	/** Delay before it closes once the pointer leaves, in ms. Defaults to the ambient TooltipProvider's, else 0. */
-	closeDelay?: number;
 	/** Additional classes applied to the tooltip content container. */
 	className?: string;
-	/** Extra classes for the portalled positioner element — pass a z utility here to lift the whole tooltip above other fixed layers (default z-50). */
+	/** Extra classes for the portalled positioner element — pass a z utility
+	*  here to lift the whole tooltip above other fixed layers (default z-50). */
 	contentClassName?: string;
 	/** When true, forces the tooltip open. When false, forces it closed. When undefined, uses default hover/focus behavior. */
 	forceOpen?: boolean;
-	/** Controlled open state, the Radix spelling of `forceOpen`. */
-	open?: boolean;
-	/** Initial open state, for an uncontrolled tooltip. Defaults to `false`. */
-	defaultOpen?: boolean;
-	/** Follow the cursor along one axis while hovering the trigger — for tall or wide triggers (the Sidebar rail) where a centered tooltip sits far from the pointer. The other axis stays anchored by `side`. */
+	/** Follow the cursor along one axis while hovering the trigger — for tall
+	*  or wide triggers (the Sidebar rail) where a centered tooltip sits far
+	*  from the pointer. The other axis stays anchored by `side`. */
 	followCursor?: "x" | "y";
 	/** Called when the tooltip's internal open state changes (before forceOpen is applied). */
 	onOpenChange?: (open: boolean) => void;
@@ -150,28 +62,14 @@ interface TooltipProps {
 * `followCursor` tracks the pointer along one axis for tall or wide triggers,
 * while the other stays anchored by `side`. Built on Base UI's Tooltip.
 *
-* Leave `content` out and `Tooltip` becomes the root of a compound tooltip:
-* a `Tooltip.Trigger` and a `Tooltip.Content` inside it, the shape Radix
-* code is written in. The label looks and moves the same either way.
-*
 * Statics:
-* - `Tooltip.Root` — `TooltipRoot`: the compound root on its own: `open`,
-*   `defaultOpen`, `onOpenChange`, `delay` (or `delayDuration`),
-*   `closeDelay`, `followCursor`.
-* - `Tooltip.Trigger` — `TooltipTrigger`: the described element,
-*   `render={<Button/>}` or Radix-style `asChild`.
-* - `Tooltip.Content` — `TooltipContent`: the label: `side`, `align`,
-*   `sideOffset`, `alignOffset`, `collisionPadding`, `positionerClassName`, the morph options
-*   `from`, `effect`, `tier`, and `render` or Radix-style `asChild` for the
-*   label's own element; other props land on the popup.
 * - `Tooltip.Provider` — `TooltipProvider`: groups tooltips so moving from
 *   one trigger to an adjacent one skips the hover delay, and the morph: the
-*   next label shows in place. `delay`, `closeDelay`, `timeout`, or Radix's
-*   `delayDuration` and `skipDelayDuration`.
+*   next label shows in place.
 * - `Tooltip.PortalContainer` — `TooltipPortalContainer`: portal every
 *   descendant tooltip into a given element instead of the body.
 *
 * @example {@include ./examples.mdx}
 */
-declare function Tooltip({ content, children, side, align, sideOffset, alignOffset, collisionPadding, delayDuration, delay, closeDelay, className, contentClassName, forceOpen, open, defaultOpen, onOpenChange, followCursor, from, effect, tier }: TooltipProps): Element_12xgc;
-export { Tooltip, TooltipAlign, TooltipContent, TooltipContentProps, TooltipPortalContainer, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipRoot, TooltipRootProps, TooltipSide, TooltipTrigger, TooltipTriggerProps, Tooltip as default };
+declare function Tooltip({ content, children, side, sideOffset, delayDuration, className, contentClassName, forceOpen, onOpenChange: onOpenChangeProp, followCursor, from, effect, tier }: TooltipProps): Element_12xgc;
+export { Tooltip, TooltipPortalContainer, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipSide, Tooltip as default };

package/dist/components/overlays/tooltip/index.js

@@ -1,27 +1,17 @@
 import {
   TooltipPortalContainer2,
   TooltipProvider2,
-  TooltipRoot2,
-  TooltipTrigger2,
-  TooltipContent2,
   Tooltip2,
   tooltip_default
-} from "../../../shared/components-cwg1d0w6.js";
-import"../../../shared/components-mrbaxt8q.js";
-import"../../../shared/components-4y816hwp.js";
-import"../../../shared/components-b1e239g3.js";
-import"../../../shared/components-awra5sff.js";
-import"../../../shared/components-de99ykt7.js";
-import"../../../shared/components-3ey0hzpb.js";
-import"../../../shared/components-71nbt03m.js";
-import"../../../shared/components-gx4h5rbb.js";
-import"../../../shared/components-jcnjay5g.js";
+} from "../../../shared/components-ng72k97e.js";
+import"../../../shared/components-0q0sqfh4.js";
+import"../../../shared/components-hqeq3w9q.js";
+import"../../../shared/components-men63rwj.js";
+import"../../../shared/components-cv16mryv.js";
+import"../../../shared/components-ezxhrmer.js";
 export {
   Tooltip2 as Tooltip,
-  TooltipContent2 as TooltipContent,
   TooltipPortalContainer2 as TooltipPortalContainer,
   TooltipProvider2 as TooltipProvider,
-  TooltipRoot2 as TooltipRoot,
-  TooltipTrigger2 as TooltipTrigger,
   tooltip_default as default
 };

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

@@ -5,10 +5,6 @@ interface TableProps extends HTMLAttributes<HTMLTableElement> {
 	children: ReactNode;
 	/** Pins the table's rows to one step of the size ladder (default 36px, compact 28px — see Sizes). Defaults to the surrounding SizeProvider, else `"default"`. */
 	size?: SizeVariant;
-	/** Below the `md` breakpoint, hide the header and lay each row out as a two-column grid of its cells, each led by its `label`. `stacked={false}` on a `Table.Header` or `Table.Row` keeps that part tabular. Defaults to `false`. */
-	stacked?: boolean;
-	/** Classes for the hover container around the `<table>`, e.g. `overflow-x-auto` for wide tables. */
-	containerClassName?: string;
 }
 /** The root plus its compound parts, typed so `<Table.Row>` type-checks. */
 type TableComponent = ForwardRefExoticComponent<TableProps & RefAttributes<HTMLTableElement>> & {
@@ -17,9 +13,6 @@ type TableComponent = ForwardRefExoticComponent<TableProps & RefAttributes<HTMLT
 	Row: typeof TableRow;
 	Head: typeof TableHead;
 	Cell: typeof TableCell;
-	Footer: typeof TableFooter;
-	Caption: typeof TableCaption;
-	Empty: typeof TableEmpty;
 };
 /**
 * Data table with row hover effects and semantic markup.
@@ -32,68 +25,20 @@ type TableComponent = ForwardRefExoticComponent<TableProps & RefAttributes<HTMLT
 * row to one step of the size ladder; otherwise the table follows the
 * surrounding SizeProvider.
 *
-* A head with `sortDirection` (or `defaultSortDirection`, or `onSort`)
-* becomes a sort button: a press cycles ascending, descending and unsorted,
-* reporting the next direction through `onSort`, and its arrow crossfades
-* into the new one. `stacked` turns rows into two-column cards on small
-* screens, each cell led by its `label`.
-*
-* Statics:
-* - `Table.Header` — `<thead>`; `stacked={false}` keeps it visible on small
-*   screens.
-* - `Table.Body` — `<tbody>`.
-* - `Table.Footer` — `<tfoot>`, for totals: its rows render semibold and stay
-*   out of the hover.
-* - `Table.Row` — `<tr>`: body rows join the hover highlight, numbered in
-*   document order (an explicit `index`, from 0, still wins); header and
-*   footer rows stay out. `stacked={false}` keeps the row tabular.
-* - `Table.Head` — `<th>`: `sortDirection` (`'asc'`, `'desc'` or `false`),
-*   `defaultSortDirection`, `onSort`.
-* - `Table.Cell` — `<td>`: `label`, shown above the value while stacked.
-* - `Table.Caption` — `<caption>`, a muted line below the table.
-* - `Table.Empty` — one row across `colSpan` columns, for an empty or loading
-*   state.
-*
-* Each forwards its ref and native attributes.
+* Parts: `Table.Header` (`<thead>`), `Table.Body` (`<tbody>`), `Table.Row`
+* (`<tr>` — give body rows an `index`, starting at 0, so they join the hover
+* highlight; omit it on header rows), `Table.Head` (`<th>`) and `Table.Cell`
+* (`<td>`). Each forwards its ref and native attributes.
 *
 * @example {@include ./examples.mdx}
 */
 declare const Table: TableComponent;
-interface TableHeaderProps extends HTMLAttributes<HTMLTableSectionElement> {
-	/** `false` keeps the header showing on small screens in a `stacked` table. Defaults to the table's `stacked`. */
-	stacked?: boolean;
-}
-declare const TableHeader: ForwardRefExoticComponent<TableHeaderProps & RefAttributes<HTMLTableSectionElement>>;
+declare const TableHeader: ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & RefAttributes<HTMLTableSectionElement>>;
 declare const TableBody: ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & RefAttributes<HTMLTableSectionElement>>;
-declare const TableFooter: ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & RefAttributes<HTMLTableSectionElement>>;
-declare const TableCaption: ForwardRefExoticComponent<HTMLAttributes<HTMLTableCaptionElement> & RefAttributes<HTMLTableCaptionElement>>;
 interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
-	/** Position among the body rows, from 0. Body rows are numbered in document order without it; set it only to pin a row's place. Header and footer rows never join the hover. */
 	index?: number;
-	/** `false` keeps this row tabular on small screens in a `stacked` table. Defaults to the table's `stacked`. */
-	stacked?: boolean;
 }
 declare const TableRow: ForwardRefExoticComponent<TableRowProps & RefAttributes<HTMLTableRowElement>>;
-type SortDirection = "asc" | "desc" | false;
-interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {
-	/** Controlled sort direction of this column: `'asc'`, `'desc'` or `false` (unsorted). Setting it makes the head a sort button. Pair with `onSort`. */
-	sortDirection?: SortDirection;
-	/** Initial sort direction, for a head that keeps its own; setting it makes the head a sort button. */
-	defaultSortDirection?: SortDirection;
-	/** Called with the next direction when the head is pressed: unsorted → `'asc'` → `'desc'` → `false`. Setting it makes the head a sort button. */
-	onSort?: (direction: SortDirection) => void;
-}
-declare const TableHead: ForwardRefExoticComponent<TableHeadProps & RefAttributes<HTMLTableCellElement>>;
-interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
-	/** The column's name, shown above the value while a `stacked` table lays its rows out as cards. */
-	label?: ReactNode;
-}
-declare const TableCell: ForwardRefExoticComponent<TableCellProps & RefAttributes<HTMLTableCellElement>>;
-interface TableEmptyProps extends HTMLAttributes<HTMLTableRowElement> {
-	/** Number of columns the row spans: the table's column count. */
-	colSpan: number;
-	/** What to say, or a loading indicator. */
-	children?: ReactNode;
-}
-declare const TableEmpty: ForwardRefExoticComponent<TableEmptyProps & RefAttributes<HTMLTableRowElement>>;
-export { SortDirection, Table, TableBody, TableCaption, TableCell, TableCellProps, TableEmpty, TableEmptyProps, TableFooter, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, Table as default };
+declare const TableHead: ForwardRefExoticComponent<ThHTMLAttributes<HTMLTableCellElement> & RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: ForwardRefExoticComponent<TdHTMLAttributes<HTMLTableCellElement> & RefAttributes<HTMLTableCellElement>>;
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableProps, TableRow, TableRowProps, Table as default };

package/dist/components/table/index.js

@@ -2,34 +2,23 @@ import {
   Table2,
   TableHeader2,
   TableBody2,
-  TableFooter2,
-  TableCaption2,
   TableRow2,
   TableHead2,
   TableCell2,
-  TableEmpty2,
   table_default
-} from "../../shared/components-a4evvq8h.js";
-import"../../shared/components-krtx3m5b.js";
-import"../../shared/components-jqpefjsn.js";
-import"../../shared/components-qdm3yh26.js";
-import"../../shared/components-pw06rbxq.js";
-import"../../shared/components-yhgq0qxx.js";
-import"../../shared/components-awra5sff.js";
-import"../../shared/components-dcc02hs2.js";
-import"../../shared/components-tz1fv35x.js";
-import"../../shared/components-de99ykt7.js";
-import"../../shared/components-3ey0hzpb.js";
-import"../../shared/components-h83az0bz.js";
-import"../../shared/components-34txk9rj.js";
-import"../../shared/components-jcnjay5g.js";
+} from "../../shared/components-1434p1mh.js";
+import"../../shared/components-kvr7f9hy.js";
+import"../../shared/components-chacnk61.js";
+import"../../shared/components-59efxjd9.js";
+import"../../shared/components-hqeq3w9q.js";
+import"../../shared/components-jjw69c4c.js";
+import"../../shared/components-men63rwj.js";
+import"../../shared/components-0sn7ypjw.js";
+import"../../shared/components-ezxhrmer.js";
 export {
   Table2 as Table,
   TableBody2 as TableBody,
-  TableCaption2 as TableCaption,
   TableCell2 as TableCell,
-  TableEmpty2 as TableEmpty,
-  TableFooter2 as TableFooter,
   TableHead2 as TableHead,
   TableHeader2 as TableHeader,
   TableRow2 as TableRow,