@overmap-ai/blocks 1.0.48-shadows.1 → 1.0.50

package/dist/Menu/SubContent.d.ts

@@ -1,2 +1,4 @@
-import { SubMenuContentProps } from './typings';
+import { ComponentPropsWithRef } from 'react';
+export interface SubMenuContentProps extends ComponentPropsWithRef<"ul"> {
+}
 export declare const MenuSubContent: import('react').NamedExoticComponent<SubMenuContentProps>;

package/dist/Menu/SubTrigger.d.ts

@@ -1,2 +1,4 @@
-import { MenuSubTriggerProps } from './typings';
+import { MenuItemProps } from './Item';
+export interface MenuSubTriggerProps extends Omit<MenuItemProps, "closeOnSelect" | "disabled"> {
+}
 export declare const MenuSubTrigger: import('react').NamedExoticComponent<MenuSubTriggerProps>;

package/dist/Menu/VirtualTrigger.d.ts

@@ -1,2 +1,6 @@
-import { MenuVirtualTriggerProps } from './typings';
+import { VirtualElement } from '@floating-ui/react';
+export interface MenuVirtualTriggerProps {
+    virtualElement: VirtualElement | null;
+    disabled?: boolean;
+}
 export declare const MenuVirtualTrigger: import('react').MemoExoticComponent<(props: MenuVirtualTriggerProps) => null>;

package/dist/Menu/cva.d.ts

