@mechane-ai/elements 0.12.0 → 0.13.0

package/dist/content/code.js

@@ -1 +1 @@
-export { t as CodeBlock } from "../code-block-BjV2EFZS.js";
+export { t as CodeBlock } from "../code-block-VwrOHz5j.js";

package/dist/content/diff.js

@@ -1,5 +1,5 @@
-import { E as e, _ as t, g as n } from "../src-3gzujMhN.js";
-import { t as r } from "../code-block-BjV2EFZS.js";
+import { E as e, _ as t, g as n } from "../src-BNlyCwOr.js";
+import { t as r } from "../code-block-VwrOHz5j.js";
 import { t as i } from "../viewer-styles-CpHqp5Qv.js";
 import * as a from "@stylexjs/stylex";
 import { useEffect as o, useState as s } from "react";

package/dist/content/link.js

@@ -1 +1 @@
-export { t as ContentLink } from "../content-link-C460m-O7.js";
+export { t as ContentLink } from "../content-link-Oj-MtNYi.js";

package/dist/content/markdown.js

@@ -1,5 +1,5 @@
-import { t as e } from "../code-block-BjV2EFZS.js";
-import { n as t, t as n } from "../content-link-C460m-O7.js";
+import { t as e } from "../code-block-VwrOHz5j.js";
+import { n as t, t as n } from "../content-link-Oj-MtNYi.js";
 import { t as r } from "../viewer-styles-CpHqp5Qv.js";
 import * as i from "@stylexjs/stylex";
 import { Children as a, createElement as o } from "react";

package/dist/content/tree.js

@@ -1,4 +1,4 @@
-import { E as e } from "../src-3gzujMhN.js";
+import { E as e } from "../src-BNlyCwOr.js";
 import { t } from "../viewer-styles-CpHqp5Qv.js";
 import * as n from "@stylexjs/stylex";
 import { useEffect as r, useState as i } from "react";
