@salt-ds/core 1.30.0 → 1.32.0

package/dist-es/viewport/ViewportProvider.js

@@ -22,9 +22,9 @@ import '../button/Button.js';
 import '../card/Card.js';
 import '../checkbox/Checkbox.js';
 import '../checkbox/CheckboxGroup.js';
+import '@salt-ds/icons';
 import '@salt-ds/styles';
 import '@salt-ds/window';
-import '@salt-ds/icons';
 import '../combo-box/ComboBox.js';
 import '../dialog/Dialog.js';
 import '../dialog/DialogHeader.js';
@@ -43,6 +43,7 @@ import '../flex-item/FlexItem.js';
 import '../flex-layout/FlexLayout.js';
 import '../flow-layout/FlowLayout.js';
 import '../form-field/FormField.js';
+import '../form-field-context/FormFieldContext.js';
 import '../status-indicator/StatusIndicator.js';
 import '../text/Text.js';
 import '../text/Code.js';
@@ -51,7 +52,6 @@ import '../text/Headings.js';
 import '../text/Label.js';
 import '../text/TextAction.js';
 import '../text/TextNotation.js';
-import '../form-field-context/FormFieldContext.js';
 import '../grid-item/GridItem.js';
 import '../grid-layout/GridLayout.js';
 import '../input/Input.js';
@@ -62,12 +62,12 @@ import '../link/Link.js';
 import '../link-card/LinkCard.js';
 import '../list-box/ListBox.js';
 import '../list-control/ListControlContext.js';
-import '../menu/MenuContext.js';
 import '@floating-ui/react';
+import '../menu/MenuContext.js';
 import '../menu/MenuItem.js';
 import '../menu/MenuPanel.js';
-import '../menu/MenuTriggerContext.js';
 import '../menu/MenuPanelContext.js';
+import '../menu/MenuTriggerContext.js';
 import '../menu/MenuGroup.js';
 import '../multiline-input/MultilineInput.js';
 import '../navigation-item/NavigationItem.js';

