@overmap-ai/blocks 1.0.40-alpha.3 → 1.0.40-overlay.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ButtonGroup/ButtonGroup.d.ts +2 -1
- package/dist/ButtonGroup/context.d.ts +7 -2
- package/dist/CheckboxGroup/context.d.ts +6 -2
- package/dist/CheckboxGroup/utils.d.ts +1 -0
- package/dist/CheckedIndicator/CheckedIndicator.d.ts +3 -4
- package/dist/CollapsibleTree/CollapsibleTree.d.ts +5 -0
- package/dist/CollapsibleTree/context.d.ts +11 -0
- package/dist/CollapsibleTree/index.d.ts +2 -0
- package/dist/CollapsibleTree/typings.d.ts +58 -0
- package/dist/CommandMenu/CheckboxIndicator.d.ts +4 -2
- package/dist/CommandMenu/SelectedIndicator.d.ts +3 -2
- package/dist/CommandMenu/context.d.ts +3 -2
- package/dist/CommandMenu/utils.d.ts +4 -0
- package/dist/Heading/cva.d.ts +1 -1
- package/dist/HoverUtility/HoverUtility.d.ts +2 -2
- package/dist/Link/cva.d.ts +1 -1
- package/dist/Menu/{CheckboxItem.d.ts → CheckboxItem/CheckboxItem.d.ts} +1 -1
- package/dist/Menu/{CheckboxItemIndicator.d.ts → CheckboxItemIndicator/CheckboxItemIndicator.d.ts} +1 -1
- package/dist/Menu/{ClickTrigger.d.ts → ClickTrigger/ClickTrigger.d.ts} +1 -1
- package/dist/Menu/ClickTrigger/index.d.ts +1 -0
- package/dist/Menu/{Content.d.ts → Content/Content.d.ts} +1 -1
- package/dist/Menu/{menuContentContext.d.ts → Content/context.d.ts} +2 -2
- package/dist/Menu/Content/index.d.ts +2 -0
- package/dist/Menu/{ContextTrigger.d.ts → ContextTrigger/ContextTrigger.d.ts} +1 -1
- package/dist/Menu/ContextTrigger/index.d.ts +1 -0
- package/dist/Menu/{Group.d.ts → Group/Group.d.ts} +1 -1
- package/dist/Menu/Group/index.d.ts +1 -0
- package/dist/Menu/{InputField.d.ts → Input/Field.d.ts} +1 -1
- package/dist/Menu/{InputRoot.d.ts → Input/Root.d.ts} +1 -1
- package/dist/Menu/{InputSlot.d.ts → Input/Slot.d.ts} +1 -1
- package/dist/Menu/Input/index.d.ts +3 -0
- package/dist/Menu/{Item.d.ts → Item/Item.d.ts} +1 -1
- package/dist/Menu/Item/index.d.ts +1 -0
- package/dist/Menu/Label/index.d.ts +1 -0
- package/dist/Menu/{MultiSelectGroup.d.ts → MultiSelectGroup/MultiSelectGroup.d.ts} +1 -1
- package/dist/Menu/MultiSelectGroup/index.d.ts +1 -0
- package/dist/Menu/{MultiSelectItem.d.ts → MultiSelectItem/MultiSelectItem.d.ts} +1 -1
- package/dist/Menu/MultiSelectItem/index.d.ts +1 -0
- package/dist/Menu/PageContent/PageContent.d.ts +3 -0
- package/dist/Menu/PageContent/index.d.ts +1 -0
- package/dist/Menu/{PageTrigger.d.ts → PageTrigger/PageTrigger.d.ts} +1 -1
- package/dist/Menu/PageTrigger/index.d.ts +1 -0
- package/dist/Menu/{Pages.d.ts → Pages/Pages.d.ts} +1 -1
- package/dist/Menu/Pages/index.d.ts +2 -0
- package/dist/Menu/{Scroll.d.ts → Scroll/Scroll.d.ts} +1 -1
- package/dist/Menu/{SelectAllItem.d.ts → SelectAll/SelectAllItem.d.ts} +1 -1
- package/dist/Menu/SelectAll/index.d.ts +1 -0
- package/dist/Menu/{SelectGroup.d.ts → SelectGroup/SelectGroup.d.ts} +1 -1
- package/dist/Menu/SelectGroup/index.d.ts +1 -0
- package/dist/Menu/{SelectItem.d.ts → SelectItem/SelectItem.d.ts} +1 -1
- package/dist/Menu/SelectItem/index.d.ts +1 -0
- package/dist/Menu/SelectedIndicator/SelectedIndicator.d.ts +4 -0
- package/dist/{SelectedIndicator → Menu/SelectedIndicator}/context.d.ts +1 -0
- package/dist/Menu/SelectedIndicator/index.d.ts +2 -0
- package/dist/Menu/{Separator.d.ts → Separator/Separator.d.ts} +1 -1
- package/dist/Menu/Separator/index.d.ts +1 -0
- package/dist/Menu/{Sub.d.ts → Sub/Sub.d.ts} +1 -1
- package/dist/Menu/{subContentContext.d.ts → Sub/context.d.ts} +1 -1
- package/dist/Menu/Sub/index.d.ts +2 -0
- package/dist/Menu/{SubContent.d.ts → SubContent/SubContent.d.ts} +1 -1
- package/dist/Menu/SubContent/index.d.ts +1 -0
- package/dist/Menu/{SubTrigger.d.ts → SubTrigger/SubTrigger.d.ts} +1 -1
- package/dist/Menu/SubTrigger/index.d.ts +1 -0
- package/dist/Menu/{VirtualTrigger.d.ts → VirtualTrigger/VirtualTrigger.d.ts} +1 -1
- package/dist/Menu/VirtualTrigger/index.d.ts +1 -0
- package/dist/Menu/index.d.ts +7 -9
- package/dist/Menu/{Root.d.ts → root/Root.d.ts} +1 -1
- package/dist/Menu/{rootContext.d.ts → root/context.d.ts} +1 -1
- package/dist/Menu/root/index.d.ts +2 -0
- package/dist/Menu/utils.d.ts +6 -0
- package/dist/Overlay/Close.d.ts +5 -0
- package/dist/Overlay/Content.d.ts +6 -0
- package/dist/Overlay/Description.d.ts +5 -0
- package/dist/Overlay/Root.d.ts +5 -0
- package/dist/Overlay/Title.d.ts +5 -0
- package/dist/Overlay/Trigger.d.ts +5 -0
- package/dist/Overlay/cva.d.ts +1 -0
- package/dist/Overlay/index.d.ts +15 -0
- package/dist/SlideOut/SlideOut.d.ts +2 -1
- package/dist/Text/cva.d.ts +1 -1
- package/dist/blocks.js +918 -1181
- package/dist/blocks.js.map +1 -1
- package/dist/blocks.umd.cjs +1083 -1346
- package/dist/blocks.umd.cjs.map +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/typings.d.ts +5 -0
- package/dist/utils.d.ts +30 -7
- package/package.json +1 -1
- package/dist/Menu/PageContent.d.ts +0 -2
- package/dist/Menu/SelectedIndicator.d.ts +0 -4
- package/dist/MenuV2/CheckboxItem.d.ts +0 -6
- package/dist/MenuV2/CheckboxItemIndicator.d.ts +0 -3
- package/dist/MenuV2/Group.d.ts +0 -4
- package/dist/MenuV2/GroupLabel.d.ts +0 -4
- package/dist/MenuV2/Item.d.ts +0 -6
- package/dist/MenuV2/MultiSelectAllItem.d.ts +0 -4
- package/dist/MenuV2/MultiSelectGroup.d.ts +0 -5
- package/dist/MenuV2/MultiSelectItem.d.ts +0 -5
- package/dist/MenuV2/Page.d.ts +0 -5
- package/dist/MenuV2/PageTriggerItem.d.ts +0 -5
- package/dist/MenuV2/Pages.d.ts +0 -7
- package/dist/MenuV2/Root.d.ts +0 -6
- package/dist/MenuV2/SelectGroup.d.ts +0 -4
- package/dist/MenuV2/SelectItem.d.ts +0 -5
- package/dist/MenuV2/SelectedIndicator.d.ts +0 -3
- package/dist/MenuV2/Separator.d.ts +0 -5
- package/dist/MenuV2/constants.d.ts +0 -9
- package/dist/MenuV2/context.d.ts +0 -17
- package/dist/MenuV2/cva.d.ts +0 -14
- package/dist/MenuV2/index.d.ts +0 -19
- package/dist/MenuV2/typings.d.ts +0 -9
- package/dist/MenuV2/utils.d.ts +0 -1
- package/dist/SelectedIndicator/SelectedIndicator.d.ts +0 -5
- package/dist/SelectedIndicator/index.d.ts +0 -2
- package/dist/hooks.d.ts +0 -20
- /package/dist/Menu/{Label.d.ts → Label/Label.d.ts} +0 -0
- /package/dist/Menu/{menuPagesContext.d.ts → Pages/context.d.ts} +0 -0
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ComponentProps, PropsWithoutRef } from 'react';
|
|
2
2
|
import { ButtonVariantProps } from '../Buttons';
|
|
3
|
-
|
|
3
|
+
import { AccentColorProps } from '../typings';
|
|
4
|
+
export interface ButtonGroupProps extends PropsWithoutRef<ComponentProps<"div">>, ButtonVariantProps, AccentColorProps {
|
|
4
5
|
}
|
|
5
6
|
/**
|
|
6
7
|
* Container for grouping multiple buttons with shared styling.
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { ButtonSize, ButtonVariant } from '../Buttons';
|
|
2
|
+
import { ComponentRadius } from '../Provider';
|
|
3
|
+
export interface IButtonGroupContext {
|
|
4
|
+
variant: ButtonVariant;
|
|
5
|
+
size: ButtonSize;
|
|
6
|
+
radius: ComponentRadius;
|
|
7
|
+
accentColor: string;
|
|
3
8
|
}
|
|
4
9
|
export declare const ButtonGroupContext: import('react').Context<IButtonGroupContext>;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ComponentRadius } from '../Provider';
|
|
3
|
+
import { CheckboxGroupSize, CheckboxGroupVariant } from './typings';
|
|
3
4
|
import * as RadixCheckbox from "@radix-ui/react-checkbox";
|
|
4
|
-
export interface ICheckboxGroupContext
|
|
5
|
+
export interface ICheckboxGroupContext {
|
|
5
6
|
name?: string;
|
|
6
7
|
required?: ComponentProps<typeof RadixCheckbox.Root>["required"];
|
|
7
8
|
disabled?: ComponentProps<typeof RadixCheckbox.Root>["disabled"];
|
|
9
|
+
size: CheckboxGroupSize;
|
|
10
|
+
variant: CheckboxGroupVariant;
|
|
11
|
+
radius: ComponentRadius;
|
|
8
12
|
}
|
|
9
13
|
export declare const CheckboxGroupContext: import('react').Context<ICheckboxGroupContext>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function getBooleanState(value: boolean): "true" | "false";
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { ComponentPropsWithRef, PropsWithChildren } from 'react';
|
|
2
|
-
import { CheckedState } from './typings';
|
|
1
|
+
import { ComponentPropsWithRef, FC, PropsWithChildren } from 'react';
|
|
3
2
|
export interface CheckedIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
|
|
4
|
-
children: PropsWithChildren["children"] | ((indeterminate:
|
|
3
|
+
children: PropsWithChildren["children"] | ((indeterminate: boolean) => PropsWithChildren["children"]);
|
|
5
4
|
}
|
|
6
|
-
export declare const CheckedIndicator:
|
|
5
|
+
export declare const CheckedIndicator: FC<CheckedIndicatorProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { CollapsibleTreeProps } from './typings';
|
|
2
|
+
/** The Collapsible Tree Component is a reusable UI element that displays hierarchical data in a tree structure.
|
|
3
|
+
* Nodes in the tree can be expanded or collapsed to show or hide their children, allowing for an intuitive and
|
|
4
|
+
* space-efficient way to navigate complex data structures.*/
|
|
5
|
+
export declare const CollapsibleTree: <TMeta>(props: CollapsibleTreeProps<TMeta>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { NodeCallbacks, NodeRenderer } from './typings';
|
|
3
|
+
interface ICollapsibleTreeContext<TMeta> extends NodeCallbacks<TMeta> {
|
|
4
|
+
nodeClassName?: string;
|
|
5
|
+
nodeStyles?: CSSProperties;
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
nodeRenderer: NodeRenderer<TMeta>;
|
|
8
|
+
}
|
|
9
|
+
export declare const CollapsibleTreeContext: import('react').Context<ICollapsibleTreeContext<never>>;
|
|
10
|
+
export declare function useCollapsibleTreeContext<TMeta>(): ICollapsibleTreeContext<TMeta>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { CollapsibleProps } from '@radix-ui/react-collapsible';
|
|
2
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
3
|
+
import { PropsWithClassNameAndStyle } from '../typings';
|
|
4
|
+
export type NodeEventHandler<TMeta> = (meta: TMeta) => void;
|
|
5
|
+
export interface NodeCallbacks<TMeta> {
|
|
6
|
+
/** callback fired when a specific TreeNode is clicked, regardless of the current open state of the specific
|
|
7
|
+
* TreeNode collapsible. */
|
|
8
|
+
onNodeClick?: NodeEventHandler<TMeta>;
|
|
9
|
+
/** callback fired when a specific TreeNode collapsible is opened. */
|
|
10
|
+
onNodeOpen?: NodeEventHandler<TMeta>;
|
|
11
|
+
/** callback fired when a specific TreeNode collapsible is closed. */
|
|
12
|
+
onNodeClose?: NodeEventHandler<TMeta>;
|
|
13
|
+
}
|
|
14
|
+
export type NodeRenderer<TMeta> = (args: {
|
|
15
|
+
/** passing any meta information defined for the given node*/
|
|
16
|
+
meta: TMeta;
|
|
17
|
+
/** a function to toggle the open state of the TreeNode, useful to define what content with the TreeNode is responsible
|
|
18
|
+
* for triggering the opening and closing of the TreeNode collapsible. */
|
|
19
|
+
toggleOpen: () => void;
|
|
20
|
+
/** the current open state of the TreeNode collapsible, useful for changing rendered content within the TreeNode
|
|
21
|
+
* based on its open state. */
|
|
22
|
+
open: boolean;
|
|
23
|
+
/** the current disabled state of the TreeNode, useful for changing rendered content or functionality based on if the
|
|
24
|
+
* TreeNode is disabled or not. */
|
|
25
|
+
disabled: boolean;
|
|
26
|
+
}) => {
|
|
27
|
+
children: ReactNode;
|
|
28
|
+
className?: string;
|
|
29
|
+
style?: CSSProperties;
|
|
30
|
+
};
|
|
31
|
+
export interface TreeNodeProps<TMeta> extends Pick<CollapsibleProps, "disabled"> {
|
|
32
|
+
/** list of TreeNodes to be rendered within the current TreeNode collapsible */
|
|
33
|
+
nodes?: TreeNodeProps<TMeta>[];
|
|
34
|
+
/** any meta-information that should be attached to a given TreeNode uses the TMeta type to specifically type
|
|
35
|
+
* the structure of this meta-data. */
|
|
36
|
+
meta: TMeta;
|
|
37
|
+
}
|
|
38
|
+
export interface CollapsibleTreeProps<TMeta> extends PropsWithClassNameAndStyle, NodeCallbacks<TMeta> {
|
|
39
|
+
/** the TreeNode structure that should be rendered within the CollapsibleTree */
|
|
40
|
+
nodes: TreeNodeProps<TMeta>[];
|
|
41
|
+
/** disables all TreeNodes in the CollapsibleTree.
|
|
42
|
+
* @default false
|
|
43
|
+
* */
|
|
44
|
+
disabled?: boolean;
|
|
45
|
+
/** A className that will be applied to every TreeNode. Useful if all the TreeNodes are required to look
|
|
46
|
+
* the same stylistically. */
|
|
47
|
+
nodeClassName?: string;
|
|
48
|
+
/** styles that will be applied to every TreeNode. Useful if there are styles that need to be applied to all
|
|
49
|
+
* for stylistic consistency TreeNodes. */
|
|
50
|
+
nodeStyles?: CSSProperties;
|
|
51
|
+
/** a callback used to determine the content rendered within a TreeNode. The callback is passed with the following arguments,
|
|
52
|
+
* @param meta - TreeNodes meta object.
|
|
53
|
+
* @param toggleOpen - function to toggle the open state of a TreeNode.
|
|
54
|
+
* @param open - the current open state of the TreeNode collapsible.
|
|
55
|
+
* @param disabled - the current disabled state of the TreeNode collapsible.
|
|
56
|
+
* */
|
|
57
|
+
nodeRenderer: NodeRenderer<TMeta>;
|
|
58
|
+
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
+
import { CheckedState } from './typings';
|
|
3
|
+
export interface CommandMenuCheckboxIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
|
|
4
|
+
children: ReactNode | ((checked: CheckedState) => ReactNode);
|
|
3
5
|
}
|
|
4
6
|
export declare const CommandMenuCheckboxIndicator: import('react').MemoExoticComponent<(props: CommandMenuCheckboxIndicatorProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { ComponentPropsWithRef } from 'react';
|
|
2
|
-
export interface CommandMenuSelectedIndicatorProps extends ComponentPropsWithRef<"span"> {
|
|
1
|
+
import { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
+
export interface CommandMenuSelectedIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
|
|
3
|
+
children: ReactNode | ((selected: boolean) => ReactNode);
|
|
3
4
|
}
|
|
4
5
|
export declare const CommandMenuSelectedIndicator: import('react').MemoExoticComponent<(props: CommandMenuSelectedIndicatorProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentRadius } from '../Provider';
|
|
2
|
-
import { CheckedState, CommandMenuSize, CommandMenuVariant
|
|
3
|
-
|
|
2
|
+
import { CheckedState, CommandMenuSize, CommandMenuVariant } from './typings';
|
|
3
|
+
interface ICommandMenuContext {
|
|
4
4
|
size: CommandMenuSize;
|
|
5
5
|
variant: CommandMenuVariant;
|
|
6
6
|
radius: ComponentRadius;
|
|
@@ -18,3 +18,4 @@ export interface ICommandMenuDialogContext {
|
|
|
18
18
|
setOpen: (open: boolean) => void;
|
|
19
19
|
}
|
|
20
20
|
export declare const CommandMenuDialogContext: import('react').Context<ICommandMenuDialogContext>;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { CheckedState } from '../CheckedIndicator';
|
|
2
|
+
export declare function getSelectedState(selected: boolean): "selected" | "unselected";
|
|
3
|
+
export declare function getCheckedState(checked: CheckedState): "checked" | "indeterminate" | "unchecked";
|
|
4
|
+
export declare function getActiveState(active: boolean): "active" | "inactive";
|
package/dist/Heading/cva.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const headingCva: (props?: ({
|
|
2
2
|
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null | undefined;
|
|
3
|
-
weight?: "bold" | "
|
|
3
|
+
weight?: "bold" | "medium" | "light" | "regular" | null | undefined;
|
|
4
4
|
align?: "right" | "left" | "center" | null | undefined;
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PointerEventHandler, ReactElement } from 'react';
|
|
1
|
+
import { FC, PointerEventHandler, ReactElement } from 'react';
|
|
2
2
|
interface ChildProps {
|
|
3
3
|
isHovered: boolean;
|
|
4
4
|
onPointerEnter: PointerEventHandler<HTMLElement>;
|
|
@@ -11,5 +11,5 @@ interface HoverUtilityProps {
|
|
|
11
11
|
/** HoverUtility is a utility component used for detecting when an element is being hovered over or not, is passes a
|
|
12
12
|
* isHovered variable to its children as well as props onPointerEnter and onPointerLeave that can be spread on any
|
|
13
13
|
* child component that should be used as the element to observe hovering on. See stories of examples of its use. */
|
|
14
|
-
export declare const HoverUtility:
|
|
14
|
+
export declare const HoverUtility: FC<HoverUtilityProps>;
|
|
15
15
|
export {};
|
package/dist/Link/cva.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const linkCva: (props?: ({
|
|
2
2
|
size?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null | undefined;
|
|
3
|
-
weight?: "bold" | "
|
|
3
|
+
weight?: "bold" | "medium" | "light" | "regular" | null | undefined;
|
|
4
4
|
align?: "right" | "left" | "center" | null | undefined;
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuCheckboxItemProps } from '
|
|
1
|
+
import { MenuCheckboxItemProps } from '../typings';
|
|
2
2
|
export declare const MenuCheckboxItem: import('react').NamedExoticComponent<MenuCheckboxItemProps>;
|
package/dist/Menu/{CheckboxItemIndicator.d.ts → CheckboxItemIndicator/CheckboxItemIndicator.d.ts}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuCheckboxIndicatorProps } from '
|
|
1
|
+
import { MenuCheckboxIndicatorProps } from '../typings';
|
|
2
2
|
export declare const MenuCheckboxItemIndicator: import('react').NamedExoticComponent<MenuCheckboxIndicatorProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ClickTrigger';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { UseFloatingData, UseInteractionsReturn } from '@floating-ui/react';
|
|
2
2
|
import { MutableRefObject } from 'react';
|
|
3
|
-
import { ComponentRadius } from '
|
|
4
|
-
import { MenuSize, MenuVariant } from '
|
|
3
|
+
import { ComponentRadius } from '../../Provider';
|
|
4
|
+
import { MenuSize, MenuVariant } from '../typings';
|
|
5
5
|
interface IMenuContentContext {
|
|
6
6
|
activeIndex: number | null;
|
|
7
7
|
getItemProps: UseInteractionsReturn["getItemProps"];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuContextTriggerProps } from '
|
|
1
|
+
import { MenuContextTriggerProps } from '../typings';
|
|
2
2
|
export declare const MenuContextTrigger: import('react').NamedExoticComponent<MenuContextTriggerProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ContextTrigger';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuGroupProps } from '
|
|
1
|
+
import { MenuGroupProps } from '../typings';
|
|
2
2
|
export declare const MenuGroup: import('react').NamedExoticComponent<MenuGroupProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Group';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuInputProps } from '
|
|
1
|
+
import { MenuInputProps } from '../typings';
|
|
2
2
|
export declare const MenuInputField: import('react').NamedExoticComponent<MenuInputProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuInputRootProps } from '
|
|
1
|
+
import { MenuInputRootProps } from '../typings';
|
|
2
2
|
export declare const MenuInputRoot: import('react').NamedExoticComponent<MenuInputRootProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuInputSlotProps } from '
|
|
1
|
+
import { MenuInputSlotProps } from '../typings';
|
|
2
2
|
export declare const MenuInputSlot: import('react').NamedExoticComponent<MenuInputSlotProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Item';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Label';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuMultiSelectGroupProps } from '
|
|
1
|
+
import { MenuMultiSelectGroupProps } from '../typings';
|
|
2
2
|
export declare const MenuMultiSelectGroup: <TValue>(props: MenuMultiSelectGroupProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MultiSelectGroup';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuSelectItemProps } from '
|
|
1
|
+
import { MenuSelectItemProps } from '../typings';
|
|
2
2
|
export declare const MenuMultiSelectItem: <TValue>(props: MenuSelectItemProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MultiSelectItem';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './PageContent';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuPageTriggerProps } from '
|
|
1
|
+
import { MenuPageTriggerProps } from '../typings';
|
|
2
2
|
export declare const MenuPageTrigger: import('react').NamedExoticComponent<MenuPageTriggerProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './PageTrigger';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuPageProps } from '
|
|
1
|
+
import { MenuPageProps } from '../typings';
|
|
2
2
|
export declare const MenuPages: import('react').NamedExoticComponent<MenuPageProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuScrollProps } from '
|
|
1
|
+
import { MenuScrollProps } from '../typings';
|
|
2
2
|
export declare const MenuScroll: import('react').NamedExoticComponent<MenuScrollProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { SelectAllItemProps } from '
|
|
1
|
+
import { SelectAllItemProps } from '../typings';
|
|
2
2
|
export declare const MenuSelectAllItem: <TValue>(props: SelectAllItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SelectAllItem';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuSelectGroupProps } from '
|
|
1
|
+
import { MenuSelectGroupProps } from '../typings';
|
|
2
2
|
export declare const MenuSelectGroup: <TValue>(props: MenuSelectGroupProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SelectGroup';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuSelectItemProps } from '
|
|
1
|
+
import { MenuSelectItemProps } from '../typings';
|
|
2
2
|
export declare const MenuSelectItem: <TValue>(props: MenuSelectItemProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SelectItem';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuSeparatorProps } from '
|
|
1
|
+
import { MenuSeparatorProps } from '../typings';
|
|
2
2
|
export declare const MenuSeparator: import('react').NamedExoticComponent<MenuSeparatorProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Separator';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuSubProps } from '
|
|
1
|
+
import { MenuSubProps } from '../typings';
|
|
2
2
|
export declare const MenuSub: import('react').NamedExoticComponent<MenuSubProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { UseFloatingData, UseInteractionsReturn } from '@floating-ui/react';
|
|
2
2
|
import { CSSProperties, MutableRefObject } from 'react';
|
|
3
|
-
import { MenuSide } from '
|
|
3
|
+
import { MenuSide } from '../typings';
|
|
4
4
|
interface ISubContext {
|
|
5
5
|
open: boolean;
|
|
6
6
|
setOpen: (open: boolean) => void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { SubMenuContentProps } from '
|
|
1
|
+
import { SubMenuContentProps } from '../typings';
|
|
2
2
|
export declare const MenuSubContent: import('react').NamedExoticComponent<SubMenuContentProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SubContent';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuSubTriggerProps } from '
|
|
1
|
+
import { MenuSubTriggerProps } from '../typings';
|
|
2
2
|
export declare const MenuSubTrigger: import('react').NamedExoticComponent<MenuSubTriggerProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SubTrigger';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuVirtualTriggerProps } from '
|
|
1
|
+
import { MenuVirtualTriggerProps } from '../typings';
|
|
2
2
|
export declare const MenuVirtualTrigger: import('react').MemoExoticComponent<(props: MenuVirtualTriggerProps) => null>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './VirtualTrigger';
|
package/dist/Menu/index.d.ts
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export * from './CheckboxItem';
|
|
3
|
-
export * from './CheckboxItemIndicator';
|
|
2
|
+
export * from './CheckboxItem/CheckboxItem';
|
|
3
|
+
export * from './CheckboxItemIndicator/CheckboxItemIndicator';
|
|
4
4
|
export * from './ClickTrigger';
|
|
5
5
|
export * from './Content';
|
|
6
6
|
export * from './ContextTrigger';
|
|
7
7
|
export * from './Group';
|
|
8
|
-
export * from './
|
|
9
|
-
export * from './InputRoot';
|
|
10
|
-
export * from './InputSlot';
|
|
8
|
+
export * from './Input';
|
|
11
9
|
export * from './Item';
|
|
12
10
|
export * from './Label';
|
|
13
11
|
export * from './MultiSelectGroup';
|
|
@@ -15,9 +13,9 @@ export * from './MultiSelectItem';
|
|
|
15
13
|
export * from './PageContent';
|
|
16
14
|
export * from './Pages';
|
|
17
15
|
export * from './PageTrigger';
|
|
18
|
-
export * from './
|
|
19
|
-
export * from './Scroll';
|
|
20
|
-
export * from './
|
|
16
|
+
export * from './root';
|
|
17
|
+
export * from './Scroll/Scroll';
|
|
18
|
+
export * from './SelectAll';
|
|
21
19
|
export * from './SelectedIndicator';
|
|
22
20
|
export * from './SelectGroup';
|
|
23
21
|
export * from './SelectItem';
|
|
@@ -34,7 +32,7 @@ export declare const Menu: {
|
|
|
34
32
|
SubContent: import('react').NamedExoticComponent<import('./typings').SubMenuContentProps>;
|
|
35
33
|
SubTrigger: import('react').NamedExoticComponent<import('./typings').MenuSubTriggerProps>;
|
|
36
34
|
Pages: import('react').NamedExoticComponent<import('./typings').MenuPageProps>;
|
|
37
|
-
PageContent: import('react').
|
|
35
|
+
PageContent: import('react').FC<import('./typings').MenuPageContentProps>;
|
|
38
36
|
PageTrigger: import('react').NamedExoticComponent<import('./typings').MenuPageTriggerProps>;
|
|
39
37
|
ClickTrigger: import('react').NamedExoticComponent<import('./typings').MenuClickTriggerProps>;
|
|
40
38
|
ContextTrigger: import('react').NamedExoticComponent<import('./typings').MenuContextTriggerProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { MiddlewareData, UseFloatingData, UseInteractionsReturn } from '@floating-ui/react';
|
|
2
2
|
import { CSSProperties, MutableRefObject } from 'react';
|
|
3
|
-
import { MenuSide, MenuTriggerType } from '
|
|
3
|
+
import { MenuSide, MenuTriggerType } from '../typings';
|
|
4
4
|
interface IMenuContext {
|
|
5
5
|
open: boolean;
|
|
6
6
|
setOpen: (open: boolean) => void;
|
package/dist/Menu/utils.d.ts
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
|
+
import { CheckedState } from '../CheckedIndicator';
|
|
1
2
|
import { MenuAlignment, MenuSide } from './typings';
|
|
2
3
|
export declare const computeOffsets: (side: MenuSide, alignment: MenuAlignment) => {
|
|
3
4
|
mainAxis: number;
|
|
4
5
|
crossAxis: number;
|
|
5
6
|
};
|
|
7
|
+
export declare function getSelectedState(selected: boolean): "selected" | "unselected";
|
|
8
|
+
export declare function getCheckedState(checked: CheckedState): "checked" | "indeterminate" | "unchecked";
|
|
9
|
+
export declare function getActiveState(active: boolean): "active" | "inactive";
|
|
10
|
+
export declare function getBooleanState(value: boolean): "true" | "false";
|
|
11
|
+
export declare function getOpenState(open: boolean): "open" | "closed";
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
import * as RadixDialog from "@radix-ui/react-dialog";
|
|
3
|
+
export interface OverlayCloseProps extends ComponentPropsWithRef<typeof RadixDialog.Close> {
|
|
4
|
+
}
|
|
5
|
+
export declare const OverlayClose: import('react').NamedExoticComponent<OverlayCloseProps>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
import * as RadixDialog from "@radix-ui/react-dialog";
|
|
3
|
+
export interface OverlayContentProps extends ComponentPropsWithRef<typeof RadixDialog.Content> {
|
|
4
|
+
container?: RadixDialog.DialogPortalProps["container"];
|
|
5
|
+
}
|
|
6
|
+
export declare const OverlayContent: import('react').NamedExoticComponent<OverlayContentProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
import * as RadixDialog from "@radix-ui/react-dialog";
|
|
3
|
+
export interface OverlayDescriptionProps extends ComponentPropsWithRef<typeof RadixDialog.Description> {
|
|
4
|
+
}
|
|
5
|
+
export declare const OverlayDescription: import('react').NamedExoticComponent<OverlayDescriptionProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import * as RadixDialog from "@radix-ui/react-dialog";
|
|
3
|
+
export interface OverlayRootProps extends ComponentProps<typeof RadixDialog.Root> {
|
|
4
|
+
}
|
|
5
|
+
export declare const OverlayRoot: import('react').NamedExoticComponent<OverlayRootProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
import * as RadixDialog from "@radix-ui/react-dialog";
|
|
3
|
+
export interface OverlayTitleProps extends ComponentPropsWithRef<typeof RadixDialog.Title> {
|
|
4
|
+
}
|
|
5
|
+
export declare const OverlayTitle: import('react').NamedExoticComponent<OverlayTitleProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
import * as RadixDialog from "@radix-ui/react-dialog";
|
|
3
|
+
export interface OverlayTriggerProps extends ComponentPropsWithRef<typeof RadixDialog.Trigger> {
|
|
4
|
+
}
|
|
5
|
+
export declare const OverlayTrigger: import('react').NamedExoticComponent<OverlayTriggerProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const overlayContentCva: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export * from './Close';
|
|
3
|
+
export * from './Content';
|
|
4
|
+
export * from './Description';
|
|
5
|
+
export * from './Root';
|
|
6
|
+
export * from './Title';
|
|
7
|
+
export * from './Trigger';
|
|
8
|
+
export declare const Overlay: {
|
|
9
|
+
Root: import('react').NamedExoticComponent<import('./Root').OverlayRootProps>;
|
|
10
|
+
Content: import('react').NamedExoticComponent<import('./Content').OverlayContentProps>;
|
|
11
|
+
Title: import('react').NamedExoticComponent<import('./Title').OverlayTitleProps>;
|
|
12
|
+
Description: import('react').NamedExoticComponent<import('./Description').OverlayDescriptionProps>;
|
|
13
|
+
Trigger: import('react').NamedExoticComponent<import('./Trigger').OverlayTriggerProps>;
|
|
14
|
+
Close: import('react').NamedExoticComponent<import('./Close').OverlayCloseProps>;
|
|
15
|
+
};
|