@overmap-ai/blocks 1.0.34-command-menu.2 → 1.0.34-command-menu.4

package/dist/CheckedIndicator/CheckedIndicator.d.ts

@@ -1,5 +1,5 @@
-import { FC, PropsWithChildren } from "react";
-export interface CheckedIndicatorProps {
+import { ComponentPropsWithRef, FC, PropsWithChildren } from "react";
+export interface CheckedIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
     children: PropsWithChildren["children"] | ((indeterminate: boolean) => PropsWithChildren["children"]);
 }
 export declare const CheckedIndicator: FC<CheckedIndicatorProps>;

package/dist/CommandMenu/CheckboxIndicator.d.ts

@@ -1,7 +1,6 @@
 import { ComponentPropsWithRef, ReactNode } from "react";
 import type { CheckedState } from "./typings";
 export interface CommandMenuCheckboxIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
-    alwaysRender?: boolean;
     children: ReactNode | ((checked: CheckedState) => ReactNode);
 }
-export declare const CommandMenuCheckboxIndicator: (props: CommandMenuCheckboxIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const CommandMenuCheckboxIndicator: (props: CommandMenuCheckboxIndicatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/CommandMenu/MultiSelectGroup.d.ts

@@ -1,7 +1,5 @@
+import { MultiSelectProps } from "../SelectContext/typings";
 import { CommandMenuGroupProps } from "./Group";
-export interface CommandMenuMultiSelectGroupProps extends CommandMenuGroupProps {
-    defaultValues?: string[];
-    values?: string[];
-    onValuesChange?: (values: string[]) => void;
+export interface CommandMenuMultiSelectGroupProps extends CommandMenuGroupProps, MultiSelectProps {
 }
 export declare const CommandMenuMultiSelectGroup: (props: CommandMenuMultiSelectGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/CommandMenu/RadioGroup.d.ts

@@ -1,7 +1,4 @@
+import { SingleSelectProps } from "../SelectContext/typings";
 import { CommandMenuGroupProps } from "./Group";
-export interface CommandMenuRadioGroupProps extends Omit<CommandMenuGroupProps, "defaultValue" | "value"> {
-    defaultValue?: string | null;
-    value?: string | null;
-    onValueChange?: (value: string | null) => void;
-}
+export type CommandMenuRadioGroupProps = SingleSelectProps & Omit<CommandMenuGroupProps, "defaultValue" | "value">;
 export declare const CommandMenuRadioGroup: (props: CommandMenuRadioGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/CommandMenu/SelectedIndicator.d.ts

@@ -1,6 +1,5 @@
 import { ComponentPropsWithRef, ReactNode } from "react";
 export interface CommandMenuSelectedIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
-    alwaysRender?: boolean;
     children: ReactNode | ((selected: boolean) => ReactNode);
 }
-export declare const CommandMenuSelectedIndicator: (props: CommandMenuSelectedIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const CommandMenuSelectedIndicator: (props: CommandMenuSelectedIndicatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/CommandMenu/context.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from "react";
+/// <reference types="react" />
 import type { ComponentRadius } from "../Provider";
 import type { CheckedState, CommandMenuSize, CommandMenuVariant } from "./typings";
 interface ICommandMenuContext {
@@ -7,18 +7,6 @@ interface ICommandMenuContext {
     radius: ComponentRadius;
 }
 export declare const CommandMenuContext: import("react").Context<ICommandMenuContext>;
-export interface ISelectContext {
-    selectValue: (value: string) => void;
-    selected: (value: string) => boolean;
-}
-export declare const SelectContext: import("react").Context<ISelectContext>;
-export interface IMultiSelectGroupContext {
-    itemValueMapping: Map<string, string>;
-    setItemValueMapping: Dispatch<SetStateAction<Map<string, string>>>;
-    values: string[];
-    setValues: (values: string[]) => void;
-}
-export declare const MultiSelectGroupContext: import("react").Context<IMultiSelectGroupContext>;
 export declare const SelectedIndicatorContext: import("react").Context<boolean>;
 export declare const CheckboxIndicatorContext: import("react").Context<CheckedState>;
 export interface IMenuPagesContext {

package/dist/CommandMenu/index.d.ts

@@ -35,11 +35,11 @@ export declare const CommandMenu: {
     MultiSelectGroup: (props: import("./MultiSelectGroup").CommandMenuMultiSelectGroupProps) => import("react/jsx-runtime").JSX.Element;
     MultiSelectItem: (props: import("./MultiSelectItem").CommandMenuMultiSelectItemProps) => import("react/jsx-runtime").JSX.Element;
     SelectAllItem: (props: import("./SelectAllItem").CommandMenuSelectAllItemProps) => import("react/jsx-runtime").JSX.Element;
-    SelectedIndicator: (props: import("./SelectedIndicator").CommandMenuSelectedIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
+    SelectedIndicator: (props: import("./SelectedIndicator").CommandMenuSelectedIndicatorProps) => import("react/jsx-runtime").JSX.Element;
     RadioGroup: (props: import("./RadioGroup").CommandMenuRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
     RadioItem: (props: import("./RadioItem").CommandMenuRadioItemProps) => import("react/jsx-runtime").JSX.Element;
     CheckboxItem: (props: import("./CheckboxItem").CommandMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
-    CheckboxIndicator: (props: import("./CheckboxIndicator").CommandMenuCheckboxIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
+    CheckboxIndicator: (props: import("./CheckboxIndicator").CommandMenuCheckboxIndicatorProps) => import("react/jsx-runtime").JSX.Element;
     Pages: (props: import("./Pages").CommandMenuPagesProps) => import("react/jsx-runtime").JSX.Element;
     Page: (props: import("./Page").CommandMenuPageProps) => import("react/jsx-runtime").JSX.Element;
     PageTriggerItem: (props: import("./PageTriggerItem").CommandMenuPageTriggerItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/CommandMenu/utils.d.ts

@@ -1,4 +1,4 @@
-import type { CheckedState } from "./typings";
+import type { CheckedState } from "../CheckedIndicator";
 export declare function getSelectedState(selected: boolean): "selected" | "unselected";
 export declare function getCheckedState(checked: CheckedState): "checked" | "indeterminate" | "unchecked";
 export declare function getActiveState(active: boolean): "active" | "inactive";

package/dist/Menu/CheckboxItemIndicator/CheckboxItemIndicator.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import type { MenuCheckboxIndicatorProps } from "../typings";
-export declare const MenuCheckboxItemIndicator: import("react").ForwardRefExoticComponent<MenuCheckboxIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const MenuCheckboxItemIndicator: import("react").ForwardRefExoticComponent<Omit<MenuCheckboxIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/Menu/SelectAll/index.d.ts

@@ -1,2 +1 @@
-export * from "./SelectAllIndicator";
 export * from "./SelectAllItem";

package/dist/Menu/SelectedIndicator/SelectedIndicator.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const MenuSelectedIndicator: import("react").ForwardRefExoticComponent<{
     children?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/Menu/SelectedIndicator/context.d.ts

@@ -1,7 +1,3 @@
 /// <reference types="react" />
-interface ISelectedIndicatorContext {
-    selected: boolean;
-}
-export declare const SelectedIndicatorContext: import("react").Context<ISelectedIndicatorContext>;
-export declare const useSelectedIndicatorContext: () => ISelectedIndicatorContext;
-export {};
+export declare const SelectedIndicatorContext: import("react").Context<boolean>;
+export declare const useSelectedIndicatorContext: () => boolean;

package/dist/Menu/cva.d.ts

@@ -5,9 +5,6 @@ export declare const menuItem: (props?: ({
 export declare const menuSeparator: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const menuSelectedIndicator: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const menuContent: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     radius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | null | undefined;

package/dist/Menu/index.d.ts

@@ -44,11 +44,10 @@ export declare const Menu: {
     MultiSelectItem: import("react").NamedExoticComponent<import("./typings").MenuSelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
     SelectAllItem: import("react").ForwardRefExoticComponent<import("./typings").SelectAllItemProps & import("react").RefAttributes<HTMLDivElement>>;
     CheckboxItem: import("react").ForwardRefExoticComponent<import("./typings").MenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
-    SelectAllIndicator: import("react").ForwardRefExoticComponent<import("./typings").SelectAllIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
     SelectedIndicator: import("react").ForwardRefExoticComponent<{
         children?: import("react").ReactNode;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    CheckboxItemIndicator: import("react").ForwardRefExoticComponent<import("./typings").MenuCheckboxIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+    } & import("react").RefAttributes<HTMLSpanElement>>;
+    CheckboxItemIndicator: import("react").ForwardRefExoticComponent<Omit<import("./typings").MenuCheckboxIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
     InputRoot: import("react").NamedExoticComponent<import("./typings").MenuInputRootProps & import("react").RefAttributes<HTMLDivElement>>;
     InputField: import("react").NamedExoticComponent<Omit<import("./typings").MenuInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
     InputSlot: import("react").NamedExoticComponent<import("./typings").MenuInputSlotProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Menu/typings.d.ts

@@ -4,6 +4,7 @@ import type { VariantProps } from "class-variance-authority";
 import { ComponentProps, PropsWithChildren, PropsWithoutRef, ReactElement, ReactNode } from "react";
 import type { CheckedIndicatorProps } from "../CheckedIndicator";
 import type { ComponentRadius } from "../Provider";
+import type { MultiSelectProps, SingleSelectProps } from "../SelectContext/typings";
 import type { AccentColorProps } from "../typings";
 import { menuItem } from "./cva";
 type MenuItemVariants = VariantProps<typeof menuItem>;
@@ -43,11 +44,8 @@ export interface MenuVirtualTriggerProps {
 }
 export interface MenuGroupProps extends PropsWithoutRef<ComponentProps<"div">> {
 }
-export interface MenuSelectGroupProps extends MenuGroupProps {
-    value: string | null;
-    onValueChange: (value: string | null) => void;
-}
-export interface MenuMultiSelectGroupProps extends MenuGroupProps {
+export type MenuSelectGroupProps = MenuGroupProps & SingleSelectProps;
+export interface MenuMultiSelectGroupProps extends MenuGroupProps, MultiSelectProps {
     values: string[];
     onValuesChange: (values: string[]) => void;
 }
@@ -66,7 +64,6 @@ export interface MenuSelectItemProps extends MenuItemProps {
     value: string;
 }
 export interface SelectAllItemProps extends Omit<MenuItemProps, "children"> {
-    allValues: string[];
     children: ReactNode | ((meta: {
         active: boolean;
         selected: boolean | "indeterminate";
@@ -111,9 +108,6 @@ export interface MenuInputRootProps extends PropsWithoutRef<ComponentProps<"div"
 }
 export interface MenuInputSlotProps extends PropsWithoutRef<ComponentProps<"div">> {
 }
-export interface SelectAllIndicatorProps extends Omit<PropsWithoutRef<ComponentProps<"span">>, "children"> {
-    children: ReactNode | ((indeterminate: boolean) => ReactNode);
-}
 export interface MenuCheckboxIndicatorProps extends Omit<PropsWithoutRef<ComponentProps<"span">>, "children">, CheckedIndicatorProps {
 }
 export interface MenuScrollProps extends PropsWithoutRef<ComponentProps<"div">> {

package/dist/Menu/utils.d.ts

@@ -1,5 +1,11 @@
-import { MenuAlignment, MenuSide } from "./typings";
+import type { CheckedState } from "../CheckedIndicator";
+import type { MenuAlignment, MenuSide } from "./typings";
 export declare const computeOffsets: (side: MenuSide, alignment: MenuAlignment) => {
     mainAxis: number;
     crossAxis: number;
 };
+export declare function getSelectedState(selected: boolean): "selected" | "unselected";
+export declare function getCheckedState(checked: CheckedState): "checked" | "indeterminate" | "unchecked";
+export declare function getActiveState(active: boolean): "active" | "inactive";
+export declare function getBooleanState(value: boolean): "true" | "false";
+export declare function getOpenState(open: boolean): "open" | "closed";

package/dist/SelectContext/MultiSelectProvider.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from "react";
+import type { MultiSelectProps } from "./typings";
+export declare const MultiSelectProvider: import("react").NamedExoticComponent<PropsWithChildren<MultiSelectProps>>;

package/dist/SelectContext/SingleSelectProvider.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+import type { SingleSelectNotRequiredProps, SingleSelectRequiredProps } from "./typings";
+export declare const SingleSelectRequiredProvider: import("react").NamedExoticComponent<PropsWithChildren<SingleSelectRequiredProps>>;
+export declare const SingleSelectNotRequiredProvider: import("react").NamedExoticComponent<PropsWithChildren<SingleSelectNotRequiredProps>>;

package/dist/SelectContext/context.d.ts

@@ -1,5 +1,15 @@
 /// <reference types="react" />
-import { MultiSelectContext, SingleSelectContext } from "./typings";
-export type ISelectContext = SingleSelectContext | MultiSelectContext;
+export interface ISelectContext {
+    selectValue: (value: string) => void;
+    selected: (value: string) => boolean;
+}
 export declare const SelectContext: import("react").Context<ISelectContext>;
-export declare function useSelectContext<Type = SingleSelectContext | MultiSelectContext>(): Type;
+export interface IMultiSelectContext {
+    selectValue: (value: string) => void;
+    selected: (value: string) => boolean;
+    registerValue: (value: string) => () => void;
+    allSelected: boolean;
+    someSelected: boolean;
+    toggleSelectAll: () => void;
+}
+export declare const MultiSelectContext: import("react").Context<IMultiSelectContext>;

package/dist/SelectContext/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./context";
-export * from "./Provider";
-export * from "./typings";
+export * from "./MultiSelectProvider";
+export * from "./SingleSelectProvider";

package/dist/SelectContext/typings.d.ts

@@ -1,10 +1,18 @@
-export type SingleSelectContext = {
-    type: "single";
-    value: string | null;
-    handleValueChange: (value: string | null) => void;
+type _SingleSelectProps<TValue> = {
+    onValueChange?: (value: TValue) => void;
+    defaultValue?: TValue;
+    value?: TValue;
 };
-export type MultiSelectContext = {
-    type: "multi";
-    values: string[];
-    handleValuesChange: (value: string[]) => void;
+export type SingleSelectRequiredProps = _SingleSelectProps<string>;
+export type SingleSelectNotRequiredProps = _SingleSelectProps<string | null>;
+export type SingleSelectProps = (SingleSelectRequiredProps & {
+    required: true;
+}) | (SingleSelectNotRequiredProps & {
+    required: false;
+});
+export type MultiSelectProps = {
+    onValuesChange?: (value: string[]) => void;
+    defaultValues?: string[];
+    values?: string[];
 };
+export {};