@mechane-ai/elements 0.10.0 → 0.12.0

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

@@ -4,6 +4,8 @@ export { FocusPage } from './focus-page.tsx';
 export { Workbench, WorkbenchScroll, WorkbenchFooter } from './workbench.tsx';
 export { ViewStack } from './view-stack.tsx';
 export { PageToolbar, ToolbarAction } from './page-toolbar.tsx';
+export type { PageContentProps } from './page-content.tsx';
+export { PageContent } from './page-content.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';

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

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

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

@@ -8,7 +8,7 @@ type PageToolbarProps = {
     readonly views?: ReactNode;
     readonly leading?: ReactNode;
 };
-type ToolbarActionProps = Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'xstyle'> & {
+type ToolbarActionProps = Omit<ComponentProps<typeof Button>, 'variant' | 'xstyle'> & {
     readonly icon?: ReactNode;
 };
 export declare function PageToolbar({ title, actions, breadcrumb, navigation, views, leading, }: PageToolbarProps): ReactNode;

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

@@ -1,5 +1,5 @@
+import { Button as BaseButton } from '@base-ui/react/button';
 import type { ComponentProps, ReactNode, RefObject } from 'react';
-import { Button } from '../../core/src/index.ts';
 import { Drawer } from '../../overlays/src/index.ts';
 type SidebarState = {
     readonly isExpanded: boolean;
@@ -21,7 +21,7 @@ type NavigationProps = {
     readonly children: ReactNode;
     readonly label?: string;
 };
-type NavigationItemProps = Omit<ComponentProps<typeof Button>, 'variant' | 'tone' | 'size' | 'xstyle'> & {
+type NavigationItemProps = ComponentProps<typeof BaseButton> & {
     readonly icon?: ReactNode;
     readonly selected?: boolean;
 };
@@ -45,7 +45,7 @@ export declare function NavigationSection({ children, label, }: {
     readonly children: ReactNode;
     readonly label: string;
 }): ReactNode;
-export declare function NavigationItem({ children, icon, selected, onClick, ...props }: NavigationItemProps): ReactNode;
+export declare function NavigationItem({ children, icon, selected, onClick, className, style, ...props }: NavigationItemProps): ReactNode;
 export declare function NavigationLink({ children, icon, selected, onClick, className, style, ...props }: NavigationLinkProps): ReactNode;
 export declare function SidebarLabel({ children, grow }: SidebarLabelProps): ReactNode;
 export declare function SidebarFooter({ children, layout }: SidebarFooterProps): ReactNode;

package/dist/{pierre-diff--zsiHCCB.js → pierre-diff-sUAU-xeL.js}

@@ -1,4 +1,4 @@
-import { n as e, t } from "./pierre-theme-D9hnHv3Z.js";
+import { n as e, t } from "./pierre-theme-CBAncKdH.js";
 import { t as n } from "./viewer-styles-CpHqp5Qv.js";
 import * as r from "@stylexjs/stylex";
 import { useCallback as i, useState as a } from "react";

package/dist/{pierre-theme-D9hnHv3Z.js → pierre-theme-CBAncKdH.js}

@@ -62,7 +62,7 @@ var o = {
 pre { font-family: ${a.monoFamily}; font-size: ${a.captionSize}; line-height: ${a.bodyLineHeight}; }
 [data-line-number] { color: ${e.muted}; }
 [data-diffs-header] {
-  min-height: ${n.mdHeight};
+  min-height: ${n.height};
   padding-block: ${r.sm};
   padding-inline: ${r.md};
   border-bottom: 1px solid ${e.line};

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

@@ -1,7 +1,7 @@
-import { c as e } from "./src-sU9b0oZW.js";
-import { l as t } from "./src-Be7NLG8c.js";
+import { c as e } from "./src-3gzujMhN.js";
+import { l as t } from "./src-DOzle5d4.js";
 import { conditions as n } from "./tokens.js";
-import { r } from "./pierre-theme-D9hnHv3Z.js";
+import { r } from "./pierre-theme-CBAncKdH.js";
 import * as i from "@stylexjs/stylex";
 import { useEffect as a, useId as o, useRef as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";