@overmap-ai/blocks 1.0.40-alpha.2 → 1.0.40-alpha.3
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 +1 -2
- package/dist/ButtonGroup/context.d.ts +2 -7
- package/dist/CheckboxGroup/context.d.ts +2 -6
- package/dist/CheckedIndicator/CheckedIndicator.d.ts +4 -3
- package/dist/CommandMenu/CheckboxIndicator.d.ts +2 -4
- package/dist/CommandMenu/SelectedIndicator.d.ts +2 -3
- package/dist/CommandMenu/context.d.ts +2 -3
- 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/CheckboxItem.d.ts → CheckboxItem.d.ts} +1 -1
- package/dist/Menu/{CheckboxItemIndicator/CheckboxItemIndicator.d.ts → CheckboxItemIndicator.d.ts} +1 -1
- package/dist/Menu/{ClickTrigger/ClickTrigger.d.ts → ClickTrigger.d.ts} +1 -1
- package/dist/Menu/{Content/Content.d.ts → Content.d.ts} +1 -1
- package/dist/Menu/{ContextTrigger/ContextTrigger.d.ts → ContextTrigger.d.ts} +1 -1
- package/dist/Menu/{Group/Group.d.ts → Group.d.ts} +1 -1
- package/dist/Menu/{Input/Field.d.ts → InputField.d.ts} +1 -1
- package/dist/Menu/{Input/Root.d.ts → InputRoot.d.ts} +1 -1
- package/dist/Menu/{Input/Slot.d.ts → InputSlot.d.ts} +1 -1
- package/dist/Menu/{Item/Item.d.ts → Item.d.ts} +1 -1
- package/dist/Menu/{MultiSelectGroup/MultiSelectGroup.d.ts → MultiSelectGroup.d.ts} +1 -1
- package/dist/Menu/{MultiSelectItem/MultiSelectItem.d.ts → MultiSelectItem.d.ts} +1 -1
- package/dist/Menu/PageContent.d.ts +2 -0
- package/dist/Menu/{PageTrigger/PageTrigger.d.ts → PageTrigger.d.ts} +1 -1
- package/dist/Menu/{Pages/Pages.d.ts → Pages.d.ts} +1 -1
- package/dist/Menu/{root/Root.d.ts → Root.d.ts} +1 -1
- package/dist/Menu/{Scroll/Scroll.d.ts → Scroll.d.ts} +1 -1
- package/dist/Menu/{SelectAll/SelectAllItem.d.ts → SelectAllItem.d.ts} +1 -1
- package/dist/Menu/{SelectGroup/SelectGroup.d.ts → SelectGroup.d.ts} +1 -1
- package/dist/Menu/{SelectItem/SelectItem.d.ts → SelectItem.d.ts} +1 -1
- package/dist/Menu/SelectedIndicator.d.ts +4 -0
- package/dist/Menu/{Separator/Separator.d.ts → Separator.d.ts} +1 -1
- package/dist/Menu/{Sub/Sub.d.ts → Sub.d.ts} +1 -1
- package/dist/Menu/{SubContent/SubContent.d.ts → SubContent.d.ts} +1 -1
- package/dist/Menu/{SubTrigger/SubTrigger.d.ts → SubTrigger.d.ts} +1 -1
- package/dist/Menu/{VirtualTrigger/VirtualTrigger.d.ts → VirtualTrigger.d.ts} +1 -1
- package/dist/Menu/index.d.ts +9 -7
- package/dist/Menu/{Content/context.d.ts → menuContentContext.d.ts} +2 -2
- package/dist/Menu/{root/context.d.ts → rootContext.d.ts} +1 -1
- package/dist/Menu/{Sub/context.d.ts → subContentContext.d.ts} +1 -1
- package/dist/MenuV2/CheckboxItem.d.ts +6 -0
- package/dist/MenuV2/CheckboxItemIndicator.d.ts +3 -0
- package/dist/MenuV2/Group.d.ts +4 -0
- package/dist/MenuV2/GroupLabel.d.ts +4 -0
- package/dist/MenuV2/Item.d.ts +6 -0
- package/dist/MenuV2/MultiSelectAllItem.d.ts +4 -0
- package/dist/MenuV2/MultiSelectGroup.d.ts +5 -0
- package/dist/MenuV2/MultiSelectItem.d.ts +5 -0
- package/dist/MenuV2/Page.d.ts +5 -0
- package/dist/MenuV2/PageTriggerItem.d.ts +5 -0
- package/dist/MenuV2/Pages.d.ts +7 -0
- package/dist/MenuV2/Root.d.ts +6 -0
- package/dist/MenuV2/SelectGroup.d.ts +4 -0
- package/dist/MenuV2/SelectItem.d.ts +5 -0
- package/dist/MenuV2/SelectedIndicator.d.ts +3 -0
- package/dist/MenuV2/Separator.d.ts +5 -0
- package/dist/MenuV2/constants.d.ts +9 -0
- package/dist/MenuV2/context.d.ts +17 -0
- package/dist/MenuV2/cva.d.ts +14 -0
- package/dist/MenuV2/index.d.ts +19 -0
- package/dist/MenuV2/typings.d.ts +9 -0
- package/dist/MenuV2/utils.d.ts +1 -0
- package/dist/SelectedIndicator/SelectedIndicator.d.ts +5 -0
- package/dist/{Menu/SelectedIndicator → SelectedIndicator}/context.d.ts +0 -1
- package/dist/SelectedIndicator/index.d.ts +2 -0
- package/dist/SlideOut/SlideOut.d.ts +1 -2
- package/dist/Text/cva.d.ts +1 -1
- package/dist/blocks.js +1178 -759
- package/dist/blocks.js.map +1 -1
- package/dist/blocks.umd.cjs +1178 -759
- package/dist/blocks.umd.cjs.map +1 -1
- package/dist/hooks.d.ts +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/typings.d.ts +0 -5
- package/package.json +1 -1
- package/dist/CheckboxGroup/utils.d.ts +0 -1
- package/dist/CollapsibleTree/CollapsibleTree.d.ts +0 -5
- package/dist/CollapsibleTree/context.d.ts +0 -11
- package/dist/CollapsibleTree/index.d.ts +0 -2
- package/dist/CollapsibleTree/typings.d.ts +0 -58
- package/dist/Menu/ClickTrigger/index.d.ts +0 -1
- package/dist/Menu/Content/index.d.ts +0 -2
- package/dist/Menu/ContextTrigger/index.d.ts +0 -1
- package/dist/Menu/Group/index.d.ts +0 -1
- package/dist/Menu/Input/index.d.ts +0 -3
- package/dist/Menu/Item/index.d.ts +0 -1
- package/dist/Menu/Label/index.d.ts +0 -1
- package/dist/Menu/MultiSelectGroup/index.d.ts +0 -1
- package/dist/Menu/MultiSelectItem/index.d.ts +0 -1
- package/dist/Menu/PageContent/PageContent.d.ts +0 -3
- package/dist/Menu/PageContent/index.d.ts +0 -1
- package/dist/Menu/PageTrigger/index.d.ts +0 -1
- package/dist/Menu/Pages/index.d.ts +0 -2
- package/dist/Menu/SelectAll/index.d.ts +0 -1
- package/dist/Menu/SelectGroup/index.d.ts +0 -1
- package/dist/Menu/SelectItem/index.d.ts +0 -1
- package/dist/Menu/SelectedIndicator/SelectedIndicator.d.ts +0 -4
- package/dist/Menu/SelectedIndicator/index.d.ts +0 -2
- package/dist/Menu/Separator/index.d.ts +0 -1
- package/dist/Menu/Sub/index.d.ts +0 -2
- package/dist/Menu/SubContent/index.d.ts +0 -1
- package/dist/Menu/SubTrigger/index.d.ts +0 -1
- package/dist/Menu/VirtualTrigger/index.d.ts +0 -1
- package/dist/Menu/root/index.d.ts +0 -2
- /package/dist/Menu/{Label/Label.d.ts → Label.d.ts} +0 -0
- /package/dist/Menu/{Pages/context.d.ts → menuPagesContext.d.ts} +0 -0
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ComponentProps, PropsWithoutRef } from 'react';
|
|
2
2
|
import { ButtonVariantProps } from '../Buttons';
|
|
3
|
-
|
|
4
|
-
export interface ButtonGroupProps extends PropsWithoutRef<ComponentProps<"div">>, ButtonVariantProps, AccentColorProps {
|
|
3
|
+
export interface ButtonGroupProps extends PropsWithoutRef<ComponentProps<"div">>, ButtonVariantProps {
|
|
5
4
|
}
|
|
6
5
|
/**
|
|
7
6
|
* Container for grouping multiple buttons with shared styling.
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export interface IButtonGroupContext {
|
|
4
|
-
variant: ButtonVariant;
|
|
5
|
-
size: ButtonSize;
|
|
6
|
-
radius: ComponentRadius;
|
|
7
|
-
accentColor: string;
|
|
1
|
+
import { ButtonVariantProps } from '../Buttons';
|
|
2
|
+
export interface IButtonGroupContext extends Required<ButtonVariantProps> {
|
|
8
3
|
}
|
|
9
4
|
export declare const ButtonGroupContext: import('react').Context<IButtonGroupContext>;
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { CheckboxGroupSize, CheckboxGroupVariant } from './typings';
|
|
2
|
+
import { CheckboxGroupVariantProps } from './typings';
|
|
4
3
|
import * as RadixCheckbox from "@radix-ui/react-checkbox";
|
|
5
|
-
export interface ICheckboxGroupContext {
|
|
4
|
+
export interface ICheckboxGroupContext extends Required<CheckboxGroupVariantProps> {
|
|
6
5
|
name?: string;
|
|
7
6
|
required?: ComponentProps<typeof RadixCheckbox.Root>["required"];
|
|
8
7
|
disabled?: ComponentProps<typeof RadixCheckbox.Root>["disabled"];
|
|
9
|
-
size: CheckboxGroupSize;
|
|
10
|
-
variant: CheckboxGroupVariant;
|
|
11
|
-
radius: ComponentRadius;
|
|
12
8
|
}
|
|
13
9
|
export declare const CheckboxGroupContext: import('react').Context<ICheckboxGroupContext>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { ComponentPropsWithRef,
|
|
1
|
+
import { ComponentPropsWithRef, PropsWithChildren } from 'react';
|
|
2
|
+
import { CheckedState } from './typings';
|
|
2
3
|
export interface CheckedIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
|
|
3
|
-
children: PropsWithChildren["children"] | ((indeterminate:
|
|
4
|
+
children: PropsWithChildren["children"] | ((indeterminate: CheckedState) => PropsWithChildren["children"]);
|
|
4
5
|
}
|
|
5
|
-
export declare const CheckedIndicator:
|
|
6
|
+
export declare const CheckedIndicator: import('react').NamedExoticComponent<CheckedIndicatorProps>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export interface CommandMenuCheckboxIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
|
|
4
|
-
children: ReactNode | ((checked: CheckedState) => ReactNode);
|
|
1
|
+
import { CheckedIndicatorProps } from '../CheckedIndicator';
|
|
2
|
+
export interface CommandMenuCheckboxIndicatorProps extends CheckedIndicatorProps {
|
|
5
3
|
}
|
|
6
4
|
export declare const CommandMenuCheckboxIndicator: import('react').MemoExoticComponent<(props: CommandMenuCheckboxIndicatorProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { ComponentPropsWithRef
|
|
2
|
-
export interface CommandMenuSelectedIndicatorProps extends
|
|
3
|
-
children: ReactNode | ((selected: boolean) => ReactNode);
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface CommandMenuSelectedIndicatorProps extends ComponentPropsWithRef<"span"> {
|
|
4
3
|
}
|
|
5
4
|
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 } from './typings';
|
|
3
|
-
interface ICommandMenuContext {
|
|
2
|
+
import { CheckedState, CommandMenuSize, CommandMenuVariant, CommandMenuVariantProps } from './typings';
|
|
3
|
+
export interface ICommandMenuContext extends Required<CommandMenuVariantProps> {
|
|
4
4
|
size: CommandMenuSize;
|
|
5
5
|
variant: CommandMenuVariant;
|
|
6
6
|
radius: ComponentRadius;
|
|
@@ -18,4 +18,3 @@ export interface ICommandMenuDialogContext {
|
|
|
18
18
|
setOpen: (open: boolean) => void;
|
|
19
19
|
}
|
|
20
20
|
export declare const CommandMenuDialogContext: import('react').Context<ICommandMenuDialogContext>;
|
|
21
|
-
export {};
|
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" | "light" | "regular" | "medium" | 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 {
|
|
1
|
+
import { 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: import('react').NamedExoticComponent<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" | "light" | "regular" | "medium" | 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/CheckboxItemIndicator.d.ts → 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>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuContextTriggerProps } from '
|
|
1
|
+
import { MenuContextTriggerProps } from './typings';
|
|
2
2
|
export declare const MenuContextTrigger: import('react').NamedExoticComponent<MenuContextTriggerProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuGroupProps } from '
|
|
1
|
+
import { MenuGroupProps } from './typings';
|
|
2
2
|
export declare const MenuGroup: import('react').NamedExoticComponent<MenuGroupProps>;
|
|
@@ -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>;
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuPageTriggerProps } from '
|
|
1
|
+
import { MenuPageTriggerProps } from './typings';
|
|
2
2
|
export declare const MenuPageTrigger: import('react').NamedExoticComponent<MenuPageTriggerProps>;
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuSeparatorProps } from '
|
|
1
|
+
import { MenuSeparatorProps } from './typings';
|
|
2
2
|
export declare const MenuSeparator: import('react').NamedExoticComponent<MenuSeparatorProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuSubProps } from '
|
|
1
|
+
import { MenuSubProps } from './typings';
|
|
2
2
|
export declare const MenuSub: import('react').NamedExoticComponent<MenuSubProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { SubMenuContentProps } from '
|
|
1
|
+
import { SubMenuContentProps } from './typings';
|
|
2
2
|
export declare const MenuSubContent: import('react').NamedExoticComponent<SubMenuContentProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuSubTriggerProps } from '
|
|
1
|
+
import { MenuSubTriggerProps } from './typings';
|
|
2
2
|
export declare const MenuSubTrigger: import('react').NamedExoticComponent<MenuSubTriggerProps>;
|
|
@@ -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>;
|
package/dist/Menu/index.d.ts
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export * from './CheckboxItem
|
|
3
|
-
export * from './CheckboxItemIndicator
|
|
2
|
+
export * from './CheckboxItem';
|
|
3
|
+
export * from './CheckboxItemIndicator';
|
|
4
4
|
export * from './ClickTrigger';
|
|
5
5
|
export * from './Content';
|
|
6
6
|
export * from './ContextTrigger';
|
|
7
7
|
export * from './Group';
|
|
8
|
-
export * from './
|
|
8
|
+
export * from './InputField';
|
|
9
|
+
export * from './InputRoot';
|
|
10
|
+
export * from './InputSlot';
|
|
9
11
|
export * from './Item';
|
|
10
12
|
export * from './Label';
|
|
11
13
|
export * from './MultiSelectGroup';
|
|
@@ -13,9 +15,9 @@ export * from './MultiSelectItem';
|
|
|
13
15
|
export * from './PageContent';
|
|
14
16
|
export * from './Pages';
|
|
15
17
|
export * from './PageTrigger';
|
|
16
|
-
export * from './
|
|
17
|
-
export * from './Scroll
|
|
18
|
-
export * from './
|
|
18
|
+
export * from './Root';
|
|
19
|
+
export * from './Scroll';
|
|
20
|
+
export * from './SelectAllItem';
|
|
19
21
|
export * from './SelectedIndicator';
|
|
20
22
|
export * from './SelectGroup';
|
|
21
23
|
export * from './SelectItem';
|
|
@@ -32,7 +34,7 @@ export declare const Menu: {
|
|
|
32
34
|
SubContent: import('react').NamedExoticComponent<import('./typings').SubMenuContentProps>;
|
|
33
35
|
SubTrigger: import('react').NamedExoticComponent<import('./typings').MenuSubTriggerProps>;
|
|
34
36
|
Pages: import('react').NamedExoticComponent<import('./typings').MenuPageProps>;
|
|
35
|
-
PageContent: import('react').
|
|
37
|
+
PageContent: import('react').NamedExoticComponent<import('./typings').MenuPageContentProps>;
|
|
36
38
|
PageTrigger: import('react').NamedExoticComponent<import('./typings').MenuPageTriggerProps>;
|
|
37
39
|
ClickTrigger: import('react').NamedExoticComponent<import('./typings').MenuClickTriggerProps>;
|
|
38
40
|
ContextTrigger: import('react').NamedExoticComponent<import('./typings').MenuContextTriggerProps>;
|
|
@@ -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,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;
|
|
@@ -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;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { MenuItemProps } from './Item';
|
|
2
|
+
export interface MenuCheckboxItemProps extends MenuItemProps {
|
|
3
|
+
checked: boolean | "indeterminate";
|
|
4
|
+
onCheckedChange: (checked: boolean) => void;
|
|
5
|
+
}
|
|
6
|
+
export declare const MenuCheckboxItem: import('react').NamedExoticComponent<MenuCheckboxItemProps>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface MenuGroupLabelProps extends ComponentPropsWithRef<"div"> {
|
|
3
|
+
}
|
|
4
|
+
export declare const MenuGroupLabel: import('react').MemoExoticComponent<(props: MenuGroupLabelProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface MenuItemProps extends Omit<ComponentPropsWithRef<"div">, "onSelect"> {
|
|
3
|
+
onSelect?: (e: Event) => void;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const MenuItem: import('react').NamedExoticComponent<MenuItemProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { MultiSelectProps } from '../SelectContext/typings';
|
|
2
|
+
import { MenuGroupProps } from './Group';
|
|
3
|
+
export interface MenuMultiSelectGroupProps<TValue> extends MenuGroupProps, MultiSelectProps<TValue> {
|
|
4
|
+
}
|
|
5
|
+
export declare const MenuMultiSelectGroup: <TValue>(props: MenuMultiSelectGroupProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface MenuPageProps extends ComponentPropsWithRef<"div"> {
|
|
3
|
+
page: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const MenuPage: import('react').MemoExoticComponent<(props: MenuPageProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { MenuItemProps } from './Item';
|
|
2
|
+
export interface MenuPageTriggerItemProps extends MenuItemProps {
|
|
3
|
+
page: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const MenuPageTriggerItem: import('react').MemoExoticComponent<(props: MenuPageTriggerItemProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
export interface MenuPagesProps extends PropsWithChildren {
|
|
3
|
+
defaultPage?: string;
|
|
4
|
+
page?: string;
|
|
5
|
+
onPageChange?: (page: string) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const MenuPages: import('react').MemoExoticComponent<(props: MenuPagesProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
import { MenuVariantProps } from './typings';
|
|
3
|
+
export interface MenuRootProps extends ComponentPropsWithRef<"div">, MenuVariantProps {
|
|
4
|
+
loop?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const MenuRoot: import('react').NamedExoticComponent<MenuRootProps>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { SingleSelectProps } from '../SelectContext/typings';
|
|
2
|
+
import { MenuGroupProps } from './Group';
|
|
3
|
+
export type MenuSelectGroupProps<TValue> = MenuGroupProps & SingleSelectProps<TValue>;
|
|
4
|
+
export declare const MenuSelectGroup: <TValue>(props: MenuSelectGroupProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
import * as RadixSeparator from "@radix-ui/react-separator";
|
|
3
|
+
export interface MenuSeparatorProps extends ComponentPropsWithRef<typeof RadixSeparator.Root> {
|
|
4
|
+
}
|
|
5
|
+
export declare const MenuSeparator: import('react').NamedExoticComponent<MenuSeparatorProps>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
+
import { MenuVariantProps } from './typings';
|
|
3
|
+
export interface IMenuRootContext extends Required<MenuVariantProps> {
|
|
4
|
+
activeItemId: string | null;
|
|
5
|
+
setActiveItemId: Dispatch<SetStateAction<string | null>>;
|
|
6
|
+
}
|
|
7
|
+
export declare const MenuRootContext: import('react').Context<IMenuRootContext>;
|
|
8
|
+
export interface IMenuGroupContext {
|
|
9
|
+
labelId: string | null;
|
|
10
|
+
setLabelId: Dispatch<SetStateAction<string | null>>;
|
|
11
|
+
}
|
|
12
|
+
export declare const MenuGroupContext: import('react').Context<IMenuGroupContext>;
|
|
13
|
+
export interface IMenuPagesContext {
|
|
14
|
+
page: string;
|
|
15
|
+
setPage: (page: string) => void;
|
|
16
|
+
}
|
|
17
|
+
export declare const MenuPageContext: import('react').Context<IMenuPagesContext>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare const menuRootCva: (props?: ({
|
|
2
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
3
|
+
radius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
|
|
4
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
+
export declare const menuItemCva: (props?: ({
|
|
6
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
7
|
+
variant?: "solid" | "soft" | null | undefined;
|
|
8
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
9
|
+
export declare const menuGroupLabelCva: (props?: ({
|
|
10
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
11
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
12
|
+
export declare const menuSeparatorCva: (props?: ({
|
|
13
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
14
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const MenuV2: {
|
|
3
|
+
Root: import('react').NamedExoticComponent<import('./Root').MenuRootProps>;
|
|
4
|
+
Group: import('react').NamedExoticComponent<import('./Group').MenuGroupProps>;
|
|
5
|
+
GroupLabel: import('react').MemoExoticComponent<(props: import('./GroupLabel').MenuGroupLabelProps) => import("react/jsx-runtime").JSX.Element>;
|
|
6
|
+
Item: import('react').NamedExoticComponent<import('./Item').MenuItemProps>;
|
|
7
|
+
Separator: import('react').NamedExoticComponent<import('./Separator').MenuSeparatorProps>;
|
|
8
|
+
SelectGroup: <TValue>(props: import('./SelectGroup').MenuSelectGroupProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
SelectItem: <TValue_1>(props: import('./SelectItem').MenuSelectItemProps<TValue_1>) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
MultiSelectGroup: <TValue_2>(props: import('./MultiSelectGroup').MenuMultiSelectGroupProps<TValue_2>) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
MultiSelectItem: <TValue_3>(props: import('./MultiSelectItem').MenuSelectItemProps<TValue_3>) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
SelectAllItem: <TValue_4>(props: import('./MultiSelectAllItem').SelectAllItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
SelectedIndicator: import('react').NamedExoticComponent<import('../SelectedIndicator').SelectedIndicatorProps>;
|
|
14
|
+
CheckboxItem: import('react').NamedExoticComponent<import('./CheckboxItem').MenuCheckboxItemProps>;
|
|
15
|
+
CheckedIndicator: import('react').NamedExoticComponent<import('../CheckedIndicator').CheckedIndicatorProps>;
|
|
16
|
+
Pages: import('react').MemoExoticComponent<(props: import('./Pages').MenuPagesProps) => import("react/jsx-runtime").JSX.Element>;
|
|
17
|
+
Page: import('react').MemoExoticComponent<(props: import('./Page').MenuPageProps) => import("react/jsx-runtime").JSX.Element>;
|
|
18
|
+
PageTriggerItem: import('react').MemoExoticComponent<(props: import('./PageTriggerItem').MenuPageTriggerItemProps) => import("react/jsx-runtime").JSX.Element>;
|
|
19
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentRadius } from '../Provider';
|
|
2
|
+
import { AccentColorProps } from '../typings';
|
|
3
|
+
export type MenuVariant = "solid" | "soft";
|
|
4
|
+
export type MenuSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
5
|
+
export interface MenuVariantProps extends AccentColorProps {
|
|
6
|
+
variant?: MenuVariant;
|
|
7
|
+
size?: MenuSize;
|
|
8
|
+
radius?: ComponentRadius;
|
|
9
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const computeNextIndex: (index: number, length: number, direction: "next" | "prev", loop: boolean) => number;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ComponentPropsWithRef, PropsWithChildren } from 'react';
|
|
2
|
+
export interface SelectedIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
|
|
3
|
+
children: PropsWithChildren["children"] | ((selected: boolean) => PropsWithChildren["children"]);
|
|
4
|
+
}
|
|
5
|
+
export declare const SelectedIndicator: import('react').NamedExoticComponent<SelectedIndicatorProps>;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentPropsWithRef, PropsWithChildren, ReactNode } from 'react';
|
|
2
|
-
|
|
3
|
-
export interface SlideOutProps extends PropsWithChildren, Omit<ComponentPropsWithRef<"div">, "content">, PropsWithClassNameAndStyle {
|
|
2
|
+
export interface SlideOutProps extends PropsWithChildren, Omit<ComponentPropsWithRef<"div">, "content"> {
|
|
4
3
|
/** The controlled open state of the SlideOut */
|
|
5
4
|
open: boolean;
|
|
6
5
|
/** specifies if the SlideOut is in modal mode or not.
|
package/dist/Text/cva.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const textCva: (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" | "light" | "regular" | "medium" | null | undefined;
|
|
4
4
|
align?: "right" | "left" | "center" | null | undefined;
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|