@salt-ds/core 0.0.0-snapshot-20230705144029 → 0.0.0-snapshot-20230802143610

package/dist-es/utils/useFloatingUI.js

@@ -1,46 +1,5 @@
-import { jsx } from 'react/jsx-runtime';
-import { FloatingPortal, platform, flip, shift, limitShift, useFloating, autoUpdate } from '@floating-ui/react';
-import { createContext, forwardRef, useMemo, useContext } from 'react';
-import { SaltProvider } from '../salt-provider/SaltProvider.js';
+import { flip, shift, limitShift, useFloating, autoUpdate } from '@floating-ui/react';
 
-const FloatingComponentContext = createContext({
-  Component: forwardRef((props, ref) => {
-    const { open, disabled, ...rest } = props;
-    return open && !disabled ? /* @__PURE__ */ jsx(FloatingPortal, {
-      children: /* @__PURE__ */ jsx(SaltProvider, {
-        children: /* @__PURE__ */ jsx("div", {
-          ...rest,
-          ref
-        })
-      })
-    }) : null;
-  })
-});
-if (process.env.NODE_ENV !== "production") {
-  FloatingComponentContext.displayName = "FloatingComponentContext";
-}
-function FloatingComponentProvider(props) {
-  const { Component, children } = props;
-  const value = useMemo(() => ({ Component }), [Component]);
-  return /* @__PURE__ */ jsx(FloatingComponentContext.Provider, {
-    value,
-    children
-  });
-}
-function useFloatingComponent() {
-  return useContext(FloatingComponentContext);
-}
-const PlatformContext = createContext(platform);
-function FloatingPlatformProvider(props) {
-  const { platform: platformProp, children } = props;
-  return /* @__PURE__ */ jsx(PlatformContext.Provider, {
-    value: platformProp,
-    children
-  });
-}
-function usePlatform() {
-  return useContext(PlatformContext);
-}
 const DEFAULT_FLOATING_UI_MIDDLEWARE = [
   flip(),
   shift({ limiter: limitShift() })
@@ -53,15 +12,13 @@ function useFloatingUI(props) {
     open = false,
     onOpenChange
   } = props;
-  const platform2 = usePlatform();
   const { reference, floating, refs, update, ...rest } = useFloating({
     placement,
     strategy,
     middleware,
     open,
     onOpenChange,
-    whileElementsMounted: autoUpdate,
-    platform: platform2
+    whileElementsMounted: autoUpdate
   });
   return {
     reference,
@@ -72,5 +29,5 @@ function useFloatingUI(props) {
   };
 }
 
-export { DEFAULT_FLOATING_UI_MIDDLEWARE, FloatingComponentProvider, FloatingPlatformProvider, useFloatingComponent, useFloatingUI, usePlatform };
+export { DEFAULT_FLOATING_UI_MIDDLEWARE, useFloatingUI };
 //# sourceMappingURL=useFloatingUI.js.map

package/dist-es/utils/useFloatingUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFloatingUI.js","sources":["../src/utils/useFloatingUI.tsx"],"sourcesContent":["import type {\n  Middleware,\n  Placement,\n  Platform,\n  Strategy,\n} from \"@floating-ui/react\";\nimport {\n  autoUpdate,\n  flip,\n  limitShift,\n  platform,\n  shift,\n  useFloating,\n} from \"@floating-ui/react\";\nimport {\n  createContext,\n  ReactNode,\n  useContext,\n  useMemo,\n  ForwardedRef,\n  forwardRef,\n  PropsWithChildren,\n  ComponentType,\n} from \"react\";\n\nimport { FloatingPortal } from \"@floating-ui/react\";\nimport { SaltProvider } from \"../salt-provider\";\n\nexport interface FloatingComponentProps extends UseFloatingUIProps {\n  /**\n   * Option to not render the popper.\n   */\n  disabled: boolean;\n}\n\nexport interface FloatingComponentContextType {\n  Component: ComponentType<PropsWithChildren<FloatingComponentProps>>;\n}\n\nconst FloatingComponentContext = createContext<FloatingComponentContextType>({\n  Component: forwardRef((props, ref: ForwardedRef<HTMLDivElement>) => {\n    const { open, disabled, ...rest } = props;\n    return open && !disabled ? (\n      <FloatingPortal>\n        <SaltProvider>\n          <div {...rest} ref={ref} />\n        </SaltProvider>\n      </FloatingPortal>\n    ) : null;\n  }),\n});\n\nif (process.env.NODE_ENV !== \"production\") {\n  FloatingComponentContext.displayName = \"FloatingComponentContext\";\n}\n\nexport interface FloatingComponentProviderProps\n  extends FloatingComponentContextType {\n  children: ReactNode;\n}\n\nexport function FloatingComponentProvider(\n  props: FloatingComponentProviderProps\n) {\n  const { Component, children } = props;\n  const value = useMemo(() => ({ Component }), [Component]);\n\n  return (\n    <FloatingComponentContext.Provider value={value}>\n      {children}\n    </FloatingComponentContext.Provider>\n  );\n}\n\nexport function useFloatingComponent() {\n  return useContext(FloatingComponentContext);\n}\n\nexport type UseFloatingUIProps = {\n  /**\n   * Sets position relative to trigger.\n   */\n  placement?: Placement;\n  strategy?: Strategy;\n  middleware?: Middleware[];\n  /**\n   * Sets visible state.\n   */\n  open?: boolean;\n  /**\n   * Callback function triggered when open state changes.\n   */\n  onOpenChange?: (open: boolean) => void;\n};\n\nconst PlatformContext = createContext<Platform>(platform);\n\nexport interface FloatingPlatformProviderProps {\n  platform: Platform;\n  children: ReactNode;\n}\n\nexport function FloatingPlatformProvider(props: FloatingPlatformProviderProps) {\n  const { platform: platformProp, children } = props;\n\n  return (\n    <PlatformContext.Provider value={platformProp}>\n      {children}\n    </PlatformContext.Provider>\n  );\n}\n\nexport function usePlatform() {\n  return useContext(PlatformContext);\n}\n\nexport const DEFAULT_FLOATING_UI_MIDDLEWARE = [\n  flip(),\n  shift({ limiter: limitShift() }),\n];\n\nexport function useFloatingUI(\n  props: UseFloatingUIProps\n): ReturnType<typeof useFloating> {\n  const {\n    placement,\n    strategy,\n    middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,\n    open = false,\n    onOpenChange,\n  } = props;\n\n  const platform = usePlatform();\n\n  const { reference, floating, refs, update, ...rest } = useFloating({\n    placement,\n    strategy,\n    middleware,\n    open,\n    onOpenChange,\n    whileElementsMounted: autoUpdate,\n    platform,\n  });\n\n  return {\n    reference,\n    floating,\n    refs,\n    update,\n    ...rest,\n  };\n}\n"],"names":["platform"],"mappings":";;;;;AAuCA,MAAM,2BAA2B,aAA4C,CAAA;AAAA,EAC3E,SAAW,EAAA,UAAA,CAAW,CAAC,KAAA,EAAO,GAAsC,KAAA;AAClE,IAAA,MAAM,EAAE,IAAA,EAAM,QAAa,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AACpC,IAAO,OAAA,IAAA,IAAQ,CAAC,QAAA,mBACb,GAAA,CAAA,cAAA,EAAA;AAAA,MACC,QAAC,kBAAA,GAAA,CAAA,YAAA,EAAA;AAAA,QACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,UAAK,GAAG,IAAA;AAAA,UAAM,GAAA;AAAA,SAAU,CAAA;AAAA,OAC3B,CAAA;AAAA,KACF,CACE,GAAA,IAAA,CAAA;AAAA,GACL,CAAA;AACH,CAAC,CAAA,CAAA;AAED,IAAI,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,EAAA,wBAAA,CAAyB,WAAc,GAAA,0BAAA,CAAA;AACzC,CAAA;AAOO,SAAS,0BACd,KACA,EAAA;AACA,EAAM,MAAA,EAAE,SAAW,EAAA,QAAA,EAAa,GAAA,KAAA,CAAA;AAChC,EAAM,MAAA,KAAA,GAAQ,QAAQ,OAAO,EAAE,WAAc,CAAA,EAAA,CAAC,SAAS,CAAC,CAAA,CAAA;AAExD,EACE,uBAAA,GAAA,CAAC,yBAAyB,QAAzB,EAAA;AAAA,IAAkC,KAAA;AAAA,IAChC,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAA;AAEO,SAAS,oBAAuB,GAAA;AACrC,EAAA,OAAO,WAAW,wBAAwB,CAAA,CAAA;AAC5C,CAAA;AAmBA,MAAM,eAAA,GAAkB,cAAwB,QAAQ,CAAA,CAAA;AAOjD,SAAS,yBAAyB,KAAsC,EAAA;AAC7E,EAAA,MAAM,EAAE,QAAA,EAAU,YAAc,EAAA,QAAA,EAAa,GAAA,KAAA,CAAA;AAE7C,EACE,uBAAA,GAAA,CAAC,gBAAgB,QAAhB,EAAA;AAAA,IAAyB,KAAO,EAAA,YAAA;AAAA,IAC9B,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAA;AAEO,SAAS,WAAc,GAAA;AAC5B,EAAA,OAAO,WAAW,eAAe,CAAA,CAAA;AACnC,CAAA;AAEO,MAAM,8BAAiC,GAAA;AAAA,EAC5C,IAAK,EAAA;AAAA,EACL,KAAM,CAAA,EAAE,OAAS,EAAA,UAAA,IAAc,CAAA;AACjC,EAAA;AAEO,SAAS,cACd,KACgC,EAAA;AAChC,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAa,GAAA,8BAAA;AAAA,IACb,IAAO,GAAA,KAAA;AAAA,IACP,YAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAMA,YAAW,WAAY,EAAA,CAAA;AAE7B,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,MAAM,MAAW,EAAA,GAAA,IAAA,KAAS,WAAY,CAAA;AAAA,IACjE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,oBAAsB,EAAA,UAAA;AAAA,IACtB,QAAAA,EAAAA,SAAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,GAAG,IAAA;AAAA,GACL,CAAA;AACF;;;;"}
+{"version":3,"file":"useFloatingUI.js","sources":["../src/utils/useFloatingUI.tsx"],"sourcesContent":["import type { Middleware, Placement, Strategy } from \"@floating-ui/react\";\nimport {\n  autoUpdate,\n  flip,\n  limitShift,\n  shift,\n  useFloating,\n} from \"@floating-ui/react\";\n\nexport type UseFloatingUIProps = {\n  /**\n   * Sets position relative to trigger.\n   */\n  placement?: Placement;\n  strategy?: Strategy;\n  middleware?: Middleware[];\n  /**\n   * Sets visible state.\n   */\n  open?: boolean;\n  /**\n   * Callback function triggered when open state changes.\n   */\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport const DEFAULT_FLOATING_UI_MIDDLEWARE = [\n  flip(),\n  shift({ limiter: limitShift() }),\n];\n\nexport function useFloatingUI(\n  props: UseFloatingUIProps\n): ReturnType<typeof useFloating> {\n  const {\n    placement,\n    strategy,\n    middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,\n    open = false,\n    onOpenChange,\n  } = props;\n\n  const { reference, floating, refs, update, ...rest } = useFloating({\n    placement,\n    strategy,\n    middleware,\n    open,\n    onOpenChange,\n    whileElementsMounted: autoUpdate,\n  });\n\n  return {\n    reference,\n    floating,\n    refs,\n    update,\n    ...rest,\n  };\n}\n"],"names":[],"mappings":";;AA0BO,MAAM,8BAAiC,GAAA;AAAA,EAC5C,IAAK,EAAA;AAAA,EACL,KAAM,CAAA,EAAE,OAAS,EAAA,UAAA,IAAc,CAAA;AACjC,EAAA;AAEO,SAAS,cACd,KACgC,EAAA;AAChC,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAa,GAAA,8BAAA;AAAA,IACb,IAAO,GAAA,KAAA;AAAA,IACP,YAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,MAAM,MAAW,EAAA,GAAA,IAAA,KAAS,WAAY,CAAA;AAAA,IACjE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,oBAAsB,EAAA,UAAA;AAAA,GACvB,CAAA,CAAA;AAED,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,GAAG,IAAA;AAAA,GACL,CAAA;AACF;;;;"}

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

