@salt-ds/core 1.30.0 → 1.32.0

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

@@ -1,4 +1,4 @@
-import { TextProps } from "./Text";
+import { type TextProps } from "./Text";
 export declare const H1: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"h1">, "as">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
 export declare const H2: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"h2">, "as">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
 export declare const H3: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"h3">, "as">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;

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

@@ -1,2 +1,2 @@
-import { TextProps } from "./Text";
+import { type TextProps } from "./Text";
 export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"label">, "as">, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

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

@@ -1,6 +1,6 @@
-import { PolymorphicComponentPropWithRef } from "../utils";
-import { ElementType, ReactElement } from "react";
-import { ValidationStatus } from "../status-indicator";
+import { type ElementType, type ReactElement } from "react";
+import { type PolymorphicComponentPropWithRef } from "../utils";
+import type { ValidationStatus } from "../status-indicator";
 export declare type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
     /**
      * Applies disabled styling when true

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

@@ -1,2 +1,2 @@
-import { TextProps } from "./Text";
+import { type TextProps } from "./Text";
 export declare const TextAction: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"span">, "as">, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -1,2 +1,2 @@
-import { TextProps } from "./Text";
+import { type TextProps } from "./Text";
 export declare const TextNotation: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"span">, "as">, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/theme/Accent.d.ts

@@ -1,2 +1,6 @@
+export declare const AccentValues: readonly ["blue", "teal"];
+/** @deprecated use `AccentValues` */
 export declare const UNSTABLE_AccentValues: readonly ["blue", "teal"];
-export declare type UNSTABLE_Accent = (typeof UNSTABLE_AccentValues)[number];
+export declare type Accent = (typeof AccentValues)[number];
+/** @deprecated use `Accent` */
+export declare type UNSTABLE_Accent = Accent;

package/dist-types/theme/ActionFont.d.ts

@@ -1,2 +1,6 @@
+export declare const ActionFontValues: readonly ["Open Sans", "Amplitude"];
+/** @deprecated use `ActionFontValues` */
 export declare const UNSTABLE_ActionFontValues: readonly ["Open Sans", "Amplitude"];
-export declare type UNSTABLE_ActionFont = (typeof UNSTABLE_ActionFontValues)[number];
+export declare type ActionFont = (typeof ActionFontValues)[number];
+/** @deprecated use `ActionFont` */
+export declare type UNSTABLE_ActionFont = ActionFont;

package/dist-types/theme/Corner.d.ts

@@ -1,2 +1,6 @@
+export declare const CornerValues: readonly ["sharp", "rounded"];
+/** @deprecated use `CornerValues` */
 export declare const UNSTABLE_CornerValues: readonly ["sharp", "rounded"];
-export declare type UNSTABLE_Corner = (typeof UNSTABLE_CornerValues)[number];
+export declare type Corner = (typeof CornerValues)[number];
+/** @deprecated Use `Corner` */
+export declare type UNSTABLE_Corner = Corner;

package/dist-types/theme/HeadingFont.d.ts

@@ -1,2 +1,6 @@
+export declare const HeadingFontValues: readonly ["Open Sans", "Amplitude"];
+/** @deprecated use `HeadingFontValues` */
 export declare const UNSTABLE_HeadingFontValues: readonly ["Open Sans", "Amplitude"];
-export declare type UNSTABLE_HeadingFont = (typeof UNSTABLE_HeadingFontValues)[number];
+export declare type HeadingFont = (typeof HeadingFontValues)[number];
+/** @deprecated Use `HeadingFont` */
+export declare type UNSTABLE_HeadingFont = HeadingFont;

package/dist-types/toast/Toast.d.ts

