@mechane-ai/elements 0.4.0 → 0.5.0

package/dist/packages/collections/src/data-table.d.ts

@@ -6,6 +6,8 @@ export type DataTableColumn<Row> = {
     readonly cell: (row: Row) => ReactNode;
     readonly align?: ColumnAlignment;
     readonly width?: number;
+    readonly secondary?: boolean;
+    readonly truncate?: boolean;
     readonly sortable?: boolean;
 };
 export type DataTableSort = {
@@ -13,9 +15,18 @@ export type DataTableSort = {
     readonly direction: 'ascending' | 'descending';
 };
 export type DataTableWindow = {
-    readonly height: number;
+    readonly height: number | 'fill';
     readonly estimatedRowHeight?: number;
 };
+export type DataTableRowAction<Row> = {
+    readonly label?: (row: Row) => string;
+} & ({
+    readonly href: (row: Row) => string;
+    readonly onActivate?: (row: Row) => void;
+} | {
+    readonly href?: never;
+    readonly onActivate: (row: Row) => void;
+});
 type SortProperties<Row> = {
     readonly columns: ReadonlyArray<DataTableColumn<Row>>;
     readonly sort: DataTableSort | undefined;
@@ -41,9 +52,15 @@ export type DataTableProps<Row> = SortProperties<Row> & OptionalSelection<Row> &
     readonly rows: ReadonlyArray<Row>;
     readonly getRowId: (row: Row) => string;
     readonly caption: string;
-    readonly empty: string;
+    readonly empty: ReactNode;
+    readonly rowAction?: DataTableRowAction<Row>;
+    readonly activeRowId?: string;
+    readonly hideCaption?: boolean;
+    readonly hideHeaders?: boolean;
     readonly window?: DataTableWindow;
+    readonly endContent?: ReactNode;
+    readonly onEndReached?: () => void;
     readonly footer?: ReactNode;
 };
-export declare function DataTable<Row extends object>({ rows, columns, getRowId, caption, empty, sort, onSortChange, selectedIds, onSelectionChange, selectionLabel, window, footer, }: DataTableProps<Row>): ReactNode;
+export declare function DataTable<Row extends object>({ rows, columns, getRowId, caption, empty, sort, onSortChange, selectedIds, onSelectionChange, selectionLabel, rowAction, activeRowId, hideCaption, hideHeaders, window, endContent, onEndReached, footer, }: DataTableProps<Row>): ReactNode;
 export {};

package/dist/packages/collections/src/index.d.ts

@@ -1,7 +1,9 @@
 export type { CollectionToolbarProps, FilterChip, FilterChipsProps, ColumnChoice, ColumnControlsProps, CollectionPaginationProps, } from './collection-controls.tsx';
 export { CollectionToolbar, FilterChips, ColumnControls, CollectionPagination } from './collection-controls.tsx';
-export type { DataTableColumn, DataTableSort, DataTableWindow, DataTableProps } from './data-table.tsx';
+export type { DataTableColumn, DataTableSort, DataTableWindow, DataTableProps, DataTableRowAction, } from './data-table.tsx';
 export { DataTable } from './data-table.tsx';
+export type { CollectionEndProps, CollectionScrollProps } from './collection-scroll.tsx';
+export { CollectionEnd, CollectionScroll } from './collection-scroll.tsx';
 export { Inspector, Details } from './inspector.tsx';
 export { ListFooter } from './list-footer.tsx';
 export { MetricGrid, Metric } from './metrics.tsx';

package/dist/packages/collections/src/use-end-reached.d.ts

@@ -0,0 +1,9 @@
+import type { RefObject } from 'react';
+type EndReachedOptions = {
+    readonly end: RefObject<HTMLElement | null>;
+    readonly viewport?: RefObject<HTMLElement | null> | undefined;
+    readonly onEndReached?: (() => void) | undefined;
+    readonly content: unknown;
+};
+export declare function useEndReached({ end, viewport, onEndReached, content }: EndReachedOptions): void;
+export {};

package/dist/packages/content/src/markdown/index.d.ts

@@ -1,2 +1,4 @@
 export type { MarkdownProps } from './markdown.tsx';
 export { Markdown } from './markdown.tsx';
+export type { MarkdownPreviewProps } from './markdown-preview.tsx';
+export { MarkdownPreview } from './markdown-preview.tsx';

package/dist/packages/content/src/markdown/markdown-options.d.ts

@@ -0,0 +1,2 @@
+import type { StreamdownProps } from 'streamdown';
+export declare const markdownOptions: Readonly<Pick<StreamdownProps, 'rehypePlugins' | 'remarkPlugins' | 'skipHtml' | 'urlTransform'>>;

package/dist/packages/content/src/markdown/markdown-preview.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export type MarkdownPreviewProps = {
+    readonly children: string;
+};
+export declare function MarkdownPreview({ children }: MarkdownPreviewProps): ReactNode;

package/dist/packages/content/src/markdown/markdown.d.ts

@@ -1,7 +1,10 @@
 import type { ReactNode } from 'react';
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 export type MarkdownProps = {
     readonly children: string;
     readonly streaming?: boolean;
     readonly label?: string;
+    readonly headingLevel?: HeadingLevel;
 };
-export declare function Markdown({ children, streaming, label }: MarkdownProps): ReactNode;
+export declare function Markdown({ children, streaming, label, headingLevel }: MarkdownProps): ReactNode;
+export {};

package/dist/packages/feedback/src/async-region.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+export type ContentRevealProps = {
+    readonly enter: boolean;
+    readonly fill?: boolean | undefined;
+    readonly children: ReactNode;
+};
+export declare function ContentReveal({ enter, fill, children }: ContentRevealProps): ReactNode;
+export type AsyncRegionProps = {
+    readonly pending: boolean;
+    readonly label: string;
+    readonly placeholder: ReactNode;
+    readonly children?: ReactNode;
+    readonly fill?: boolean | undefined;
+    readonly startedAt?: number | undefined;
+    readonly delayMs?: number | undefined;
+};
+export declare function AsyncRegion({ pending, label, placeholder, children, fill, startedAt, delayMs, }: AsyncRegionProps): ReactNode;

package/dist/packages/feedback/src/index.d.ts

@@ -5,3 +5,5 @@ export { Progress, Meter } from './progress.tsx';
 export type { SkeletonProps, SkeletonTextProps, SpinnerProps } from './skeleton.tsx';
 export { Skeleton, SkeletonText, Spinner } from './skeleton.tsx';
 export { Toast } from './toast.tsx';
+export type { AsyncRegionProps, ContentRevealProps } from './async-region.tsx';
+export { AsyncRegion, ContentReveal } from './async-region.tsx';

package/dist/packages/feedback/src/skeleton.d.ts

@@ -1,18 +1,19 @@
 import type { ReactNode } from 'react';
 type SkeletonShape = 'rectangle' | 'circle';
 export type SkeletonProps = {
-    readonly width?: number | `${number}%`;
-    readonly height?: number;
+    readonly width?: number | string;
+    readonly height?: number | string;
     readonly shape?: SkeletonShape;
 };
 export type SkeletonTextProps = {
     readonly lines?: number;
+    readonly width?: number | string;
 };
 export type SpinnerProps = {
     readonly label: string;
     readonly showLabel?: boolean;
 };
 export declare function Skeleton({ width, height, shape }: SkeletonProps): ReactNode;
-export declare function SkeletonText({ lines }: SkeletonTextProps): ReactNode;
+export declare function SkeletonText({ lines, width }: SkeletonTextProps): ReactNode;
 export declare function Spinner({ label, showLabel }: SpinnerProps): ReactNode;
 export {};

package/dist/packages/forms/src/index.d.ts

@@ -5,3 +5,5 @@ export { Select } from './select.tsx';
 export { Checkbox, RadioGroup, Switch, ToggleGroup } from './selection.tsx';
 export type { SettingsRowProps } from './settings-row.tsx';
 export { SettingsRow } from './settings-row.tsx';
+export type { SettingsSectionProps } from './settings-section.tsx';
+export { SettingsSection } from './settings-section.tsx';

package/dist/packages/forms/src/settings-section.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export type SettingsSectionProps = {
+    readonly title: string;
+    readonly description?: string;
+    readonly children: ReactNode;
+};
+export declare function SettingsSection({ title, description, children }: SettingsSectionProps): ReactNode;

package/dist/packages/foundations/src/csp/index.d.ts

@@ -0,0 +1,2 @@
+export { CSPProvider } from '@base-ui/react/csp-provider';
+export type { CSPProviderProps } from '@base-ui/react/csp-provider';

package/dist/packages/layout/src/app-shell.d.ts

@@ -4,6 +4,7 @@ type AppShellProps = {
     readonly sidebar: ReactNode;
     readonly footer?: ReactNode;
     readonly children: ReactNode;
+    readonly mainId?: string;
 };
-export declare function AppShell({ sidebarHeader, sidebar, footer, children }: AppShellProps): ReactNode;
+export declare function AppShell({ sidebarHeader, sidebar, footer, children, mainId }: AppShellProps): ReactNode;
 export {};

package/dist/packages/layout/src/frame.stylex.d.ts

@@ -13,6 +13,8 @@ export declare const frame: stylex.VarGroup<Readonly<{
     detailBottom: string;
     detailMobileTop: string;
     detailMobileBottom: string;
+    recordContentWidth: string;
+    recordAsideWidth: string;
 }>, symbol>;
 export declare const frameConditions: {
     sidebarMobile: string;

package/dist/packages/layout/src/index.d.ts

@@ -1,6 +1,8 @@
 export { AppShell } from './app-shell.tsx';
 export { DetailPage } from './detail-page.tsx';
 export { PageToolbar, ToolbarAction } from './page-toolbar.tsx';
+export type { RecordPageRootProps, RecordPageToolbarProps, RecordPageBodyProps, RecordPageHeaderProps, RecordPageContentProps, RecordPageAsideProps, } from './record-page.tsx';
+export { RecordPage } from './record-page.tsx';
 export type { ResizableRootProps, ResizablePaneProps, ResizableHandleProps } from './resizable.tsx';
 export { Resizable } from './resizable.tsx';
 export { Navigation, NavigationItem, NavigationLink, SidebarLabel, SidebarFooter } from './sidebar.tsx';

package/dist/packages/layout/src/record-page.d.ts

@@ -0,0 +1,42 @@
+import type { ReactNode, Ref } from 'react';
+export type RecordPageRootProps = {
+    readonly children: ReactNode;
+};
+export type RecordPageBodyProps = {
+    readonly children: ReactNode;
+};
+export type RecordPageContentProps = {
+    readonly children: ReactNode;
+};
+export type RecordPageToolbarProps = {
+    readonly backLabel: string;
+    readonly backHref: string;
+    readonly onBack?: () => void;
+    readonly actions?: ReactNode;
+    readonly navigation?: boolean;
+};
+export type RecordPageHeaderProps = {
+    readonly title: ReactNode;
+    readonly description?: ReactNode;
+    readonly icon?: ReactNode;
+    readonly titleRef?: Ref<HTMLHeadingElement>;
+};
+export type RecordPageAsideProps = {
+    readonly children: ReactNode;
+    readonly label?: string;
+};
+declare function RecordPageRoot({ children }: RecordPageRootProps): ReactNode;
+declare function RecordPageToolbar({ backLabel, backHref, onBack, actions, navigation, }: RecordPageToolbarProps): ReactNode;
+declare function RecordPageBody({ children }: RecordPageBodyProps): ReactNode;
+declare function RecordPageContent({ children }: RecordPageContentProps): ReactNode;
+declare function RecordPageHeader({ title, description, icon, titleRef }: RecordPageHeaderProps): ReactNode;
+declare function RecordPageAside({ children, label }: RecordPageAsideProps): ReactNode;
+export declare const RecordPage: {
+    Root: typeof RecordPageRoot;
+    Toolbar: typeof RecordPageToolbar;
+    Body: typeof RecordPageBody;
+    Content: typeof RecordPageContent;
+    Header: typeof RecordPageHeader;
+    Aside: typeof RecordPageAside;
+};
+export {};

package/dist/packages/layout/src/sidebar.d.ts

@@ -6,6 +6,7 @@ type SidebarState = {
     readonly sidebarId: string;
     readonly drawerHandle: ReturnType<typeof Drawer.createHandle>;
     readonly navigationToggleRef: RefObject<HTMLButtonElement | null>;
+    readonly mobileNavigationToggleRef: RefObject<HTMLButtonElement | null>;
     readonly onToggle: () => void;
     readonly onNavigate: () => void;
 };

package/dist/packages/navigation/src/index.d.ts

@@ -1,3 +1,5 @@
 export { Kbd, Breadcrumb } from './navigation.tsx';
+export type { PageNavigationItem, PageNavigationProps } from './page-navigation.tsx';
+export { PageNavigation } from './page-navigation.tsx';
 export { SkipLink } from './skip-link.tsx';
 export { Tabs } from './tabs.tsx';

package/dist/packages/navigation/src/page-navigation.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+export type PageNavigationItem<ItemId extends string = string> = {
+    readonly id: ItemId;
+    readonly label: string;
+    readonly href: string;
+};
+export type PageNavigationProps<ItemId extends string = string> = {
+    readonly items: ReadonlyArray<PageNavigationItem<ItemId>>;
+    readonly selectedId: ItemId;
+    readonly onNavigate?: (id: ItemId) => void;
+    readonly label?: string;
+    readonly embedded?: boolean;
+};
+export declare function PageNavigation<ItemId extends string>({ items, selectedId, onNavigate, label, embedded, }: PageNavigationProps<ItemId>): ReactNode;

package/dist/{pierre-tree-qZVvI5c1.js → pierre-tree-LY7PGy-7.js}

@@ -1,5 +1,5 @@
 import { c as e } from "./src-CbYaLvhD.js";
-import { c as t } from "./src-CvpS9XIR.js";
+import { l as t } from "./src-CjnbzSgq.js";
 import { conditions as n } from "./tokens.js";
 import { r } from "./pierre-theme-BpESNIsV.js";
 import * as i from "@stylexjs/stylex";

package/dist/src-CbJTK9oP.js

@@ -0,0 +1,360 @@
+import { i as e, s as t } from "./src-CbYaLvhD.js";
+import { t as n } from "./accessibility-C-aIZ1Yx.js";
+import { n as r, t as i } from "./popup-styles-CvtZDE2t.js";
+import { t as a } from "./style-composition-uYlczSsB.js";
+import { mergeProps as o } from "@base-ui/react/merge-props";
+import * as s from "@stylexjs/stylex";
+import { createContext as c, useContext as l, useEffect as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Box as m, LoaderCircle as h } from "lucide-react";
+import { Meter as g } from "@base-ui/react/meter";
+import { Progress as _ } from "@base-ui/react/progress";
+import { Toast as v } from "@base-ui/react/toast";
+// packages/feedback/src/feedback.tsx
+function y({ title: n, children: r, action: i, ...a }) {
+	return /* @__PURE__ */ p("div", {
+		...o({ className: "x78zum5 xdt5ytf x6s0dn4 xl56j7k x2b8uid x1iefggq xnx3t7k x1n8ia3y x1hz01jw xvmahel" }, a),
+		children: [
+			/* @__PURE__ */ f(m, {
+				size: 22,
+				"aria-hidden": !0,
+				className: "x153jb6y x1kk91vl"
+			}),
+			/* @__PURE__ */ f(t, { children: n }),
+			/* @__PURE__ */ f(e, { children: r }),
+			i
+		]
+	});
+}
+function b({ error: e = !1, ...t }) {
+	return /* @__PURE__ */ f("div", { ...o({ role: e ? "alert" : "status" }, {
+		0: { className: "xp59q4u x1doqdfy x1ok0vyi x1hz01jw xvmahel xtqrqnz x1778rvt x1dqe72f x1f9ixgr xj0a0fe" },
+		1: { className: "xp59q4u x1doqdfy x1ok0vyi x1hz01jw xvmahel xtqrqnz x1778rvt xj0a0fe xr5kp14 xcqwzn" }
+	}[!!e | 0], t) });
+}
+// packages/feedback/src/skeleton.tsx
+var x = {
+	skeleton: {
+		k1xSpc: "x1lliihq",
+		ks0D6T: "x193iq5w",
+		kWkggS: "x1r7kqkb",
+		kaIpWk: "x1ok0vyi",
+		kmuXW: "x2lah0s",
+		$$css: !0
+	},
+	dimensions: (e, t) => [{
+		kzqmXN: e == null ? e : "x5lhr3w",
+		kZKoxP: t == null ? t : "x16ye13r",
+		$$css: !0
+	}, {
+		"--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e),
+		"--x-height": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(t)
+	}],
+	width: (e) => [{
+		kzqmXN: e == null ? e : "x5lhr3w",
+		$$css: !0
+	}, { "--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }],
+	circle: {
+		kaIpWk: "x16rqkct",
+		$$css: !0
+	},
+	rectangle: { $$css: !0 },
+	text: {
+		k1xSpc: "x3nfvp2",
+		kXwgrk: "xdt5ytf",
+		ks0D6T: "x193iq5w",
+		kXLuUW: "x16dsc37",
+		$$css: !0
+	}
+}, S = {
+	rectangle: x.rectangle,
+	circle: x.circle
+};
+function C({ width: e = "100%", height: t = 8, shape: n = "rectangle" }) {
+	return /* @__PURE__ */ f("span", {
+		"aria-hidden": !0,
+		...s.props(x.skeleton, x.dimensions(e, t), S[n])
+	});
+}
+function w({ lines: e = 1, width: t = "100%" }) {
+	return /* @__PURE__ */ f("span", {
+		"aria-hidden": !0,
+		...s.props(x.text, x.width(t)),
+		children: Array.from({ length: e }, (t, n) => /* @__PURE__ */ f("span", {
+			className: "x78zum5 x6s0dn4 xg2ss61",
+			children: /* @__PURE__ */ f(C, {
+				width: e > 1 && n === e - 1 ? "65%" : "100%",
+				height: "0.6em"
+			})
+		}, `placeholder-${n}`))
+	});
+}
+function T({ label: e, showLabel: t = !1 }) {
+	return /* @__PURE__ */ p("span", {
+		role: "status",
+		className: "x3nfvp2 x1n2onr6 x6s0dn4 x1hnptsi x153jb6y x1hz01jw xtqrqnz x1778rvt",
+		children: [/* @__PURE__ */ f(h, {
+			"aria-hidden": !0,
+			className: "xtwnzbg x18utl2x x2lah0s"
+		}), /* @__PURE__ */ f("span", {
+			...s.props(!t && n.hidden),
+			children: e
+		})]
+	});
+}
+// packages/feedback/src/loading.tsx
+function E({ label: e, shape: t = "rows" }) {
+	return /* @__PURE__ */ p("div", {
+		role: "status",
+		className: "xeuugli x1n2onr6",
+		children: [/* @__PURE__ */ f("span", {
+			...s.props(n.hidden),
+			children: e
+		}), t === "rows" ? /* @__PURE__ */ p("div", {
+			"aria-hidden": !0,
+			children: [/* @__PURE__ */ f("div", {
+				className: "xrvj5dj x18zg5m9 x18hwk67 x6s0dn4 x1m92p3w xu0aao5 xso031l x1q0q8m5 x1qndepd",
+				children: /* @__PURE__ */ f(C, { width: 54 })
+			}), [
+				0,
+				1,
+				2
+			].map((e) => /* @__PURE__ */ p("div", {
+				className: "xrvj5dj x18zg5m9 x18hwk67 x6s0dn4 xse5ku5 x1m92p3w",
+				children: [
+					/* @__PURE__ */ f(C, { width: e === 1 ? 108 : 174 }),
+					/* @__PURE__ */ f(C, { width: 54 }),
+					/* @__PURE__ */ f(C, { width: 108 })
+				]
+			}, e))]
+		}) : /* @__PURE__ */ p("div", {
+			"aria-hidden": !0,
+			className: "xrvj5dj x1c1vhfx x1xn8qrt",
+			children: [
+				/* @__PURE__ */ f(C, {
+					width: 216,
+					height: 24
+				}),
+				/* @__PURE__ */ f(C, { width: 174 }),
+				/* @__PURE__ */ f(C, { width: 108 })
+			]
+		})]
+	});
+}
+// packages/feedback/src/progress.tsx
+function D({ label: e, value: t, max: n, valueLabel: r }) {
+	return /* @__PURE__ */ p(_.Root, {
+		value: t,
+		max: n,
+		locale: "en-US",
+		getAriaValueText: () => r,
+		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3 xeuugli x1hz01jw xtqrqnz x1778rvt xbixft",
+		children: [/* @__PURE__ */ p("div", {
+			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
+			children: [/* @__PURE__ */ f(_.Label, { children: e }), /* @__PURE__ */ f("span", {
+				className: "x153jb6y xss6m8b",
+				children: r
+			})]
+		}), /* @__PURE__ */ f(_.Track, {
+			...{
+				0: { className: "xqu0tyb xh8yej3 x1ok0vyi x1fa40ue xb3r6kr" },
+				1: { className: "xqu0tyb xh8yej3 x1ok0vyi xb3r6kr x1r7kqkb xmkeg23 xbsl7fq xqrc7c3 x9f619" }
+			}[t === null | 0],
+			children: t !== null && /* @__PURE__ */ f(_.Indicator, { className: "x5yr21d x1pt885t x1ok0vyi" })
+		})]
+	});
+}
+function O({ label: e, value: t, max: n, valueLabel: r }) {
+	return t === null ? /* @__PURE__ */ p("div", {
+		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3 xeuugli x1hz01jw xtqrqnz x1778rvt xbixft",
+		children: [/* @__PURE__ */ p("div", {
+			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
+			children: [/* @__PURE__ */ f("span", { children: e }), /* @__PURE__ */ f("span", {
+				className: "x153jb6y xss6m8b",
+				children: r
+			})]
+		}), /* @__PURE__ */ f("div", {
+			"aria-hidden": !0,
+			className: "xqu0tyb xh8yej3 x1ok0vyi xb3r6kr x1r7kqkb xmkeg23 xbsl7fq xqrc7c3 x9f619"
+		})]
+	}) : /* @__PURE__ */ p(g.Root, {
+		value: t,
+		max: n,
+		locale: "en-US",
+		getAriaValueText: () => r,
+		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3 xeuugli x1hz01jw xtqrqnz x1778rvt xbixft",
+		children: [/* @__PURE__ */ p("div", {
+			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
+			children: [/* @__PURE__ */ f(g.Label, { children: e }), /* @__PURE__ */ f("span", {
+				className: "x153jb6y xss6m8b",
+				children: r
+			})]
+		}), /* @__PURE__ */ f(g.Track, {
+			className: "xqu0tyb xh8yej3 x1ok0vyi x1fa40ue xb3r6kr",
+			children: /* @__PURE__ */ f(g.Indicator, { className: "x5yr21d x1pt885t x1ok0vyi" })
+		})]
+	});
+}
+// packages/feedback/src/toast.tsx
+var k = {
+	focus: {
+		kPJHz1: "x13qnu6",
+		k7shQP: "x9v5kkp",
+		kZs9gx: "x19rmrnh",
+		kiEn40: "x1bqaal",
+		$$css: !0
+	},
+	root: {
+		kzqmXN: "xh8yej3",
+		kmVPX3: "x1c8xbx5",
+		k3aq6I: "x1j8b0r",
+		kOpbMr: "xmeywwb",
+		$$css: !0
+	},
+	title: {
+		kGuDYH: "xtqrqnz",
+		kLWn49: "x1778rvt",
+		k63SB2: "xk50ysn",
+		$$css: !0
+	}
+};
+function A({ className: e, style: t, ...n }) {
+	return /* @__PURE__ */ f(v.Viewport, {
+		...n,
+		...a({
+			className: e,
+			style: t,
+			styles: { className: "xixxii4 x640wxr xsygj64 xb912zn x78zum5 xdt5ytf x1hnptsi x147k7ee xy2oaap x1odjw0f xish69e x1k57tk5 x13qnu6 x9v5kkp x19rmrnh x1bqaal" }
+		})
+	});
+}
+function j({ className: e, style: t, ...n }) {
+	return /* @__PURE__ */ f(v.Root, {
+		...n,
+		...a({
+			className: e,
+			style: t,
+			styles: s.props(i.surface, k.root, k.focus)
+		})
+	});
+}
+function M({ className: e, style: t, ...n }) {
+	return /* @__PURE__ */ f(v.Content, {
+		...n,
+		...a({
+			className: e,
+			style: t,
+			styles: { className: "x78zum5 xdt5ytf x1hnptsi" }
+		})
+	});
+}
+function N({ className: e, style: t, ...n }) {
+	return /* @__PURE__ */ f(v.Title, {
+		...n,
+		...a({
+			className: e,
+			style: t,
+			styles: s.props(r.title, k.title)
+		})
+	});
+}
+function P({ className: e, style: t, ...n }) {
+	return /* @__PURE__ */ f(v.Description, {
+		...n,
+		...a({
+			className: e,
+			style: t,
+			styles: s.props(r.description)
+		})
+	});
+}
+function F(e) {
+	return /* @__PURE__ */ f(v.Close, {
+		"aria-hidden": !1,
+		...e
+	});
+}
+var I = {
+	Provider: v.Provider,
+	Portal: v.Portal,
+	Viewport: A,
+	Root: j,
+	Content: M,
+	Title: N,
+	Description: P,
+	Close: F,
+	Action: v.Action,
+	useManager: v.useToastManager,
+	createManager: v.createToastManager
+}, L = c(!1);
+function R({ enter: e, fill: t = !1, children: n }) {
+	let r = l(L), [i] = d(e && !r), [a, o] = d(i);
+	return u(() => {
+		let e = requestAnimationFrame(() => o(!1));
+		return () => cancelAnimationFrame(e);
+	}, []), /* @__PURE__ */ f("div", {
+		...{
+			0: {},
+			2: { className: "x98rzlu x2lwn1j x78zum5 xdt5ytf" },
+			1: { className: "xqcmdr3 xcgnenq xwkv4th x1c3o69q" },
+			3: { className: "x98rzlu x2lwn1j x78zum5 xdt5ytf xqcmdr3 xcgnenq xwkv4th x1c3o69q" }
+		}[!!t << 1 | !!i],
+		children: /* @__PURE__ */ f(L, {
+			value: a,
+			children: n
+		})
+	});
+}
+function z({ label: e, placeholder: t, fill: r = !1, startedAt: i, delayMs: a = 0 }) {
+	let [o] = d(() => i ?? Date.now()), [c, l] = d(a <= 0);
+	return u(() => {
+		let e = Math.max(0, a - (Date.now() - o)), t = setTimeout(() => l(!0), e);
+		return () => clearTimeout(t);
+	}, [o, a]), /* @__PURE__ */ p("div", {
+		...{
+			0: {},
+			4: { className: "x98rzlu x2lwn1j x78zum5 xdt5ytf" },
+			2: { className: "xlshs6z" },
+			6: { className: "x98rzlu x2lwn1j x78zum5 xdt5ytf xlshs6z" },
+			1: { className: "xqcmdr3 xcgnenq xwkv4th x1c3o69q" },
+			5: { className: "x98rzlu x2lwn1j x78zum5 xdt5ytf xqcmdr3 xcgnenq xwkv4th x1c3o69q" },
+			3: { className: "xlshs6z xqcmdr3 xcgnenq xwkv4th x1c3o69q" },
+			7: { className: "x98rzlu x2lwn1j x78zum5 xdt5ytf xlshs6z xqcmdr3 xcgnenq xwkv4th x1c3o69q" }
+		}[!!r << 2 | !c << 1 | !!c],
+		children: [c && /* @__PURE__ */ f("span", {
+			role: "status",
+			...s.props(n.hidden),
+			children: e
+		}), /* @__PURE__ */ f("div", {
+			"aria-hidden": "true",
+			inert: !0,
+			...{
+				0: {},
+				1: { className: "x98rzlu x2lwn1j x78zum5 xdt5ytf" }
+			}[!!r | 0],
+			children: t
+		})]
+	});
+}
+function B({ pending: e, label: t, placeholder: n, children: r, fill: i = !1, startedAt: a, delayMs: o }) {
+	let [s, c] = d(e);
+	return e && !s && c(!0), /* @__PURE__ */ f("div", {
+		"aria-busy": e,
+		...{
+			0: { className: "x1n2onr6 xeuugli" },
+			1: { className: "x1n2onr6 xeuugli x98rzlu x2lwn1j x78zum5 xdt5ytf" }
+		}[!!i | 0],
+		children: e ? /* @__PURE__ */ f(z, {
+			label: t,
+			placeholder: n,
+			fill: i,
+			startedAt: a,
+			delayMs: o
+		}, a) : /* @__PURE__ */ f(R, {
+			enter: s,
+			fill: i,
+			children: r
+		})
+	});
+}
+export { D as a, w as c, b as d, O as i, T as l, R as n, E as o, I as r, C as s, B as t, y as u };