xedonium 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ankit Yadav
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,74 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+# xedonium
+
+Minimal, theme-aware React + Tailwind UI components, extracted from Boot Bridge.
+Square corners, semantic `app-*` color tokens, light/dark via `<html data-theme>`.
+
+## Install
+
+```bash
+npm i xedonium      # or: yarn add xedonium
+# peers: react, react-dom, tailwindcss ^3.4
+```
+
+## Setup
+
+1. Tailwind config: use the preset and scan the library's files.
+
+```js
+// tailwind.config.js
+import xedonium from 'xedonium/tailwind-preset'
+
+export default {
+	presets: [xedonium],
+	content: ['./index.html', './src/**/*.{js,jsx}', './node_modules/xedonium/dist/**/*.js'],
+}
+```
+
+2. Import the theme tokens + base styles once (before your Tailwind CSS):
+
+```js
+import 'xedonium/styles.css'
+```
+
+3. Wrap your app:
+
+```jsx
+import { ThemeProvider, AppBar, PageLayout, Button } from 'xedonium'
+
+;<ThemeProvider storageKey="my-app-theme">
+	<AppBar brand="My App" />
+	<PageLayout>
+		<Button>Hello</Button>
+	</PageLayout>
+</ThemeProvider>
+```
+
+## What's included
+
+- Layout: `AppShell`, `AppBar`, `Navbar`, `Sidebar`, `PageLayout`, `PageHeader`, `Container`, `Flex`, `Stack`, `Grid`, `Card`, `Dashboard`, `Divider`, `Tabs`, `Breadcrumb`
+- Forms: `Button`, `Field`, `Input`, `Select`, `Checkbox`, `Radio`, `RadioGroup`, `Switch`, `Slider`, `DatePicker`, `DateRangePicker`, `TimePicker`, `FileUpload`
+- Data: `Table`, `DataGrid`, `List`, `SortableList`, `VirtualList`, `Tree`, `Pagination`, `Calendar`, `Carousel`, `Timeline`, `Stepper`, `StatCard`, and charts (`LineChart`, `AreaChart`, `BarChart`, `PieChart`)
+- Feedback and overlays: `Alert`, `Toast`, `Tooltip`, `Modal`, `ConfirmDialog`, `Drawer`, `Popover`, `ActionMenu`, `CommandPalette`, `NotificationCenter`, `Progress`, `Skeleton`, `FanFavicon`, `LoadingScreen`, `RackServer`
+- Media and utilities: `Avatar`, `Image`, `Video`, `Portal`, `FocusTrap`, `ThemeToggle`, plus 14 icons
+- Hooks: `useTimedToast`, `useEscapeKey`, `useDialogFocus`, `useDismissable`, `useFlipAlign`, `useKeyboardShortcuts`, `useLeaveWarning`, `useDocumentTitle(title, suffix)`.
+- Theme: `ThemeProvider`, `useTheme`, `useAppTheme`, `buildFaviconHref`.
+
+`AppBar` has no router dependency. For react-router pass `linkComponent={Link} linkProp="to"`.
+
+Overlay z-indexes can be overridden with `--xd-z-modal`, `--xd-z-toast`, `--xd-z-tooltip`.
+
+## Develop
+
+```bash
+yarn dev     # playground (every component, tabbed) at http://localhost:3100
+yarn build   # dist/ (ESM, CJS, .d.ts, styles.css)
+```
+
+## Docs
+
+Docusaurus site in `docs/` (live examples, uses the built `dist/`). Install once with `yarn --cwd docs install`.
+
+```bash
+yarn docs         # builds the lib, then serves at http://localhost:3000
+yarn docs:build   # static site in docs/build
+```

package/dist/components/ActionMenu.d.ts

