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

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
@@ -21,6 +21,10 @@ export interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, A11yValu
      * Used as suffix of FormFieldHelperText id: `helperText-{id}`
      */
     id?: string;
+    /**
+     * Displays necessity on label
+     */
+    necessity?: "required" | "optional" | "asterisk";
     /**
      * Validation status
      */

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/form-field-context/FormFieldContext.d.ts

@@ -9,6 +9,7 @@ export interface A11yValueProps {
      */
     labelId?: string;
 }
+declare type NecessityType = "required" | "optional" | "asterisk";
 export interface a11yValueAriaProps {
     "aria-labelledby": A11yValueProps["labelId"];
     "aria-describedby": A11yValueProps["helperTextId"] | undefined;
@@ -16,7 +17,9 @@ export interface a11yValueAriaProps {
 export interface FormFieldContextValue {
     a11yProps: a11yValueAriaProps;
     disabled: boolean;
+    necessity: NecessityType | undefined;
     readOnly: boolean;
     validationStatus: "error" | "warning" | "success" | undefined;
 }
 export declare const FormFieldContext: import("react").Context<FormFieldContextValue>;
+export {};

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,5 +1,6 @@
-import { ChangeEventHandler, FocusEventHandler, HTMLAttributes, InputHTMLAttributes, ReactNode } from "react";
-export interface RadioButtonProps extends Omit<HTMLAttributes<HTMLLabelElement>, "onChange" | "onBlur" | "onFocus"> {
+import { ChangeEventHandler, ComponentPropsWithoutRef, FocusEventHandler, InputHTMLAttributes, ReactNode } from "react";
+import { AdornmentValidationStatus } from "../status-adornment";
+export interface RadioButtonProps extends Omit<ComponentPropsWithoutRef<"label">, "onChange" | "onBlur" | "onFocus"> {
     /**
      * Set the default selected radio button in the group
      */
@@ -37,13 +38,20 @@ 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
      */
     value?: string;
     /**
-     * Validation status.
+     * Validation status, one of "warning" | "error" | "success"
+     *
+     * RadioButton has styling variants for "error" and "warning".
+     * No visual styling will be applied on "success" variant.
      */
-    validationStatus?: "error" | "warning";
+    validationStatus?: AdornmentValidationStatus;
 }
 export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonProps & import("react").RefAttributes<HTMLLabelElement>>;

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,11 +1,16 @@
-/// <reference types="react" />
-export interface RadioButtonIconProps {
+import { AdornmentValidationStatus } from "../status-adornment";
+import { ComponentPropsWithoutRef } from "react";
+export interface RadioButtonIconProps extends ComponentPropsWithoutRef<"div"> {
     checked?: boolean;
-    error?: boolean;
     disabled?: boolean;
-    validationStatus?: "error" | "warning";
+    /**
+     * @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

@@ -1,11 +1,13 @@
 import { ChangeEventHandler } from "react";
 import { a11yValueAriaProps } from "../../form-field-context";
+import { AdornmentValidationStatus } from "../../status-adornment";
 export interface RadioGroupContextValue {
     a11yProps?: a11yValueAriaProps;
     disabled?: boolean;
     name?: string;
     value?: string;
     onChange?: ChangeEventHandler<HTMLElement>;
-    validationStatus?: "error" | "warning";
+    readOnly?: boolean;
+    validationStatus?: AdornmentValidationStatus;
 }
 export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue>;

package/dist-types/status-adornment/StatusAdornment.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { IconProps } from "@salt-ds/icons";
 import { ValidationStatus } from "../status-indicator";
-declare type AdornmentValidationStatus = Exclude<ValidationStatus, "info">;
+export declare type AdornmentValidationStatus = Exclude<ValidationStatus, "info">;
 export interface StatusAdornmentProps extends IconProps {
     /**
      * Status adornment to be displayed.
@@ -9,4 +9,3 @@ export interface StatusAdornmentProps extends IconProps {
     status: AdornmentValidationStatus;
 }
 export declare const StatusAdornment: import("react").ForwardRefExoticComponent<StatusAdornmentProps & import("react").RefAttributes<SVGSVGElement>>;
-export {};

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-20230623164123",
+  "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-20230623164123",
-    "@salt-ds/styles": "^0.0.0-snapshot-20230623164123",
-    "@salt-ds/icons": "^0.0.0-snapshot-20230623164123"
+    "@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;;;;"}

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

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function CheckboxCheckedIconHD({
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", {
-    "aria-hidden": "true",
-    className,
-    focusable: "false",
-    shapeRendering: "geometricPrecision",
-    viewBox: "0 0 12 12",
-    children: /* @__PURE__ */ jsxRuntime.jsxs("g", {
-      fillRule: "evenodd",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", {
-          className: `saltCheckboxIcon-box`
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", {
-          className: `saltCheckboxIcon-tick`,
-          d: "m10 3.70547L4.83651 9.27702L2 6.6259L2.70868 5.86766L4.78375 7.8071L9.23877 3L10 3.70547z"
-        })
-      ]
-    })
-  });
-}
-
-exports.CheckboxCheckedIconHD = CheckboxCheckedIconHD;
-//# sourceMappingURL=CheckboxCheckedIconHD.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxCheckedIconHD.js","sources":["../src/checkbox/assets/CheckboxCheckedIconHD.tsx"],"sourcesContent":["// This icon is used for the high density checkbox\nexport function CheckboxCheckedIconHD({\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 12 12\"\n    >\n      <g fillRule=\"evenodd\">\n        <rect className={`saltCheckboxIcon-box`} />\n        <path\n          className={`saltCheckboxIcon-tick`}\n          d=\"m10 3.70547L4.83651 9.27702L2 6.6259L2.70868 5.86766L4.78375 7.8071L9.23877 3L10 3.70547z\"\n        />\n      </g>\n    </svg>\n  );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;;;;AACO,SAAS,qBAAsB,CAAA;AAAA,EACpC,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,MAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,CAAE,EAAA,2FAAA;AAAA,SACJ,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function CheckboxIndeterminateIcon({
-  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",
-      strokeWidth: "1",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", {
-          className: `saltCheckboxIcon-box`
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", {
-          className: `saltCheckboxIcon-tick`,
-          height: "2",
-          strokeWidth: "0",
-          width: "8",
-          x: "3",
-          y: "6"
-        })
-      ]
-    })
-  });
-}
-
-exports.CheckboxIndeterminateIcon = CheckboxIndeterminateIcon;
-//# sourceMappingURL=CheckboxIndeterminateIcon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxIndeterminateIcon.js","sources":["../src/checkbox/assets/CheckboxIndeterminateIcon.tsx"],"sourcesContent":["export function CheckboxIndeterminateIcon({\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\" strokeWidth=\"1\">\n        <rect className={`saltCheckboxIcon-box`} />\n        <rect\n          className={`saltCheckboxIcon-tick`}\n          height=\"2\"\n          strokeWidth=\"0\"\n          width=\"8\"\n          x=\"3\"\n          y=\"6\"\n        />\n      </g>\n    </svg>\n  );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;;;;AAAO,SAAS,yBAA0B,CAAA;AAAA,EACxC,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,MAAU,WAAY,EAAA,GAAA;AAAA,MAChC,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,MAAO,EAAA,GAAA;AAAA,UACP,WAAY,EAAA,GAAA;AAAA,UACZ,KAAM,EAAA,GAAA;AAAA,UACN,CAAE,EAAA,GAAA;AAAA,UACF,CAAE,EAAA,GAAA;AAAA,SACJ,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function CheckboxUncheckedIcon({
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", {
-    "aria-hidden": "true",
-    className,
-    focusable: "false",
-    shapeRendering: "geometricPrecision",
-    viewBox: "0 0 14 14",
-    children: /* @__PURE__ */ jsxRuntime.jsx("g", {
-      fillRule: "evenodd",
-      children: /* @__PURE__ */ jsxRuntime.jsx("rect", {
-        className: `saltCheckboxIcon-box`
-      })
-    })
-  });
-}
-
-exports.CheckboxUncheckedIcon = CheckboxUncheckedIcon;
-//# sourceMappingURL=CheckboxUncheckedIcon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxUncheckedIcon.js","sources":["../src/checkbox/assets/CheckboxUncheckedIcon.tsx"],"sourcesContent":["export function CheckboxUncheckedIcon({\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      </g>\n    </svg>\n  );\n}\n"],"names":["jsx"],"mappings":";;;;;;AAAO,SAAS,qBAAsB,CAAA;AAAA,EACpC,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,kBAAAA,cAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAC,kBAAAA,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,OAAwB,CAAA;AAAA,KAC3C,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/form-field/FormFieldControlWrapper.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltFormFieldControlWrapper {\n  align-items: center;\n  border: none;\n  display: grid;\n  grid-auto-columns: minmax(min-content, 1fr);\n  grid-auto-flow: column;\n  grid-column-gap: var(--salt-size-unit);\n  margin: 0;\n  padding: 0;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=FormFieldControlWrapper.css.js.map

