@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.
Files changed (106) hide show
  1. package/dist/ButtonGroup/ButtonGroup.d.ts +1 -2
  2. package/dist/ButtonGroup/context.d.ts +2 -7
  3. package/dist/CheckboxGroup/context.d.ts +2 -6
  4. package/dist/CheckedIndicator/CheckedIndicator.d.ts +4 -3
  5. package/dist/CommandMenu/CheckboxIndicator.d.ts +2 -4
  6. package/dist/CommandMenu/SelectedIndicator.d.ts +2 -3
  7. package/dist/CommandMenu/context.d.ts +2 -3
  8. package/dist/Heading/cva.d.ts +1 -1
  9. package/dist/HoverUtility/HoverUtility.d.ts +2 -2
  10. package/dist/Link/cva.d.ts +1 -1
  11. package/dist/Menu/{CheckboxItem/CheckboxItem.d.ts → CheckboxItem.d.ts} +1 -1
  12. package/dist/Menu/{CheckboxItemIndicator/CheckboxItemIndicator.d.ts → CheckboxItemIndicator.d.ts} +1 -1
  13. package/dist/Menu/{ClickTrigger/ClickTrigger.d.ts → ClickTrigger.d.ts} +1 -1
  14. package/dist/Menu/{Content/Content.d.ts → Content.d.ts} +1 -1
  15. package/dist/Menu/{ContextTrigger/ContextTrigger.d.ts → ContextTrigger.d.ts} +1 -1
  16. package/dist/Menu/{Group/Group.d.ts → Group.d.ts} +1 -1
  17. package/dist/Menu/{Input/Field.d.ts → InputField.d.ts} +1 -1
  18. package/dist/Menu/{Input/Root.d.ts → InputRoot.d.ts} +1 -1
  19. package/dist/Menu/{Input/Slot.d.ts → InputSlot.d.ts} +1 -1
  20. package/dist/Menu/{Item/Item.d.ts → Item.d.ts} +1 -1
  21. package/dist/Menu/{MultiSelectGroup/MultiSelectGroup.d.ts → MultiSelectGroup.d.ts} +1 -1
  22. package/dist/Menu/{MultiSelectItem/MultiSelectItem.d.ts → MultiSelectItem.d.ts} +1 -1
  23. package/dist/Menu/PageContent.d.ts +2 -0
  24. package/dist/Menu/{PageTrigger/PageTrigger.d.ts → PageTrigger.d.ts} +1 -1
  25. package/dist/Menu/{Pages/Pages.d.ts → Pages.d.ts} +1 -1
  26. package/dist/Menu/{root/Root.d.ts → Root.d.ts} +1 -1
  27. package/dist/Menu/{Scroll/Scroll.d.ts → Scroll.d.ts} +1 -1
  28. package/dist/Menu/{SelectAll/SelectAllItem.d.ts → SelectAllItem.d.ts} +1 -1
  29. package/dist/Menu/{SelectGroup/SelectGroup.d.ts → SelectGroup.d.ts} +1 -1
  30. package/dist/Menu/{SelectItem/SelectItem.d.ts → SelectItem.d.ts} +1 -1
  31. package/dist/Menu/SelectedIndicator.d.ts +4 -0
  32. package/dist/Menu/{Separator/Separator.d.ts → Separator.d.ts} +1 -1
  33. package/dist/Menu/{Sub/Sub.d.ts → Sub.d.ts} +1 -1
  34. package/dist/Menu/{SubContent/SubContent.d.ts → SubContent.d.ts} +1 -1
  35. package/dist/Menu/{SubTrigger/SubTrigger.d.ts → SubTrigger.d.ts} +1 -1
  36. package/dist/Menu/{VirtualTrigger/VirtualTrigger.d.ts → VirtualTrigger.d.ts} +1 -1
  37. package/dist/Menu/index.d.ts +9 -7
  38. package/dist/Menu/{Content/context.d.ts → menuContentContext.d.ts} +2 -2
  39. package/dist/Menu/{root/context.d.ts → rootContext.d.ts} +1 -1
  40. package/dist/Menu/{Sub/context.d.ts → subContentContext.d.ts} +1 -1
  41. package/dist/MenuV2/CheckboxItem.d.ts +6 -0
  42. package/dist/MenuV2/CheckboxItemIndicator.d.ts +3 -0
  43. package/dist/MenuV2/Group.d.ts +4 -0
  44. package/dist/MenuV2/GroupLabel.d.ts +4 -0
  45. package/dist/MenuV2/Item.d.ts +6 -0
  46. package/dist/MenuV2/MultiSelectAllItem.d.ts +4 -0
  47. package/dist/MenuV2/MultiSelectGroup.d.ts +5 -0
  48. package/dist/MenuV2/MultiSelectItem.d.ts +5 -0
  49. package/dist/MenuV2/Page.d.ts +5 -0
  50. package/dist/MenuV2/PageTriggerItem.d.ts +5 -0
  51. package/dist/MenuV2/Pages.d.ts +7 -0
  52. package/dist/MenuV2/Root.d.ts +6 -0
  53. package/dist/MenuV2/SelectGroup.d.ts +4 -0
  54. package/dist/MenuV2/SelectItem.d.ts +5 -0
  55. package/dist/MenuV2/SelectedIndicator.d.ts +3 -0
  56. package/dist/MenuV2/Separator.d.ts +5 -0
  57. package/dist/MenuV2/constants.d.ts +9 -0
  58. package/dist/MenuV2/context.d.ts +17 -0
  59. package/dist/MenuV2/cva.d.ts +14 -0
  60. package/dist/MenuV2/index.d.ts +19 -0
  61. package/dist/MenuV2/typings.d.ts +9 -0
  62. package/dist/MenuV2/utils.d.ts +1 -0
  63. package/dist/SelectedIndicator/SelectedIndicator.d.ts +5 -0
  64. package/dist/{Menu/SelectedIndicator → SelectedIndicator}/context.d.ts +0 -1
  65. package/dist/SelectedIndicator/index.d.ts +2 -0
  66. package/dist/SlideOut/SlideOut.d.ts +1 -2
  67. package/dist/Text/cva.d.ts +1 -1
  68. package/dist/blocks.js +1178 -759
  69. package/dist/blocks.js.map +1 -1
  70. package/dist/blocks.umd.cjs +1178 -759
  71. package/dist/blocks.umd.cjs.map +1 -1
  72. package/dist/hooks.d.ts +1 -0
  73. package/dist/index.d.ts +1 -1
  74. package/dist/typings.d.ts +0 -5
  75. package/package.json +1 -1
  76. package/dist/CheckboxGroup/utils.d.ts +0 -1
  77. package/dist/CollapsibleTree/CollapsibleTree.d.ts +0 -5
  78. package/dist/CollapsibleTree/context.d.ts +0 -11
  79. package/dist/CollapsibleTree/index.d.ts +0 -2
  80. package/dist/CollapsibleTree/typings.d.ts +0 -58
  81. package/dist/Menu/ClickTrigger/index.d.ts +0 -1
  82. package/dist/Menu/Content/index.d.ts +0 -2
  83. package/dist/Menu/ContextTrigger/index.d.ts +0 -1
  84. package/dist/Menu/Group/index.d.ts +0 -1
  85. package/dist/Menu/Input/index.d.ts +0 -3
  86. package/dist/Menu/Item/index.d.ts +0 -1
  87. package/dist/Menu/Label/index.d.ts +0 -1
  88. package/dist/Menu/MultiSelectGroup/index.d.ts +0 -1
  89. package/dist/Menu/MultiSelectItem/index.d.ts +0 -1
  90. package/dist/Menu/PageContent/PageContent.d.ts +0 -3
  91. package/dist/Menu/PageContent/index.d.ts +0 -1
  92. package/dist/Menu/PageTrigger/index.d.ts +0 -1
  93. package/dist/Menu/Pages/index.d.ts +0 -2
  94. package/dist/Menu/SelectAll/index.d.ts +0 -1
  95. package/dist/Menu/SelectGroup/index.d.ts +0 -1
  96. package/dist/Menu/SelectItem/index.d.ts +0 -1
  97. package/dist/Menu/SelectedIndicator/SelectedIndicator.d.ts +0 -4
  98. package/dist/Menu/SelectedIndicator/index.d.ts +0 -2
  99. package/dist/Menu/Separator/index.d.ts +0 -1
  100. package/dist/Menu/Sub/index.d.ts +0 -2
  101. package/dist/Menu/SubContent/index.d.ts +0 -1
  102. package/dist/Menu/SubTrigger/index.d.ts +0 -1
  103. package/dist/Menu/VirtualTrigger/index.d.ts +0 -1
  104. package/dist/Menu/root/index.d.ts +0 -2
  105. /package/dist/Menu/{Label/Label.d.ts → Label.d.ts} +0 -0
  106. /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
