@overmap-ai/blocks 1.0.40-overlay.1 → 1.0.40-phone-input.0
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/Menu/utils.d.ts +0 -6
- 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 +36 -0
- package/dist/MenuV2/typings.d.ts +9 -0
- package/dist/MenuV2/utils.d.ts +1 -0
- package/dist/PhoneNumberInput/CountrySelect.d.ts +11 -0
- package/dist/PhoneNumberInput/FlagComponent.d.ts +2 -0
- package/dist/PhoneNumberInput/InputComponent.d.ts +5 -0
- package/dist/PhoneNumberInput/PhoneNumberInput.d.ts +6 -0
- package/dist/PhoneNumberInput/context.d.ts +4 -0
- package/dist/PhoneNumberInput/index.d.ts +2 -0
- package/dist/PhoneNumberInput/typings.d.ts +9 -0
- package/dist/Rating/Item.d.ts +6 -0
- package/dist/Rating/ItemIndicator.d.ts +5 -0
- package/dist/Rating/Root.d.ts +8 -0
- package/dist/Rating/context.d.ts +9 -0
- package/dist/Rating/index.d.ts +9 -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 +1364 -864
- package/dist/blocks.js.map +1 -1
- package/dist/blocks.umd.cjs +1652 -1155
- package/dist/blocks.umd.cjs.map +1 -1
- package/dist/hooks.d.ts +20 -0
- package/dist/index.d.ts +5 -2
- package/dist/typings.d.ts +0 -5
- package/dist/utils.d.ts +7 -30
- package/package.json +2 -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/CommandMenu/utils.d.ts +0 -4
- 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;
|
package/dist/Menu/utils.d.ts
CHANGED
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
import { CheckedState } from '../CheckedIndicator';
|
|
2
1
|
import { MenuAlignment, MenuSide } from './typings';
|
|
3
2
|
export declare const computeOffsets: (side: MenuSide, alignment: MenuAlignment) => {
|
|
4
3
|
mainAxis: number;
|
|
5
4
|
crossAxis: number;
|
|
6
5
|
};
|
|
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,6 @@
|
|
|
1
|
+
import { MenuV2ItemProps } from './Item';
|
|
2
|
+
export interface MenuV2CheckboxItemProps extends MenuV2ItemProps {
|
|
3
|
+
checked: boolean | "indeterminate";
|
|
4
|
+
onCheckedChange: (checked: boolean) => void;
|
|
5
|
+
}
|
|
6
|
+
export declare const MenuV2CheckboxItem: import('react').NamedExoticComponent<MenuV2CheckboxItemProps>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface MenuV2GroupLabelProps extends ComponentPropsWithRef<"div"> {
|
|
3
|
+
}
|
|
4
|
+
export declare const MenuV2GroupLabel: import('react').MemoExoticComponent<(props: MenuV2GroupLabelProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface MenuV2ItemProps extends Omit<ComponentPropsWithRef<"div">, "onSelect"> {
|
|
3
|
+
onSelect?: (e: Event) => void;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const MenuV2Item: import('react').NamedExoticComponent<MenuV2ItemProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { MultiSelectProps } from '../SelectContext/typings';
|
|
2
|
+
import { MenuV2GroupProps } from './Group';
|
|
3
|
+
export interface MenuV2MultiSelectGroupProps<TValue> extends MenuV2GroupProps, MultiSelectProps<TValue> {
|
|
4
|
+
}
|
|
5
|
+
export declare const MenuV2MultiSelectGroup: <TValue>(props: MenuV2MultiSelectGroupProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { MenuV2ItemProps } from './Item';
|
|
2
|
+
export interface MenuV2MultiSelectItemProps<TValue> extends MenuV2ItemProps {
|
|
3
|
+
value: TValue;
|
|
4
|
+
}
|
|
5
|
+
export declare const MenuV2MultiSelectItem: <TValue>(props: MenuV2MultiSelectItemProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface MenuV2PageProps extends ComponentPropsWithRef<"div"> {
|
|
3
|
+
page: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const MenuV2Page: import('react').MemoExoticComponent<(props: MenuV2PageProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { MenuV2ItemProps } from './Item';
|
|
2
|
+
export interface MenuV2PageTriggerItemProps extends MenuV2ItemProps {
|
|
3
|
+
page: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const MenuV2PageTriggerItem: import('react').MemoExoticComponent<(props: MenuV2PageTriggerItemProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
export interface MenuV2PagesProps extends PropsWithChildren {
|
|
3
|
+
defaultPage?: string;
|
|
4
|
+
page?: string;
|
|
5
|
+
onPageChange?: (page: string) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const MenuV2Pages: import('react').MemoExoticComponent<(props: MenuV2PagesProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
import { MenuV2VariantProps } from './typings';
|
|
3
|
+
export interface MenuV2RootProps extends ComponentPropsWithRef<"div">, MenuV2VariantProps {
|
|
4
|
+
loop?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const MenuV2Root: import('react').NamedExoticComponent<MenuV2RootProps>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { SingleSelectProps } from '../SelectContext/typings';
|
|
2
|
+
import { MenuV2GroupProps } from './Group';
|
|
3
|
+
export type MenuV2SelectGroupProps<TValue> = MenuV2GroupProps & SingleSelectProps<TValue>;
|
|
4
|
+
export declare const MenuV2SelectGroup: <TValue>(props: MenuV2SelectGroupProps<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 MenuV2SeparatorProps extends ComponentPropsWithRef<typeof RadixSeparator.Root> {
|
|
4
|
+
}
|
|
5
|
+
export declare const MenuV2Separator: import('react').NamedExoticComponent<MenuV2SeparatorProps>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
+
import { MenuV2VariantProps } from './typings';
|
|
3
|
+
export interface IMenuRootContext extends Required<MenuV2VariantProps> {
|
|
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,36 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export * from './CheckboxItem';
|
|
3
|
+
export * from './CheckboxItemIndicator';
|
|
4
|
+
export * from './Group';
|
|
5
|
+
export * from './GroupLabel';
|
|
6
|
+
export * from './Item';
|
|
7
|
+
export * from './MultiSelectAllItem';
|
|
8
|
+
export * from './MultiSelectGroup';
|
|
9
|
+
export * from './MultiSelectItem';
|
|
10
|
+
export * from './Page';
|
|
11
|
+
export * from './Pages';
|
|
12
|
+
export * from './PageTriggerItem';
|
|
13
|
+
export * from './Root';
|
|
14
|
+
export * from './SelectedIndicator';
|
|
15
|
+
export * from './SelectGroup';
|
|
16
|
+
export * from './SelectItem';
|
|
17
|
+
export * from './Separator';
|
|
18
|
+
export type * from './typings';
|
|
19
|
+
export declare const MenuV2: {
|
|
20
|
+
Root: import('react').NamedExoticComponent<import('./Root').MenuV2RootProps>;
|
|
21
|
+
Group: import('react').NamedExoticComponent<import('./Group').MenuV2GroupProps>;
|
|
22
|
+
GroupLabel: import('react').MemoExoticComponent<(props: import('./GroupLabel').MenuV2GroupLabelProps) => import("react/jsx-runtime").JSX.Element>;
|
|
23
|
+
Item: import('react').NamedExoticComponent<import('./Item').MenuV2ItemProps>;
|
|
24
|
+
Separator: import('react').NamedExoticComponent<import('./Separator').MenuV2SeparatorProps>;
|
|
25
|
+
SelectGroup: <TValue>(props: import('./SelectGroup').MenuV2SelectGroupProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
SelectItem: <TValue_1>(props: import('./SelectItem').MenuV2SelectItemProps<TValue_1>) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
MultiSelectGroup: <TValue_2>(props: import('./MultiSelectGroup').MenuV2MultiSelectGroupProps<TValue_2>) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
MultiSelectItem: <TValue_3>(props: import('./MultiSelectItem').MenuV2MultiSelectItemProps<TValue_3>) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
SelectAllItem: <TValue_4>(props: import('./MultiSelectAllItem').MenuV2SelectAllItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
SelectedIndicator: import('react').NamedExoticComponent<import('../SelectedIndicator').SelectedIndicatorProps>;
|
|
31
|
+
CheckboxItem: import('react').NamedExoticComponent<import('./CheckboxItem').MenuV2CheckboxItemProps>;
|
|
32
|
+
CheckedIndicator: import('react').NamedExoticComponent<import('../CheckedIndicator').CheckedIndicatorProps>;
|
|
33
|
+
Pages: import('react').MemoExoticComponent<(props: import('./Pages').MenuV2PagesProps) => import("react/jsx-runtime").JSX.Element>;
|
|
34
|
+
Page: import('react').MemoExoticComponent<(props: import('./Page').MenuV2PageProps) => import("react/jsx-runtime").JSX.Element>;
|
|
35
|
+
PageTriggerItem: import('react').MemoExoticComponent<(props: import('./PageTriggerItem').MenuV2PageTriggerItemProps) => import("react/jsx-runtime").JSX.Element>;
|
|
36
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentRadius } from '../Provider';
|
|
2
|
+
import { AccentColorProps } from '../typings';
|
|
3
|
+
export type MenuV2Variant = "solid" | "soft";
|
|
4
|
+
export type MenuV2Size = "xs" | "sm" | "md" | "lg" | "xl";
|
|
5
|
+
export interface MenuV2VariantProps extends AccentColorProps {
|
|
6
|
+
variant?: MenuV2Variant;
|
|
7
|
+
size?: MenuV2Size;
|
|
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,11 @@
|
|
|
1
|
+
import { Country } from 'react-phone-number-input/min';
|
|
2
|
+
export interface CountrySelectProps {
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
value: Country;
|
|
5
|
+
onChange: (value: Country) => void;
|
|
6
|
+
options: {
|
|
7
|
+
label: string;
|
|
8
|
+
value: Country | undefined;
|
|
9
|
+
}[];
|
|
10
|
+
}
|
|
11
|
+
export declare const CountrySelect: import('react').NamedExoticComponent<CountrySelectProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
import { Input } from '../Input';
|
|
3
|
+
export interface InputComponentProps extends ComponentPropsWithRef<typeof Input.Field> {
|
|
4
|
+
}
|
|
5
|
+
export declare const InputComponent: import('react').NamedExoticComponent<InputComponentProps>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
import { default as PhoneInput } from 'react-phone-number-input';
|
|
3
|
+
import { PhoneNumberInputVariantProps } from './typings';
|
|
4
|
+
export interface PhoneNumberInputProps extends Omit<ComponentPropsWithRef<typeof PhoneInput>, "inputComponent" | "flagComponent" | "countrySelectComponent">, PhoneNumberInputVariantProps {
|
|
5
|
+
}
|
|
6
|
+
export declare const PhoneNumberInput: import('react').NamedExoticComponent<PhoneNumberInputProps>;
|