@@ -27,7 +27,7 @@ function d(l) {
 		let e = !0;
 		async function t() {
 			try {
-				let t = await import("../pierre-tree-DKN2eGlZ.js");
+				let t = await import("../pierre-tree-Db1yaDM2.js");
 				e && f({
 					Component: t.PierreTree,
 					hasFailed: !1

package/dist/{content-link-C460m-O7.js → content-link-Oj-MtNYi.js}

@@ -1,4 +1,4 @@
-import { D as e } from "./src-3gzujMhN.js";
+import { D as e } from "./src-BNlyCwOr.js";
 import "@stylexjs/stylex";
 import { jsx as t } from "react/jsx-runtime";
 // packages/content/src/content-link.tsx

package/dist/content.js

@@ -1,7 +1,7 @@
-import { C as e, E as t, _ as n, g as r } from "./src-3gzujMhN.js";
+import { C as e, E as t, _ as n, g as r } from "./src-BNlyCwOr.js";
 import { t as i } from "./viewer-styles-CpHqp5Qv.js";
-import { t as a } from "./code-block-BjV2EFZS.js";
-import { t as o } from "./content-link-C460m-O7.js";
+import { t as a } from "./code-block-VwrOHz5j.js";
+import { t as o } from "./content-link-Oj-MtNYi.js";
 import * as s from "@stylexjs/stylex";
 import { useCallback as c, useEffect as l, useRef as u, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";

package/dist/elements.css

@@ -664,12 +664,16 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     align-items: stretch;
   }
 
-  .x350ok5 {
-    animation-duration: var(--elements-toast-duration, var(--xjjzqp4)) !important;
+  .x1nked9z {
+    animation-duration: .12s;
+  }
+
+  .xk4ixfy {
+    animation-duration: 80ms;
   }
 
-  .xwkv4th {
-    animation-duration: var(--xjjzqp4);
+  .x350ok5 {
+    animation-duration: var(--elements-toast-duration, var(--xjjzqp4)) !important;
   }
 
   .xqcmdr3 {
@@ -1173,10 +1177,6 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     grid-template-columns: minmax(0, 1fr);
   }
 
-  .x18zg5m9 {
-    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
-  }
-
   .x37z1gs {
     grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
   }
@@ -2381,14 +2381,6 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     min-height: 144px;
   }
 
-  .x1hyy85k {
-    min-height: 36px;
-  }
-
-  .xb4ss6y {
-    min-height: 48px;
-  }
-
   .x1wiwyrm {
     min-height: 52px;
   }

package/dist/feedback.js

@@ -1 +1 @@
-export { t as AsyncRegion, c as ButtonPlaceholder, n as ContentReveal, p as EmptyState, l as FieldPlaceholder, s as Loading, a as Meter, m as Notice, o as Progress, u as Skeleton, d as SkeletonText, f as Spinner, r as Toaster, i as toast } from "./src-CI6KtN2w.js";
+export { t as AsyncRegion, c as ButtonPlaceholder, n as ContentReveal, p as EmptyState, l as FieldPlaceholder, r as LoadingScope, o as Meter, m as Notice, s as Progress, u as Skeleton, d as SkeletonText, f as Spinner, i as Toaster, a as toast } from "./src-B0UTwpOz.js";

package/dist/forms/dates.js

@@ -1,4 +1,4 @@
-import { C as e, E as t } from "../src-3gzujMhN.js";
+import { C as e, E as t } from "../src-BNlyCwOr.js";
 import { r as n } from "../src-CVlgjAlw.js";
 import "@stylexjs/stylex";
 import { useState as r } from "react";

package/dist/forms.js

@@ -1 +1 @@
-export { _ as AgentAvatarPicker, r as Checkbox, v as Combobox, c as Field, f as Fieldset, p as FilePicker, d as FormActions, l as Input, m as InputGroup, h as NumberField, i as RadioGroup, s as Select, n as SettingsRow, t as SettingsSection, g as Slider, a as Switch, u as Textarea, o as ToggleGroup } from "./src-DOzle5d4.js";
+export { _ as AgentAvatarPicker, r as Checkbox, v as Combobox, c as Field, f as Fieldset, p as FilePicker, d as FormActions, l as Input, m as InputGroup, h as NumberField, i as RadioGroup, s as Select, n as SettingsRow, t as SettingsSection, g as Slider, a as Switch, u as Textarea, o as ToggleGroup } from "./src-DMsnWyru.js";

package/dist/index.js

@@ -1 +1 @@
-export { h as Accordion, v as AgentAvatar, S as Avatar, t as Badge, C as Button, g as Collapsible, l as Columns, _ as CopyValue, u as Divider, n as Heading, w as IconButton, T as IconLink, r as Identifier, i as Muted, d as Panel, a as Prose, f as Row, p as Stack, o as Status, s as Subheading, m as SurfaceLink, c as Text, E as TextButton, D as TextLink, y as agentAppearance, b as agentAvatarColors, x as agentAvatarShapes } from "./src-3gzujMhN.js";
+export { h as Accordion, v as AgentAvatar, S as Avatar, t as Badge, C as Button, g as Collapsible, l as Columns, _ as CopyValue, u as Divider, n as Heading, w as IconButton, T as IconLink, r as Identifier, i as Muted, d as Panel, a as Prose, f as Row, p as Stack, o as Status, s as Subheading, m as SurfaceLink, c as Text, E as TextButton, D as TextLink, y as agentAppearance, b as agentAvatarColors, x as agentAvatarShapes } from "./src-BNlyCwOr.js";

package/dist/layout.js

@@ -1,5 +1,5 @@
 import { a as e } from "./src-CVlgjAlw.js";
-import { C as t, i as n, n as r, w as i } from "./src-3gzujMhN.js";
+import { C as t, i as n, n as r, w as i } from "./src-BNlyCwOr.js";
 import { t as a } from "./style-composition-uYlczSsB.js";
 import { Button as o } from "@base-ui/react/button";
 import { mergeProps as s } from "@base-ui/react/merge-props";

package/dist/navigation/commands.js

@@ -1,4 +1,4 @@
-import { l as e } from "../src-DOzle5d4.js";
+import { l as e } from "../src-DMsnWyru.js";
 import { s as t } from "../src-CVlgjAlw.js";
 import { n } from "../navigation-D2_sGy3C.js";
 import "@stylexjs/stylex";

package/dist/navigation.js

@@ -5,7 +5,21 @@ import "@stylexjs/stylex";
 import { jsx as i } from "react/jsx-runtime";
 import { Tabs as a } from "@base-ui/react/tabs";
 // packages/navigation/src/page-navigation.tsx
-function o({ items: e, selectedId: t, onNavigate: n, label: r = "Page sections", embedded: a = !1 }) {
+function o({ items: e, embedded: t = !1 }) {
+	return /* @__PURE__ */ i("div", {
+		"aria-hidden": !0,
+		inert: !0,
+		...{
+			0: { className: "x78zum5 xxhr3t xeuugli xw2csxc xso031l x1q0q8m5 x1qndepd x1hz01jw xtqrqnz xj57cvi x1778rvt xvmahel x13qnu6 x9v5kkp x19rmrnh x1bqaal" },
+			1: { className: "x78zum5 xxhr3t xeuugli xw2csxc x1q0q8m5 x1qndepd x1hz01jw xtqrqnz xj57cvi x1778rvt xvmahel x13qnu6 x9v5kkp x19rmrnh x1bqaal x1qhh985" }
+		}[!!t | 0],
+		children: e.map((e) => /* @__PURE__ */ i("span", {
+			className: "x1n2onr6 x9f619 x3nfvp2 x6s0dn4 x2lah0s xid9utz xn9t2bk x1doqdfy xkrqix3 xuxw1ft x153jb6y x1mkgjtd x1s9zmfe x1kl8fbi x1s928wv x1j6awrg x1ccaobo x1xrz1ek x3cntg4 xyhc2n1 x13qnu6 x9v5kkp x19rmrnh x1bqaal",
+			children: e.label
+		}, e.id))
+	});
+}
+function s({ items: e, selectedId: t, onNavigate: n, label: r = "Page sections", embedded: a = !1 }) {
 	return /* @__PURE__ */ i("nav", {
 		"aria-label": r,
 		tabIndex: 0,
@@ -30,11 +44,11 @@ function o({ items: e, selectedId: t, onNavigate: n, label: r = "Page sections",
 	});
 }
 // packages/navigation/src/skip-link.tsx
-function s(e) {
+function c(e) {
 	return /* @__PURE__ */ i("a", { ...r({ className: "xixxii4 x1ridm32 x12hha37 xkwijxb x174j0rr x1mvvolr x9f619 xvv7f4i xj0a0fe x1ok0vyi xpvm0e4 xbixft x1hz01jw xk4h15q xtqrqnz x1778rvt xvmahel xujl8zx x1wfrlr2 x1tkds87 x1de710j x1gnsi0 x1cm8ssg" }, e) });
 }
 // packages/navigation/src/tabs.tsx
-function c({ className: e, style: t, ...r }) {
+function l({ className: e, style: t, ...r }) {
 	return /* @__PURE__ */ i(a.Root, {
 		...r,
 		...n({
@@ -44,7 +58,7 @@ function c({ className: e, style: t, ...r }) {
 		})
 	});
 }
-function l({ className: e, style: t, ...r }) {
+function u({ className: e, style: t, ...r }) {
 	return /* @__PURE__ */ i(a.List, {
 		...r,
 		...n({
@@ -54,7 +68,7 @@ function l({ className: e, style: t, ...r }) {
 		})
 	});
 }
-function u({ className: e, style: t, ...r }) {
+function d({ className: e, style: t, ...r }) {
 	return /* @__PURE__ */ i(a.Tab, {
 		...r,
 		...n({
@@ -64,7 +78,7 @@ function u({ className: e, style: t, ...r }) {
 		})
 	});
 }
-function d({ className: e, style: t, ...r }) {
+function f({ className: e, style: t, ...r }) {
 	return /* @__PURE__ */ i(a.Panel, {
 		...r,
 		...n({
@@ -74,10 +88,10 @@ function d({ className: e, style: t, ...r }) {
 		})
 	});
 }
-var f = {
-	Root: c,
-	List: l,
-	Tab: u,
-	Panel: d
+var p = {
+	Root: l,
+	List: u,
+	Tab: d,
+	Panel: f
 };
-export { t as Breadcrumb, e as Kbd, o as PageNavigation, s as SkipLink, f as Tabs };
+export { t as Breadcrumb, e as Kbd, s as PageNavigation, o as PageNavigationPlaceholder, c as SkipLink, p as Tabs };

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

@@ -8,7 +8,7 @@ export type { MessageActionProps } from './message-action.tsx';
 export { MessageAction } from './message-action.tsx';
 export type { MessageBoundaryProps } from './message-boundary.tsx';
 export { MessageBoundary } from './message-boundary.tsx';
-export type { PromptInputProps } from './prompt-input.tsx';
-export { PromptInput } from './prompt-input.tsx';
+export type { PromptInputProps, PromptInputPlaceholderProps } from './prompt-input.tsx';
+export { PromptInput, PromptInputPlaceholder } from './prompt-input.tsx';
 export type { Source, SourcesProps, InlineCitationProps } from './sources.tsx';
 export { Sources, InlineCitation } from './sources.tsx';

package/dist/packages/ai/src/prompt-input.d.ts

@@ -1,4 +1,8 @@
 import type { ComponentProps, ReactNode } from 'react';
+export type PromptInputPlaceholderProps = {
+    readonly compact?: boolean;
+};
+export declare function PromptInputPlaceholder({ compact }: PromptInputPlaceholderProps): ReactNode;
 export type PromptInputProps = {
     readonly label: string;
     readonly value: string;

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

@@ -1,23 +1,40 @@
 import type { ReactNode } from 'react';
+type TableSizing = 'content' | 'fill';
 type RowSizing = 'fixed' | 'content';
 export type DataTableColumnRole = 'primary' | 'text' | 'status' | 'number' | 'timestamp' | 'actions';
-export type DataTableColumn<Row> = {
+export type DataTableColumnLayout = {
     readonly id: string;
     readonly label: string;
     readonly role: DataTableColumnRole;
-    readonly cell: (row: Row) => ReactNode;
     readonly width?: number;
     readonly secondary?: boolean;
+};
+export type DataTableColumn<Row> = DataTableColumnLayout & {
+    readonly cell: (row: Row) => ReactNode;
     readonly truncate?: boolean;
     readonly sortable?: boolean;
 };
+export type DataTablePlaceholderProps = {
+    readonly columns: ReadonlyArray<DataTableColumnLayout & {
+        readonly placeholder?: ReactNode;
+    }>;
+    readonly sizing?: TableSizing;
+    readonly rowSizing?: RowSizing;
+    readonly hideHeaders?: boolean;
+};
+export declare function DataTablePlaceholder({ columns: suppliedColumns, sizing, rowSizing, hideHeaders, }: DataTablePlaceholderProps): ReactNode;
 export type DataTableTextProps = {
     readonly children: string;
     readonly secondary?: string | undefined;
     readonly leading?: ReactNode;
     readonly trailing?: ReactNode;
 };
+export type DataTableTextPlaceholderProps = {
+    readonly leading?: ReactNode;
+    readonly secondary?: boolean;
+};
 export declare function DataTableText({ children, secondary, leading, trailing }: DataTableTextProps): ReactNode;
+export declare function DataTableTextPlaceholder({ leading, secondary }: DataTableTextPlaceholderProps): ReactNode;
 export type DataTableSort = {
     readonly columnId: string;
     readonly direction: 'ascending' | 'descending';

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

@@ -1,7 +1,7 @@
 export type { CollectionToolbarProps, FilterChip, FilterChipsProps, ColumnChoice, ColumnControlsProps, CollectionPaginationProps, } from './collection-controls.tsx';
 export { CollectionToolbar, FilterChips, ColumnControls, CollectionPagination } from './collection-controls.tsx';
-export type { DataTableColumn, DataTableColumnRole, DataTableSort, DataTableWindow, DataTableProps, DataTableRowAction, DataTableTextProps, } from './data-table.tsx';
-export { DataTable, DataTableText } from './data-table.tsx';
+export type { DataTableColumn, DataTableColumnLayout, DataTablePlaceholderProps, DataTableColumnRole, DataTableSort, DataTableWindow, DataTableProps, DataTableRowAction, DataTableTextProps, DataTableTextPlaceholderProps, } from './data-table.tsx';
+export { DataTable, DataTableText, DataTablePlaceholder, DataTableTextPlaceholder } from './data-table.tsx';
 export type { CollectionEndProps, CollectionScrollProps } from './collection-scroll.tsx';
 export { CollectionEnd, CollectionScroll } from './collection-scroll.tsx';
 export type { InspectorProps } from './inspector.tsx';

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

@@ -1,17 +1,23 @@
 import type { ReactNode } from 'react';
+export type LoadingScopeProps = {
+    readonly identity: string | number;
+    readonly children: ReactNode;
+};
+export declare function LoadingScope({ identity, children }: LoadingScopeProps): ReactNode;
 export type ContentRevealProps = {
     readonly enter: boolean;
-    readonly fill?: boolean | undefined;
     readonly children: ReactNode;
 };
-export declare function ContentReveal({ enter, fill, children }: ContentRevealProps): ReactNode;
+export declare function ContentReveal({ enter, children }: ContentRevealProps): ReactNode;
+export type AsyncRegionState = 'pending' | 'ready' | 'failed';
 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;
+} & ({
+    readonly state: 'pending';
+    readonly children?: never;
+} | {
+    readonly state: 'ready' | 'failed';
+    readonly children: ReactNode;
+});
+export declare function AsyncRegion(props: AsyncRegionProps): ReactNode;

package/dist/packages/feedback/src/control-placeholders.d.ts

@@ -1,9 +1,14 @@
 import type { ReactNode } from 'react';
 import type { PlacementStyle } from '../../foundations/src/style-composition.ts';
 export type ButtonPlaceholderProps = {
-    readonly width?: number | string;
     readonly xstyle?: PlacementStyle;
-};
+} & ({
+    readonly icon: true;
+    readonly width?: never;
+} | {
+    readonly icon?: false;
+    readonly width?: number | string;
+});
 export type FieldPlaceholderProps = {
     readonly label?: string;
     readonly hint?: string;
@@ -12,5 +17,5 @@ export type FieldPlaceholderProps = {
     readonly width?: number | string;
     readonly xstyle?: PlacementStyle;
 };
-export declare function ButtonPlaceholder({ width, xstyle }: ButtonPlaceholderProps): ReactNode;
+export declare function ButtonPlaceholder({ width, icon, xstyle }: ButtonPlaceholderProps): ReactNode;
 export declare function FieldPlaceholder({ label, hint, multiline, rows, width, xstyle, }: FieldPlaceholderProps): ReactNode;

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

@@ -1,7 +1,6 @@
 export { EmptyState, Notice } from './feedback.tsx';
 export type { ButtonPlaceholderProps, FieldPlaceholderProps } from './control-placeholders.tsx';
 export { ButtonPlaceholder, FieldPlaceholder } from './control-placeholders.tsx';
-export { Loading } from './loading.tsx';
 export type { ProgressProps, MeterProps } from './progress.tsx';
 export { Progress, Meter } from './progress.tsx';
 export type { SkeletonProps, SkeletonTextProps, SpinnerProps } from './skeleton.tsx';
@@ -10,5 +9,5 @@ export type { ExternalToast as ToastOptions } from 'sonner';
 export { toast } from 'sonner';
 export type { ToasterProps } from './toast.tsx';
 export { Toaster } from './toast.tsx';
-export type { AsyncRegionProps, ContentRevealProps } from './async-region.tsx';
-export { AsyncRegion, ContentReveal } from './async-region.tsx';
+export type { AsyncRegionProps, AsyncRegionState, ContentRevealProps, LoadingScopeProps } from './async-region.tsx';
+export { AsyncRegion, ContentReveal, LoadingScope } from './async-region.tsx';

package/dist/packages/foundations/src/control-styles.d.ts

@@ -25,6 +25,10 @@ export declare const controlStyles: Readonly<{
         readonly overflowWrap: stylex.StyleXClassNameFor<"overflowWrap", "anywhere">;
         readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
     }>;
+    readonly iconButton: Readonly<{
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 0>;
+    }>;
     readonly field: Readonly<{
         readonly display: stylex.StyleXClassNameFor<"display", "block">;
         readonly width: stylex.StyleXClassNameFor<"width", "100%">;
@@ -62,6 +66,23 @@ export declare const controlStyles: Readonly<{
         readonly resize: stylex.StyleXClassNameFor<"resize", "vertical">;
         readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
     }>;
+    readonly plainTextarea: Readonly<{
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", string>;
+        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "30dvh">;
+        readonly fieldSizing: stylex.StyleXClassNameFor<"fieldSizing", "content">;
+        readonly resize: stylex.StyleXClassNameFor<"resize", "none">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 0>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 0>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
+            readonly outlineStyle: "none";
+        }>;
+        readonly ':disabled': stylex.StyleXClassNameFor<":disabled", {
+            readonly backgroundColor: "transparent";
+        }>;
+    }>;
     readonly group: Readonly<{
         readonly position: stylex.StyleXClassNameFor<"position", "relative">;
         readonly display: stylex.StyleXClassNameFor<"display", "flex">;

package/dist/packages/foundations/src/tokens.stylex.d.ts

@@ -182,6 +182,11 @@ export declare const motion: stylex.VarGroup<Readonly<{
     drawerDuration: string;
     drawerEasing: string;
 }>, symbol>;
+export declare const loading: {
+    delaySeconds: number;
+    revealMs: number;
+    placeholderMs: number;
+};
 export declare const shadows: stylex.VarGroup<Readonly<{
     popup: string;
     selection: string;

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

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

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

@@ -11,4 +11,9 @@ export type PageNavigationProps<ItemId extends string = string> = {
     readonly label?: string;
     readonly embedded?: boolean;
 };
+export type PageNavigationPlaceholderProps = {
+    readonly items: ReadonlyArray<Pick<PageNavigationItem, 'id' | 'label'>>;
+    readonly embedded?: boolean;
+};
+export declare function PageNavigationPlaceholder({ items, embedded }: PageNavigationPlaceholderProps): ReactNode;
 export declare function PageNavigation<ItemId extends string>({ items, selectedId, onNavigate, label, embedded, }: PageNavigationProps<ItemId>): ReactNode;

package/dist/{pierre-tree-DKN2eGlZ.js → pierre-tree-Db1yaDM2.js}

@@ -1,5 +1,5 @@
-import { c as e } from "./src-3gzujMhN.js";
-import { l as t } from "./src-DOzle5d4.js";
+import { c as e } from "./src-BNlyCwOr.js";
+import { l as t } from "./src-DMsnWyru.js";
 import { conditions as n } from "./tokens.js";
 import { r } from "./pierre-theme-CBAncKdH.js";
 import * as i from "@stylexjs/stylex";