@@ -0,0 +1,13 @@
+export default ActionMenu;
+/**
+ * Dropdown of page actions. Closes on outside click and Escape (focus returns to the trigger).
+ * items: [{ key, label, description?, badge?, tone?, disabled?, hasDialog?, onClick }]
+ * `trigger` is the button content; `variant` styles the trigger (e.g. 'warning' to flag pending work).
+ */
+declare function ActionMenu({ label, trigger, variant, items, className }: {
+    label: any;
+    trigger: any;
+    variant?: string;
+    items: any;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/Alert.d.ts

@@ -0,0 +1,10 @@
+export default Alert;
+/** Inline message. tone: info | success | warning | danger. Pass `onClose` to make it dismissible. */
+declare function Alert({ tone, title, onClose, icon, className, children }: {
+    tone?: string;
+    title: any;
+    onClose: any;
+    icon: any;
+    className?: string;
+    children: any;
+}): import("react").JSX.Element;

package/dist/components/AppBar.d.ts

@@ -0,0 +1,18 @@
+export default AppBar;
+/**
+ * Sticky top bar: brand on the left, optional navigation, theme toggle and extra actions on the right.
+ * links: [{ href, label, active?, ...extraLinkProps }].
+ * `linkComponent` swaps in a router link; `linkProp` names its destination prop (e.g. "to" for react-router).
+ */
+declare function AppBar({ brand, logo, brandHref, links, actions, themeToggle, hideBrandOnMobile, linkComponent: Link, linkProp, maxWidth, }: {
+    brand: any;
+    logo: any;
+    brandHref?: string;
+    links?: any[];
+    actions: any;
+    themeToggle?: boolean;
+    hideBrandOnMobile?: boolean;
+    linkComponent?: string;
+    linkProp?: string;
+    maxWidth?: string;
+}): import("react").JSX.Element;

package/dist/components/AppShell.d.ts

@@ -0,0 +1,13 @@
+export default AppShell;
+/**
+ * Application frame: header on top, `sidebar` on the left, scrolling `children` as the main area.
+ * Below the `md` breakpoint the sidebar moves into a Drawer opened from a menu button in the header.
+ * `sidebar` may be a node, or a function `(close) => node` if it should close the drawer on selection.
+ */
+declare function AppShell({ header, sidebar, sidebarTitle, children, className }: {
+    header: any;
+    sidebar: any;
+    sidebarTitle?: string;
+    children: any;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/AreaChart.d.ts

@@ -0,0 +1,6 @@
+export default AreaChart;
+/** LineChart with the area under each line filled. Same props. */
+declare function AreaChart({ label, ...props }: {
+    [x: string]: any;
+    label?: string;
+}): import("react").JSX.Element;

package/dist/components/Avatar.d.ts

@@ -0,0 +1,8 @@
+export default Avatar;
+/** Round avatar: image when `src` loads, otherwise initials from `name`. size: sm | md | lg. */
+declare function Avatar({ src, name, size, className }: {
+    src: any;
+    name: any;
+    size?: string;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/BarChart.d.ts

@@ -0,0 +1,14 @@
+export default BarChart;
+/**
+ * Bar chart. `labels` names the categories; `series: [{ name, values, color? }]` has one value per label.
+ * Multiple series are grouped side by side, or stacked with `stacked`.
+ */
+declare function BarChart({ labels, series, height, stacked, label, legend, className, }: {
+    labels: any;
+    series: any;
+    height?: number;
+    stacked?: boolean;
+    label?: string;
+    legend?: boolean;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/Breadcrumb.d.ts

@@ -0,0 +1,11 @@
+export default Breadcrumb;
+/**
+ * Trail of links ending in the current page. items: [{ label, href? }]; the last item is the current page.
+ * `linkComponent` / `linkProp` swap in a router link, as in AppBar.
+ */
+declare function Breadcrumb({ items, linkComponent: Link, linkProp, className }: {
+    items: any;
+    linkComponent?: string;
+    linkProp?: string;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/Button.d.ts

@@ -0,0 +1,2 @@
+export default Button;
+declare function Button(props: any): import("react").JSX.Element;

package/dist/components/Calendar.d.ts

@@ -0,0 +1,17 @@
+export default Calendar;
+/**
+ * Month calendar. `value` is a Date (or null); `onChange` receives the picked Date.
+ * `rangeStart` / `rangeEnd` highlight a range (used by DateRangePicker). `min` / `max` disable days outside them.
+ * Arrow keys move by day / week, PageUp / PageDown by month, Home / End to the start / end of the week.
+ */
+declare function Calendar({ value, onChange, rangeStart, rangeEnd, min, max, weekStartsOn, locale, className }: {
+    value: any;
+    onChange: any;
+    rangeStart: any;
+    rangeEnd: any;
+    min: any;
+    max: any;
+    weekStartsOn?: number;
+    locale: any;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/Card.d.ts

@@ -0,0 +1,11 @@
+export default Card;
+/** Bordered surface with optional header (title + actions) and footer. */
+declare function Card({ title, subtitle, actions, footer, padded, className, children }: {
+    title: any;
+    subtitle: any;
+    actions: any;
+    footer: any;
+    padded?: boolean;
+    className?: string;
+    children: any;
+}): import("react").JSX.Element;

package/dist/components/Carousel.d.ts

@@ -0,0 +1,15 @@
+export default Carousel;
+/**
+ * Slide carousel; each child is one slide. Controlled with `index` + `onIndexChange`, or uncontrolled via
+ * `defaultIndex`. `autoPlay` (ms) advances automatically and pauses on hover / focus. `loop` wraps around.
+ */
+declare function Carousel({ children, index, defaultIndex, onIndexChange, autoPlay, loop, label, className, }: {
+    children: any;
+    index: any;
+    defaultIndex?: number;
+    onIndexChange: any;
+    autoPlay?: number;
+    loop?: boolean;
+    label?: string;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,11 @@
+export default Checkbox;
+/** Checkbox with inline label. `onChange` receives the new boolean. `indeterminate` shows the mixed state. */
+declare function Checkbox({ label, checked, onChange, indeterminate, disabled, className, ...rest }: {
+    [x: string]: any;
+    label: any;
+    checked: any;
+    onChange: any;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/CommandPalette.d.ts

@@ -0,0 +1,13 @@
+export default CommandPalette;
+/**
+ * Searchable command list in a modal (open it from a shortcut, e.g. with useKeyboardShortcuts('mod+k')).
+ * commands: [{ key, label, description?, group?, shortcut?, onSelect }]. Arrow keys move, Enter runs, Escape closes.
+ * `onClose` is called after a command runs as well, so the parent just sets `open` to false.
+ */
+declare function CommandPalette({ open, onClose, commands, placeholder, empty, }: {
+    open: any;
+    onClose: any;
+    commands: any;
+    placeholder?: string;
+    empty?: string;
+}): any;

package/dist/components/ConfirmDialog.d.ts

@@ -0,0 +1,18 @@
+export default ConfirmDialog;
+/**
+ * Confirm / cancel dialog built on Modal. Shows a spinner on the confirm button while `busy`
+ * (Escape, backdrop and close are ignored then). Use tone="danger" for destructive actions.
+ */
+declare function ConfirmDialog({ open, onClose, onConfirm, title, tone, busy, confirmLabel, busyLabel, cancelLabel, error, children, }: {
+    open: any;
+    onClose: any;
+    onConfirm: any;
+    title: any;
+    tone?: string;
+    busy?: boolean;
+    confirmLabel?: string;
+    busyLabel: any;
+    cancelLabel?: string;
+    error: any;
+    children: any;
+}): import("react").JSX.Element;

package/dist/components/Container.d.ts

@@ -0,0 +1,8 @@
+export default Container;
+declare function Container({ maxWidth, className, as: Tag, children, ...rest }: {
+    [x: string]: any;
+    maxWidth?: string;
+    className?: string;
+    as?: string;
+    children: any;
+}): import("react").JSX.Element;

package/dist/components/Dashboard.d.ts

@@ -0,0 +1,13 @@
+export default Dashboard;
+/**
+ * Dashboard page scaffold: header, a row of stat tiles, then your panels (Cards, charts, tables) in a grid.
+ * stats: [{ label, value, delta?, trend?, hint? }]. `columns` sets the panel grid (1-3).
+ */
+declare function Dashboard({ title, subtitle, actions, stats, columns, children }: {
+    title: any;
+    subtitle: any;
+    actions: any;
+    stats?: any[];
+    columns?: number;
+    children: any;
+}): import("react").JSX.Element;

package/dist/components/DataGrid.d.ts

@@ -0,0 +1,19 @@
+export default DataGrid;
+/**
+ * Table with client-side sorting, search, pagination and row selection.
+ * columns: [{ key, header, sortable?, render?(row), align?, accessor?(row) }] (`accessor` supplies the sort / search value).
+ * Selection is controlled with `selected` (array of row keys) + `onSelectionChange`, or uncontrolled with `selectable`.
+ */
+declare function DataGrid({ columns, rows, rowKey, pageSize, searchable, selectable, selected, onSelectionChange, empty, caption, className, }: {
+    columns: any;
+    rows: any;
+    rowKey?: string;
+    pageSize?: number;
+    searchable?: boolean;
+    selectable?: boolean;
+    selected: any;
+    onSelectionChange: any;
+    empty?: string;
+    caption: any;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/DatePicker.d.ts

@@ -0,0 +1,13 @@
+export default DatePicker;
+/** Labelled date field that opens a Calendar. `value` is a Date or null; `onChange` receives the picked Date. */
+declare function DatePicker({ label, value, onChange, min, max, placeholder, error, locale, weekStartsOn }: {
+    label: any;
+    value: any;
+    onChange: any;
+    min: any;
+    max: any;
+    placeholder?: string;
+    error: any;
+    locale: any;
+    weekStartsOn: any;
+}): import("react").JSX.Element;

package/dist/components/DateRangePicker.d.ts

@@ -0,0 +1,16 @@
+export default DateRangePicker;
+/**
+ * Labelled date range field. `value` is `{ start, end }` (Dates or null); `onChange` receives the same shape.
+ * Click once for the start, again for the end (picked in either order); the panel closes when the range is complete.
+ */
+declare function DateRangePicker({ label, value, onChange, min, max, placeholder, error, locale, weekStartsOn, }: {
+    label: any;
+    value: any;
+    onChange: any;
+    min: any;
+    max: any;
+    placeholder?: string;
+    error: any;
+    locale: any;
+    weekStartsOn: any;
+}): import("react").JSX.Element;

package/dist/components/Divider.d.ts

@@ -0,0 +1,7 @@
+export default Divider;
+/** Horizontal or vertical rule, with optional centered label (horizontal only). */
+declare function Divider({ orientation, label, className }: {
+    orientation?: string;
+    label: any;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/Drawer.d.ts

@@ -0,0 +1,11 @@
+export default Drawer;
+/** Side panel dialog: backdrop, focus trap, Escape / backdrop to close. side: right | left. */
+declare function Drawer({ open, onClose, title, side, width, footer, children }: {
+    open: any;
+    onClose: any;
+    title: any;
+    side?: string;
+    width?: string;
+    footer: any;
+    children: any;
+}): any;

package/dist/components/FanFavicon.d.ts

@@ -0,0 +1,6 @@
+export default FanFavicon;
+declare function FanFavicon({ size, theme: themeOverride, label }: {
+    size?: number;
+    theme: any;
+    label: any;
+}): import("react").JSX.Element;

package/dist/components/Field.d.ts

@@ -0,0 +1,12 @@
+export default Field;
+declare function Field({ label, value, onChange, placeholder, error, type, autoComplete, required, ...inputProps }: {
+    [x: string]: any;
+    label: any;
+    value: any;
+    onChange: any;
+    placeholder: any;
+    error: any;
+    type?: string;
+    autoComplete?: string;
+    required?: boolean;
+}): import("react").JSX.Element;

package/dist/components/FileUpload.d.ts

@@ -0,0 +1,9 @@
+export default FileUpload;
+/** Drop zone + file picker. `onChange` receives an array of File objects; selected names are listed below. */
+declare function FileUpload({ label, accept, multiple, onChange, disabled, }: {
+    label?: string;
+    accept: any;
+    multiple?: boolean;
+    onChange: any;
+    disabled?: boolean;
+}): import("react").JSX.Element;

package/dist/components/Flex.d.ts

@@ -0,0 +1,14 @@
+export default Flex;
+/** Flexbox wrapper. gap: 0-4, 6 or 8 (Tailwind spacing steps). */
+declare function Flex({ direction, gap, align, justify, wrap, inline, className, as: Tag, children, ...rest }: {
+    [x: string]: any;
+    direction?: string;
+    gap?: number;
+    align: any;
+    justify: any;
+    wrap?: boolean;
+    inline?: boolean;
+    className?: string;
+    as?: string;
+    children: any;
+}): import("react").JSX.Element;

package/dist/components/FocusTrap.d.ts

@@ -0,0 +1,11 @@
+export default FocusTrap;
+/**
+ * Keeps Tab focus inside while `active`, focuses the first control (or `[data-autofocus]`) on activation and
+ * restores focus to the previous element on deactivation.
+ */
+declare function FocusTrap({ active, className, children, ...rest }: {
+    [x: string]: any;
+    active?: boolean;
+    className?: string;
+    children: any;
+}): import("react").JSX.Element;

package/dist/components/Grid.d.ts

@@ -0,0 +1,11 @@
+export default Grid;
+/** CSS grid. cols: 1-6 or 12. */
+declare function Grid({ cols, gap, responsive, className, as: Tag, children, ...rest }: {
+    [x: string]: any;
+    cols?: number;
+    gap?: number;
+    responsive?: boolean;
+    className?: string;
+    as?: string;
+    children: any;
+}): import("react").JSX.Element;

package/dist/components/Image.d.ts

@@ -0,0 +1,11 @@
+export default Image;
+/** Image with optional fixed `ratio` (square | video | photo), lazy loading and a fallback box if it fails. */
+declare function Image({ src, alt, ratio, fit, fallback, className, ...rest }: {
+    [x: string]: any;
+    src: any;
+    alt: any;
+    ratio: any;
+    fit?: string;
+    fallback?: string;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/Input.d.ts

@@ -0,0 +1,3 @@
+export default Input;
+/** Bare text input (no label; use Field for a labelled one). `onChange` receives the value string. */
+declare const Input: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

package/dist/components/LineChart.d.ts

@@ -0,0 +1,14 @@
+export default LineChart;
+/**
+ * Line chart. `labels` names the x positions; `series: [{ name, values, color? }]` has one value per label.
+ * `area` fills under each line (see AreaChart). Hover a point for its value.
+ */
+declare function LineChart({ labels, series, height, area, label, legend, className, }: {
+    labels: any;
+    series: any;
+    height?: number;
+    area?: boolean;
+    label?: string;
+    legend?: boolean;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/List.d.ts

@@ -0,0 +1,7 @@
+export default List;
+/** Vertical list. items: [{ key, primary, secondary?, leading?, trailing?, onClick? }]. Clickable rows become buttons. */
+declare function List({ items, divided, className }: {
+    items: any;
+    divided?: boolean;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/LoadingScreen.d.ts

@@ -0,0 +1,2 @@
+export default LoadingScreen;
+declare function LoadingScreen(): import("react").JSX.Element;

package/dist/components/Modal.d.ts

@@ -0,0 +1,23 @@
+export default Modal;
+/**
+ * Shared dialog shell: backdrop, focus trap, Escape to close, header with close button.
+ * While `busy`, Escape / backdrop / close are ignored so an in-flight action can't lose its result.
+ * `dismissible={false}` only ignores Escape / backdrop (e.g. while a nested confirm dialog is open).
+ * Pass `as="form"` with `onSubmit` to make the dialog a form.
+ */
+declare function Modal({ open, onClose, title, tone, busy, dismissible, role, describedBy, maxWidth, className, as: Container, footer, children, ...containerProps }: {
+    [x: string]: any;
+    open: any;
+    onClose: any;
+    title: any;
+    tone?: string;
+    busy?: boolean;
+    dismissible?: boolean;
+    role?: string;
+    describedBy: any;
+    maxWidth?: string;
+    className?: string;
+    as?: string;
+    footer: any;
+    children: any;
+}): any;

package/dist/components/Navbar.d.ts

@@ -0,0 +1,14 @@
+export default Navbar;
+/**
+ * Plain horizontal navigation bar (not sticky, no theme toggle; use AppBar for the full app header).
+ * links: [{ href, label, active?, ...extraLinkProps }]. `linkComponent` / `linkProp` swap in a router link.
+ */
+declare function Navbar({ brand, links, actions, linkComponent: Link, linkProp, label, className, }: {
+    brand: any;
+    links?: any[];
+    actions: any;
+    linkComponent?: string;
+    linkProp?: string;
+    label?: string;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/NotificationCenter.d.ts

@@ -0,0 +1,15 @@
+export default NotificationCenter;
+/**
+ * Bell button with an unread count and a dropdown list.
+ * notifications: [{ id, title, body?, time?, read? }]. Clicking one calls `onSelect(notification)` (and
+ * `onMarkRead(id)` if unread); `onMarkAllRead` and `onClear` add header actions when provided.
+ */
+declare function NotificationCenter({ notifications, onSelect, onMarkRead, onMarkAllRead, onClear, empty, align, }: {
+    notifications: any;
+    onSelect: any;
+    onMarkRead: any;
+    onMarkAllRead: any;
+    onClear: any;
+    empty?: string;
+    align?: string;
+}): import("react").JSX.Element;

package/dist/components/PageHeader.d.ts

@@ -0,0 +1,6 @@
+export default PageHeader;
+declare function PageHeader({ title, subtitle, children }: {
+    title: any;
+    subtitle: any;
+    children: any;
+}): import("react").JSX.Element;

package/dist/components/PageLayout.d.ts

@@ -0,0 +1,9 @@
+export default PageLayout;
+declare function PageLayout({ children, maxWidth, centerContent, themeToggle, outerClassName, innerClassName, }: {
+    children: any;
+    maxWidth?: string;
+    centerContent?: boolean;
+    themeToggle?: boolean;
+    outerClassName?: string;
+    innerClassName?: string;
+}): import("react").JSX.Element;

package/dist/components/Pagination.d.ts

@@ -0,0 +1,9 @@
+export default Pagination;
+/** Page selector. 1-based `page`; `onChange` receives the new page number. */
+declare function Pagination({ page, pageCount, onChange, siblings, className }: {
+    page: any;
+    pageCount: any;
+    onChange: any;
+    siblings?: number;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/PieChart.d.ts

@@ -0,0 +1,9 @@
+export default PieChart;
+/** Pie chart (or donut with `donut`). `data: [{ label, value, color? }]`; `center` is shown in the donut hole. */
+declare function PieChart({ data, donut, center, label, className }: {
+    data: any;
+    donut?: boolean;
+    center: any;
+    label?: string;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/Popover.d.ts

@@ -0,0 +1,13 @@
+export default Popover;
+/**
+ * Button that toggles a floating panel with arbitrary content. Closes on outside click and Escape
+ * (focus returns to the trigger). align: start | end. Use ActionMenu for a plain list of actions.
+ */
+declare function Popover({ trigger, label, variant, align, className, children }: {
+    trigger: any;
+    label: any;
+    variant?: string;
+    align?: string;
+    className?: string;
+    children: any;
+}): import("react").JSX.Element;

package/dist/components/Portal.d.ts

@@ -0,0 +1,6 @@
+export default Portal;
+/** Renders children into `container` (default document.body), escaping ancestors that clip or transform. */
+declare function Portal({ children, container }: {
+    children: any;
+    container: any;
+}): any;