package/dist-es/viewport/ViewportProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewportProvider.js","sources":["../src/viewport/ViewportProvider.tsx"],"sourcesContent":["import { createContext, useState, useContext, ReactNode } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../utils\";\n\nconst ViewportContext = createContext<number | null>(null);\n\ntype ViewportProviderProps = {\n  children?: ReactNode;\n};\n\nconst ViewportProvider = ({ children }: ViewportProviderProps) => {\n  // Get value directly from the ViewportContext so we can detect if the value is null (no inherited ViewportProvider)\n  const existingViewport = useContext(ViewportContext);\n  const [viewport, setViewport] = useState(existingViewport);\n\n  const noExistingViewport = existingViewport === null;\n  const viewportValue = existingViewport || viewport || 0;\n\n  useIsomorphicLayoutEffect(() => {\n    let observer: ResizeObserver | null = null;\n\n    if (noExistingViewport) {\n      observer = new ResizeObserver(\n        (observerEntries: ResizeObserverEntry[]) => {\n          setViewport(observerEntries[0].contentRect.width);\n        }\n      );\n\n      observer.observe(document.body);\n      setViewport(document.body.getBoundingClientRect().width);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, [noExistingViewport]);\n\n  return (\n    <ViewportContext.Provider value={viewportValue}>\n      {children}\n    </ViewportContext.Provider>\n  );\n};\n\nconst useViewport = (): number => {\n  const value = useContext(ViewportContext);\n  return value === null ? 0 : value;\n};\n\nexport { ViewportProvider, ViewportContext, useViewport };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGM,MAAA,eAAA,GAAkB,cAA6B,IAAI,EAAA;AAMzD,MAAM,gBAAmB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AAEhE,EAAM,MAAA,gBAAA,GAAmB,WAAW,eAAe,CAAA,CAAA;AACnD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,gBAAgB,CAAA,CAAA;AAEzD,EAAA,MAAM,qBAAqB,gBAAqB,KAAA,IAAA,CAAA;AAChD,EAAM,MAAA,aAAA,GAAgB,oBAAoB,QAAY,IAAA,CAAA,CAAA;AAEtD,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,QAAkC,GAAA,IAAA,CAAA;AAEtC,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAA,QAAA,GAAW,IAAI,cAAA;AAAA,QACb,CAAC,eAA2C,KAAA;AAC1C,UAAY,WAAA,CAAA,eAAA,CAAgB,CAAG,CAAA,CAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,SAClD;AAAA,OACF,CAAA;AAEA,MAAS,QAAA,CAAA,OAAA,CAAQ,SAAS,IAAI,CAAA,CAAA;AAC9B,MAAA,WAAA,CAAY,QAAS,CAAA,IAAA,CAAK,qBAAsB,EAAA,CAAE,KAAK,CAAA,CAAA;AAAA,KACzD;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,OACtB;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,EACE,uBAAA,GAAA,CAAC,gBAAgB,QAAhB,EAAA;AAAA,IAAyB,KAAO,EAAA,aAAA;AAAA,IAC9B,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,cAAc,MAAc;AAChC,EAAM,MAAA,KAAA,GAAQ,WAAW,eAAe,CAAA,CAAA;AACxC,EAAO,OAAA,KAAA,KAAU,OAAO,CAAI,GAAA,KAAA,CAAA;AAC9B;;;;"}
+{"version":3,"file":"ViewportProvider.js","sources":["../src/viewport/ViewportProvider.tsx"],"sourcesContent":["import { type ReactNode, createContext, useContext, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../utils\";\n\nconst ViewportContext = createContext<number | null>(null);\n\ntype ViewportProviderProps = {\n  children?: ReactNode;\n};\n\nconst ViewportProvider = ({ children }: ViewportProviderProps) => {\n  // Get value directly from the ViewportContext so we can detect if the value is null (no inherited ViewportProvider)\n  const existingViewport = useContext(ViewportContext);\n  const [viewport, setViewport] = useState(existingViewport);\n\n  const noExistingViewport = existingViewport === null;\n  const viewportValue = existingViewport || viewport || 0;\n\n  useIsomorphicLayoutEffect(() => {\n    let observer: ResizeObserver | null = null;\n\n    if (noExistingViewport) {\n      observer = new ResizeObserver(\n        (observerEntries: ResizeObserverEntry[]) => {\n          setViewport(observerEntries[0].contentRect.width);\n        },\n      );\n\n      observer.observe(document.body);\n      setViewport(document.body.getBoundingClientRect().width);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, [noExistingViewport]);\n\n  return (\n    <ViewportContext.Provider value={viewportValue}>\n      {children}\n    </ViewportContext.Provider>\n  );\n};\n\nconst useViewport = (): number => {\n  const value = useContext(ViewportContext);\n  return value === null ? 0 : value;\n};\n\nexport { ViewportProvider, ViewportContext, useViewport };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGM,MAAA,eAAA,GAAkB,cAA6B,IAAI,EAAA;AAMzD,MAAM,gBAAmB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AAEhE,EAAM,MAAA,gBAAA,GAAmB,WAAW,eAAe,CAAA,CAAA;AACnD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,gBAAgB,CAAA,CAAA;AAEzD,EAAA,MAAM,qBAAqB,gBAAqB,KAAA,IAAA,CAAA;AAChD,EAAM,MAAA,aAAA,GAAgB,oBAAoB,QAAY,IAAA,CAAA,CAAA;AAEtD,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,QAAkC,GAAA,IAAA,CAAA;AAEtC,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAA,QAAA,GAAW,IAAI,cAAA;AAAA,QACb,CAAC,eAA2C,KAAA;AAC1C,UAAY,WAAA,CAAA,eAAA,CAAgB,CAAG,CAAA,CAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,SAClD;AAAA,OACF,CAAA;AAEA,MAAS,QAAA,CAAA,OAAA,CAAQ,SAAS,IAAI,CAAA,CAAA;AAC9B,MAAA,WAAA,CAAY,QAAS,CAAA,IAAA,CAAK,qBAAsB,EAAA,CAAE,KAAK,CAAA,CAAA;AAAA,KACzD;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,OACtB;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,EACE,uBAAA,GAAA,CAAC,gBAAgB,QAAhB,EAAA;AAAA,IAAyB,KAAO,EAAA,aAAA;AAAA,IAC9B,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,cAAc,MAAc;AAChC,EAAM,MAAA,KAAA,GAAQ,WAAW,eAAe,CAAA,CAAA;AACxC,EAAO,OAAA,KAAA,KAAU,OAAO,CAAI,GAAA,KAAA,CAAA;AAC9B;;;;"}

package/dist-types/accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
-export interface AccordionProps extends ComponentPropsWithoutRef<"div"> {
+import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
+export interface AccordionProps extends Omit<ComponentPropsWithoutRef<"div">, "onToggle"> {
     /**
      * AccordionGroup value.
      */
@@ -12,6 +12,10 @@ export interface AccordionProps extends ComponentPropsWithoutRef<"div"> {
      * Whether the accordion is expanded by default.
      */
     defaultExpanded?: boolean;
+    /**
+     * Side to align the Accordion's indicator. Defaults to `left`.
+     */
+    indicatorSide?: "left" | "right";
     /**
      * Callback fired when the accordion is toggled.
      */

package/dist-types/accordion/AccordionContext.d.ts

@@ -1,9 +1,10 @@
-import { SyntheticEvent } from "react";
+import { type SyntheticEvent } from "react";
 export interface AccordionContextValue {
     value: string;
     expanded: boolean;
     toggle: (event: SyntheticEvent<HTMLButtonElement>) => void;
     disabled: boolean;
+    indicatorSide: "left" | "right";
     id: string;
     status?: "error" | "warning" | "success";
 }

package/dist-types/accordion/AccordionGroup.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 export interface AccordionGroupProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * The child Accordions to be rendered

package/dist-types/accordion/AccordionHeader.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 export interface AccordionHeaderProps extends ComponentPropsWithoutRef<"button"> {
     /**
      * The content of the Accordion Header

package/dist-types/accordion/AccordionPanel.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 export interface AccordionPanelProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * The content of the Accordion Panel

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

@@ -1,4 +1,4 @@
-import { ComponentType } from "react";
+import { type ComponentType } from "react";
 export interface AriaAnnounceProps {
     /**
      * String which will be announced by screen readers on change

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

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from "react";
+import { type CSSProperties, type ReactNode } from "react";
 export declare const ARIA_ANNOUNCE_DELAY = 150;
 export interface AriaAnnouncerProviderProps {
     children?: ReactNode;
@@ -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/aria-announcer/useAriaAnnouncer.d.ts

@@ -1,4 +1,4 @@
-import { AriaAnnouncer } from "./AriaAnnouncerContext";
+import { type AriaAnnouncer } from "./AriaAnnouncerContext";
 export declare type useAnnouncerOptions = {
     debounce?: number;
 };

package/dist-types/avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from "react";
+import { type HTMLAttributes, type ReactNode } from "react";
 export declare type NameToInitials = (name?: string) => string;
 export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
     /**

package/dist-types/avatar/useAvatarImage.d.ts

@@ -1,2 +1,2 @@
-import { ImgHTMLAttributes } from "react";
+import { type ImgHTMLAttributes } from "react";
 export declare function useAvatarImage({ src }: ImgHTMLAttributes<HTMLImageElement>): "loading" | "error" | "pending" | "loaded";

package/dist-types/badge/Badge.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from "react";
+import { type HTMLAttributes, type ReactNode } from "react";
 export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * The number to display on the badge

package/dist-types/banner/Banner.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes } from "react";
-import { ValidationStatus } from "../status-indicator";
+import { type HTMLAttributes } from "react";
+import { type ValidationStatus } from "../status-indicator";
 export interface BannerProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Emphasize the styling by applying a background color: defaults to false

package/dist-types/banner/BannerActions.d.ts

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

package/dist-types/banner/BannerContent.d.ts

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

package/dist-types/border-item/BorderItem.d.ts

@@ -1,6 +1,6 @@
-import { ElementType, ReactElement } from "react";
-import { GridItemProps } from "../grid-item";
-import { PolymorphicComponentPropWithRef } from "../utils";
+import { type ElementType, type ReactElement } from "react";
+import { type GridItemProps } from "../grid-item";
+import { type PolymorphicComponentPropWithRef } from "../utils";
 export declare const BORDER_POSITION: readonly ["north", "west", "center", "east", "south"];
 export declare type BorderPosition = (typeof BORDER_POSITION)[number];
 export declare type BorderItemProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {

package/dist-types/border-layout/BorderLayout.d.ts

@@ -1,7 +1,7 @@
-import { ReactElement, ElementType } from "react";
-import { GridLayoutProps } from "../grid-layout";
-import { PolymorphicComponentPropWithRef } from "../utils";
-import { BorderItemProps } from "../border-item";
+import { type ElementType, type ReactElement } from "react";
+import type { BorderItemProps } from "../border-item";
+import { type GridLayoutProps } from "../grid-layout";
+import { type PolymorphicComponentPropWithRef } from "../utils";
 export declare type BorderLayoutProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
     /**
      * Defines the size of the gutter between the columns and the rows by setting a density multiplier. Defaults to 0

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

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Breakpoints } from "./Breakpoints";
+import { type ReactNode } from "react";
+import type { Breakpoints } from "./Breakpoints";
 declare type Breakpoint = keyof Breakpoints;
 interface BreakpointContext {
     matchedBreakpoints: Breakpoint[];
@@ -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/button/Button.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from "react";
+import { type ComponentPropsWithoutRef } from "react";
 export declare const ButtonVariantValues: readonly ["primary", "secondary", "cta"];
 export declare type ButtonVariant = (typeof ButtonVariantValues)[number];
 export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {

package/dist-types/button/useButton.d.ts

@@ -1,4 +1,4 @@
-import { FocusEvent, KeyboardEvent, MouseEvent } from "react";
+import { type FocusEvent, type KeyboardEvent, type MouseEvent } from "react";
 export interface ButtonHookProps<T extends Element> {
     disabled?: boolean;
     focusableWhenDisabled?: boolean;

package/dist-types/card/Card.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from "react";
+import { type ComponentPropsWithoutRef } from "react";
 export interface CardProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * If provided an accent is shown in the specified position.

package/dist-types/checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
-import { ChangeEventHandler, FocusEventHandler, InputHTMLAttributes, ReactNode } from "react";
-import { AdornmentValidationStatus } from "../status-adornment";
+import { type ChangeEventHandler, type FocusEventHandler, type InputHTMLAttributes, type ReactNode } from "react";
+import type { AdornmentValidationStatus } from "../status-adornment";
 export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLLabelElement>, "onChange" | "onBlur" | "onFocus"> {
     /**
      * If `true`, the checkbox will be checked.

package/dist-types/checkbox/CheckboxGroup.d.ts

@@ -1,5 +1,5 @@
-import { ChangeEventHandler, ComponentPropsWithoutRef } from "react";
-import { AdornmentValidationStatus } from "../status-adornment";
+import { type ChangeEventHandler, type ComponentPropsWithoutRef } from "react";
+import type { AdornmentValidationStatus } from "../status-adornment";
 export interface CheckboxGroupProps extends Omit<ComponentPropsWithoutRef<"fieldset">, "onChange"> {
     /**
      * The current checked options.

package/dist-types/checkbox/CheckboxIcon.d.ts

@@ -1,4 +1,4 @@
-import { AdornmentValidationStatus } from "../status-adornment";
+import type { AdornmentValidationStatus } from "../status-adornment";
 export interface CheckboxIconProps {
     checked?: boolean;
     className?: string;

package/dist-types/checkbox/internal/CheckboxGroupContext.d.ts

@@ -1,5 +1,5 @@
-import { AdornmentValidationStatus } from "../../status-adornment";
-import { CheckboxGroupProps } from "../CheckboxGroup";
+import type { AdornmentValidationStatus } from "../../status-adornment";
+import type { CheckboxGroupProps } from "../CheckboxGroup";
 export interface CheckboxGroupState {
     disabled?: boolean;
     name?: CheckboxGroupProps["name"];

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

@@ -1,6 +1,6 @@
-import { ReactNode, Ref } from "react";
-import { UseComboBoxProps } from "./useComboBox";
-import { PillInputProps } from "../pill-input";
+import { type ReactNode, type Ref } from "react";
+import { type PillInputProps } from "../pill-input";
+import { type UseComboBoxProps } from "./useComboBox";
 export declare type ComboBoxProps<Item = string> = {
     /**
      * The options to display in the combo box.
@@ -20,6 +20,6 @@ export declare const ComboBox: <Item = string>(props: {
      * If true, options will be selected on tab key press.
      */
     selectOnTab?: boolean | undefined;
-} & import("../list-control/ListControlState").ListControlProps<Item> & Pick<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "defaultValue" | "value"> & PillInputProps & {
+} & import("../list-control/ListControlState").ListControlProps<Item> & Pick<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "defaultValue"> & PillInputProps & {
     ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;

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

@@ -1,6 +1,6 @@
-import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
-import { ListControlProps } from "../list-control/ListControlState";
-import { OptionValue } from "../list-control/ListControlContext";
+import type { ComponentPropsWithoutRef, SyntheticEvent } from "react";
+import type { OptionValue } from "../list-control/ListControlContext";
+import { type ListControlProps } from "../list-control/ListControlState";
 export declare type UseComboBoxProps<Item> = ListControlProps<Item> & Pick<ComponentPropsWithoutRef<"input">, "value" | "defaultValue">;
 export declare function useComboBox<Item>(props: UseComboBoxProps<Item>): {
     select: (event: SyntheticEvent, option: OptionValue<Item>) => void;

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

@@ -1,11 +1,11 @@
-import { HTMLAttributes, ComponentProps, ReactNode } from "react";
-import { FloatingFocusManager } from "@floating-ui/react";
-import { ValidationStatus } from "../status-indicator";
+import { type FloatingFocusManager } from "@floating-ui/react";
+import { type ComponentProps, type HTMLAttributes, type ReactNode } from "react";
+import type { ValidationStatus } from "../status-indicator";
 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/dialog/DialogActions.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from "react";
+import { type HTMLAttributes, type ReactNode } from "react";
 export interface DialogActionsProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * The content of Dialog Actions

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

@@ -1,2 +1,2 @@
-import { ButtonProps } from "../button";
+import { type ButtonProps } from "../button";
 export declare const DialogCloseButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from "react";
+import { type HTMLAttributes, type ReactNode } from "react";
 export interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * The content of Dialog Content

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

@@ -1,5 +1,5 @@
-import { ReactNode, ComponentPropsWithoutRef } from "react";
-import { ValidationStatus } from "../status-indicator";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import { type ValidationStatus } from "../status-indicator";
 export interface DialogHeaderProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * The status of the Dialog

package/dist-types/divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from "react";
+import { type ComponentPropsWithoutRef } from "react";
 export interface DividerProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * The orientation of the divider. Defaults to `"horizontal"`.

package/dist-types/drawer/Drawer.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from "react";
+import { type ComponentPropsWithoutRef } from "react";
 export interface DrawerProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * Defines the drawer position within the screen. Defaults to `left`.

package/dist-types/drawer/DrawerCloseButton.d.ts

@@ -1,2 +1,2 @@
-import { ButtonProps } from "../button";
+import { type ButtonProps } from "../button";
 export declare const DrawerCloseButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/dropdown/Dropdown.d.ts

@@ -1,6 +1,6 @@
-import { ComponentPropsWithoutRef, ReactNode, Ref } from "react";
-import { ListControlProps } from "../list-control/ListControlState";
-import { ValidationStatus } from "../status-indicator";
+import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
+import { type ListControlProps } from "../list-control/ListControlState";
+import type { ValidationStatus } from "../status-indicator";
 export declare type DropdownProps<Item = string> = {
     /**
      * If `true`, the dropdown will be disabled.
@@ -47,6 +47,9 @@ export declare type DropdownProps<Item = string> = {
      * Validation status, one of "error" | "warning" | "success".
      */
     validationStatus?: Exclude<ValidationStatus, "info">;
+    /** Styling variant with full border. Defaults to false
+     */
+    bordered?: boolean;
 } & Omit<ComponentPropsWithoutRef<"button">, "value" | "defaultValue"> & ListControlProps<Item>;
 export declare const Dropdown: <Item = string>(props: {
     /**
@@ -94,6 +97,9 @@ export declare const Dropdown: <Item = string>(props: {
      * Validation status, one of "error" | "warning" | "success".
      */
     validationStatus?: "error" | "warning" | "success" | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "defaultValue" | "value"> & ListControlProps<Item> & {
+    /** Styling variant with full border. Defaults to false
+     */
+    bordered?: boolean | undefined;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "value" | "defaultValue"> & ListControlProps<Item> & {
     ref?: Ref<HTMLButtonElement> | undefined;
 }) => JSX.Element;

package/dist-types/file-drop-zone/FileDropZone.d.ts

@@ -1,5 +1,5 @@
-import { DragEvent, ComponentPropsWithoutRef } from "react";
-import { ValidationStatus } from "../status-indicator";
+import { type ComponentPropsWithoutRef, type DragEvent } from "react";
+import type { ValidationStatus } from "../status-indicator";
 export interface FileDropZoneProps extends Omit<ComponentPropsWithoutRef<"div">, "onDrop"> {
     /**
      * If `true`, the file drop zone will be disabled.

package/dist-types/file-drop-zone/FileDropZoneIcon.d.ts

@@ -1,5 +1,5 @@
-import { IconProps } from "@salt-ds/icons";
-import { ValidationStatus } from "../status-indicator";
+import { type IconProps } from "@salt-ds/icons";
+import { type ValidationStatus } from "../status-indicator";
 export interface FileDropZoneIconProps extends IconProps {
     /**
      * Status indicator to be displayed.

package/dist-types/file-drop-zone/FileDropZoneTrigger.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, SyntheticEvent } from "react";
+import { type ChangeEvent, type HTMLAttributes } from "react";
 export interface FileDropZoneTriggerProps extends Omit<HTMLAttributes<HTMLButtonElement>, "onChange"> {
     /**
      * `accept` attribute for HTML <input>.
@@ -17,6 +17,6 @@ export interface FileDropZoneTriggerProps extends Omit<HTMLAttributes<HTMLButton
     /**
      * Callback for input change event
      */
-    onChange?: (event: SyntheticEvent<HTMLInputElement>, files: File[]) => void;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, files: File[]) => void;
 }
 export declare const FileDropZoneTrigger: import("react").ForwardRefExoticComponent<FileDropZoneTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/file-drop-zone/internal/utils.d.ts

@@ -1,3 +1,3 @@
-import { DragEvent } from "react";
+import type { DragEvent } from "react";
 export declare const containsFiles: (e: DragEvent) => boolean | FileList | null;
 export declare const extractFiles: (e: DragEvent) => File[];

package/dist-types/flex-item/FlexItem.d.ts

@@ -1,5 +1,5 @@
-import { ElementType, ReactElement, CSSProperties } from "react";
-import { ResponsiveProp, PolymorphicComponentPropWithRef } from "../utils";
+import { type CSSProperties, type ElementType, type ReactElement } from "react";
+import { type PolymorphicComponentPropWithRef, type ResponsiveProp } from "../utils";
 export declare const FLEX_ITEM_ALIGNMENTS: readonly ["start", "end", "center", "stretch"];
 export declare type flexItemAlignment = (typeof FLEX_ITEM_ALIGNMENTS)[number];
 export declare type FlexItemProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {

package/dist-types/flex-layout/FlexLayout.d.ts

@@ -1,5 +1,5 @@
-import { ElementType, ReactElement } from "react";
-import { ResponsiveProp, PolymorphicComponentPropWithRef } from "../utils";
+import { type ElementType, type ReactElement } from "react";
+import { type PolymorphicComponentPropWithRef, type ResponsiveProp } from "../utils";
 export declare type LayoutSeparator = "start" | "center" | "end";
 export declare type LayoutDirection = "row" | "column";
 export declare const FLEX_ALIGNMENT_BASE: readonly ["start", "end", "center"];

package/dist-types/flow-layout/FlowLayout.d.ts

@@ -1,6 +1,6 @@
-import { ElementType, ReactElement } from "react";
-import { FlexLayoutProps } from "../flex-layout";
-import { PolymorphicComponentPropWithRef } from "../utils";
+import { type ElementType, type ReactElement } from "react";
+import { type FlexLayoutProps } from "../flex-layout";
+import type { PolymorphicComponentPropWithRef } from "../utils";
 export declare type FlowLayoutProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
     /**
      * Defines the default behavior for how flex items are laid out along the cross axis on the current line, default is "stretch".

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

@@ -1,5 +1,5 @@
-import { HTMLAttributes } from "react";
-import { A11yValueProps } from "../form-field-context";
+import { type HTMLAttributes } from "react";
+import { type A11yValueProps } from "../form-field-context";
 export declare type FormFieldLabelPlacement = "top" | "left" | "right";
 export interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, A11yValueProps {
     /**

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;
+import { type TextProps } from "../text";
+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

@@ -1,4 +1,4 @@
-import { TextProps } from "../text";
+import { type TextProps } from "../text";
 export interface FormFieldLabelProps extends Omit<TextProps<"label">, "variant" | "styleAs"> {
     /**
      * Intent for the label.
@@ -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/form-field-context/useFormFieldProps.d.ts

@@ -1,2 +1,2 @@
-import { FormFieldContextValue } from "./FormFieldContext";
+import { type FormFieldContextValue } from "./FormFieldContext";
 export declare function useFormFieldProps(): Partial<FormFieldContextValue>;

package/dist-types/grid-item/GridItem.d.ts

@@ -1,5 +1,5 @@
-import { ElementType, ReactElement } from "react";
-import { ResponsiveProp, PolymorphicComponentPropWithRef } from "../utils";
+import { type ElementType, type ReactElement } from "react";
+import { type PolymorphicComponentPropWithRef, type ResponsiveProp } from "../utils";
 export declare const GRID_ALIGNMENT_BASE: readonly ["start", "end", "center", "stretch"];
 declare type GridAlignment = (typeof GRID_ALIGNMENT_BASE)[number];
 declare type GridProperty = number | "auto";

package/dist-types/grid-layout/GridLayout.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement, ElementType } from "react";
-import { ResponsiveProp, PolymorphicComponentPropWithRef } from "../utils";
+import { type ElementType, type ReactElement } from "react";
+import { type PolymorphicComponentPropWithRef, type ResponsiveProp } from "../utils";
 export declare type GridLayoutProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
     /**
      * Number of columns to be displayed. Defaults to 12

package/dist-types/input/Input.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, InputHTMLAttributes, ReactNode, Ref } from "react";
+import { type ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode, type Ref } from "react";
 export interface InputProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue">, Pick<ComponentPropsWithoutRef<"input">, "disabled" | "value" | "defaultValue" | "placeholder"> {
     /**
      * The marker to use in an empty read only Input.

package/dist-types/interactable-card/InteractableCard.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
-import { InteractableCardValue } from "./InteractableCardGroupContext";
+import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
+import { type InteractableCardValue } from "./InteractableCardGroupContext";
 export interface InteractableCardProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * Accent border position: defaults to "bottom"

package/dist-types/interactable-card/InteractableCardGroup.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
-import { InteractableCardValue } from "./InteractableCardGroupContext";
+import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
+import { type InteractableCardValue } from "./InteractableCardGroupContext";
 export interface InteractableCardGroupProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
     /**
      * The default value. Use when the component is not controlled. Should be an array when `multiSelect` is true.

package/dist-types/interactable-card/InteractableCardGroupContext.d.ts

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

package/dist-types/interactable-card/useInteractableCard.d.ts

@@ -1,4 +1,4 @@
-import { FocusEvent, KeyboardEvent, MouseEvent } from "react";
+import { type FocusEvent, type KeyboardEvent, type MouseEvent } from "react";
 export interface CardHookProps<T extends Element> {
     disabled?: boolean;
     onKeyUp?: (event: KeyboardEvent<T>) => void;

package/dist-types/link/Link.d.ts

@@ -1,6 +1,6 @@
-import { ComponentType } from "react";
-import { IconProps } from "@salt-ds/icons";
-import { TextProps } from "../text";
+import { type IconProps } from "@salt-ds/icons";
+import { type ComponentType } from "react";
+import { type TextProps } from "../text";
 /**
  * Links are a fundamental navigation element. When clicked, they take the user to an entirely different page.
  *

package/dist-types/link-card/LinkCard.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from "react";
+import { type ComponentPropsWithoutRef } from "react";
 export interface LinkCardProps extends ComponentPropsWithoutRef<"a"> {
     /**
      * If provided an accent is shown in the specified position.

package/dist-types/list-box/ListBox.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode, Ref } from "react";
-import { ListControlProps } from "../list-control/ListControlState";
+import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
+import { type ListControlProps } from "../list-control/ListControlState";
 export declare type ListBoxProps<Item = string> = {
     /**
      * If `true`, the list box will be disabled.