@@ -0,0 +1,29 @@
+import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
+export interface AccordionProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * AccordionGroup value.
+     */
+    value: string;
+    /**
+     * Whether the accordion is expanded.
+     */
+    expanded?: boolean;
+    /**
+     * Whether the accordion is expanded by default.
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Callback fired when the accordion is toggled.
+     * @param event
+     */
+    onToggle?: (event: SyntheticEvent<HTMLButtonElement>) => void;
+    /**
+     * Whether the accordion is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The status of the accordion.
+     */
+    status?: "error" | "warning" | "success";
+}
+export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,11 @@
+import { SyntheticEvent } from "react";
+export interface AccordionContextValue {
+    value: string;
+    expanded: boolean;
+    toggle: (event: SyntheticEvent<HTMLButtonElement>) => void;
+    disabled: boolean;
+    id: string;
+    status?: "error" | "warning" | "success";
+}
+export declare const AccordionContext: import("react").Context<AccordionContextValue>;
+export declare function useAccordion(): AccordionContextValue;

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

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from "react";
+export declare type AccordionGroupProps = ComponentPropsWithoutRef<"div">;
+export declare const AccordionGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from "react";
+export declare type AccordionHeaderProps = ComponentPropsWithoutRef<"button">;
+export declare const AccordionHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from "react";
+export declare type AccordionPanelProps = ComponentPropsWithoutRef<"div">;
+export declare const AccordionPanel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,4 @@
+export * from "./AccordionGroup";
+export * from "./AccordionPanel";
+export * from "./Accordion";
+export * from "./AccordionHeader";

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { CardProps } from "./Card";
-export interface InteractableCardProps extends Omit<CardProps, "disabled" | "interactable"> {
+import { ComponentPropsWithoutRef } from "react";
+export interface InteractableCardProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * Accent border position: defaults to "bottom"
      */

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

@@ -26,6 +26,10 @@ export interface CheckboxGroupProps extends Omit<ComponentPropsWithoutRef<"field
      * `event.target.value` returns the value of the checkbox that was clicked.
      */
     onChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * If `true`, the component is read only.
+     */
+    readOnly?: boolean;
     /**
      * Only for horizontal direction. When `true` the text in radio button label will wrap to fit within the container. Otherwise, the checkboxes will wrap onto the next line.
      */

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

@@ -4,8 +4,12 @@ export interface CheckboxIconProps {
     checked?: boolean;
     className?: string;
     disabled?: boolean;
+    /**
+     * @deprecated Use validationStatus instead
+     */
     error?: boolean;
     indeterminate?: boolean;
+    readOnly?: boolean;
     validationStatus?: AdornmentValidationStatus;
 }
-export declare const CheckboxIcon: ({ checked, className: classNameProp, disabled, error, indeterminate, validationStatus, }: CheckboxIconProps) => JSX.Element;
+export declare const CheckboxIcon: ({ checked, className, disabled, error, indeterminate, validationStatus, readOnly, }: CheckboxIconProps) => JSX.Element;

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

@@ -8,6 +8,7 @@ export interface CheckboxGroupState {
     name?: CheckboxGroupProps["name"];
     onChange?: CheckboxGroupProps["onChange"];
     checkedValues?: CheckboxGroupProps["checkedValues"];
+    readOnly?: boolean;
     validationStatus?: AdornmentValidationStatus;
 }
 declare const CheckboxGroupContext: import("react").Context<CheckboxGroupState>;

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

@@ -0,0 +1,22 @@
+import { HTMLAttributes } from "react";
+export declare const DRAWER_POSITIONS: readonly ["left", "top", "right", "bottom"];
+export declare type DrawerPositions = typeof DRAWER_POSITIONS[number];
+export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Defines the drawer position within the screen.
+     */
+    position?: DrawerPositions;
+    /**
+     * Display or hide the component.
+     */
+    open?: boolean;
+    /**
+     * Callback function triggered when open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Change background color palette
+     */
+    variant?: "primary" | "secondary";
+}
+export declare const Drawer: import("react").ForwardRefExoticComponent<DrawerProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export * from "./Drawer";
+export * from "./useDrawer";

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { UseFloatingUIProps } from "../utils";
+export declare type UseDrawerProps = Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open">>;
+export declare function useDrawer(props: UseDrawerProps): {
+    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
+    floating: (node: HTMLElement | null) => void;
+    context: {
+        x: number | null;
+        y: number | null;
+        placement: import("@floating-ui/react").Placement;
+        strategy: import("@floating-ui/react").Strategy;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        update: () => void;
+        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+        floating: (node: HTMLElement | null) => void;
+        isPositioned: boolean;
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+};

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

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

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

@@ -1,3 +1,12 @@
 /// <reference types="react" />
 import { TextProps } from "../text";
-export declare const FormFieldLabel: ({ className, children, ...restProps }: Omit<TextProps<"label">, "variant" | "styleAs">) => JSX.Element;
+export interface FormFieldLabelProps extends Omit<TextProps<"label">, "variant" | "styleAs"> {
+    /**
+     * Intent for the label.
+     *
+     * Defaults to "label"
+     * Using "sentence" gives more prominent styling
+     */
+    intent?: "label" | "sentence";
+}
+export declare const FormFieldLabel: ({ className, children, intent, ...restProps }: FormFieldLabelProps) => JSX.Element;

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

@@ -1,4 +1,3 @@
 export * from "./FormField";
-export * from "./FormFieldControlWrapper";
 export * from "./FormFieldHelperText";
 export * from "./FormFieldLabel";

package/dist-types/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./accordion";
 export * from "./aria-announcer";
 export * from "./avatar";
 export * from "./banner";
@@ -7,6 +8,7 @@ export * from "./breakpoints";
 export * from "./button";
 export * from "./card";
 export * from "./checkbox";
+export * from "./drawer";
 export * from "./flex-item";
 export * from "./flex-layout";
 export * from "./flow-layout";
@@ -16,15 +18,20 @@ export * from "./grid-item";
 export * from "./grid-layout";
 export * from "./input";
 export * from "./link";
+export * from "./multiline-input";
 export * from "./panel";
 export * from "./radio-button";
 export * from "./spinner";
 export * from "./stack-layout";
+export * from "./status-adornment";
 export * from "./status-indicator";
 export * from "./text";
 export * from "./theme";
+export * from "./toast";
 export * from "./salt-provider";
 export * from "./split-layout";
+export * from "./toggle-button";
+export * from "./toggle-button-group";
 export * from "./tooltip";
 export * from "./utils";
 export * from "./viewport";

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

@@ -1,2 +1 @@
 export * from "./Input";
-export * from "./adornment-button/AdornmentButton";

package/dist-types/multiline-input/MultilineInput.d.ts

@@ -0,0 +1,40 @@
+import { ComponentPropsWithoutRef, ReactNode, Ref, TextareaHTMLAttributes } from "react";
+export interface MultilineInputProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue">, Pick<ComponentPropsWithoutRef<"textarea">, "disabled" | "value" | "defaultValue" | "placeholder"> {
+    /**
+     * Styling variant with full border. Defaults to false
+     */
+    bordered?: boolean;
+    /**
+     * End adornment component
+     */
+    endAdornment?: ReactNode;
+    /**
+     * If `true`, the component is read only.
+     */
+    readOnly?: boolean;
+    /**
+     * Number of rows. Defaults to 3
+     */
+    rows?: number;
+    /**
+     * Start adornment component
+     */
+    startAdornment?: ReactNode;
+    /**
+     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#Attributes) applied to the `textarea` element.
+     */
+    textAreaProps?: TextareaHTMLAttributes<HTMLTextAreaElement>;
+    /**
+     * Optional ref for the textarea component
+     */
+    textAreaRef?: Ref<HTMLTextAreaElement>;
+    /**
+     * Validation status.
+     */
+    validationStatus?: "error" | "warning" | "success";
+    /**
+     * Styling variant. Defaults to "primary".
+     */
+    variant?: "primary" | "secondary";
+}
+export declare const MultilineInput: import("react").ForwardRefExoticComponent<MultilineInputProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/multiline-input/index.d.ts