@@ -10,7 +10,6 @@ export declare const menuSeparator: (props?: ({
 } & 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;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const menuOverlay: (props?: ({
     modal?: boolean | null | undefined;

package/dist/Menu/index.d.ts

@@ -28,31 +28,31 @@ export * from './SubTrigger';
 export type * from './typings';
 export * from './VirtualTrigger';
 export declare const Menu: {
-    Root: import('react').NamedExoticComponent<import('./typings').MenuRootProps>;
-    Content: import('react').NamedExoticComponent<import('./typings').MenuContentProps>;
-    Sub: import('react').NamedExoticComponent<import('./typings').MenuSubProps>;
-    SubContent: import('react').NamedExoticComponent<import('./typings').SubMenuContentProps>;
-    SubTrigger: import('react').NamedExoticComponent<import('./typings').MenuSubTriggerProps>;
-    Pages: import('react').NamedExoticComponent<import('./typings').MenuPageProps>;
-    PageContent: import('react').NamedExoticComponent<import('./typings').MenuPageContentProps>;
-    PageTrigger: import('react').NamedExoticComponent<import('./typings').MenuPageTriggerProps>;
-    ClickTrigger: import('react').NamedExoticComponent<import('./typings').MenuClickTriggerProps>;
-    ContextTrigger: import('react').NamedExoticComponent<import('./typings').MenuContextTriggerProps>;
-    VirtualTrigger: import('react').MemoExoticComponent<(props: import('./typings').MenuVirtualTriggerProps) => null>;
-    Group: import('react').NamedExoticComponent<import('./typings').MenuGroupProps>;
-    SelectGroup: <TValue>(props: import('./typings').MenuSelectGroupProps<TValue>) => import("react/jsx-runtime").JSX.Element;
-    MultiSelectGroup: <TValue_1>(props: import('./typings').MenuMultiSelectGroupProps<TValue_1>) => import("react/jsx-runtime").JSX.Element;
-    Item: import('react').NamedExoticComponent<import('./typings').MenuItemProps>;
-    SelectItem: <TValue_2>(props: import('./typings').MenuSelectItemProps<TValue_2>) => import("react/jsx-runtime").JSX.Element;
-    MultiSelectItem: <TValue_3>(props: import('./typings').MenuSelectItemProps<TValue_3>) => import("react/jsx-runtime").JSX.Element;
-    SelectAllItem: <TValue_4>(props: import('./typings').SelectAllItemProps) => import("react/jsx-runtime").JSX.Element;
-    CheckboxItem: import('react').NamedExoticComponent<import('./typings').MenuCheckboxItemProps>;
+    Root: import('react').NamedExoticComponent<import('./Root').MenuRootProps>;
+    Content: import('react').NamedExoticComponent<import('./Content').MenuContentProps>;
+    Sub: import('react').NamedExoticComponent<import('./Sub').MenuSubProps>;
+    SubContent: import('react').NamedExoticComponent<import('./SubContent').SubMenuContentProps>;
+    SubTrigger: import('react').NamedExoticComponent<import('./SubTrigger').MenuSubTriggerProps>;
+    Pages: import('react').NamedExoticComponent<import('./Pages').MenuPageProps>;
+    PageContent: import('react').NamedExoticComponent<import('./PageContent').MenuPageContentProps>;
+    PageTrigger: import('react').NamedExoticComponent<import('./PageTrigger').MenuPageTriggerProps>;
+    ClickTrigger: import('react').NamedExoticComponent<import('./ClickTrigger').MenuClickTriggerProps>;
+    ContextTrigger: import('react').NamedExoticComponent<import('./ContextTrigger').MenuContextTriggerProps>;
+    VirtualTrigger: import('react').MemoExoticComponent<(props: import('./VirtualTrigger').MenuVirtualTriggerProps) => null>;
+    Group: import('react').NamedExoticComponent<import('./Group').MenuGroupProps>;
+    SelectGroup: <TValue>(props: import('./SelectGroup').MenuSelectGroupProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+    MultiSelectGroup: <TValue_1>(props: import('./MultiSelectGroup').MenuMultiSelectGroupProps<TValue_1>) => import("react/jsx-runtime").JSX.Element;
+    Item: import('react').NamedExoticComponent<import('./Item').MenuItemProps>;
+    SelectItem: <TValue_2>(props: import('./SelectItem').MenuSelectItemProps<TValue_2>) => import("react/jsx-runtime").JSX.Element;
+    MultiSelectItem: <TValue_3>(props: import('./SelectItem').MenuSelectItemProps<TValue_3>) => import("react/jsx-runtime").JSX.Element;
+    SelectAllItem: <TValue_4>(props: import('./SelectAllItem').SelectAllItemProps) => import("react/jsx-runtime").JSX.Element;
+    CheckboxItem: import('react').NamedExoticComponent<import('./CheckboxItem').MenuCheckboxItemProps>;
     SelectedIndicator: import('react').NamedExoticComponent<import('./SelectedIndicator').MenuSelectedIndicatorProps>;
-    CheckboxItemIndicator: import('react').NamedExoticComponent<import('./typings').MenuCheckboxIndicatorProps>;
-    InputRoot: import('react').NamedExoticComponent<import('./typings').MenuInputRootProps>;
-    InputField: import('react').NamedExoticComponent<import('./typings').MenuInputProps>;
-    InputSlot: import('react').NamedExoticComponent<import('./typings').MenuInputSlotProps>;
+    CheckboxItemIndicator: import('react').NamedExoticComponent<import('./CheckboxItemIndicator').MenuCheckboxIndicatorProps>;
+    InputRoot: import('react').NamedExoticComponent<import('./InputRoot').MenuInputRootProps>;
+    InputField: import('react').NamedExoticComponent<import('./InputField').MenuInputProps>;
+    InputSlot: import('react').NamedExoticComponent<import('./InputSlot').MenuInputSlotProps>;
     Label: import('react').NamedExoticComponent<import('./Label').MenuLabelProps>;
-    Separator: import('react').NamedExoticComponent<import('./typings').MenuSeparatorProps>;
-    Scroll: import('react').NamedExoticComponent<import('./typings').MenuScrollProps>;
+    Separator: import('react').NamedExoticComponent<import('./Separator').MenuSeparatorProps>;
+    Scroll: import('react').NamedExoticComponent<import('./Scroll').MenuScrollProps>;
 };

package/dist/Menu/menuContentContext.d.ts

@@ -1,6 +1,6 @@
 import { UseFloatingData, UseInteractionsReturn } from '@floating-ui/react';
 import { MutableRefObject } from 'react';
-import { ComponentRadius } from '../Provider';
+import { AccentColor, ComponentRadius } from '../typings';
 import { MenuSize, MenuVariant } from './typings';
 interface IMenuContentContext {
     activeIndex: number | null;
@@ -10,11 +10,10 @@ interface IMenuContentContext {
     refs: UseFloatingData["refs"];
     open: boolean;
     setOpen: (open: boolean) => void;
-    accentColor: string;
+    accentColor: AccentColor;
     radius: ComponentRadius;
     size: MenuSize;
     variant: MenuVariant;
 }
 export declare const MenuContentContext: import('react').Context<IMenuContentContext>;
-export declare const useMenuContentContext: () => IMenuContentContext;
 export {};

package/dist/Menu/menuPagesContext.d.ts

@@ -4,5 +4,4 @@ interface IPagesContext {
     setActivePage: (page: string) => void;
 }
 export declare const PagesContext: import('react').Context<IPagesContext>;
-export declare const usePagesContext: () => IPagesContext;
 export {};

package/dist/Menu/rootContext.d.ts

@@ -20,5 +20,4 @@ interface IMenuContext {
     middlewareData: MiddlewareData;
 }
 export declare const MenuContext: import('react').Context<IMenuContext>;
-export declare const useMenuContext: () => IMenuContext;
 export {};

package/dist/Menu/subContentContext.d.ts

@@ -20,5 +20,4 @@ interface ISubContext {
     getReferenceProps: UseInteractionsReturn["getReferenceProps"];
 }
 export declare const SubContext: import('react').Context<ISubContext>;
-export declare const useSubContext: () => ISubContext;
 export {};

package/dist/Menu/typings.d.ts

@@ -1,115 +1,14 @@
-import { VirtualElement } from '@floating-ui/react';
 import { VariantProps } from 'class-variance-authority';
-import { ComponentPropsWithRef, PropsWithChildren, ReactElement, ReactNode, RefObject } from 'react';
-import { Root } from '@radix-ui/react-separator';
-import { CheckedIndicatorProps } from '../CheckedIndicator';
-import { ComponentRadius } from '../Provider';
-import { MultiSelectProps, SingleSelectProps } from '../SelectContext/typings';
-import { AccentColorProps } from '../typings';
+import { AccentColorProps, RadiusProps } from '../typings';
 import { menuItem } from './cva';
 type MenuItemVariants = VariantProps<typeof menuItem>;
 export type MenuVariant = NonNullable<MenuItemVariants["variant"]>;
 export type MenuSize = NonNullable<MenuItemVariants["size"]>;
-export interface MenuVariantProps extends AccentColorProps {
+export interface MenuVariantProps extends AccentColorProps, RadiusProps {
     variant?: MenuVariant;
     size?: MenuSize;
-    radius?: ComponentRadius;
 }
 export type MenuTriggerType = "click" | "context" | "virtual";
 export type MenuAlignment = "start" | "center" | "end";
 export type MenuSide = "top" | "right" | "bottom" | "left";
-export interface MenuRootProps extends PropsWithChildren {
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    defaultOpen?: boolean;
-    side?: MenuSide;
-    align?: MenuAlignment;
-    offset?: number;
-    loop?: boolean;
-    modal?: boolean;
-}
-export interface MenuContentProps extends ComponentPropsWithRef<"ul">, MenuVariantProps {
-}
-export interface MenuClickTriggerProps {
-    children: ReactElement;
-    disabled?: boolean;
-    ref?: RefObject<HTMLElement>;
-}
-export interface MenuContextTriggerProps {
-    children: ReactElement;
-    disabled?: boolean;
-    ref?: RefObject<HTMLElement>;
-}
-export interface MenuVirtualTriggerProps {
-    virtualElement: VirtualElement | null;
-    disabled?: boolean;
-}
-export interface MenuGroupProps extends ComponentPropsWithRef<"div"> {
-}
-export type MenuSelectGroupProps<TValue> = MenuGroupProps & SingleSelectProps<TValue>;
-export interface MenuMultiSelectGroupProps<TValue> extends MenuGroupProps, MultiSelectProps<TValue> {
-}
-export interface MenuItemMeta {
-    active: boolean;
-    selected: boolean;
-}
-type ActiveAndSelectedItemCallback<T> = (meta: MenuItemMeta) => T;
-export interface MenuItemProps extends Omit<ComponentPropsWithRef<"li">, "children" | "value"> {
-    disabled?: boolean;
-    children: ReactNode | ActiveAndSelectedItemCallback<ReactNode>;
-    closeOnSelect?: boolean;
-    onSelect?: () => void;
-}
-export interface MenuSelectItemProps<TValue> extends MenuItemProps {
-    value: TValue;
-}
-export interface SelectAllItemProps extends Omit<MenuItemProps, "children"> {
-    children: ReactNode | ((meta: {
-        active: boolean;
-        selected: boolean | "indeterminate";
-    }) => ReactNode);
-}
-export interface MenuCheckboxItemProps extends MenuItemProps {
-    checked: boolean | "indeterminate";
-    onCheckedChange: (checked: boolean) => void;
-}
-export interface MenuSubProps extends PropsWithChildren {
-    disabled?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    defaultOpen?: boolean;
-    side?: MenuSide;
-    align?: MenuAlignment;
-    closeRoot?: boolean;
-    loop?: boolean;
-    modal?: boolean;
-}
-export interface SubMenuContentProps extends ComponentPropsWithRef<"ul"> {
-}
-export interface MenuSubTriggerProps extends Omit<MenuItemProps, "closeOnSelect" | "disabled"> {
-}
-export interface MenuPageProps extends PropsWithChildren {
-    defaultPage?: string;
-    page?: string;
-    onPageChange?: (page: string) => void;
-}
-export interface MenuPageContentProps extends PropsWithChildren {
-    page: string;
-}
-export interface MenuPageTriggerProps extends Omit<MenuItemProps, "closeOnSelect"> {
-    page: string;
-}
-export interface MenuSeparatorProps extends ComponentPropsWithRef<typeof Root> {
-}
-export interface MenuInputProps extends ComponentPropsWithRef<"input"> {
-    onValueChange?: (value: string) => void;
-}
-export interface MenuInputRootProps extends ComponentPropsWithRef<"div"> {
-}
-export interface MenuInputSlotProps extends ComponentPropsWithRef<"div"> {
-}
-export interface MenuCheckboxIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children">, CheckedIndicatorProps {
-}
-export interface MenuScrollProps extends ComponentPropsWithRef<"div"> {
-}
 export {};

package/dist/MenuV2/typings.d.ts

@@ -1,9 +1,7 @@
-import { ComponentRadius } from '../Provider';
-import { AccentColorProps } from '../typings';
+import { AccentColorProps, RadiusProps } from '../typings';
 export type MenuV2Variant = "solid" | "soft";
 export type MenuV2Size = "xs" | "sm" | "md" | "lg" | "xl";
-export interface MenuV2VariantProps extends AccentColorProps {
+export interface MenuV2VariantProps extends AccentColorProps, RadiusProps {
     variant?: MenuV2Variant;
     size?: MenuV2Size;
-    radius?: ComponentRadius;
 }

package/dist/OneTimePasswordField/context.d.ts

@@ -1,9 +1,9 @@
-import { OneTimePasswordFieldSize, OneTimePasswordFieldVariant } from './typings';
-import { ComponentRadius } from '../Provider';
+import { AccentColor, ComponentRadius } from '../typings';
+import { OneTimePasswordFieldVariant, OneTimePasswordFieldSize } from './typings';
 export interface IOneTimePasswordFieldContext {
     variant: OneTimePasswordFieldVariant;
     size: OneTimePasswordFieldSize;
     radius: ComponentRadius;
-    accentColor: string;
+    accentColor: AccentColor;
 }
 export declare const OneTimePasswordFieldContext: import('react').Context<IOneTimePasswordFieldContext>;

package/dist/OneTimePasswordField/typings.d.ts

@@ -1,9 +1,7 @@
-import { ComponentRadius } from '../Provider';
-import { AccentColorProps } from '../typings';
+import { AccentColorProps, RadiusProps } from '../typings';
 export type OneTimePasswordFieldSize = "xs" | "sm" | "md" | "lg" | "xl";
 export type OneTimePasswordFieldVariant = "surface" | "soft" | "outline" | "ghost";
-export interface OneTimePasswordFieldVariantProps extends AccentColorProps {
+export interface OneTimePasswordFieldVariantProps extends AccentColorProps, RadiusProps {
     variant?: OneTimePasswordFieldVariant;
     size?: OneTimePasswordFieldSize;
-    radius?: ComponentRadius;
 }

package/dist/Popover/typings.d.ts

@@ -1,11 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
-import { ComponentRadius } from '../Provider';
-import { AccentColorProps } from '../typings';
+import { AccentColorProps, RadiusProps } from '../typings';
 import { popoverContent } from './cva';
 type PopoverVariants = VariantProps<typeof popoverContent>;
 export type PopoverSize = NonNullable<PopoverVariants["size"]>;
-export interface PopoverVariantProps extends AccentColorProps {
+export interface PopoverVariantProps extends AccentColorProps, RadiusProps {
     size?: PopoverSize;
-    radius?: ComponentRadius;
 }
 export {};

package/dist/Progress/typings.d.ts

@@ -1,5 +1,4 @@
-import { ComponentRadius } from '../Provider';
-import { AccentColorProps } from '../typings';
+import { AccentColorProps, ComponentRadius } from '../typings';
 export type ProgressSize = "xs" | "sm" | "md" | "lg" | "xl";
 export type ProgressVariant = "surface" | "soft";
 export interface ProgressVariantProps extends AccentColorProps {

package/dist/Provider/Provider.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { ComponentRadius } from './typings';
+import { ComponentRadius } from '../typings';
 export interface ProviderProps extends PropsWithChildren {
     accentColor: string;
     radius?: ComponentRadius;

package/dist/Provider/context.d.ts

@@ -1,4 +1,4 @@
-import { ComponentRadius } from './typings';
+import { ComponentRadius } from '../typings';
 export interface IProviderContext {
     accentColor: string;
     radius: ComponentRadius;

package/dist/Provider/index.d.ts

@@ -1,3 +1,2 @@
 export * from './hooks';
 export * from './Provider';
-export type * from './typings';

package/dist/RadioCards/context.d.ts

@@ -1,4 +1,4 @@
-import { ComponentRadius } from '../Provider';
+import { ComponentRadius } from '../typings';
 import { RadioCardsSize, RadioCardsVariant } from './typings';
 interface RadioCardsContext {
     size: RadioCardsSize;

package/dist/RadioCards/typings.d.ts

@@ -1,6 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { ComponentRadius } from '../Provider';
-import { AccentColorProps } from '../typings';
+import { AccentColorProps, ComponentRadius } from '../typings';
 import { radioCardsRootCva } from './cva';
 type Variants = VariantProps<typeof radioCardsRootCva>;
 export type RadioCardsSize = NonNullable<Variants["size"]>;

package/dist/SegmentedControl/context.d.ts

@@ -1,5 +1,5 @@
+import { ComponentRadius } from '../typings';
 import { SegmentedControlSize, SegmentedControlVariant } from './typings';
-import { ComponentRadius } from '../Provider';
 export interface ISegmentedControlContext {
     size: SegmentedControlSize;
     variant: SegmentedControlVariant;

package/dist/SegmentedControl/typings.d.ts

@@ -1,6 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { ComponentRadius } from '../Provider';
-import { AccentColorProps } from '../typings';
+import { AccentColorProps, ComponentRadius } from '../typings';
 import { segmentedControlRootCva } from './cva';
 type SegmentedControlVariants = VariantProps<typeof segmentedControlRootCva>;
 export type SegmentedControlSize = NonNullable<SegmentedControlVariants["size"]>;

package/dist/SegmentedTabs/context.d.ts

@@ -1,4 +1,4 @@
-import { ComponentRadius } from '../Provider';
+import { ComponentRadius } from '../typings';
 import { SegmentedTabsSize, SegmentedTabsVariant } from './typings';
 interface ISegmentedTabsListContext {
     size: SegmentedTabsSize;

package/dist/SegmentedTabs/typings.d.ts

@@ -1,6 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { ComponentRadius } from '../Provider';
-import { AccentColorProps } from '../typings';
+import { AccentColorProps, ComponentRadius } from '../typings';
 import { segmentedTabsListCva } from './cva';
 type SegmentedTabsVariants = VariantProps<typeof segmentedTabsListCva>;
 export type SegmentedTabsSize = NonNullable<SegmentedTabsVariants["size"]>;

package/dist/SelectContext/typings.d.ts

@@ -15,6 +15,7 @@ export type SingleSelectProps<TValue> = (SingleSelectRequiredProps<TValue> & {
 export type MultiSelectProps<TValue> = {
     onValuesChange?: (value: TValue[]) => void;
     defaultValues?: TValue[];
+    allValues?: TValue[];
     values?: TValue[];
     equalityFn?: EqualityFn<TValue>;
 };

package/dist/Slider/typings.d.ts

@@ -1,5 +1,4 @@
-import { ComponentRadius } from '../Provider';
-import { AccentColorProps } from '../typings';
+import { AccentColorProps, ComponentRadius } from '../typings';
 export type SliderSize = "xs" | "sm" | "md" | "lg" | "xl";
 export type SliderOrientation = "horizontal" | "vertical";
 export type SliderVariant = "surface" | "soft";

package/dist/Switch/context.d.ts

@@ -1,4 +1,4 @@
-import { ComponentRadius } from '../Provider';
+import { ComponentRadius } from '../typings';
 import { SwitchSize } from './typings';
 interface ISwitchContext {
     size: SwitchSize;

package/dist/Switch/typings.d.ts

@@ -1,6 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { ComponentRadius } from '../Provider';
-import { AccentColorProps } from '../typings';
+import { AccentColorProps, ComponentRadius } from '../typings';
 import { switchRoot } from './cva';
 type Variants = VariantProps<typeof switchRoot>;
 export type SwitchSize = NonNullable<Variants["size"]>;

package/dist/TextArea/typings.d.ts

@@ -1,6 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { ComponentRadius } from '../Provider';
-import { AccentColorProps } from '../typings';
+import { AccentColorProps, ComponentRadius } from '../typings';
 import { textAreaCva } from './cva';
 type TextAreaVariants = VariantProps<typeof textAreaCva>;
 export type TextAreaSize = NonNullable<TextAreaVariants["size"]>;

package/dist/ToggleButton/typings.d.ts

@@ -1,6 +1,5 @@
 import { ComponentPropsWithRef } from 'react';
-import { ComponentRadius } from '../Provider';
-import { AccentColorProps } from '../typings';
+import { AccentColorProps, ComponentRadius } from '../typings';
 import * as Toggle from "@radix-ui/react-toggle";
 export type ToggleButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
 export type ToggleButtonVariant = "outline" | "ghost" | "soft";

package/dist/ToggleGroup/context.d.ts

@@ -1,4 +1,4 @@
-import { ComponentRadius } from '../Provider';
+import { ComponentRadius } from '../typings';
 import { ToggleGroupSize, ToggleGroupVariant } from './typings';
 export interface IToggleGroupContext {
     variant: ToggleGroupVariant;

package/dist/ToggleGroup/typings.d.ts

@@ -1,5 +1,4 @@
-import { ComponentRadius } from '../Provider';
-import { AccentColorProps } from '../typings';
+import { AccentColorProps, ComponentRadius } from '../typings';
 export type ToggleGroupSize = "xs" | "sm" | "md" | "lg" | "xl";
 export type ToggleGroupVariant = "outline" | "ghost" | "soft";
 export interface ToggleGroupVariantProps extends AccentColorProps {

package/dist/Tooltip/typings.d.ts

@@ -1,6 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { ComponentRadius } from '../Provider';
-import { AccentColorProps } from '../typings';
+import { AccentColorProps, ComponentRadius } from '../typings';
 import { tooltipContent } from './cva';
 type Variants = VariantProps<typeof tooltipContent>;
 export type TooltipSize = NonNullable<Variants["size"]>;