@@ -1,6 +1,6 @@
-import { ComponentPropsWithoutRef, ReactElement } from "react";
-import { ValidationStatus } from "../status-indicator";
-import { IconProps } from "@salt-ds/icons";
+import { type ComponentPropsWithoutRef, type ReactElement } from "react";
+import { type ValidationStatus } from "../status-indicator";
+import type { IconProps } from "@salt-ds/icons";
 export interface ToastProps extends ComponentPropsWithoutRef<"div"> {
     /**
      *  A string to determine the current state of the Toast.

package/dist-types/toast/ToastContent.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 export interface ToastContentProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * The content of Toast Content

package/dist-types/toggle-button/ToggleButton.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, ComponentPropsWithoutRef } from "react";
+import { type ComponentPropsWithoutRef, type MouseEvent } from "react";
 export interface ToggleButtonProps extends ComponentPropsWithoutRef<"button"> {
     selected?: boolean;
     onChange?: (event: MouseEvent<HTMLButtonElement>) => void;

package/dist-types/toggle-button-group/ToggleButtonGroup.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
-import { Value } from "./ToggleButtonGroupContext";
+import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
+import { type Value } from "./ToggleButtonGroupContext";
 export interface ToggleButtonGroupProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
     /**
      * The default value. Use when the component is not controlled.

package/dist-types/toggle-button-group/ToggleButtonGroupContext.d.ts

@@ -1,4 +1,4 @@
-import { SyntheticEvent } from "react";
+import { type SyntheticEvent } from "react";
 export declare type Value = string | readonly string[] | number | undefined;
 export interface ToggleButtonGroupContextValue {
     disabled?: boolean;

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

@@ -1,6 +1,6 @@
-import { HTMLAttributes, ReactNode } from "react";
-import { ValidationStatus } from "../status-indicator";
-import { UseFloatingUIProps } from "../utils";
+import { type HTMLAttributes, type ReactNode } from "react";
+import { type ValidationStatus } from "../status-indicator";
+import { type UseFloatingUIProps } from "../utils";
 export interface TooltipProps extends Pick<UseFloatingUIProps, "open" | "onOpenChange" | "placement">, Omit<HTMLAttributes<HTMLDivElement>, "content"> {
     /**
      * The children will be the Tooltip's trigger.

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

@@ -1,6 +1,6 @@
-import { ValidationStatus } from "../status-indicator";
-import { FloatingArrowProps } from "@floating-ui/react";
-import { TooltipProps } from "./Tooltip";
+import { type FloatingArrowProps } from "@floating-ui/react";
+import { type ValidationStatus } from "../status-indicator";
+import type { TooltipProps } from "./Tooltip";
 interface TooltipBaseProps extends Omit<TooltipProps, "children"> {
     arrowProps: FloatingArrowProps;
     /**
@@ -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,5 +1,5 @@
-import { HTMLProps } from "react";
-import { UseFloatingUIProps } from "../utils";
+import { type HTMLProps } from "react";
+import { type UseFloatingUIProps } from "../utils";
 export interface UseTooltipProps extends Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open" | "placement">> {
     /**
      * When `true`, the tooltip will be disabled.

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

@@ -1,2 +1,2 @@
-import { Context } from "react";
+import { type Context } from "react";
 export declare function createContext<ContextValueType>(name: string, defaultValue: ContextValueType): Context<ContextValueType>;

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

@@ -0,0 +1,2 @@
+import { type ReactNode } from "react";
+export declare function getRefFromChildren(child: ReactNode): any;

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

@@ -21,3 +21,4 @@ export * from "./mergeProps";
 export * from "./useValueEffect";
 export * from "./useResizeObserver";
 export * from "./useEventCallback";
+export * from "./getRefFromChildren";

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

@@ -1,2 +1,2 @@
-import type { DetailedHTMLProps, AnchorHTMLAttributes } from "react";
+import type { AnchorHTMLAttributes, DetailedHTMLProps } from "react";
 export declare type inferElementType<T> = T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T] extends DetailedHTMLProps<AnchorHTMLAttributes<any>, infer Elem> ? Elem : never : HTMLElement;

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

@@ -1,2 +1,2 @@
-import { Middleware } from "@floating-ui/core";
+import type { Middleware } from "@floating-ui/core";
 export declare const margin: (value?: number) => Middleware;

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, PropsWithChildren } from "react";
+import type { ComponentPropsWithRef, ComponentPropsWithoutRef, ElementType, PropsWithChildren } from "react";
 declare type AsProp<T extends ElementType> = {
     /**
      * The HTML element used for the root node.

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

@@ -1,2 +1,2 @@
-import { MutableRefObject } from "react";
+import type { MutableRefObject } from "react";
 export declare function setRef<T>(ref: MutableRefObject<T | null> | ((instance: T | null) => void) | null | undefined, value: T | null): void;

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

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from "react";
+import { type Dispatch, type SetStateAction } from "react";
 export interface UseControlledProps<T> {
     /**
      * Holds the component value when it's controlled.

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

@@ -1,5 +1,5 @@
-import { FloatingFocusManagerProps, Middleware, Platform, Strategy, UseFloatingOptions, useFloating } from "@floating-ui/react";
-import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { type FloatingFocusManagerProps, type Middleware, type Platform, type Strategy, type UseFloatingOptions, useFloating } from "@floating-ui/react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 export interface FloatingComponentProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * Whether the floating component is open (used for determining whether to show the component)
@@ -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/utils/useForkRef.d.ts

@@ -1,2 +1,2 @@
-import { Ref } from "react";
+import { type Ref } from "react";
 export declare function useForkRef<Instance>(refA: Ref<Instance> | null | undefined, refB: Ref<Instance> | null | undefined): Ref<Instance> | null;

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

@@ -1,4 +1,4 @@
-import { FocusEvent, MutableRefObject, Ref } from "react";
+import { type FocusEvent, type MutableRefObject, type Ref } from "react";
 export declare function teardown(doc: Document): void;
 export declare function useIsFocusVisible<T extends HTMLElement = HTMLElement>(): {
     isFocusVisibleRef: MutableRefObject<boolean>;

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

@@ -1,2 +1,2 @@
-import { useEffect } from "react";
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
+import { useLayoutEffect } from "react";
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

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

@@ -1,2 +1,2 @@
-import { DependencyList } from "react";
+import { type DependencyList } from "react";
 export declare function usePrevious<T>(value: T, deps?: DependencyList, initialValue?: T): T | undefined;

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

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export interface UseResizeObserverProps {
     ref: RefObject<HTMLElement>;
     onResize: () => void;

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

@@ -1,4 +1,4 @@
-import { Breakpoints } from "../breakpoints";
+import type { Breakpoints } from "../breakpoints";
 declare type BreakpointProp<T> = {
     [K in keyof Breakpoints]?: T;
 };

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

@@ -1,4 +1,4 @@
-import { Dispatch } from "react";
+import { type Dispatch } from "react";
 declare type SetValueAction<S> = (prev: S) => Generator<any, void, unknown>;
 export declare function useValueEffect<S>(defaultValue: S | (() => S)): [S, Dispatch<SetValueAction<S>>];
 export {};

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

@@ -1,8 +1,8 @@
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 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.30.0",
+  "version": "1.32.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -13,8 +13,8 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.5",
     "clsx": "^2.0.0",
-    "@salt-ds/window": "^0.1.1",
     "@salt-ds/styles": "^0.2.1",
+    "@salt-ds/window": "^0.1.1",
     "@salt-ds/icons": "^1.12.1"
   },
   "peerDependencies": {