@salt-ds/core 1.27.1 → 1.28.0

package/dist-es/toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../src/toast/Toast.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { StatusIndicator, ValidationStatus } from \"../status-indicator\";\nimport { makePrefixer } from \"../utils\";\n\nimport toastCss from \"./Toast.css\";\n\nconst withBaseName = makePrefixer(\"saltToast\");\n\nexport interface ToastProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   *  A string to determine the current state of the Toast.\n   */\n  status?: ValidationStatus;\n}\n\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(function Toast(\n  props,\n  ref\n) {\n  const { children, className, status = \"info\", ...rest } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-toast\",\n    css: toastCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      className={clsx(withBaseName(), withBaseName(status), className)}\n      role=\"alert\"\n      {...rest}\n      ref={ref}\n    >\n      <StatusIndicator status={status} className={withBaseName(\"icon\")} />\n      {children}\n    </div>\n  );\n});\n"],"names":["Toast","toastCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,WAAW,CAAA,CAAA;AAStC,MAAM,KAAQ,GAAA,UAAA,CAAuC,SAASA,MAAAA,CACnE,OACA,GACA,EAAA;AACA,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,MAAS,GAAA,MAAA,EAAA,GAAW,MAAS,GAAA,KAAA,CAAA;AAC1D,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,YAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IACC,WAAW,IAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,MAAM,GAAG,SAAS,CAAA;AAAA,IAC/D,IAAK,EAAA,OAAA;AAAA,IACJ,GAAG,IAAA;AAAA,IACJ,GAAA;AAAA,IAEA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,eAAA,EAAA;AAAA,QAAgB,MAAA;AAAA,QAAgB,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAA;AAAA,MACjE,QAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Toast.js","sources":["../src/toast/Toast.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { StatusIndicator, ValidationStatus } from \"../status-indicator\";\nimport { makePrefixer } from \"../utils\";\n\nimport toastCss from \"./Toast.css\";\n\nconst withBaseName = makePrefixer(\"saltToast\");\n\nexport interface ToastProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   *  A string to determine the current state of the Toast.\n   */\n  status?: ValidationStatus;\n}\n\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(function Toast(\n  props,\n  ref\n) {\n  const { children, className, status, ...rest } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-toast\",\n    css: toastCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      className={clsx(\n        withBaseName(),\n        { [withBaseName(status ?? \"\")]: status },\n        className\n      )}\n      role=\"alert\"\n      {...rest}\n      ref={ref}\n    >\n      {status && (\n        <StatusIndicator status={status} className={withBaseName(\"icon\")} />\n      )}\n      {children}\n    </div>\n  );\n});\n"],"names":["Toast","toastCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,WAAW,CAAA,CAAA;AAStC,MAAM,KAAQ,GAAA,UAAA,CAAuC,SAASA,MAAAA,CACnE,OACA,GACA,EAAA;AACA,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,MAAA,EAAA,GAAW,MAAS,GAAA,KAAA,CAAA;AACjD,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,YAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,EAAE,CAAC,YAAA,CAAa,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAE,IAAI,MAAO,EAAA;AAAA,MACvC,SAAA;AAAA,KACF;AAAA,IACA,IAAK,EAAA,OAAA;AAAA,IACJ,GAAG,IAAA;AAAA,IACJ,GAAA;AAAA,IAEC,QAAA,EAAA;AAAA,MAAA,MAAA,oBACE,GAAA,CAAA,eAAA,EAAA;AAAA,QAAgB,MAAA;AAAA,QAAgB,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAA;AAAA,MAEnE,QAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/toggle-button/ToggleButton.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".saltToggleButton {\n  align-items: center;\n  justify-content: center;\n  appearance: none;\n  -webkit-appearance: none;\n  display: inline-flex;\n  background: var(--salt-actionable-secondary-background);\n  border: 0 solid transparent;\n  border-radius: var(--salt-palette-corner-weaker, 0);\n  height: var(--salt-size-base);\n  color: var(--salt-actionable-secondary-foreground);\n  text-transform: var(--salt-text-action-textTransform);\n  font-weight: var(--salt-text-action-fontWeight);\n  font-family: var(--salt-text-fontFamily);\n  text-align: var(--salt-text-action-textAlign);\n  letter-spacing: var(--salt-text-action-letterSpacing);\n  line-height: var(--salt-text-lineHeight);\n  font-size: var(--salt-text-fontSize);\n  padding-left: var(--salt-spacing-100);\n  padding-right: var(--salt-spacing-100);\n  gap: var(--salt-spacing-50);\n}\n\n.saltToggleButton:hover {\n  background: var(--salt-actionable-secondary-background-hover);\n  color: var(--salt-actionable-secondary-foreground-hover);\n  cursor: var(--salt-actionable-cursor-hover);\n}\n\n.saltToggleButton:focus-visible {\n  outline: var(--salt-focused-outline);\n  background: var(--salt-actionable-secondary-background-hover);\n  color: var(--salt-actionable-secondary-foreground-hover);\n  cursor: var(--salt-actionable-cursor-hover);\n}\n\n.saltToggleButton[aria-checked=\"true\"]:focus-visible,\n.saltToggleButton[aria-pressed=\"true\"]:focus-visible {\n  background: var(--salt-actionable-secondary-background-active);\n  color: var(--salt-actionable-secondary-foreground-active);\n  cursor: var(--salt-actionable-cursor-active);\n}\n\n.saltToggleButton[aria-checked=\"true\"],\n.saltToggleButton[aria-pressed=\"true\"] {\n  background: var(--salt-actionable-secondary-background-active);\n  color: var(--salt-actionable-secondary-foreground-active);\n  cursor: var(--salt-actionable-cursor-active);\n}\n\n.saltToggleButton:disabled {\n  background: var(--salt-actionable-secondary-background-disabled);\n  cursor: var(--salt-actionable-cursor-disabled);\n  color: var(--salt-actionable-secondary-foreground-disabled);\n}\n";
+var css_248z = ".saltToggleButton {\n  align-items: center;\n  justify-content: center;\n  appearance: none;\n  -webkit-appearance: none;\n  display: inline-flex;\n  background: var(--salt-actionable-secondary-background);\n  border-color: var(--salt-actionable-secondary-borderColor, transparent);\n  border-style: solid;\n  border-width: var(--salt-actionable-borderWidth, 0);\n  border-radius: var(--salt-palette-corner-weaker, 0);\n  height: var(--salt-size-base);\n  color: var(--salt-actionable-secondary-foreground);\n  text-transform: var(--salt-text-action-textTransform);\n  font-weight: var(--salt-text-action-fontWeight);\n  font-family: var(--salt-text-fontFamily);\n  text-align: var(--salt-text-action-textAlign);\n  letter-spacing: var(--salt-text-action-letterSpacing);\n  line-height: var(--salt-text-lineHeight);\n  font-size: var(--salt-text-fontSize);\n  padding-left: var(--salt-spacing-100);\n  padding-right: var(--salt-spacing-100);\n  gap: var(--salt-spacing-50);\n}\n\n.saltToggleButton:hover {\n  background: var(--salt-actionable-secondary-background-hover);\n  color: var(--salt-actionable-secondary-foreground-hover);\n  cursor: var(--salt-actionable-cursor-hover);\n}\n\n.saltToggleButton:focus-visible {\n  outline: var(--salt-focused-outline);\n  background: var(--salt-actionable-secondary-background-hover);\n  color: var(--salt-actionable-secondary-foreground-hover);\n  cursor: var(--salt-actionable-cursor-hover);\n}\n\n.saltToggleButton[aria-checked=\"true\"]:focus-visible,\n.saltToggleButton[aria-pressed=\"true\"]:focus-visible {\n  background: var(--salt-actionable-secondary-background-active);\n  color: var(--salt-actionable-secondary-foreground-active);\n  cursor: var(--salt-actionable-cursor-active);\n  border-color: var(--salt-actionable-secondary-borderColor-active, transparent);\n}\n\n.saltToggleButton[aria-checked=\"true\"],\n.saltToggleButton[aria-pressed=\"true\"] {\n  background: var(--salt-actionable-secondary-background-active);\n  color: var(--salt-actionable-secondary-foreground-active);\n  cursor: var(--salt-actionable-cursor-active);\n  border-color: var(--salt-actionable-secondary-borderColor-active, transparent);\n}\n\n.saltToggleButton:disabled {\n  background: var(--salt-actionable-secondary-background-disabled);\n  cursor: var(--salt-actionable-cursor-disabled);\n  color: var(--salt-actionable-secondary-foreground-disabled);\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=ToggleButton.css.js.map

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

@@ -7,4 +7,4 @@ export interface AriaAnnouncerProviderProps {
      */
     style?: CSSProperties;
 }
-export declare function AriaAnnouncerProvider({ children, style, }: AriaAnnouncerProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function AriaAnnouncerProvider({ children, style, }: AriaAnnouncerProviderProps): 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): import("react/jsx-runtime").JSX.Element;
+export declare function BreakpointProvider(props: BreakpointProviderProps): JSX.Element;
 export declare function useMatchedBreakpoints(breakpoints: Breakpoints): Breakpoint[];
 export declare function useBreakpoint(): BreakpointContext & {
     breakpoint: Breakpoint | null;

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

@@ -5,7 +5,7 @@ interface ConditionalScrimWrapperProps {
     children?: ReactNode;
     condition: boolean;
 }
-export declare const ConditionalScrimWrapper: ({ condition, children, }: ConditionalScrimWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConditionalScrimWrapper: ({ condition, children, }: ConditionalScrimWrapperProps) => 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">) => import("react/jsx-runtime").JSX.Element;
+export declare const FormFieldHelperText: ({ className, children, ...restProps }: Omit<TextProps<"label">, "variant" | "styleAs">) => 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) => import("react/jsx-runtime").JSX.Element;
+export declare const FormFieldLabel: ({ className, children, intent, ...restProps }: FormFieldLabelProps) => JSX.Element;

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

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

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

@@ -24,4 +24,4 @@ export interface MenuBaseProps {
      */
     getVirtualElement?: () => ReferenceType | null;
 }
-export declare function MenuBase(props: MenuBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuBase(props: MenuBaseProps): JSX.Element;

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

@@ -5,4 +5,4 @@ export interface MenuTriggerProps {
      */
     children?: ReactNode;
 }
-export declare function MenuTrigger(props: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuTrigger(props: MenuTriggerProps): JSX.Element;

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) => import("react/jsx-runtime").JSX.Element;
+export declare const ConditionalWrapper: ({ children, className, parent, expanded, onExpand, active, href, }: ConditionalWrapperProps) => 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">): import("react/jsx-runtime").JSX.Element;
+export declare function ExpansionIcon({ expanded, orientation, }: Pick<NavigationItemProps, "expanded" | "orientation" | "className">): 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) => import("react/jsx-runtime").JSX.Element;
+export declare const Overlay: ({ children, open, onOpenChange, placement: placementProp, }: OverlayProps) => 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): import("react/jsx-runtime").JSX.Element;
+export declare function OverlayTrigger(props: OverlayTriggerProps): 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): import("react/jsx-runtime").JSX.Element;
+export declare function PageRanges({ siblingCount, boundaryCount, }: PageRangesProps): 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) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioButtonIcon: ({ checked, className, error, disabled, validationStatus, readOnly, ...rest }: RadioButtonIconProps) => JSX.Element;

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

@@ -3,6 +3,8 @@ import { Breakpoints } from "../breakpoints";
 import { Density, Mode, ThemeName } from "../theme";
 import { WindowContextType } from "@salt-ds/window";
 import { UNSTABLE_Corner } from "../theme/Corner";
+import { UNSTABLE_HeadingFont } from "../theme/HeadingFont";
+import { UNSTABLE_Accent } from "../theme/Accent";
 export declare const DEFAULT_DENSITY = "medium";
 export interface ThemeContextProps {
     theme: ThemeName;
@@ -11,6 +13,8 @@ export interface ThemeContextProps {
     /** Only available when using SaltProviderNext. */
     themeNext: boolean;
     UNSTABLE_corner: UNSTABLE_Corner;
+    UNSTABLE_headingFont: UNSTABLE_HeadingFont;
+    UNSTABLE_accent: UNSTABLE_Accent;
 }
 export declare const DensityContext: React.Context<"touch" | "high" | "low" | "medium">;
 export declare const ThemeContext: React.Context<ThemeContextProps>;
@@ -35,12 +39,14 @@ interface SaltProviderThatClassesToRoot extends SaltProviderThatInjectsThemeElem
     applyClassesTo: "root";
 }
 declare type SaltProviderProps = SaltProviderThatAppliesClassesToChild | SaltProviderThatInjectsThemeElement | SaltProviderThatClassesToRoot;
-export declare function SaltProvider({ enableStyleInjection, ...restProps }: SaltProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SaltProvider({ enableStyleInjection, ...restProps }: SaltProviderProps): JSX.Element;
 interface UNSTABLE_SaltProviderNextAdditionalProps {
     corner?: UNSTABLE_Corner;
+    headingFont?: UNSTABLE_HeadingFont;
+    accent?: UNSTABLE_Accent;
 }
 export declare type UNSTABLE_SaltProviderNextProps = SaltProviderProps & UNSTABLE_SaltProviderNextAdditionalProps;
-export declare function UNSTABLE_SaltProviderNext({ enableStyleInjection, ...restProps }: UNSTABLE_SaltProviderNextProps): import("react/jsx-runtime").JSX.Element;
+export declare function UNSTABLE_SaltProviderNext({ enableStyleInjection, ...restProps }: UNSTABLE_SaltProviderNextProps): 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) => import("react/jsx-runtime").JSX.Element;
+export declare const SpinnerSVG: ({ id, rest, size, density, }: SpinnerProps) => JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import { PolymorphicComponentPropWithRef } from "../utils";
 import { ElementType, ReactElement } from "react";
+import { ValidationStatus } from "../status-indicator";
 export declare type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
     /**
      * Applies disabled styling when true
@@ -18,7 +19,7 @@ export declare type TextProps<T extends ElementType> = PolymorphicComponentPropW
      * @deprecated Use `color` instead
      */
     variant?: "primary" | "secondary";
-    color?: "inherit" | "primary" | "secondary";
+    color?: "inherit" | "primary" | "secondary" | ValidationStatus;
 }>;
 declare type TextComponent = <T extends ElementType = "div">(props: TextProps<T>) => ReactElement | null;
 export declare const Text: TextComponent;

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