- import { AccentColorProps } from '../typings';
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 { 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;
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 { ComponentRadius } from '../Provider';
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, FC, PropsWithChildren } from 'react';
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: boolean) => PropsWithChildren["children"]);
4
+ children: PropsWithChildren["children"] | ((indeterminate: CheckedState) => PropsWithChildren["children"]);
4
5
  }
5
- export declare const CheckedIndicator: FC<CheckedIndicatorProps>;
6
+ export declare const CheckedIndicator: import('react').NamedExoticComponent<CheckedIndicatorProps>;
@@ -1,6 +1,4 @@
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);
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, ReactNode } from 'react';
2
- export interface CommandMenuSelectedIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
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 {};
@@ -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" | "medium" | "light" | "regular" | null | undefined;
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 { FC, PointerEventHandler, ReactElement } from 'react';
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: FC<HoverUtilityProps>;
14
+ export declare const HoverUtility: import('react').NamedExoticComponent<HoverUtilityProps>;
15
15
  export {};
@@ -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" | "medium" | "light" | "regular" | null | undefined;
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 '../typings';
1
+ import { MenuCheckboxItemProps } from './typings';
2
2
  export declare const MenuCheckboxItem: import('react').NamedExoticComponent<MenuCheckboxItemProps>;
@@ -1,2 +1,2 @@
1
- import { MenuCheckboxIndicatorProps } from '../typings';
1
+ import { MenuCheckboxIndicatorProps } from './typings';
2
2
  export declare const MenuCheckboxItemIndicator: import('react').NamedExoticComponent<MenuCheckboxIndicatorProps>;
