dawn-ui-react 1.0.0-alpha.3 → 1.0.0-alpha.30

package/dist/components/form/form-set-heading.d.ts

@@ -0,0 +1,2 @@
+import { FormSetHeadingProps } from './form.types';
+export declare const FormSetHeading: ({ className, children, ref, ...props }: FormSetHeadingProps) => import("react").JSX.Element;

package/dist/components/form/form-set.d.ts

@@ -0,0 +1,2 @@
+import { FormSetProps } from './form.types';
+export declare const FormSet: ({ className, children, ref, ...props }: FormSetProps) => import("react").JSX.Element;

package/dist/components/form/form-submit.d.ts

@@ -1,2 +1,2 @@
 import { FormSubmitProps } from './form.types';
-export declare const FormSubmit: ({ className, children, ref, ...props }: FormSubmitProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormSubmit: ({ className, children, ref, ...props }: FormSubmitProps) => import("react").JSX.Element;

package/dist/components/form/form.d.ts

@@ -1,3 +1,3 @@
 type FormProps = React.ComponentProps<'form'>;
-export declare const Form: ({ className, children, ref, ...props }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Form: ({ className, children, ref, ...props }: FormProps) => import("react").JSX.Element;
 export {};

package/dist/components/form/form.types.d.ts

@@ -5,3 +5,9 @@ export type FormResetProps = React.ComponentProps<typeof Button>;
 export type FormErrorsProps = React.ComponentProps<'div'> & {
     headerLabel?: string;
 };
+export type FormSetProps = React.ComponentProps<'div'>;
+export type FormSetHeadingProps = React.ComponentProps<'span'>;
+export type FormSetContentProps = React.ComponentProps<'div'>;
+export type FormFooterProps = React.ComponentProps<'div'> & {
+    orientation?: 'horizontal' | 'vertical';
+};

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

@@ -4,3 +4,7 @@ export { fieldContext, formContext, useAppForm, useFieldContext, useFormContext,
 export { FormErrors } from './form-errors';
 export { FormReset } from './form-reset';
 export { FormSubmit } from './form-submit';
+export { FormFooter } from './form-footer';
+export { FormSet } from './form-set';
+export { FormSetContent } from './form-set-content';
+export { FormSetHeading } from './form-set-heading';

package/dist/components/index.d.ts

@@ -7,12 +7,18 @@ export * from './badge';
 export * from './breadcrumb';
 export * from './button';
 export * from './button-group';
+export * from './chart';
 export * from './checkbox';
 export * from './checkbox-group';
+export * from './code-block';
 export * from './collapsible';
+export * from './color-channel-slider';
+export * from './color-picker';
 export * from './combobox';
+export * from './context-menu';
 export * from './dialog';
 export * from './drawer';
+export * from './dropzone';
 export * from './field';
 export * from './form';
 export * from './input';
@@ -23,6 +29,8 @@ export * from './label';
 export * from './layer-tree';
 export * from './menu';
 export * from './meter';
+export * from './nav-bar';
+export * from './navigation-menu';
 export * from './number-field';
 export * from './popover';
 export * from './profile';

package/dist/components/input/input.d.ts

@@ -1,2 +1,2 @@
 import { InputProps } from './input.types';
-export declare const Input: ({ variant, size, className, ref, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: ({ fileUploadButtonIcon, fileUploadButtonLabel, maxFiles, maxFileSize, clearFilesLabel, filesSelectedLabel, maxFilesErrorLabel, maxFileSizeErrorLabel, compact, variant, size, className, ref, ...props }: InputProps) => import("react").JSX.Element;

package/dist/components/input/input.types.d.ts

@@ -1,8 +1,19 @@
 import { Input as BaseInput } from '@base-ui/react/input';
 import { VariantProps } from 'class-variance-authority';
 import { ComponentProps } from 'react';
+export declare const formatFileSize: (bytes: number) => string;
 export declare const inputVariants: (props?: ({
     variant?: "primary" | "secondary" | null | undefined;
     size?: "small" | "large" | "medium" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type InputProps = VariantProps<typeof inputVariants> & Omit<ComponentProps<typeof BaseInput>, 'size'>;
+export type InputProps = VariantProps<typeof inputVariants> & Omit<ComponentProps<typeof BaseInput>, 'size'> & {
+    fileUploadButtonLabel?: string;
+    fileUploadButtonIcon?: React.ReactNode;
+    maxFiles?: number;
+    maxFileSize?: number;
+    clearFilesLabel?: string;
+    filesSelectedLabel?: (count: number) => string;
+    maxFilesErrorLabel?: (maxFiles: number) => string;
+    maxFileSizeErrorLabel?: (fileName: string, maxFileSize: string) => string;
+    compact?: boolean;
+};

package/dist/components/input-group/input-group-addon.d.ts

@@ -1,2 +1,2 @@
 import { InputGroupAddonProps } from './input-group.types';
-export declare const InputGroupAddon: ({ className, children, ref, ...props }: InputGroupAddonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputGroupAddon: ({ size, className, children, ref, ...props }: InputGroupAddonProps) => import("react").JSX.Element;

package/dist/components/input-group/input-group-input.d.ts

@@ -1,2 +1,2 @@
 import { InputGroupInputProps } from './input-group.types';
-export declare const InputGroupInput: ({ className, ref, ...props }: InputGroupInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputGroupInput: ({ className, ref, ...props }: InputGroupInputProps) => import("react").JSX.Element;

package/dist/components/input-group/input-group.d.ts

@@ -1,2 +1,2 @@
 import { InputGroupProps } from './input-group.types';
-export declare const InputGroup: ({ variant, className, children, ref, ...props }: InputGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputGroup: ({ variant, className, children, ref, ...props }: InputGroupProps) => import("react").JSX.Element;

package/dist/components/input-group/input-group.types.d.ts

@@ -1,6 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
 import { inputVariants } from '../input/input.types';
 import { Input as BaseInput } from '@base-ui/react/input';
-import { VariantProps } from 'class-variance-authority';
-export type InputGroupAddonProps = React.ComponentProps<'div'>;
+export declare const inputGroupAddonVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type InputGroupAddonProps = React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>;
 export type InputGroupInputProps = React.ComponentProps<typeof BaseInput>;
 export type InputGroupProps = React.ComponentProps<'div'> & VariantProps<typeof inputVariants>;

package/dist/components/input-otp/input-otp-separator.d.ts

@@ -1,2 +1,2 @@
 import { InputOtpSeparatorProps } from './input-otp.types';
-export declare const InputOtpSeparator: ({ className, ref, ...props }: InputOtpSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputOtpSeparator: ({ className, ref, ...props }: InputOtpSeparatorProps) => import("react").JSX.Element;

package/dist/components/input-otp/input-otp-slot.d.ts

@@ -1,2 +1,2 @@
 import { InputOTPSlotProps } from './input-otp.types';
-export declare const InputOTPSlot: ({ className, ...props }: InputOTPSlotProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputOTPSlot: ({ className, ...props }: InputOTPSlotProps) => import("react").JSX.Element;

package/dist/components/input-otp/input-otp.d.ts

@@ -1,2 +1,2 @@
 import { InputOTPProps } from './input-otp.types';
-export declare const InputOTP: ({ children, className, ref, ...props }: InputOTPProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputOTP: ({ children, className, ref, ...props }: InputOTPProps) => import("react").JSX.Element;

package/dist/components/input-otp/input-otp.types.d.ts

@@ -1,4 +1,4 @@
-import { OTPFieldPreview as OTPField } from '@base-ui/react/otp-field';
+import { OTPField } from '@base-ui/react';
 export type InputOTPProps = React.ComponentProps<typeof OTPField.Root>;
 export type InputOTPSlotProps = React.ComponentProps<typeof OTPField.Input>;
 export type InputOtpSeparatorProps = React.ComponentProps<typeof OTPField.Separator>;

package/dist/components/kbd/kbd-group.d.ts

@@ -1,2 +1,2 @@
 import { KbdGroupProps } from './kbd.types';
-export declare const KbdGroup: ({ className, children, ref, ...props }: KbdGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const KbdGroup: ({ className, children, ref, ...props }: KbdGroupProps) => import("react").JSX.Element;

package/dist/components/kbd/kbd.d.ts

@@ -1,2 +1,2 @@
 import { KbdProps } from './kbd.types';
-export declare const Kbd: ({ className, children, ref, ...props }: KbdProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Kbd: ({ className, children, ref, ...props }: KbdProps) => import("react").JSX.Element;

package/dist/components/label/label.d.ts

@@ -1,2 +1,2 @@
 import { LabelProps } from './label.types';
-export declare const Label: ({ className, children, ref, size, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Label: ({ className, children, ref, size, ...props }: LabelProps) => import("react").JSX.Element;

package/dist/components/layer-tree/index.d.ts

@@ -1,5 +1,5 @@
-export type { LayerTreeBodyProps, LayerTreeExpandAllProps, LayerTreeNodeProps, LayerTreeNodeToggleProps, LayerTreeProps, LayerTreeRowProps, LayerTreeSearchProps, LayerTreeDataSet, LayerTreeNodeActionProps, LayerTreeFooterProps, } from './layer-tree.types';
-export type { LayerTreeNodeData } from './layer-tree-utils';
+export type { LayerTreeBodyProps, LayerTreeExpandAllProps, LayerTreeNodeProps, LayerTreeNodeToggleProps, LayerTreeProps, LayerTreeRowProps, LayerTreeSearchProps, LayerTreeNodeActionProps, LayerTreeFooterProps, LayerTreeSortProps, } from './layer-tree.types';
+export type { LayerTreeNodeBase } from './layer-tree-utils';
 export { findLayerTreeNode, insertLayerTreeNode, moveLayerTreeNode, moveLayerTreeNodeToRoot, removeLayerTreeNode, } from './layer-tree-utils';
 export { LayerTree } from './layer-tree';
 export { LayerTreeBody } from './layer-tree-body';
@@ -9,3 +9,4 @@ export { LayerTreeNodeToggle } from './layer-tree-node-toggle';
 export { LayerTreeRow } from './layer-tree-row';
 export { LayerTreeSearch } from './layer-tree-search';
 export { LayerTreeFooter } from './layer-tree-footer';
+export { LayerTreeSort } from './layer-tree-sort';

package/dist/components/layer-tree/layer-tree-body.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeBodyProps } from './layer-tree.types';
-export declare const LayerTreeBody: <TData>({ className, children, ...props }: LayerTreeBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeBody: <TData>({ className, children, ...props }: LayerTreeBodyProps) => import("react").JSX.Element;

package/dist/components/layer-tree/layer-tree-expand-all.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeExpandAllProps } from './layer-tree.types';
-export declare const LayerTreeExpandAll: ({ className, ref, ...props }: LayerTreeExpandAllProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeExpandAll: ({ className, ref, ...props }: LayerTreeExpandAllProps) => import("react").JSX.Element;

package/dist/components/layer-tree/layer-tree-footer.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeFooterProps } from './layer-tree.types';
-export declare const LayerTreeFooter: ({ className, children, ref, ...props }: LayerTreeFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeFooter: ({ className, children, ref, ...props }: LayerTreeFooterProps) => import("react").JSX.Element;

package/dist/components/layer-tree/layer-tree-node-toggle.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeNodeToggleProps } from './layer-tree.types';
-export declare const LayerTreeNodeToggle: <TData>({ value, columnId, rows, children, className, ref, ...props }: LayerTreeNodeToggleProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeNodeToggle: <TData>({ value, accessorKey, rows, onToggle, children, className, ref, ...props }: LayerTreeNodeToggleProps<TData>) => import("react").JSX.Element;

package/dist/components/layer-tree/layer-tree-node.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { LayerTreeNodeProps } from './layer-tree.types';
-export declare const LayerTreeNode: <TData>({ className, children, row, icon: Icon, dndDisabled, ...props }: LayerTreeNodeProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeNode: <TData>({ className, children, row, icon: Icon, dndDisabled, ...props }: LayerTreeNodeProps<TData>) => React.JSX.Element;

package/dist/components/layer-tree/layer-tree-row.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeRowProps } from './layer-tree.types';
-export declare const LayerTreeRow: <TData>({ row, className, children, ref, ...props }: LayerTreeRowProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeRow: <TData>({ row, className, children, ref, ...props }: LayerTreeRowProps<TData>) => import("react").JSX.Element;

package/dist/components/layer-tree/layer-tree-search.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeSearchProps } from './layer-tree.types';
-export declare const LayerTreeSearch: ({ className, children, ref, ...props }: LayerTreeSearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeSearch: ({ placeholder, className, children, ref, ...props }: LayerTreeSearchProps) => import("react").JSX.Element;

package/dist/components/layer-tree/layer-tree-sort.d.ts

@@ -1,4 +1,2 @@
-import { default as React } from 'react';
-type LayerTreeSortProps = React.ComponentProps<'button'>;
-export declare const LayerTreeSort: <TData>({ className, children, ref, ...props }: LayerTreeSortProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { LayerTreeSortProps } from './layer-tree.types';
+export declare const LayerTreeSort: <TData>({ className, children, ref, ...props }: LayerTreeSortProps) => import("react").JSX.Element;

package/dist/components/layer-tree/layer-tree-utils.d.ts

@@ -1,9 +1,9 @@
 /**
  * Base constraint for tree node data types used by layer tree utilities.
  */
-export type LayerTreeNodeData = {
+export type LayerTreeNodeBase = {
     id: string;
-    children?: LayerTreeNodeData[];
+    children?: LayerTreeNodeBase[];
 };
 /**
  * Recursively searches for a node by ID in a nested tree structure.
@@ -18,7 +18,7 @@ export type LayerTreeNodeData = {
  * if (node) console.log(node.name)
  * ```
  */
-export declare const findLayerTreeNode: <TData extends LayerTreeNodeData>(nodes: TData[], nodeId: string) => TData | null;
+export declare const findLayerTreeNode: <TData extends LayerTreeNodeBase>(nodes: TData[], nodeId: string) => TData | null;
 /**
  * Removes a node from a nested tree structure by ID.
  *
@@ -32,7 +32,7 @@ export declare const findLayerTreeNode: <TData extends LayerTreeNodeData>(nodes:
  * if (removedNode) setLayers(nextNodes)
  * ```
  */
-export declare const removeLayerTreeNode: <TData extends LayerTreeNodeData>(nodes: TData[], nodeId: string) => {
+export declare const removeLayerTreeNode: <TData extends LayerTreeNodeBase>(nodes: TData[], nodeId: string) => {
     nextNodes: TData[];
     removedNode: TData | null;
 };
@@ -50,7 +50,7 @@ export declare const removeLayerTreeNode: <TData extends LayerTreeNodeData>(node
  * setLayers(newTree)
  * ```
  */
-export declare const insertLayerTreeNode: <TData extends LayerTreeNodeData>(nodes: TData[], folderId: string, nodeToInsert: TData) => TData[];
+export declare const insertLayerTreeNode: <TData extends LayerTreeNodeBase>(nodes: TData[], folderId: string, nodeToInsert: TData) => TData[];
 /**
  * Moves a node from its current position into a target folder.
  * Prevents circular references by checking if target is a descendant of source.
@@ -66,7 +66,7 @@ export declare const insertLayerTreeNode: <TData extends LayerTreeNodeData>(node
  * setLayers(newTree)
  * ```
  */
-export declare const moveLayerTreeNode: <TData extends LayerTreeNodeData>(nodes: TData[], sourceId: string, targetId: string) => TData[];
+export declare const moveLayerTreeNode: <TData extends LayerTreeNodeBase>(nodes: TData[], sourceId: string, targetId: string) => TData[];
 /**
  * Moves a node to the root level of the tree.
  *
@@ -80,4 +80,4 @@ export declare const moveLayerTreeNode: <TData extends LayerTreeNodeData>(nodes:
  * setLayers(newTree)
  * ```
  */
-export declare const moveLayerTreeNodeToRoot: <TData extends LayerTreeNodeData>(nodes: TData[], sourceId: string) => TData[];
+export declare const moveLayerTreeNodeToRoot: <TData extends LayerTreeNodeBase>(nodes: TData[], sourceId: string) => TData[];

package/dist/components/layer-tree/layer-tree.d.ts

@@ -1,10 +1,8 @@
 import { default as React } from 'react';
-import { LayerTreeDataSet, LayerTreeProps } from './layer-tree.types';
+import { LayerTreeProps } from './layer-tree.types';
 type LayerTreeContextType<TData> = LayerTreeProps<TData> & {
-    dataSet: LayerTreeDataSet<TData>;
-    setDataSet: React.Dispatch<React.SetStateAction<LayerTreeDataSet<TData>>>;
     draggingNodeId: string | null;
 };
-export declare const LayerTree: <TData>({ table, dataSet, setDataSet, className, children, ref, ...props }: LayerTreeProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTree: <TData>({ table, onDNDStart: onDragStart, onDNDEnd: onDragEnd, className, children, ref, ...props }: LayerTreeProps<TData>) => React.JSX.Element;
 export declare const useLayerTree: <TData>() => LayerTreeContextType<TData>;
 export {};

package/dist/components/layer-tree/layer-tree.types.d.ts

@@ -1,31 +1,37 @@
+import { InputGroup } from '../input-group';
 import { Button } from '../button';
-import { Row, Table as TanstackTable } from '@tanstack/react-table';
-export type LayerTreeDataSet<TData> = {
-    data: TData[];
+import { DeepKeys, Row, Table as TanstackTable } from '@tanstack/react-table';
+import { default as React } from 'react';
+export type LayerTreeNodeToggleProps<TData> = Omit<React.ComponentProps<typeof Button>, 'value' | 'children'> & {
+    value: boolean;
+    accessorKey: DeepKeys<TData>;
+    rows: Row<TData>[];
+    onToggle?: () => void;
+    children: (value: boolean) => React.ReactNode;
 };
 export type LayerTreeProps<TData> = React.ComponentProps<'div'> & {
     table: TanstackTable<TData>;
-    dataSet?: LayerTreeDataSet<TData>;
-    setDataSet?: React.Dispatch<React.SetStateAction<LayerTreeDataSet<TData>>>;
+    onDNDStart?: (event: {
+        nodeId: string;
+    }) => void;
+    onDNDEnd?: (event: {
+        sourceNodeId: string;
+        targetNodeId: string;
+    }) => void;
 };
 export type LayerTreeBodyProps = React.ComponentProps<'div'>;
 export type LayerTreeRowProps<TData> = React.ComponentProps<'div'> & {
     row: Row<TData>;
 };
-export type LayerTreeNodeToggleProps<TData> = Omit<React.ComponentProps<typeof Button>, 'value' | 'children'> & {
-    value: boolean;
-    columnId: {
-        [K in keyof TData]: TData[K] extends boolean ? K : never;
-    }[keyof TData];
-    rows: Row<TData>[];
-    children: (value: boolean) => React.ReactNode;
-};
 export type LayerTreeNodeProps<TData> = React.ComponentProps<'button'> & {
     row: Row<TData>;
     icon?: React.ElementType;
     dndDisabled?: boolean;
 };
-export type LayerTreeSearchProps = React.ComponentProps<'input'>;
+export type LayerTreeSearchProps = React.ComponentProps<typeof InputGroup> & {
+    placeholder?: string;
+};
 export type LayerTreeExpandAllProps = React.ComponentProps<'button'>;
 export type LayerTreeNodeActionProps = React.ComponentProps<'button'>;
 export type LayerTreeFooterProps = React.ComponentProps<'div'>;
+export type LayerTreeSortProps = React.ComponentProps<'button'>;

package/dist/components/menu/menu-checkbox-item.d.ts

@@ -1,2 +1,2 @@
 import { MenuCheckboxItemProps } from './menu.types';
-export declare const MenuCheckboxItem: ({ className, children, ref, ...props }: MenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuCheckboxItem: ({ className, children, ref, ...props }: MenuCheckboxItemProps) => import("react").JSX.Element;

package/dist/components/menu/menu-group-label.d.ts

@@ -1,2 +1,2 @@
 import { MenuGroupLabelProps } from './menu.types';
-export declare const MenuGroupLabel: ({ className, children, ref, ...props }: MenuGroupLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuGroupLabel: ({ className, children, ref, ...props }: MenuGroupLabelProps) => import("react").JSX.Element;

package/dist/components/menu/menu-group.d.ts

@@ -1,2 +1,2 @@
 import { MenuGroupProps } from './menu.types';
-export declare const MenuGroup: ({ className, children, ref, ...props }: MenuGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuGroup: ({ className, children, ref, ...props }: MenuGroupProps) => import("react").JSX.Element;

package/dist/components/menu/menu-item.d.ts

@@ -1,2 +1,2 @@
 import { MenuItemProps } from './menu.types';
-export declare const MenuItem: ({ tone, className, children, ref, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: ({ tone, className, children, ref, ...props }: MenuItemProps) => import("react").JSX.Element;

package/dist/components/menu/menu-popup.d.ts

@@ -1,2 +1,2 @@
 import { MenuPopupProps } from './menu.types';
-export declare const MenuPopup: ({ className, children, ref, ...props }: MenuPopupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuPopup: ({ className, children, ref, ...props }: MenuPopupProps) => import("react").JSX.Element;

package/dist/components/menu/menu-radio-group.d.ts

@@ -1,2 +1,2 @@
 import { MenuRadioGroupProps } from './menu.types';
-export declare const MenuRadioGroup: ({ className, children, ref, ...props }: MenuRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuRadioGroup: ({ className, children, ref, ...props }: MenuRadioGroupProps) => import("react").JSX.Element;

package/dist/components/menu/menu-radio-item.d.ts

@@ -1,2 +1,2 @@
 import { MenuRadioItemProps } from './menu.types';
-export declare const MenuRadioItem: ({ className, children, ref, ...props }: MenuRadioItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuRadioItem: ({ className, children, ref, ...props }: MenuRadioItemProps) => import("react").JSX.Element;

package/dist/components/menu/menu-separator.d.ts

@@ -1,2 +1,2 @@
 import { MenuSeparatorProps } from './menu.types';
-export declare const MenuSeparator: ({ className, ref, ...props }: MenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuSeparator: ({ className, ref, ...props }: MenuSeparatorProps) => import("react").JSX.Element;

package/dist/components/menu/menu-shortcut.d.ts

@@ -1,2 +1,2 @@
 import { MenuShortcutProps } from './menu.types';
-export declare const MenuShortcut: ({ className, children, ref, ...props }: MenuShortcutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuShortcut: ({ className, children, ref, ...props }: MenuShortcutProps) => import("react").JSX.Element;

package/dist/components/menu/menu-submenu-trigger.d.ts

@@ -1,2 +1,2 @@
 import { MenuSubmenuTriggerProps } from './menu.types';
-export declare const MenuSubmenuTrigger: ({ tone, className, children, ref, ...props }: MenuSubmenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuSubmenuTrigger: ({ tone, className, children, ref, ...props }: MenuSubmenuTriggerProps) => import("react").JSX.Element;

package/dist/components/menu/menu-submenu.d.ts

@@ -1,2 +1,2 @@
 import { MenuSubmenuProps } from './menu.types';
-export declare const MenuSubmenu: ({ children, ...props }: MenuSubmenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuSubmenu: ({ children, ...props }: MenuSubmenuProps) => import("react").JSX.Element;

package/dist/components/menu/menu-trigger.d.ts

@@ -1,2 +1,2 @@
 import { MenuTriggerProps } from './menu.types';
-export declare const MenuTrigger: ({ className, children, ref, ...props }: MenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuTrigger: ({ className, children, ref, ...props }: MenuTriggerProps) => import("react").JSX.Element;

package/dist/components/menu/menu.d.ts

@@ -1,2 +1,2 @@
 import { MenuProps } from './menu.types';
-export declare const Menu: ({ children, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Menu: ({ children, ...props }: MenuProps) => import("react").JSX.Element;

package/dist/components/meter/meter-footer.d.ts

@@ -1,2 +1,2 @@
 import { MeterFooterProps } from './meter.types';
-export declare const MeterFooter: ({ className, children, ref, ...props }: MeterFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterFooter: ({ className, children, ref, ...props }: MeterFooterProps) => import("react").JSX.Element;

package/dist/components/meter/meter-header.d.ts

@@ -1,2 +1,2 @@
 import { MeterHeaderProps } from './meter.types';
-export declare const MeterHeader: ({ className, children, ref, ...props }: MeterHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterHeader: ({ className, children, ref, ...props }: MeterHeaderProps) => import("react").JSX.Element;

package/dist/components/meter/meter-indicator.d.ts

@@ -1,2 +1,2 @@
 import { MeterIndicatorProps } from './meter.types';
-export declare const MeterIndicator: ({ className, children, ref, ...props }: MeterIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterIndicator: ({ className, children, ref, ...props }: MeterIndicatorProps) => import("react").JSX.Element;

package/dist/components/meter/meter-label.d.ts

@@ -1,2 +1,2 @@
 import { MeterLabelProps } from './meter.types';
-export declare const MeterLabel: ({ className, children, ref, ...props }: MeterLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterLabel: ({ className, children, ref, ...props }: MeterLabelProps) => import("react").JSX.Element;

package/dist/components/meter/meter-subtitle.d.ts

@@ -1,2 +1,2 @@
 import { MeterSubtitleProps } from './meter.types';
-export declare const MeterSubtitle: ({ className, children, ref, ...props }: MeterSubtitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterSubtitle: ({ className, children, ref, ...props }: MeterSubtitleProps) => import("react").JSX.Element;

package/dist/components/meter/meter-track.d.ts

@@ -1,2 +1,2 @@
 import { MeterTrackProps } from './meter.types';
-export declare const MeterTrack: ({ className, children, ref, ...props }: MeterTrackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterTrack: ({ className, children, ref, ...props }: MeterTrackProps) => import("react").JSX.Element;

package/dist/components/meter/meter-value.d.ts

@@ -1,2 +1,2 @@
 import { MeterValueProps } from './meter.types';
-export declare const MeterValue: ({ className, ref, ...props }: MeterValueProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterValue: ({ className, ref, ...props }: MeterValueProps) => import("react").JSX.Element;

package/dist/components/meter/meter.d.ts

@@ -1,2 +1,2 @@
 import { MeterProps } from './meter.types';
-export declare const Meter: ({ orientation, size, tone, className, children, ref, ...props }: MeterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Meter: ({ orientation, size, tone, className, children, ref, ...props }: MeterProps) => import("react").JSX.Element;

package/dist/components/nav-bar/index.d.ts

@@ -0,0 +1,5 @@
+export type { NavBarProps, NavBarItemIconProps, NavBarItemProps, NavBarItemLabelProps, } from './nav-bar.types';
+export { NavBar } from './nav-bar';
+export { NavBarItem } from './nav-bar-item';
+export { NavBarItemIcon } from './nav-bar-item-icon';
+export { NavBarItemLabel } from './nav-bar-item-label';

package/dist/components/nav-bar/nav-bar-item-icon.d.ts

@@ -0,0 +1,2 @@
+import { NavBarItemIconProps } from './nav-bar.types';
+export declare const NavBarItemIcon: ({ className, children, ref, ...props }: NavBarItemIconProps) => import("react").JSX.Element;

package/dist/components/nav-bar/nav-bar-item-label.d.ts

@@ -0,0 +1,2 @@
+import { NavBarItemLabelProps } from './nav-bar.types';
+export declare const NavBarItemLabel: ({ className, children, ref, ...props }: NavBarItemLabelProps) => import("react").JSX.Element;

package/dist/components/nav-bar/nav-bar-item.d.ts

@@ -0,0 +1,2 @@
+import { NavBarItemProps } from './nav-bar.types';
+export declare const NavBarItem: ({ isActive, tone, className, children, ref, ...props }: NavBarItemProps) => import("react").JSX.Element;

package/dist/components/nav-bar/nav-bar.d.ts

@@ -0,0 +1,2 @@
+import { NavBarProps } from './nav-bar.types';
+export declare const NavBar: ({ itemOrientation, size, variant, className, children, ref, ...props }: NavBarProps) => import("react").JSX.Element;

package/dist/components/nav-bar/nav-bar.types.d.ts

@@ -0,0 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+export type NavBarProps = React.ComponentProps<'div'> & VariantProps<typeof navBarVariants>;
+export type NavBarItemProps = React.ComponentProps<'button'> & VariantProps<typeof navBarItemVariants> & {
+    isActive?: boolean;
+};
+export type NavBarItemIconProps = React.ComponentProps<'div'>;
+export type NavBarItemLabelProps = React.ComponentProps<'span'>;
+export declare const navBarVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+    itemOrientation?: "horizontal" | "vertical" | null | undefined;
+    variant?: "outline" | "floating" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const navBarItemVariants: (props?: ({
+    tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/navigation-menu/index.d.ts

@@ -0,0 +1,9 @@
+export type { NavigationMenuContentProps, NavigationMenuIconProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuPopupProps, NavigationMenuProps, NavigationMenuTriggerProps, } from './navigation-menu.types';
+export { NavigationMenu } from './navigation-menu';
+export { NavigationMenuContent } from './navigation-menu-content';
+export { NavigationMenuIcon } from './navigation-menu-icon';
+export { NavigationMenuItem } from './navigation-menu-item';
+export { NavigationMenuLink } from './navigation-menu-link';
+export { NavigationMenuList } from './navigation-menu-list';
+export { NavigationMenuPopup } from './navigation-menu-popup';
+export { NavigationMenuTrigger } from './navigation-menu-trigger';

package/dist/components/navigation-menu/navigation-menu-content.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuContentProps } from './navigation-menu.types';
+export declare const NavigationMenuContent: ({ className, children, ref, ...props }: NavigationMenuContentProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-icon.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuIconProps } from './navigation-menu.types';
+export declare const NavigationMenuIcon: ({ className, children, ref, ...props }: NavigationMenuIconProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-item.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuItemProps } from './navigation-menu.types';
+export declare const NavigationMenuItem: ({ className, children, ref, ...props }: NavigationMenuItemProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-link.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuLinkProps } from './navigation-menu.types';
+export declare const NavigationMenuLink: ({ tone, className, children, ref, ...props }: NavigationMenuLinkProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-list.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuListProps } from './navigation-menu.types';
+export declare const NavigationMenuList: ({ className, children, ref, ...props }: NavigationMenuListProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-popup.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuPopupProps } from './navigation-menu.types';
+export declare const NavigationMenuPopup: ({ className, children, ref, ...props }: NavigationMenuPopupProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-trigger.d.ts

@@ -0,0 +1,6 @@
+import { NavigationMenuTriggerProps } from './navigation-menu.types';
+export declare const navigationMenuTriggerVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+    tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const NavigationMenuTrigger: ({ size, tone, className, children, ref, ...props }: NavigationMenuTriggerProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuProps } from './navigation-menu.types';
+export declare const NavigationMenu: ({ className, children, ref, ...props }: NavigationMenuProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu.types.d.ts

@@ -0,0 +1,16 @@
+import { NavigationMenu } from '@base-ui/react';
+import { VariantProps } from 'class-variance-authority';
+import { navigationMenuTriggerVariants } from './navigation-menu-trigger';
+export type NavigationMenuProps = React.ComponentProps<typeof NavigationMenu.Root>;
+export type NavigationMenuListProps = React.ComponentProps<typeof NavigationMenu.List>;
+export type NavigationMenuItemProps = React.ComponentProps<typeof NavigationMenu.Item>;
+export type NavigationMenuTriggerProps = React.ComponentProps<typeof NavigationMenu.Trigger> & VariantProps<typeof navigationMenuTriggerVariants> & {
+    isActive?: boolean;
+};
+export type NavigationMenuIconProps = React.ComponentProps<typeof NavigationMenu.Icon>;
+export type NavigationMenuContentProps = React.ComponentProps<typeof NavigationMenu.Content>;
+export type NavigationMenuPopupProps = React.ComponentProps<typeof NavigationMenu.Positioner>;
+export declare const navigationMenuLinkVariants: (props?: ({
+    tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type NavigationMenuLinkProps = VariantProps<typeof navigationMenuLinkVariants> & React.ComponentProps<'div'>;

package/dist/components/number-field/number-field.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { NumberFieldTypesProps } from './number-field.types';
-export declare const NumberField: ({ label, size, className, ref, ...props }: NumberFieldTypesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NumberField: ({ size, variant, children, label, className, ref, ...props }: NumberFieldTypesProps) => React.JSX.Element;

package/dist/components/number-field/number-field.types.d.ts

@@ -2,6 +2,7 @@ import { NumberField as BaseNumberField } from '@base-ui/react/number-field';
 import { VariantProps } from 'class-variance-authority';
 export declare const numberFieldVariants: (props?: ({
     size?: "small" | "large" | "medium" | null | undefined;
+    variant?: "ghost" | "primary" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type NumberFieldTypesProps = React.ComponentProps<typeof BaseNumberField.Root> & VariantProps<typeof numberFieldVariants> & {
     label?: string;