@salt-ds/core 1.26.0 → 1.27.1

package/dist-types/aria-announcer/AriaAnnouncerProvider.d.ts

@@ -7,4 +7,4 @@ export interface AriaAnnouncerProviderProps {
      */
     style?: CSSProperties;
 }
-export declare function AriaAnnouncerProvider({ children, style, }: AriaAnnouncerProviderProps): JSX.Element;
+export declare function AriaAnnouncerProvider({ children, style, }: AriaAnnouncerProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/breakpoints/BreakpointProvider.d.ts

@@ -8,7 +8,7 @@ interface BreakpointProviderProps {
     children?: ReactNode;
     matchedBreakpoints: Breakpoint[];
 }
-export declare function BreakpointProvider(props: BreakpointProviderProps): JSX.Element;
+export declare function BreakpointProvider(props: BreakpointProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useMatchedBreakpoints(breakpoints: Breakpoints): Breakpoint[];
 export declare function useBreakpoint(): BreakpointContext & {
     breakpoint: Breakpoint | null;

package/dist-types/combo-box/useComboBox.d.ts

@@ -6,6 +6,7 @@ export declare function useComboBox<Item>(props: UseComboBoxProps<Item>): {
     select: (event: SyntheticEvent, option: OptionValue<Item>) => void;
     valueState: string | number | readonly string[] | undefined;
     setValueState: import("react").Dispatch<import("react").SetStateAction<string | number | readonly string[] | undefined>>;
+    removePill: (event: SyntheticEvent, itemToRemove: Item) => void;
     multiselect: boolean;
     openState: boolean;
     setOpen: (newOpen: boolean, reason?: import("../list-control/ListControlState").OpenChangeReason | undefined, key?: string | undefined) => void;

package/dist-types/dialog/Dialog.d.ts

@@ -5,7 +5,7 @@ interface ConditionalScrimWrapperProps {
     children?: ReactNode;
     condition: boolean;
 }
-export declare const ConditionalScrimWrapper: ({ condition, children, }: ConditionalScrimWrapperProps) => JSX.Element;
+export declare const ConditionalScrimWrapper: ({ condition, children, }: ConditionalScrimWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Display or hide the component.

package/dist-types/form-field/FormFieldHelperText.d.ts

@@ -1,2 +1,2 @@
 import { TextProps } from "../text";
-export declare const FormFieldHelperText: ({ className, children, ...restProps }: Omit<TextProps<"label">, "variant" | "styleAs">) => JSX.Element;
+export declare const FormFieldHelperText: ({ className, children, ...restProps }: Omit<TextProps<"label">, "variant" | "styleAs">) => import("react/jsx-runtime").JSX.Element;

package/dist-types/form-field/FormFieldLabel.d.ts

@@ -8,4 +8,4 @@ export interface FormFieldLabelProps extends Omit<TextProps<"label">, "variant"
      */
     intent?: "label" | "sentence";
 }
-export declare const FormFieldLabel: ({ className, children, intent, ...restProps }: FormFieldLabelProps) => JSX.Element;
+export declare const FormFieldLabel: ({ className, children, intent, ...restProps }: FormFieldLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/index.d.ts

@@ -26,6 +26,7 @@ export * from "./interactable-card";
 export * from "./link";
 export * from "./link-card";
 export { useListControlContext } from "./list-control";
+export * from "./menu";
 export * from "./multiline-input";
 export * from "./navigation-item";
 export * from "./option";

package/dist-types/menu/Menu.d.ts

@@ -0,0 +1,4 @@
+import { MenuBaseProps } from "./MenuBase";
+export interface MenuProps extends MenuBaseProps {
+}
+export declare function Menu(props: MenuProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/menu/MenuBase.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from "react";
+import { ReferenceType } from "@floating-ui/react";
+import { UseFloatingUIProps } from "../utils";
+export interface MenuBaseProps {
+    children?: ReactNode;
+    /**
+     * Display or hide the component.
+     */
+    open?: boolean;
+    /**
+     * If true, the menu will be open by default.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback function triggered when open state changes.
+     */
+    onOpenChange?: (newOpen: boolean) => void;
+    /**
+     * Set the placement of the Menu component relative to the trigger element. Defaults to `bottom-start` if it's the root menu or `right-start` if it's nested.
+     */
+    placement?: UseFloatingUIProps["placement"];
+    /**
+     * Function that returns a [virtual element](https://floating-ui.com/docs/virtual-elements). If this is provided, it will override MenuTrigger.
+     */
+    getVirtualElement?: () => ReferenceType | null;
+}
+export declare function MenuBase(props: MenuBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/menu/MenuContext.d.ts

@@ -0,0 +1,16 @@
+import { Dispatch, MutableRefObject, SetStateAction } from "react";
+import { useInteractions } from "@floating-ui/react";
+import { UseFloatingUIReturn } from "../utils";
+declare type UseInteractionsReturn = ReturnType<typeof useInteractions>;
+export interface MenuContextValue extends Pick<UseInteractionsReturn, "getItemProps" | "getReferenceProps" | "getFloatingProps">, Partial<Pick<UseFloatingUIReturn, "context" | "refs">> {
+    openState: boolean;
+    activeIndex: number | null;
+    getPanelPosition: () => Record<string, unknown>;
+    elementsRef: MutableRefObject<(HTMLDivElement | null)[]>;
+    focusInside: boolean;
+    setFocusInside: Dispatch<SetStateAction<boolean>>;
+    isNested: boolean;
+}
+export declare const MenuContext: import("react").Context<MenuContextValue>;
+export declare function useMenuContext(): MenuContextValue;
+export {};

package/dist-types/menu/MenuGroup.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+export interface MenuGroupProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The label of the menu group.
+     */
+    label?: string;
+    /**
+     * Menus to be rendered inside the menu group.
+     */
+    children?: ReactNode;
+}
+export declare const MenuGroup: import("react").ForwardRefExoticComponent<MenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/menu/MenuItem.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef } from "react";
+export interface MenuItemProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * If `true`, the item will be disabled.
+     */
+    disabled?: boolean;
+}
+export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/menu/MenuPanel.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+export interface MenuPanelProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The content of the menu panel.
+     */
+    children?: ReactNode;
+}
+export declare const MenuPanel: import("react").ForwardRefExoticComponent<MenuPanelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/menu/MenuPanelBase.d.ts

@@ -0,0 +1,4 @@
+import { ComponentPropsWithoutRef } from "react";
+export interface MenuPanelBaseProps extends ComponentPropsWithoutRef<"div"> {
+}
+export declare const MenuPanelBase: import("react").ForwardRefExoticComponent<MenuPanelBaseProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/menu/MenuPanelContext.d.ts

@@ -0,0 +1,5 @@
+import { MenuContextValue } from "./MenuContext";
+export interface MenuPanelContextValue extends Pick<MenuContextValue, "getItemProps" | "activeIndex" | "setFocusInside"> {
+}
+export declare const MenuPanelContext: import("react").Context<MenuPanelContextValue>;
+export declare function useMenuPanelContext(): MenuPanelContextValue;

package/dist-types/menu/MenuTrigger.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+export interface MenuTriggerProps {
+    /**
+     * The trigger element for the menu. This should be a single child element and accept a ref.
+     */
+    children?: ReactNode;
+}
+export declare function MenuTrigger(props: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/menu/MenuTriggerContext.d.ts

@@ -0,0 +1,6 @@
+export interface MenuTriggerContextValue {
+    triggersSubmenu: boolean;
+    blurActive: boolean;
+}
+export declare const MenuTriggerContext: import("react").Context<MenuTriggerContextValue>;
+export declare function useIsMenuTrigger(): MenuTriggerContextValue;

package/dist-types/menu/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./Menu";
+export * from "./MenuItem";
+export * from "./MenuPanel";
+export * from "./MenuTrigger";
+export * from "./MenuGroup";

package/dist-types/navigation-item/ConditionalWrapper.d.ts

@@ -4,5 +4,5 @@ interface ConditionalWrapperProps extends Pick<NavigationItemProps, "parent" | "
     children: ReactNode;
     className: string;
 }
-export declare const ConditionalWrapper: ({ children, className, parent, expanded, onExpand, active, href, }: ConditionalWrapperProps) => JSX.Element;
+export declare const ConditionalWrapper: ({ children, className, parent, expanded, onExpand, active, href, }: ConditionalWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist-types/navigation-item/ExpansionIcon.d.ts

@@ -1,2 +1,2 @@
 import { NavigationItemProps } from "./NavigationItem";
-export declare function ExpansionIcon({ expanded, orientation, }: Pick<NavigationItemProps, "expanded" | "orientation" | "className">): JSX.Element;
+export declare function ExpansionIcon({ expanded, orientation, }: Pick<NavigationItemProps, "expanded" | "orientation" | "className">): import("react/jsx-runtime").JSX.Element;

package/dist-types/overlay/Overlay.d.ts

@@ -10,4 +10,4 @@ export interface OverlayProps extends ComponentPropsWithoutRef<"div"> {
     onOpenChange?: (open: boolean) => void;
     placement?: "top" | "bottom" | "left" | "right";
 }
-export declare const Overlay: ({ children, open, onOpenChange, placement: placementProp, }: OverlayProps) => JSX.Element;
+export declare const Overlay: ({ children, open, onOpenChange, placement: placementProp, }: OverlayProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/overlay/OverlayTrigger.d.ts

@@ -2,4 +2,4 @@ import { ReactNode } from "react";
 export interface OverlayTriggerProps {
     children?: ReactNode;
 }
-export declare function OverlayTrigger(props: OverlayTriggerProps): JSX.Element;
+export declare function OverlayTrigger(props: OverlayTriggerProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/pagination/PageRanges.d.ts

@@ -2,4 +2,4 @@ export interface PageRangesProps {
     boundaryCount?: number;
     siblingCount?: number;
 }
-export declare function PageRanges({ siblingCount, boundaryCount, }: PageRangesProps): JSX.Element;
+export declare function PageRanges({ siblingCount, boundaryCount, }: PageRangesProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/radio-button/RadioButtonIcon.d.ts

@@ -13,4 +13,4 @@ export interface RadioButtonIconProps extends ComponentPropsWithoutRef<"div"> {
 /**
  * Default radio icon
  */
-export declare const RadioButtonIcon: ({ checked, className, error, disabled, validationStatus, readOnly, ...rest }: RadioButtonIconProps) => JSX.Element;
+export declare const RadioButtonIcon: ({ checked, className, error, disabled, validationStatus, readOnly, ...rest }: RadioButtonIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/salt-provider/SaltProvider.d.ts

@@ -35,12 +35,12 @@ interface SaltProviderThatClassesToRoot extends SaltProviderThatInjectsThemeElem
     applyClassesTo: "root";
 }
 declare type SaltProviderProps = SaltProviderThatAppliesClassesToChild | SaltProviderThatInjectsThemeElement | SaltProviderThatClassesToRoot;
-export declare function SaltProvider({ enableStyleInjection, ...restProps }: SaltProviderProps): JSX.Element;
+export declare function SaltProvider({ enableStyleInjection, ...restProps }: SaltProviderProps): import("react/jsx-runtime").JSX.Element;
 interface UNSTABLE_SaltProviderNextAdditionalProps {
     corner?: UNSTABLE_Corner;
 }
 export declare type UNSTABLE_SaltProviderNextProps = SaltProviderProps & UNSTABLE_SaltProviderNextAdditionalProps;
-export declare function UNSTABLE_SaltProviderNext({ enableStyleInjection, ...restProps }: UNSTABLE_SaltProviderNextProps): JSX.Element;
+export declare function UNSTABLE_SaltProviderNext({ enableStyleInjection, ...restProps }: UNSTABLE_SaltProviderNextProps): import("react/jsx-runtime").JSX.Element;
 export declare const useTheme: () => ThemeContextProps;
 /**
  * `useDensity` merges density value from `DensityContext` with the one from component's props.

package/dist-types/spinner/svgSpinners/SpinnerSVG.d.ts

@@ -7,5 +7,5 @@ interface SpinnerProps {
     size: SpinnerSVGSize;
     density: Density;
 }
-export declare const SpinnerSVG: ({ id, rest, size, density, }: SpinnerProps) => JSX.Element;
+export declare const SpinnerSVG: ({ id, rest, size, density, }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist-types/text/Text.d.ts

@@ -15,8 +15,10 @@ export declare type TextProps<T extends ElementType> = PolymorphicComponentPropW
     styleAs?: "h1" | "h2" | "h3" | "h4" | "label" | "display1" | "display2" | "display3" | "notation" | "action" | "code";
     /**
      * Change text color palette
+     * @deprecated Use `color` instead
      */
     variant?: "primary" | "secondary";
+    color?: "inherit" | "primary" | "secondary";
 }>;
 declare type TextComponent = <T extends ElementType = "div">(props: TextProps<T>) => ReactElement | null;
 export declare const Text: TextComponent;

package/dist-types/tooltip/TooltipBase.d.ts

@@ -8,5 +8,5 @@ interface TooltipBaseProps extends Omit<TooltipProps, "children"> {
      */
     status?: ValidationStatus;
 }
-export declare const TooltipBase: (props: TooltipBaseProps) => JSX.Element;
+export declare const TooltipBase: (props: TooltipBaseProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist-types/tooltip/useTooltip.d.ts

@@ -1,6 +1,10 @@
 import { HTMLProps } from "react";
 import { UseFloatingUIProps } from "../utils";
 export interface UseTooltipProps extends Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open" | "placement">> {
+    /**
+     * When `true`, the tooltip will be disabled.
+     */
+    disabled?: boolean;
     /**
      * Do not respond to focus events.
      */

package/dist-types/utils/useFloatingUI/useFloatingUI.d.ts

@@ -29,7 +29,7 @@ export interface FloatingComponentContextType {
 export interface FloatingComponentProviderProps extends FloatingComponentContextType {
     children: ReactNode;
 }
-export declare function FloatingComponentProvider(props: FloatingComponentProviderProps): JSX.Element;
+export declare function FloatingComponentProvider(props: FloatingComponentProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useFloatingComponent(): FloatingComponentContextType;
 export interface UseFloatingUIProps extends Pick<UseFloatingOptions, "placement" | "strategy" | "open" | "onOpenChange" | "nodeId"> {
     /**
@@ -49,7 +49,7 @@ export interface FloatingPlatformProviderProps {
     children: ReactNode;
     animationFrame?: boolean;
 }
-export declare function FloatingPlatformProvider(props: FloatingPlatformProviderProps): JSX.Element;
+export declare function FloatingPlatformProvider(props: FloatingPlatformProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useFloatingPlatform(): FloatingPlatformContextType;
 export declare const DEFAULT_FLOATING_UI_MIDDLEWARE: {
     name: string;

package/dist-types/viewport/ViewportProvider.d.ts

@@ -3,6 +3,6 @@ declare const ViewportContext: import("react").Context<number | null>;
 declare type ViewportProviderProps = {
     children?: ReactNode;
 };
-declare const ViewportProvider: ({ children }: ViewportProviderProps) => JSX.Element;
+declare const ViewportProvider: ({ children }: ViewportProviderProps) => import("react/jsx-runtime").JSX.Element;
 declare const useViewport: () => number;
 export { ViewportProvider, ViewportContext, useViewport };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/core",
-  "version": "1.26.0",
+  "version": "1.27.1",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -15,7 +15,7 @@
     "clsx": "^2.0.0",
     "@salt-ds/window": "^0.1.1",
     "@salt-ds/styles": "^0.2.1",
-    "@salt-ds/icons": "^1.11.1"
+    "@salt-ds/icons": "^1.11.2"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0",