@@ -1,4 +1,4 @@
1
- import { MenuClickTriggerProps } from '../typings';
1
+ import { MenuClickTriggerProps } from './typings';
2
2
  /**
3
3
  * Trigger component that opens menu on click interaction.
4
4
  * Automatically sets up click event handling and accessibility attributes.
@@ -1,4 +1,4 @@
1
- import { MenuContentProps } from '../typings';
1
+ import { MenuContentProps } from './typings';
2
2
  /**
3
3
  * Content container for menu items with floating positioning and focus management.
4
4
  * Handles keyboard navigation, styling variants, and portal rendering.
@@ -1,2 +1,2 @@
1
- import { MenuContextTriggerProps } from '../typings';
1
+ import { MenuContextTriggerProps } from './typings';
2
2
  export declare const MenuContextTrigger: import('react').NamedExoticComponent<MenuContextTriggerProps>;
@@ -1,2 +1,2 @@
1
- import { MenuGroupProps } from '../typings';
1
+ import { MenuGroupProps } from './typings';
2
2
  export declare const MenuGroup: import('react').NamedExoticComponent<MenuGroupProps>;
@@ -1,2 +1,2 @@
1
- import { MenuInputProps } from '../typings';
1
+ import { MenuInputProps } from './typings';
2
2
  export declare const MenuInputField: import('react').NamedExoticComponent<MenuInputProps>;
@@ -1,2 +1,2 @@
1
- import { MenuInputRootProps } from '../typings';
1
+ import { MenuInputRootProps } from './typings';
2
2
  export declare const MenuInputRoot: import('react').NamedExoticComponent<MenuInputRootProps>;
@@ -1,2 +1,2 @@
1
- import { MenuInputSlotProps } from '../typings';
1
+ import { MenuInputSlotProps } from './typings';
2
2
  export declare const MenuInputSlot: import('react').NamedExoticComponent<MenuInputSlotProps>;
@@ -1,4 +1,4 @@
1
- import { MenuItemProps } from '../typings';
1
+ import { MenuItemProps } from './typings';
2
2
  /**
3
3
  * Individual menu item component with keyboard navigation and selection handling.
4
4
  * Supports both static content and render functions that receive active/selected state.
@@ -1,2 +1,2 @@
1
- import { MenuMultiSelectGroupProps } from '../typings';
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 '../typings';
1
+ import { MenuSelectItemProps } from './typings';
2
2
  export declare const MenuMultiSelectItem: <TValue>(props: MenuSelectItemProps<TValue>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { MenuPageContentProps } from './typings';
2
+ export declare const MenuPageContent: import('react').NamedExoticComponent<MenuPageContentProps>;
@@ -1,2 +1,2 @@
1
- import { MenuPageTriggerProps } from '../typings';
1
+ import { MenuPageTriggerProps } from './typings';
2
2
  export declare const MenuPageTrigger: import('react').NamedExoticComponent<MenuPageTriggerProps>;
@@ -1,2 +1,2 @@
1
- import { MenuPageProps } from '../typings';
1
+ import { MenuPageProps } from './typings';
2
2
  export declare const MenuPages: import('react').NamedExoticComponent<MenuPageProps>;
@@ -1,4 +1,4 @@
1
- import { MenuRootProps } from '../typings';
1
+ import { MenuRootProps } from './typings';
2
2
  /**
3
3
  * Root component for menu that manages floating UI positioning and interactions.
4
4
  * Provides context for all menu-related components with advanced keyboard navigation.
@@ -1,2 +1,2 @@
1
- import { MenuScrollProps } from '../typings';
1
+ import { MenuScrollProps } from './typings';
2
2
  export declare const MenuScroll: import('react').NamedExoticComponent<MenuScrollProps>;
@@ -1,2 +1,2 @@
1
- import { SelectAllItemProps } from '../typings';
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 '../typings';
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 '../typings';
1
+ import { MenuSelectItemProps } from './typings';
2
2
  export declare const MenuSelectItem: <TValue>(props: MenuSelectItemProps<TValue>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { SelectedIndicatorProps } from '../SelectedIndicator';
2
+ export interface MenuSelectedIndicatorProps extends SelectedIndicatorProps {
3
+ }
4
+ export declare const MenuSelectedIndicator: import('react').NamedExoticComponent<MenuSelectedIndicatorProps>;
@@ -1,2 +1,2 @@
1
- import { MenuSeparatorProps } from '../typings';
1
+ import { MenuSeparatorProps } from './typings';
2
2
  export declare const MenuSeparator: import('react').NamedExoticComponent<MenuSeparatorProps>;
@@ -1,2 +1,2 @@
1
- import { MenuSubProps } from '../typings';
1
+ import { MenuSubProps } from './typings';
2
2
  export declare const MenuSub: import('react').NamedExoticComponent<MenuSubProps>;
@@ -1,2 +1,2 @@
1
- import { SubMenuContentProps } from '../typings';
1
+ import { SubMenuContentProps } from './typings';
2
2
  export declare const MenuSubContent: import('react').NamedExoticComponent<SubMenuContentProps>;
@@ -1,2 +1,2 @@
1
- import { MenuSubTriggerProps } from '../typings';
1
+ import { MenuSubTriggerProps } from './typings';
2
2
  export declare const MenuSubTrigger: import('react').NamedExoticComponent<MenuSubTriggerProps>;
@@ -1,2 +1,2 @@
1
- import { MenuVirtualTriggerProps } from '../typings';
1
+ import { MenuVirtualTriggerProps } from './typings';
2
2
  export declare const MenuVirtualTrigger: import('react').MemoExoticComponent<(props: MenuVirtualTriggerProps) => null>;
@@ -1,11 +1,13 @@
1
1
  /// <reference types="react" />
2
- export * from './CheckboxItem/CheckboxItem';
3
- export * from './CheckboxItemIndicator/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 './Input';
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 './root';
17
- export * from './Scroll/Scroll';
18
- export * from './SelectAll';
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').FC<import('./typings').MenuPageContentProps>;
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 '../../Provider';
4
- import { MenuSize, MenuVariant } from '../typings';
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 '../typings';
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 '../typings';
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,3 @@
1
+ import { CheckedIndicatorProps } from '../CheckedIndicator';
2
+ export type MenuCheckedIndicatorProps = CheckedIndicatorProps;
3
+ export declare const MenuCheckedIndicator: import('react').NamedExoticComponent<CheckedIndicatorProps>;
@@ -0,0 +1,4 @@
1
+ import { ComponentPropsWithRef } from 'react';
2
+ export interface MenuGroupProps extends ComponentPropsWithRef<"div"> {
3
+ }
4
+ export declare const MenuGroup: import('react').NamedExoticComponent<MenuGroupProps>;
@@ -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,4 @@
1
+ import { MenuItemProps } from './Item';
2
+ export interface SelectAllItemProps extends MenuItemProps {
3
+ }
4
+ export declare const MenuSelectAllItem: <TValue>(props: SelectAllItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -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 { MenuItemProps } from './Item';
2
+ export interface MenuSelectItemProps<TValue> extends MenuItemProps {
3
+ value: TValue;
4
+ }
5
+ export declare const MenuMultiSelectItem: <TValue>(props: MenuSelectItemProps<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 { MenuItemProps } from './Item';
2
+ export interface MenuSelectItemProps<TValue> extends MenuItemProps {
3
+ value: TValue;
4
+ }
5
+ export declare const MenuSelectItem: <TValue>(props: MenuSelectItemProps<TValue>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ import { SelectedIndicatorProps } from '../SelectedIndicator';
2
+ export type MenuSelectedIndicatorProps = SelectedIndicatorProps;
3
+ export declare const MenuSelectedIndicator: import('react').NamedExoticComponent<SelectedIndicatorProps>;
@@ -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,9 @@
1
+ export declare const KEY_MAPPING: {
2
+ next: string;
3
+ prev: string;
4
+ first: string;
5
+ last: string;
6
+ selectItem: string;
7
+ };
8
+ export declare const ITEM_SELECTOR = "menu-item";
9
+ export declare const GROUP_SELECTOR = "menu-group";
@@ -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,3 +1,2 @@
1
1
  /// <reference types="react" />
2
2
  export declare const SelectedIndicatorContext: import('react').Context<boolean>;
3
- export declare const useSelectedIndicatorContext: () => boolean;
@@ -0,0 +1,2 @@
1
+ export * from './context';
2
+ export * from './SelectedIndicator';
@@ -1,6 +1,5 @@
1
1
  import { ComponentPropsWithRef, PropsWithChildren, ReactNode } from 'react';
2
- import { PropsWithClassNameAndStyle } from '../typings';
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.
@@ -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" | "medium" | "light" | "regular" | null | undefined;
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;