package/dist-cjs/form-field/FormFieldControlWrapper.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldControlWrapper.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/form-field/FormFieldControlWrapper.js

@@ -1,47 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var makePrefixer = require('../utils/makePrefixer.js');
-require('../utils/useFloatingUI.js');
-require('../utils/useId.js');
-require('../salt-provider/SaltProvider.js');
-require('../viewport/ViewportProvider.js');
-require('clsx');
-var FormFieldControlWrapper$1 = require('./FormFieldControlWrapper.css.js');
-
-const withBaseName = makePrefixer.makePrefixer("saltFormFieldControlWrapper");
-const ControlWrapperContext = React.createContext({
-  variant: "primary"
-});
-const useControlWrapper = () => {
-  const wrapperContext = React.useContext(ControlWrapperContext);
-  return wrapperContext;
-};
-const FormFieldControlWrapper = ({
-  children,
-  variant = "primary"
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-form-field-control-wrapper",
-    css: FormFieldControlWrapper$1,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(ControlWrapperContext.Provider, {
-    value: { variant },
-    children: /* @__PURE__ */ jsxRuntime.jsx("fieldset", {
-      className: withBaseName(),
-      children
-    })
-  });
-};
-
-exports.ControlWrapperContext = ControlWrapperContext;
-exports.FormFieldControlWrapper = FormFieldControlWrapper;
-exports.useControlWrapper = useControlWrapper;
-//# sourceMappingURL=FormFieldControlWrapper.js.map

package/dist-cjs/form-field/FormFieldControlWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldControlWrapper.js","sources":["../src/form-field/FormFieldControlWrapper.tsx"],"sourcesContent":["import { createContext, PropsWithChildren, useContext } from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { makePrefixer } from \"../utils\";\n\nimport formFieldControlWrapper from \"./FormFieldControlWrapper.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldControlWrapper\");\n\nexport type ControlWrapper = {\n  variant: \"primary\" | \"secondary\";\n};\n\nexport const ControlWrapperContext = createContext<ControlWrapper>({\n  variant: \"primary\",\n});\n\nexport const useControlWrapper = () => {\n  const wrapperContext = useContext(ControlWrapperContext);\n  return wrapperContext;\n};\n\nexport const FormFieldControlWrapper = ({\n  children,\n  variant = \"primary\",\n}: PropsWithChildren & { variant?: \"primary\" | \"secondary\" }) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-form-field-control-wrapper\",\n    css: formFieldControlWrapper,\n    window: targetWindow,\n  });\n  return (\n    <ControlWrapperContext.Provider value={{ variant }}>\n      <fieldset className={withBaseName()}>{children}</fieldset>\n    </ControlWrapperContext.Provider>\n  );\n};\n"],"names":["makePrefixer","createContext","useContext","useWindow","useComponentCssInjection","formFieldControlWrapper","jsx"],"mappings":";;;;;;;;;;;;;;;;AAOA,MAAM,YAAA,GAAeA,0BAAa,6BAA6B,CAAA,CAAA;AAMxD,MAAM,wBAAwBC,mBAA8B,CAAA;AAAA,EACjE,OAAS,EAAA,SAAA;AACX,CAAC,EAAA;AAEM,MAAM,oBAAoB,MAAM;AACrC,EAAM,MAAA,cAAA,GAAiBC,iBAAW,qBAAqB,CAAA,CAAA;AACvD,EAAO,OAAA,cAAA,CAAA;AACT,EAAA;AAEO,MAAM,0BAA0B,CAAC;AAAA,EACtC,QAAA;AAAA,EACA,OAAU,GAAA,SAAA;AACZ,CAAiE,KAAA;AAC/D,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iCAAA;AAAA,IACR,GAAK,EAAAC,yBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AACD,EACE,uBAAAC,cAAA,CAAC,sBAAsB,QAAtB,EAAA;AAAA,IAA+B,KAAA,EAAO,EAAE,OAAQ,EAAA;AAAA,IAC/C,QAAC,kBAAAA,cAAA,CAAA,UAAA,EAAA;AAAA,MAAS,WAAW,YAAa,EAAA;AAAA,MAAI,QAAA;AAAA,KAAS,CAAA;AAAA,GACjD,CAAA,CAAA;AAEJ;;;;;;"}