@@ -0,0 +1,2 @@
+export declare const UNSTABLE_AccentValues: readonly ["blue", "teal"];
+export declare type UNSTABLE_Accent = (typeof UNSTABLE_AccentValues)[number];

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

@@ -0,0 +1,2 @@
+export declare const UNSTABLE_HeadingFontValues: readonly ["Open Sans", "Amplitude"];
+export declare type UNSTABLE_HeadingFont = (typeof UNSTABLE_HeadingFontValues)[number];

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

@@ -1,4 +1,6 @@
+export * from "./Accent";
 export * from "./Density";
+export * from "./HeadingFont";
 export * from "./Theme";
 export * from "./Mode";
 export * from "./Corner";

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) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipBase: (props: TooltipBaseProps) => JSX.Element;
 export {};

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): import("react/jsx-runtime").JSX.Element;
+export declare function FloatingComponentProvider(props: FloatingComponentProviderProps): 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): import("react/jsx-runtime").JSX.Element;
+export declare function FloatingPlatformProvider(props: FloatingPlatformProviderProps): 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) => import("react/jsx-runtime").JSX.Element;
+declare const ViewportProvider: ({ children }: ViewportProviderProps) => JSX.Element;
 declare const useViewport: () => number;
 export { ViewportProvider, ViewportContext, useViewport };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/core",
-  "version": "1.27.1",
+  "version": "1.28.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",