dawn-ui-react 1.0.0-alpha → 1.0.0-alpha.10

package/dist/components/badge/badge.d.ts

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

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

@@ -1,6 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { ComponentProps } from 'react';
 export declare const badgeVariants: (props?: ({
+    size?: "small" | "large" | "medium" | "iconLarge" | "iconMedium" | "iconSmall" | null | undefined;
     tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
     variant?: "fill" | "outline" | "soft" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/code-block/code-block-actions.d.ts

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

package/dist/components/code-block/code-block-copy.d.ts

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

package/dist/components/code-block/code-block-download.d.ts

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

package/dist/components/code-block/code-block-header-group.d.ts

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

package/dist/components/code-block/code-block-header.d.ts

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

package/dist/components/code-block/code-block-name.d.ts

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

package/dist/components/code-block/code-block-select.d.ts

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

package/dist/components/code-block/code-block-tabs.d.ts

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

package/dist/components/code-block/code-block-window.d.ts

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

package/dist/components/code-block/code-block.d.ts

@@ -0,0 +1,3 @@
+import { CodeBlockProps, CodeBlockProviderState } from './code-block.types';
+export declare const CodeBlock: ({ items, defaultValue, className, children, ref, ...props }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useCodeBlock: () => CodeBlockProviderState;

package/dist/components/code-block/code-block.types.d.ts

@@ -0,0 +1,26 @@
+import { SelectTrigger } from '../select';
+import { Tabs } from '../tabs';
+export type CodeBlockProps = Omit<React.ComponentProps<'div'>, 'defaultValue'> & {
+    defaultValue: CodeBlockValue;
+    items: CodeBlockValue[];
+};
+export type CodeBlockProviderState = {
+    currentValue: CodeBlockValue;
+    setCurrentValue: React.Dispatch<React.SetStateAction<CodeBlockValue>>;
+    items: CodeBlockValue[];
+};
+export type CodeBlockValue = {
+    id: string;
+    label: string;
+    name: string;
+    content: string;
+    icon?: React.ReactNode;
+};
+export type CodeBlockTabsProps = React.ComponentProps<typeof Tabs>;
+export type CodeBlockCopyProps = React.ComponentProps<'button'>;
+export type CodeBlockNameProps = React.ComponentProps<'div'>;
+export type CodeBlockSelectProps = React.ComponentProps<typeof SelectTrigger>;
+export type CodeBlockHeaderGroupProps = React.ComponentProps<'div'>;
+export type CodeBlockTitleProps = React.ComponentProps<'div'>;
+export type CodeBlockDownloadProps = React.ComponentProps<'button'>;
+export type CodeBlockActionsProps = React.ComponentProps<'div'>;

package/dist/components/code-block/index.d.ts

@@ -0,0 +1,2 @@
+export type { CodeBlockProps } from './code-block.types';
+export { CodeBlock } from './code-block';

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

@@ -1,5 +1,5 @@
 export { Dialog } from './dialog';
-export type { DialogCloseProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogPopupProps, DialogProps, DialogTitleProps, DialogTriggerProps, } from './dialog.types';
+export type { DialogCloseProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogPopupProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogContentProps, } from './dialog.types';
 export { DialogClose } from './dialog-close';
 export { DialogContent } from './dialog-content';
 export { DialogDescription } from './dialog-description';

package/dist/components/drawer/drawer-close.d.ts

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

package/dist/components/drawer/drawer-content.d.ts

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

package/dist/components/drawer/drawer-description.d.ts

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

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

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

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

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

package/dist/components/drawer/drawer-provider.d.ts

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

package/dist/components/drawer/drawer-title.d.ts

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

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

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

package/dist/components/drawer/drawer.d.ts

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

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

@@ -0,0 +1,10 @@
+import { Drawer as BaseDrawer } from '@base-ui/react';
+export type DrawerProps = BaseDrawer.Root.Props;
+export type DrawerProviderProps = BaseDrawer.Provider.Props;
+export type DrawerTriggerProps = BaseDrawer.Trigger.Props;
+export type DrawerPopupProps = BaseDrawer.Popup.Props;
+export type DrawerContentProps = BaseDrawer.Content.Props;
+export type DrawerTitleProps = BaseDrawer.Title.Props;
+export type DrawerDescriptionProps = BaseDrawer.Description.Props;
+export type DrawerCloseProps = BaseDrawer.Close.Props;
+export type DrawerHeaderProps = React.ComponentProps<'div'>;

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

@@ -0,0 +1,10 @@
+export type { DrawerProps, DrawerCloseProps, DrawerContentProps, DrawerDescriptionProps, DrawerProviderProps, DrawerTriggerProps, DrawerPopupProps, DrawerTitleProps, DrawerHeaderProps, } from './drawer.types';
+export { Drawer } from './drawer';
+export { DrawerClose } from './drawer-close';
+export { DrawerContent } from './drawer-content';
+export { DrawerDescription } from './drawer-description';
+export { DrawerProvider } from './drawer-provider';
+export { DrawerTrigger } from './drawer-trigger';
+export { DrawerPopup } from './drawer-popup';
+export { DrawerTitle } from './drawer-title';
+export { DrawerHeader } from './drawer-header';

package/dist/components/index.d.ts

@@ -10,8 +10,10 @@ export * from './button-group';
 export * from './checkbox';
 export * from './checkbox-group';
 export * from './collapsible';
+export * from './code-block';
 export * from './combobox';
 export * from './dialog';
+export * from './drawer';
 export * from './field';
 export * from './form';
 export * from './input';

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

@@ -1,3 +1,4 @@
 export { InputOTP } from './input-otp';
-export type { InputOTPProps, InputOTPSlotProps } from './input-otp.types';
+export type { InputOTPProps, InputOTPSlotProps, InputOtpSeparatorProps } from './input-otp.types';
 export { InputOTPSlot } from './input-otp-slot';
+export { InputOtpSeparator } from './input-otp-separator';

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

@@ -0,0 +1,2 @@
+import { InputOtpSeparatorProps } from './input-otp.types';
+export declare const InputOtpSeparator: ({ className, ref, ...props }: InputOtpSeparatorProps) => import("react/jsx-runtime").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: ({ isActive, ...props }: InputOTPSlotProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputOTPSlot: ({ className, ...props }: InputOTPSlotProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,4 @@
-import { OTPInput, SlotProps } from 'input-otp';
-export type InputOTPProps = React.ComponentProps<typeof OTPInput>;
-export type InputOTPSlotProps = SlotProps;
+import { OTPFieldPreview as OTPField } from '@base-ui/react/otp-field';
+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/layer-tree/index.d.ts

@@ -1,4 +1,6 @@
-export type { LayerTreeProps, LayerTreeBodyProps, LayerTreeExpandAllProps, LayerTreeNodeProps, LayerTreeNodeToggleProps, LayerTreeRowProps, LayerTreeSearchProps, } from './layer-tree.types';
+export type { LayerTreeBodyProps, LayerTreeExpandAllProps, LayerTreeNodeProps, LayerTreeNodeToggleProps, LayerTreeProps, LayerTreeRowProps, LayerTreeSearchProps, LayerTreeDataSet, LayerTreeNodeActionProps, LayerTreeFooterProps, LayerTreeSortProps, } from './layer-tree.types';
+export type { LayerTreeNodeData } 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';
 export { LayerTreeExpandAll } from './layer-tree-expand-all';
@@ -6,3 +8,5 @@ export { LayerTreeNode } from './layer-tree-node';
 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: ({ className, children, ref, ...props }: LayerTreeBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeBody: <TData>({ className, children, ...props }: LayerTreeBodyProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

@@ -0,0 +1,83 @@
+/**
+ * Base constraint for tree node data types used by layer tree utilities.
+ */
+export type LayerTreeNodeData = {
+    id: string;
+    children?: LayerTreeNodeData[];
+};
+/**
+ * Recursively searches for a node by ID in a nested tree structure.
+ *
+ * @param nodes - The array of nodes to search through
+ * @param nodeId - The ID of the node to find
+ * @returns The matching node or `null` if not found
+ *
+ * @example
+ * ```ts
+ * const node = findLayerTreeNode(layers, 'layer-001')
+ * if (node) console.log(node.name)
+ * ```
+ */
+export declare const findLayerTreeNode: <TData extends LayerTreeNodeData>(nodes: TData[], nodeId: string) => TData | null;
+/**
+ * Removes a node from a nested tree structure by ID.
+ *
+ * @param nodes - The array of nodes to remove from
+ * @param nodeId - The ID of the node to remove
+ * @returns An object containing the updated tree and the removed node (if found)
+ *
+ * @example
+ * ```ts
+ * const { nextNodes, removedNode } = removeLayerTreeNode(layers, 'layer-001')
+ * if (removedNode) setLayers(nextNodes)
+ * ```
+ */
+export declare const removeLayerTreeNode: <TData extends LayerTreeNodeData>(nodes: TData[], nodeId: string) => {
+    nextNodes: TData[];
+    removedNode: TData | null;
+};
+/**
+ * Inserts a node as a child of the specified folder node.
+ *
+ * @param nodes - The array of nodes to search through
+ * @param folderId - The ID of the folder to insert into
+ * @param nodeToInsert - The node to insert
+ * @returns A new tree with the node inserted
+ *
+ * @example
+ * ```ts
+ * const newTree = insertLayerTreeNode(layers, 'folder-001', newLayer)
+ * setLayers(newTree)
+ * ```
+ */
+export declare const insertLayerTreeNode: <TData extends LayerTreeNodeData>(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.
+ *
+ * @param nodes - The array of nodes
+ * @param sourceId - The ID of the node to move
+ * @param targetId - The ID of the folder to move into
+ * @returns A new tree with the node moved, or the original tree if the move is invalid
+ *
+ * @example
+ * ```ts
+ * const newTree = moveLayerTreeNode(layers, 'layer-001', 'folder-002')
+ * setLayers(newTree)
+ * ```
+ */
+export declare const moveLayerTreeNode: <TData extends LayerTreeNodeData>(nodes: TData[], sourceId: string, targetId: string) => TData[];
+/**
+ * Moves a node to the root level of the tree.
+ *
+ * @param nodes - The array of nodes
+ * @param sourceId - The ID of the node to move
+ * @returns A new tree with the node at root level
+ *
+ * @example
+ * ```ts
+ * const newTree = moveLayerTreeNodeToRoot(layers, 'layer-001')
+ * setLayers(newTree)
+ * ```
+ */
+export declare const moveLayerTreeNodeToRoot: <TData extends LayerTreeNodeData>(nodes: TData[], sourceId: string) => TData[];

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

@@ -1,5 +1,10 @@
-import { LayerTreeProps } from './layer-tree.types';
-type LayerTreeContextType = LayerTreeProps;
-export declare const LayerTree: ({ table, className, children, ref, ...props }: LayerTreeProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useLayerTree: () => LayerTreeContextType;
+import { default as React } from 'react';
+import { LayerTreeDataSet, 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 useLayerTree: <TData>() => LayerTreeContextType<TData>;
 export {};

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

@@ -1,24 +1,35 @@
+import { InputGroup } from '../input-group';
 import { Button } from '../button';
 import { Row, Table as TanstackTable } from '@tanstack/react-table';
-export type LayerTreeProps<TData = any> = React.ComponentProps<'div'> & {
+export type LayerTreeDataSet<TData> = {
+    data: TData[];
+};
+export type LayerTreeProps<TData> = React.ComponentProps<'div'> & {
     table: TanstackTable<TData>;
+    dataSet?: LayerTreeDataSet<TData>;
+    setDataSet?: React.Dispatch<React.SetStateAction<LayerTreeDataSet<TData>>>;
 };
 export type LayerTreeBodyProps = React.ComponentProps<'div'>;
-export type LayerTreeRowProps<TData = any> = React.ComponentProps<'div'> & {
+export type LayerTreeRowProps<TData> = React.ComponentProps<'div'> & {
     row: Row<TData>;
 };
-export type LayerTreeNodeToggleProps<TData = any> = Omit<React.ComponentProps<typeof Button>, 'value' | 'children'> & {
+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>[];
-    onToggle: () => void;
     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<typeof InputGroup> & {
+    placeholder?: string;
 };
-export type LayerTreeSearchProps = React.ComponentProps<'input'>;
 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/popover/index.d.ts

@@ -1,9 +1,10 @@
 export { Popover } from './popover';
-export type { PopoverContentProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverPanelProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, } from './popover.types';
+export type { PopoverContentProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverPanelProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, PopoverButtonProps, } from './popover.types';
 export { PopoverDescription } from './popover-description';
 export { PopoverPanel } from './popover-panel';
 export { PopoverTitle } from './popover-title';
 export { PopoverTrigger } from './popover-trigger';
 export { PopoverHeader } from './popover-header';
 export { PopoverContent } from './popover-content';
+export { PopoverButton } from './popover-button';
 export { popoverHandle } from './popover.types';

package/dist/components/popover/popover-button.d.ts

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

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

@@ -1,4 +1,5 @@
 import { Popover as BasePopover } from '@base-ui/react/popover';
+import { Button } from '..';
 export type PopoverProps = React.ComponentProps<typeof BasePopover.Root>;
 export type PopoverTriggerProps = React.ComponentProps<typeof BasePopover.Trigger>;
 export type PopoverPanelProps = React.ComponentProps<typeof BasePopover.Positioner>;
@@ -6,4 +7,5 @@ export type PopoverTitleProps = React.ComponentProps<typeof BasePopover.Title>;
 export type PopoverDescriptionProps = React.ComponentProps<typeof BasePopover.Description>;
 export type PopoverHeaderProps = React.ComponentProps<'div'>;
 export type PopoverContentProps = React.ComponentProps<'div'>;
+export type PopoverButtonProps = React.ComponentProps<typeof Button>;
 export declare const popoverHandle: BasePopover.Handle<import('react').ComponentType<{}>>;

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

@@ -1,2 +1,6 @@
 export { Profile } from './profile';
-export type { ProfileProps } from './profile.types';
+export { ProfileName } from './profile-name';
+export { ProfileSubname } from './profile-subname';
+export { ProfileAction } from './profile-action';
+export { ProfileContent } from './profile-content';
+export type { ProfileProps, ProfileNameProps, ProfileSubnameProps, ProfileActionProps, ProfileContentProps, } from './profile.types';

package/dist/components/profile/profile-action.d.ts

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

package/dist/components/profile/profile-content.d.ts

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

package/dist/components/profile/profile-name.d.ts

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

package/dist/components/profile/profile-subname.d.ts

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

package/dist/components/profile/profile.d.ts

@@ -1,2 +1,2 @@
 import { ProfileProps } from './profile.types';
-export declare const Profile: ({ className, imageUrl, fallbackText, profileName, profileEmail, compact, hideEmail, avatarAlt, avatarSize, showBadge, badgeTone, badgePosition, badgeContent, children, ref, ...props }: ProfileProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Profile: ({ className, children, ref, ...props }: ProfileProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +1,8 @@
-import { AvatarBadgeProps, AvatarProps } from '../avatar';
-import { ComponentProps, ReactNode } from 'react';
-export type ProfileProps = ComponentProps<'div'> & {
-    imageUrl?: string;
-    fallbackText?: string;
-    profileName: string;
-    profileEmail?: string;
+import { ComponentProps } from 'react';
+export type ProfileProps = ComponentProps<'div'>;
+export type ProfileContentProps = React.ComponentProps<'div'> & {
     compact?: boolean;
-    hideEmail?: boolean;
-    avatarAlt?: string;
-    avatarSize?: AvatarProps['size'];
-    showBadge?: boolean;
-    badgeTone?: AvatarBadgeProps['tone'];
-    badgePosition?: AvatarBadgeProps['position'];
-    badgeContent?: ReactNode;
 };
+export type ProfileActionProps = React.ComponentProps<'div'>;
+export type ProfileNameProps = React.ComponentProps<'span'>;
+export type ProfileSubnameProps = React.ComponentProps<'span'>;

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

@@ -1,2 +1,2 @@
 import { SeparatorProps } from './separator.types';
-export declare const Separator: ({ orientation, weight, style, variant, className, ref, ...props }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Separator: ({ orientation, weight, style, variant, children, className, labelClassName, ref, ...props }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,4 +6,6 @@ export declare const separatorVariants: (props?: ({
     variant?: "strong" | "default" | null | undefined;
     weight?: "medium" | "thin" | "thick" | "thinnest" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type SeparatorProps = Omit<React.ComponentProps<typeof BaseSeparator>, 'style'> & VariantProps<typeof separatorVariants>;
+export type SeparatorProps = Omit<React.ComponentProps<typeof BaseSeparator>, 'style'> & VariantProps<typeof separatorVariants> & {
+    labelClassName?: string;
+};

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

@@ -6,7 +6,7 @@ export type TabsTabProps = ComponentProps<typeof BaseTabs.Tab>;
 export type TabsIndicatorProps = ComponentProps<typeof BaseTabs.Indicator>;
 export type TabsListProps = ComponentProps<typeof BaseTabs.List>;
 export declare const tabsVariants: (props?: ({
-    variant?: "default" | "underline" | null | undefined;
+    variant?: "ghost" | "default" | "underline" | null | undefined;
     fill?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type TabsProps = React.ComponentProps<typeof BaseTabs.Root> & VariantProps<typeof tabsVariants>;