@@ -0,0 +1 @@
+export * from "./MultilineInput";

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

@@ -1,6 +1,6 @@
-import { ChangeEventHandler, FocusEventHandler, HTMLAttributes, InputHTMLAttributes, ReactNode } from "react";
+import { ChangeEventHandler, ComponentPropsWithoutRef, FocusEventHandler, InputHTMLAttributes, ReactNode } from "react";
 import { AdornmentValidationStatus } from "../status-adornment";
-export interface RadioButtonProps extends Omit<HTMLAttributes<HTMLLabelElement>, "onChange" | "onBlur" | "onFocus"> {
+export interface RadioButtonProps extends Omit<ComponentPropsWithoutRef<"label">, "onChange" | "onBlur" | "onFocus"> {
     /**
      * Set the default selected radio button in the group
      */
@@ -38,6 +38,10 @@ export interface RadioButtonProps extends Omit<HTMLAttributes<HTMLLabelElement>,
      * Callback for focus event
      */
     onFocus?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * Set the read only state.
+     */
+    readOnly?: boolean;
     /**
      * Value of radio button
      */

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

@@ -24,6 +24,10 @@ export interface RadioButtonGroupProps extends Omit<ComponentPropsWithoutRef<"fi
      * Callback for change event.
      */
     onChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Set the RadioButton group to read only.
+     */
+    readOnly?: boolean;
     /**
      * The value of the radio group, required for a controlled component.
      */

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

@@ -1,12 +1,16 @@
-/// <reference types="react" />
 import { AdornmentValidationStatus } from "../status-adornment";
-export interface RadioButtonIconProps {
+import { ComponentPropsWithoutRef } from "react";
+export interface RadioButtonIconProps extends ComponentPropsWithoutRef<"div"> {
     checked?: boolean;
-    error?: boolean;
     disabled?: boolean;
+    /**
+     * @deprecated Use validationStatus instead
+     */
+    error?: boolean;
+    readOnly?: boolean;
     validationStatus?: AdornmentValidationStatus;
 }
 /**
  * Default radio icon
  */
-export declare const RadioButtonIcon: ({ checked, error, disabled, validationStatus, }: RadioButtonIconProps) => JSX.Element;
+export declare const RadioButtonIcon: ({ checked, className, error, disabled, validationStatus, readOnly, ...rest }: RadioButtonIconProps) => JSX.Element;

package/dist-types/radio-button/internal/RadioGroupContext.d.ts

@@ -7,6 +7,7 @@ export interface RadioGroupContextValue {
     name?: string;
     value?: string;
     onChange?: ChangeEventHandler<HTMLElement>;
+    readOnly?: boolean;
     validationStatus?: AdornmentValidationStatus;
 }
 export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue>;

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

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from "react";
+import { ValidationStatus } from "../status-indicator";
+export interface ToastProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     *  A string to determine the current state of the Toast.
+     */
+    status?: ValidationStatus;
+}
+export declare const Toast: import("react").ForwardRefExoticComponent<ToastProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ToastContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export * from "./Toast";
+export * from "./ToastContent";

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

@@ -0,0 +1,7 @@
+import { ComponentProps, MouseEvent } from "react";
+export interface ToggleButtonProps extends ComponentProps<"button"> {
+    selected?: boolean;
+    onChange?: (event: MouseEvent<HTMLButtonElement>) => void;
+    value: string | ReadonlyArray<string> | number | undefined;
+}
+export declare const ToggleButton: import("react").ForwardRefExoticComponent<Omit<ToggleButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1 @@
+export * from "./ToggleButton";

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

@@ -0,0 +1,25 @@
+import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
+export interface ToggleButtonGroupProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    defaultValue?: string | ReadonlyArray<string> | number | undefined;
+    /**
+     * If `true`, the Toggle Button Group will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The value. Use when the component is controlled.
+     */
+    value?: string | ReadonlyArray<string> | number | undefined;
+    /**
+     * Callback fired when the selection changes.
+     * @param event
+     */
+    onChange?: (event: SyntheticEvent<HTMLButtonElement>) => void;
+    /**
+     * The orientation of the toggle buttons.
+     */
+    orientation?: "horizontal" | "vertical";
+}
+export declare const ToggleButtonGroup: import("react").ForwardRefExoticComponent<ToggleButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,10 @@
+import { SyntheticEvent } from "react";
+export interface ToggleButtonGroupContextValue {
+    disabled?: boolean;
+    select: (event: SyntheticEvent<HTMLButtonElement>) => void;
+    isSelected: (id: string | ReadonlyArray<string> | number | undefined) => boolean;
+    focus: (id: string | ReadonlyArray<string> | number | undefined) => void;
+    isFocused: (id: string | ReadonlyArray<string> | number | undefined) => boolean;
+}
+export declare const ToggleButtonGroupContext: import("react").Context<ToggleButtonGroupContextValue | undefined>;
+export declare function useToggleButtonGroup(): ToggleButtonGroupContextValue | undefined;

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

@@ -0,0 +1,2 @@
+export * from "./ToggleButtonGroup";
+export { useToggleButtonGroup } from "./ToggleButtonGroupContext";

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

@@ -1,20 +1,5 @@
-import type { Middleware, Placement, Platform, Strategy } from "@floating-ui/react";
+import type { Middleware, Placement, Strategy } from "@floating-ui/react";
 import { useFloating } from "@floating-ui/react";
-import { ReactNode, PropsWithChildren, ComponentType } from "react";
-export interface FloatingComponentProps extends UseFloatingUIProps {
-    /**
-     * Option to not render the popper.
-     */
-    disabled: boolean;
-}
-export interface FloatingComponentContextType {
-    Component: ComponentType<PropsWithChildren<FloatingComponentProps>>;
-}
-export interface FloatingComponentProviderProps extends FloatingComponentContextType {
-    children: ReactNode;
-}
-export declare function FloatingComponentProvider(props: FloatingComponentProviderProps): JSX.Element;
-export declare function useFloatingComponent(): FloatingComponentContextType;
 export declare type UseFloatingUIProps = {
     /**
      * Sets position relative to trigger.
@@ -31,12 +16,6 @@ export declare type UseFloatingUIProps = {
      */
     onOpenChange?: (open: boolean) => void;
 };
-export interface FloatingPlatformProviderProps {
-    platform: Platform;
-    children: ReactNode;
-}
-export declare function FloatingPlatformProvider(props: FloatingPlatformProviderProps): JSX.Element;
-export declare function usePlatform(): Platform;
 export declare const DEFAULT_FLOATING_UI_MIDDLEWARE: {
     name: string;
     options?: any;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@salt-ds/core",
-  "version": "0.0.0-snapshot-20230705144029",
+  "version": "0.0.0-snapshot-20230802143610",
   "license": "Apache-2.0",
   "main": "dist-cjs/index.js",
   "sideEffects": false,
   "peerDependencies": {
-    "@types/react": ">=16.8.6",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "@types/react": ">=16.14.0",
+    "react": ">=16.14.0",
+    "react-dom": ">=16.14.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -21,11 +21,11 @@
   "module": "dist-es/index.js",
   "typings": "dist-types/index.d.ts",
   "dependencies": {
+    "clsx": "^2.0.0",
     "@floating-ui/react": "^0.23.0",
-    "clsx": "^1.2.1",
-    "@salt-ds/window": "^0.0.0-snapshot-20230705144029",
-    "@salt-ds/styles": "^0.0.0-snapshot-20230705144029",
-    "@salt-ds/icons": "^0.0.0-snapshot-20230705144029"
+    "@salt-ds/window": "^0.1.1",
+    "@salt-ds/styles": "^0.1.1",
+    "@salt-ds/icons": "^0.0.0-snapshot-20230802143610"
   },
   "files": [
     "dist-cjs",

package/dist-cjs/checkbox/assets/CheckboxCheckedIcon.js

@@ -1,33 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function CheckboxCheckedIcon({
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", {
-    "aria-hidden": "true",
-    className,
-    focusable: "false",
-    shapeRendering: "geometricPrecision",
-    viewBox: "0 0 14 14",
-    children: /* @__PURE__ */ jsxRuntime.jsxs("g", {
-      fillRule: "evenodd",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", {
-          className: `saltCheckboxIcon-box`
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("polygon", {
-          className: `saltCheckboxIcon-tick`,
-          fillRule: "nonzero",
-          points: "12 4.22226066 10.6259221 3 5.58277771 8.37894955 3.3179086 6.13993399 2 7.40754746 5.63993779 11"
-        })
-      ]
-    })
-  });
-}
-
-exports.CheckboxCheckedIcon = CheckboxCheckedIcon;
-//# sourceMappingURL=CheckboxCheckedIcon.js.map

package/dist-cjs/checkbox/assets/CheckboxCheckedIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxCheckedIcon.js","sources":["../src/checkbox/assets/CheckboxCheckedIcon.tsx"],"sourcesContent":["export function CheckboxCheckedIcon({\n  className,\n}: {\n  className: string;\n}): JSX.Element {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={className}\n      focusable=\"false\"\n      shapeRendering=\"geometricPrecision\"\n      viewBox=\"0 0 14 14\"\n    >\n      <g fillRule=\"evenodd\">\n        <rect className={`saltCheckboxIcon-box`} />\n        <polygon\n          className={`saltCheckboxIcon-tick`}\n          fillRule=\"nonzero\"\n          points=\"12 4.22226066 10.6259221 3 5.58277771 8.37894955 3.3179086 6.13993399 2 7.40754746 5.63993779 11\"\n        />\n      </g>\n    </svg>\n  );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;;;;AAAO,SAAS,mBAAoB,CAAA;AAAA,EAClC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAAC,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxCA,cAAA,CAAA,SAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,QAAS,EAAA,SAAA;AAAA,UACT,MAAO,EAAA,kGAAA;AAAA,SACT,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}