@salt-ds/lab 1.0.0-alpha.3 → 1.0.0-alpha.5

package/dist-es/packages/lab/src/checkbox/Checkbox.css.js.map

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

package/dist-es/packages/lab/src/checkbox/Checkbox.js

@@ -1,67 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { forwardRef, useContext } from 'react';
-import { createChainedFunction } from '@salt-ds/core';
-import { ControlLabel } from '../control-label/ControlLabel.js';
-import { CheckboxBase } from './CheckboxBase.js';
-import { CheckboxGroupContext } from './internal/CheckboxGroupContext.js';
-import './Checkbox.css.js';
-
-const classBase = "saltCheckbox";
-const Checkbox = forwardRef(
-  function Checkbox2(props, ref) {
-    var _a;
-    const {
-      checked: checkedProp,
-      className,
-      defaultChecked: defaultCheckedProp,
-      disabled,
-      indeterminate,
-      inputProps,
-      label,
-      LabelProps,
-      onChange,
-      value,
-      ...rest
-    } = props;
-    const groupContext = useContext(CheckboxGroupContext);
-    const handleChange = createChainedFunction(
-      onChange,
-      groupContext == null ? void 0 : groupContext.onChange
-    );
-    let checked = checkedProp;
-    let defaultChecked = defaultCheckedProp;
-    if (groupContext) {
-      if (typeof checked === "undefined" && typeof value === "string") {
-        checked = (_a = groupContext == null ? void 0 : groupContext.checkedValues) == null ? void 0 : _a.includes(value);
-      }
-      defaultChecked = void 0;
-    }
-    return /* @__PURE__ */ jsx("div", {
-      ...rest,
-      className: clsx(classBase, className, {
-        [`${classBase}-disabled`]: disabled
-      }),
-      "data-testid": "checkbox",
-      ref,
-      children: /* @__PURE__ */ jsx(ControlLabel, {
-        ...LabelProps,
-        className: `${classBase}-label`,
-        disabled,
-        label,
-        labelPlacement: "right",
-        children: /* @__PURE__ */ jsx(CheckboxBase, {
-          checked,
-          disabled,
-          defaultChecked,
-          indeterminate,
-          onChange: handleChange,
-          value
-        })
-      })
-    });
-  }
-);
-
-export { Checkbox };
-//# sourceMappingURL=Checkbox.js.map

package/dist-es/packages/lab/src/checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sources":["../src/checkbox/Checkbox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { forwardRef, useContext } from \"react\";\nimport { createChainedFunction } from \"@salt-ds/core\";\nimport { ControlLabel, ControlLabelProps } from \"../control-label\";\nimport { CheckboxBase, CheckboxBaseProps } from \"./CheckboxBase\";\nimport { CheckboxGroupContext } from \"./internal/CheckboxGroupContext\";\n\nimport \"./Checkbox.css\";\n\nexport interface CheckboxProps extends CheckboxBaseProps {\n  label?: ControlLabelProps[\"label\"];\n  LabelProps?: Partial<ControlLabelProps>;\n}\n\nconst classBase = \"saltCheckbox\";\n\nexport const Checkbox = forwardRef<HTMLDivElement, CheckboxProps>(\n  function Checkbox(props, ref) {\n    const {\n      checked: checkedProp,\n      className,\n      defaultChecked: defaultCheckedProp,\n      disabled,\n      indeterminate,\n      inputProps,\n      label,\n      LabelProps,\n      onChange,\n      value,\n      ...rest\n    } = props;\n\n    const groupContext = useContext(CheckboxGroupContext);\n\n    const handleChange = createChainedFunction(\n      onChange,\n      groupContext?.onChange\n    );\n\n    let checked = checkedProp;\n    let defaultChecked = defaultCheckedProp;\n\n    if (groupContext) {\n      if (typeof checked === \"undefined\" && typeof value === \"string\") {\n        checked = groupContext?.checkedValues?.includes(value);\n      }\n\n      defaultChecked = undefined;\n    }\n\n    return (\n      <div\n        {...rest}\n        className={clsx(classBase, className, {\n          [`${classBase}-disabled`]: disabled,\n        })}\n        data-testid=\"checkbox\"\n        ref={ref}\n      >\n        <ControlLabel\n          {...LabelProps}\n          className={`${classBase}-label`}\n          disabled={disabled}\n          label={label}\n          labelPlacement={\"right\"}\n        >\n          <CheckboxBase\n            checked={checked}\n            disabled={disabled}\n            defaultChecked={defaultChecked}\n            indeterminate={indeterminate}\n            onChange={handleChange}\n            value={value}\n          />\n        </ControlLabel>\n      </div>\n    );\n  }\n);\n"],"names":["Checkbox"],"mappings":";;;;;;;;;AAcA,MAAM,SAAY,GAAA,cAAA,CAAA;AAEX,MAAM,QAAW,GAAA,UAAA;AAAA,EACtB,SAASA,SAAS,CAAA,KAAA,EAAO,GAAK,EAAA;AAjBhC,IAAA,IAAA,EAAA,CAAA;AAkBI,IAAM,MAAA;AAAA,MACJ,OAAS,EAAA,WAAA;AAAA,MACT,SAAA;AAAA,MACA,cAAgB,EAAA,kBAAA;AAAA,MAChB,QAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAM,MAAA,YAAA,GAAe,WAAW,oBAAoB,CAAA,CAAA;AAEpD,IAAA,MAAM,YAAe,GAAA,qBAAA;AAAA,MACnB,QAAA;AAAA,MACA,YAAc,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,QAAA;AAAA,KAChB,CAAA;AAEA,IAAA,IAAI,OAAU,GAAA,WAAA,CAAA;AACd,IAAA,IAAI,cAAiB,GAAA,kBAAA,CAAA;AAErB,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,IAAI,OAAO,OAAA,KAAY,WAAe,IAAA,OAAO,UAAU,QAAU,EAAA;AAC/D,QAAU,OAAA,GAAA,CAAA,EAAA,GAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAc,aAAd,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA6B,QAAS,CAAA,KAAA,CAAA,CAAA;AAAA,OAClD;AAEA,MAAiB,cAAA,GAAA,KAAA,CAAA,CAAA;AAAA,KACnB;AAEA,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,IAAK,CAAA,SAAA,EAAW,SAAW,EAAA;AAAA,QACpC,CAAC,GAAG,SAAuB,CAAA,SAAA,CAAA,GAAA,QAAA;AAAA,OAC5B,CAAA;AAAA,MACD,aAAY,EAAA,UAAA;AAAA,MACZ,GAAA;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,YAAA,EAAA;AAAA,QACE,GAAG,UAAA;AAAA,QACJ,WAAW,CAAG,EAAA,SAAA,CAAA,MAAA,CAAA;AAAA,QACd,QAAA;AAAA,QACA,KAAA;AAAA,QACA,cAAgB,EAAA,OAAA;AAAA,QAEhB,QAAC,kBAAA,GAAA,CAAA,YAAA,EAAA;AAAA,UACC,OAAA;AAAA,UACA,QAAA;AAAA,UACA,cAAA;AAAA,UACA,aAAA;AAAA,UACA,QAAU,EAAA,YAAA;AAAA,UACV,KAAA;AAAA,SACF,CAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/packages/lab/src/checkbox/CheckboxBase.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".saltCheckboxBase {\n  background: var(--saltCheckbox-background, none);\n  line-height: 0;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n}\n\n/* Styles applied to input element */\n.saltCheckboxBase-input {\n  cursor: inherit;\n  height: 10px;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n  width: 10px;\n  z-index: var(--salt-zIndex-default);\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=CheckboxBase.css.js.map

package/dist-es/packages/lab/src/checkbox/CheckboxBase.css.js.map

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

package/dist-es/packages/lab/src/checkbox/CheckboxBase.js

@@ -1,95 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { forwardRef, useRef, useState, useCallback } from 'react';
-import { makePrefixer, useControlled } from '@salt-ds/core';
-import { CheckboxIcon } from './CheckboxIcon.js';
-import './CheckboxBase.css.js';
-
-const withBaseName = makePrefixer("saltCheckboxBase");
-const CheckboxBase = forwardRef(
-  function CheckboxBase2({
-    checked: checkedProp,
-    className: classNameProp,
-    defaultChecked,
-    disabled,
-    indeterminate,
-    inputProps,
-    name,
-    onBlur,
-    onChange,
-    onFocus,
-    value,
-    ...rest
-  }, ref) {
-    const inputRef = useRef(null);
-    const [checked, setChecked] = useControlled({
-      controlled: checkedProp,
-      default: Boolean(defaultChecked),
-      name: "Checkbox",
-      state: "checked"
-    });
-    const [focusVisible, setFocusVisible] = useState(false);
-    const handleChange = (event) => {
-      if (event.nativeEvent.defaultPrevented) {
-        return;
-      }
-      const value2 = event.target.checked;
-      setChecked(value2);
-      onChange == null ? void 0 : onChange(event, value2);
-    };
-    const handleFocus = useCallback(
-      (event) => {
-        var _a;
-        if (!inputRef.current) {
-          inputRef.current = event.currentTarget;
-        }
-        if ((_a = inputRef.current) == null ? void 0 : _a.matches(":focus-visible")) {
-          setFocusVisible(true);
-        }
-        onFocus && onFocus(event);
-      },
-      [onFocus]
-    );
-    const handleBlur = useCallback(
-      (event) => {
-        setFocusVisible(false);
-        onBlur && onBlur(event);
-      },
-      [onBlur]
-    );
-    const className = clsx(withBaseName(), classNameProp, {
-      saltFocusVisible: focusVisible
-    });
-    return /* @__PURE__ */ jsxs("span", {
-      ...rest,
-      className,
-      ref,
-      children: [
-        /* @__PURE__ */ jsx("input", {
-          "aria-checked": indeterminate ? "mixed" : checked,
-          name,
-          value,
-          ...inputProps,
-          checked: checkedProp,
-          className: withBaseName("input"),
-          "data-indeterminate": indeterminate,
-          defaultChecked,
-          disabled,
-          onBlur: handleBlur,
-          onChange: handleChange,
-          onFocus: handleFocus,
-          ref: inputRef,
-          type: "checkbox"
-        }),
-        /* @__PURE__ */ jsx(CheckboxIcon, {
-          checked,
-          disabled,
-          indeterminate
-        })
-      ]
-    });
-  }
-);
-
-export { CheckboxBase };
-//# sourceMappingURL=CheckboxBase.js.map

package/dist-es/packages/lab/src/checkbox/CheckboxBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxBase.js","sources":["../src/checkbox/CheckboxBase.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEvent,\n  FocusEvent,\n  FocusEventHandler,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport { makePrefixer, useControlled } from \"@salt-ds/core\";\nimport { CheckboxIcon } from \"./CheckboxIcon\";\n\nimport \"./CheckboxBase.css\";\n\nconst withBaseName = makePrefixer(\"saltCheckboxBase\");\n\nexport interface CheckboxBaseProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  disabled?: boolean;\n  indeterminate?: boolean;\n  inputProps?: Partial<InputHTMLAttributes<HTMLInputElement>>;\n  name?: string;\n  onBlur?: FocusEventHandler<HTMLInputElement>;\n  /**\n   * Callback when checked state is changed\n   */\n  onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;\n  onFocus?: FocusEventHandler<HTMLInputElement>;\n  value?: string;\n}\n\nexport const CheckboxBase = forwardRef<HTMLDivElement, CheckboxBaseProps>(\n  function CheckboxBase(\n    {\n      checked: checkedProp,\n      className: classNameProp,\n      defaultChecked,\n      disabled,\n      indeterminate,\n      inputProps,\n      name,\n      onBlur,\n      onChange,\n      onFocus,\n      value,\n      ...rest\n    },\n    ref\n  ) {\n    // null is needed here so we can modify the ref on line 70\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const [checked, setChecked] = useControlled({\n      controlled: checkedProp,\n      default: Boolean(defaultChecked),\n      name: \"Checkbox\",\n      state: \"checked\",\n    });\n\n    const [focusVisible, setFocusVisible] = useState(false);\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      // Workaround for https://github.com/facebook/react/issues/9023\n      if (event.nativeEvent.defaultPrevented) {\n        return;\n      }\n\n      const value = event.target.checked;\n      setChecked(value);\n      onChange?.(event, value);\n    };\n\n    const handleFocus = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        // Fix for https://github.com/facebook/react/issues/7769\n        if (!inputRef.current) {\n          inputRef.current = event.currentTarget;\n        }\n\n        // TODO :focus-visible not yet supported on Safari, so we'll need to use the\n        // useIsFocusVisible polyfill\n        if (inputRef.current?.matches(\":focus-visible\")) {\n          setFocusVisible(true);\n        }\n\n        onFocus && onFocus(event);\n      },\n      [onFocus]\n    );\n\n    const handleBlur = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        setFocusVisible(false);\n        onBlur && onBlur(event);\n      },\n      [onBlur]\n    );\n\n    const className = clsx(withBaseName(), classNameProp, {\n      saltFocusVisible: focusVisible,\n    });\n    return (\n      <span {...rest} className={className} ref={ref}>\n        <input\n          aria-checked={indeterminate ? \"mixed\" : checked}\n          name={name}\n          value={value}\n          {...inputProps}\n          checked={checkedProp}\n          className={withBaseName(\"input\")}\n          data-indeterminate={indeterminate}\n          defaultChecked={defaultChecked}\n          disabled={disabled}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          ref={inputRef}\n          type=\"checkbox\"\n        />\n        <CheckboxIcon\n          checked={checked}\n          disabled={disabled}\n          indeterminate={indeterminate}\n        />\n      </span>\n    );\n  }\n);\n"],"names":["CheckboxBase","value"],"mappings":"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"}

package/dist-es/packages/lab/src/checkbox/CheckboxGroup.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* Styles applied to root component */\n.saltCheckboxGroup {\n  border: 0;\n  margin: 0;\n  padding: 0;\n  display: inline-flex;\n  flex-direction: column;\n  vertical-align: top;\n}\n\n/* Styles applied to root component if `row={true}` */\n.saltCheckboxGroup-horizontal {\n  --saltControlLabel-right-marginRight: calc(var(--salt-size-unit) * 3);\n\n  display: block;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=CheckboxGroup.css.js.map

package/dist-es/packages/lab/src/checkbox/CheckboxGroup.css.js.map

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

package/dist-es/packages/lab/src/checkbox/CheckboxGroup.js

@@ -1,53 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import { useControlled } from '@salt-ds/core';
-import { FormGroup } from '../form-group/FormGroup.js';
-import { CheckboxGroupContext } from './internal/CheckboxGroupContext.js';
-import './CheckboxGroup.css.js';
-
-const classBase = "saltCheckboxGroup";
-const CheckboxGroup = forwardRef(function CheckboxGroup2({
-  checkedValues: checkedValuesProp,
-  defaultCheckedValues = [],
-  children,
-  className,
-  FormControlProps,
-  row,
-  name,
-  onChange,
-  ...other
-}, ref) {
-  const [checkedValues, setCheckedValues] = useControlled({
-    controlled: checkedValuesProp,
-    default: defaultCheckedValues,
-    name: "CheckboxGroup",
-    state: "checkedValues"
-  });
-  const handleChange = (event) => {
-    setCheckedValues((oldValues = []) => {
-      const name2 = event.target.value;
-      const isSelected = oldValues.includes(name2);
-      return isSelected ? oldValues.filter((value) => value !== name2) : oldValues.concat(name2);
-    });
-    onChange == null ? void 0 : onChange(event);
-  };
-  return /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, {
-    value: { name, onChange: handleChange, checkedValues },
-    children: /* @__PURE__ */ jsx("fieldset", {
-      className: clsx(classBase, {
-        [`${classBase}-horizontal`]: row
-      }),
-      ref,
-      children: /* @__PURE__ */ jsx(FormGroup, {
-        className: `${classBase}-formGroup`,
-        row,
-        ...other,
-        children
-      })
-    })
-  });
-});
-
-export { CheckboxGroup };
-//# sourceMappingURL=CheckboxGroup.js.map

package/dist-es/packages/lab/src/checkbox/CheckboxGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.js","sources":["../src/checkbox/CheckboxGroup.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEvent,\n  ChangeEventHandler,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n} from \"react\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { FormGroup, FormGroupProps } from \"../form-group\";\nimport { CheckboxGroupContext } from \"./internal/CheckboxGroupContext\";\n\nimport \"./CheckboxGroup.css\";\n\nexport interface CheckboxGroupProps extends FormGroupProps {\n  /**\n   * The current checked options.\n   */\n  checkedValues?: string[];\n  /**\n   * The default selected options for un-controlled component.\n   */\n  defaultCheckedValues?: string[];\n  /**\n   * Props spread onto the FormControl component that wraps the checkboxes.\n   */\n  FormControlProps?: Partial<HTMLAttributes<HTMLFieldSetElement>>;\n  /**\n   * Props spread onto the legend.\n   */\n  LegendProps?: unknown;\n  /**\n   * The label for the group legend\n   */\n  legend?: ReactNode;\n  /**\n   * The name used to reference the value of the control.\n   */\n  name?: string;\n  /**\n   * Callback fired when a checkbox is clicked.\n   * `event.target.value` returns the value of the checkbox that was clicked.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n}\n\nconst classBase = \"saltCheckboxGroup\";\n\nexport const CheckboxGroup = forwardRef<\n  HTMLFieldSetElement,\n  CheckboxGroupProps\n>(function CheckboxGroup(\n  {\n    checkedValues: checkedValuesProp,\n    defaultCheckedValues = [],\n    children,\n    className,\n    FormControlProps,\n    row,\n    name,\n    onChange,\n    ...other\n  },\n  ref\n) {\n  const [checkedValues, setCheckedValues] = useControlled({\n    controlled: checkedValuesProp,\n    default: defaultCheckedValues,\n    name: \"CheckboxGroup\",\n    state: \"checkedValues\",\n  });\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setCheckedValues((oldValues: string[] = []) => {\n      const name = event.target.value;\n      const isSelected = oldValues.includes(name);\n\n      return isSelected\n        ? oldValues.filter((value) => value !== name)\n        : oldValues.concat(name);\n    });\n\n    onChange?.(event);\n  };\n\n  return (\n    <CheckboxGroupContext.Provider\n      value={{ name, onChange: handleChange, checkedValues }}\n    >\n      <fieldset\n        className={clsx(classBase, {\n          [`${classBase}-horizontal`]: row,\n        })}\n        ref={ref}\n      >\n        <FormGroup className={`${classBase}-formGroup`} row={row} {...other}>\n          {children}\n        </FormGroup>\n      </fieldset>\n    </CheckboxGroupContext.Provider>\n  );\n});\n"],"names":["CheckboxGroup","name"],"mappings":";;;;;;;;AA8CA,MAAM,SAAY,GAAA,mBAAA,CAAA;AAEL,MAAA,aAAA,GAAgB,UAG3B,CAAA,SAASA,cACT,CAAA;AAAA,EACE,aAAe,EAAA,iBAAA;AAAA,EACf,uBAAuB,EAAC;AAAA,EACxB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,gBAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,KAAA;AACL,CAAA,EACA,GACA,EAAA;AACA,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,aAAc,CAAA;AAAA,IACtD,UAAY,EAAA,iBAAA;AAAA,IACZ,OAAS,EAAA,oBAAA;AAAA,IACT,IAAM,EAAA,eAAA;AAAA,IACN,KAAO,EAAA,eAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAM,MAAA,YAAA,GAAe,CAAC,KAAyC,KAAA;AAC7D,IAAiB,gBAAA,CAAA,CAAC,SAAsB,GAAA,EAAO,KAAA;AAC7C,MAAMC,MAAAA,KAAAA,GAAO,MAAM,MAAO,CAAA,KAAA,CAAA;AAC1B,MAAM,MAAA,UAAA,GAAa,SAAU,CAAA,QAAA,CAASA,KAAI,CAAA,CAAA;AAE1C,MAAO,OAAA,UAAA,GACH,SAAU,CAAA,MAAA,CAAO,CAAC,KAAA,KAAU,UAAUA,KAAI,CAAA,GAC1C,SAAU,CAAA,MAAA,CAAOA,KAAI,CAAA,CAAA;AAAA,KAC1B,CAAA,CAAA;AAED,IAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,GACb,CAAA;AAEA,EACE,uBAAA,GAAA,CAAC,qBAAqB,QAArB,EAAA;AAAA,IACC,KAAO,EAAA,EAAE,IAAM,EAAA,QAAA,EAAU,cAAc,aAAc,EAAA;AAAA,IAErD,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA;AAAA,MACC,SAAA,EAAW,KAAK,SAAW,EAAA;AAAA,QACzB,CAAC,GAAG,SAAyB,CAAA,WAAA,CAAA,GAAA,GAAA;AAAA,OAC9B,CAAA;AAAA,MACD,GAAA;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA;AAAA,QAAU,WAAW,CAAG,EAAA,SAAA,CAAA,UAAA,CAAA;AAAA,QAAuB,GAAA;AAAA,QAAW,GAAG,KAAA;AAAA,QAC3D,QAAA;AAAA,OACH,CAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/packages/lab/src/checkbox/CheckboxIcon.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* Styles applied to root component */\n.salt-density-high {\n  --checkbox-size: 12px;\n  --checkbox-density-bar-y: 5px;\n  --checkbox-density-bar-height: 3px;\n}\n\n.salt-density-medium {\n  --checkbox-size: 14px;\n  --checkbox-density-bar-y: 6px;\n  --checkbox-density-bar-height: 2px;\n}\n\n.salt-density-low {\n  --checkbox-size: 16px;\n  --checkbox-density-bar-y: 6px;\n  --checkbox-density-bar-height: 2px;\n}\n\n.salt-density-touch {\n  --checkbox-size: 18px;\n  --checkbox-density-bar-y: 6px;\n  --checkbox-density-bar-height: 2px;\n}\n\n.saltCheckboxIcon {\n  --checkbox-borderWidth: var(--salt-size-border);\n  --checkbox-box-offset: calc(var(--checkbox-borderWidth) / 2);\n  --checkbox-height: calc(var(--checkbox-viewbox) - var(--checkbox-borderWidth));\n  --checkbox-icon-tick-fill: var(--saltCheckbox-icon-tick-color, var(--salt-selectable-primary-foreground-selected));\n  --checkbox-viewbox: 14px; /* do not change, matches value in svg viewBox */\n  --checkbox-width: calc(var(--checkbox-viewbox) - var(--checkbox-borderWidth));\n\n  fill: var(--saltCheckbox-icon-fill, var(--salt-selectable-background));\n  height: var(--saltCheckbox-icon-size, var(--checkbox-size));\n  stroke: var(--saltCheckbox-icon-stroke, var(--salt-selectable-borderColor));\n  stroke-width: var(--saltCheckbox-icon-strokeWidth, var(--salt-size-border));\n  width: var(--saltCheckbox-icon-size, var(--checkbox-size));\n}\n\n/* Styles applied to root component on hover */\n.saltCheckbox:hover .saltCheckboxIcon,\n.saltCheckboxIcon:hover {\n  stroke: var(--saltCheckbox-icon-stroke, var(--salt-selectable-borderColor));\n  stroke-width: var(--saltCheckbox-icon-strokeWidth-hover, var(--salt-size-border));\n}\n\n/* Styles applied if `disabled={true}` */\n.saltCheckboxIcon-disabled {\n  stroke: var(--saltCheckbox-icon-stroke-disabled, var(--salt-selectable-borderColor-disabled));\n  stroke-width: var(--saltCheckbox-icon-strokeWidth-disabled, var(--salt-size-border));\n}\n\n/* Styles applied if `disabled={true}` on hover */\n.saltCheckboxIcon.saltCheckboxIcon-disabled:hover,\n.saltCheckbox.saltCheckbox-disabled:hover .saltCheckboxIcon {\n  stroke: var(--saltCheckbox-icon-stroke-disabled, var(--salt-selectable-borderColor-disabled));\n  stroke-width: var(--saltCheckbox-icon-strokeWidth-disabled, var(--salt-size-border));\n}\n\n/* Styles applied if `checked={true}` */\n.saltCheckboxIcon-checked {\n  --checkbox-borderWidth: var(--saltCheckbox-icon-borderWidth-checked, 0px);\n\n  fill: var(--saltCheckbox-icon-fill-checked, var(--salt-selectable-borderColor-selected));\n}\n\n/* Styles applied if `checked={true}` and `disabled={true}` */\n.saltCheckboxIcon-checked.saltCheckboxIcon-disabled {\n  fill: var(--saltCheckbox-icon-fill-disabled, var(--salt-selectable-borderColor-selectedDisabled));\n}\n\n/* Styles applied to box */\n.saltCheckboxIcon-box {\n  height: var(--checkbox-height);\n  stroke-width: var(--checkbox-borderWidth);\n  width: var(--checkbox-width);\n  x: var(--checkbox-box-offset);\n  y: var(--checkbox-box-offset);\n}\n\n/* Styles applied to icon if `indeterminate={true}` */\n.saltCheckboxIcon-indeterminate {\n  --checkbox-icon-tick-fill: var(--saltCheckbox-icon-indeterminate-bar-color, var(--salt-selectable-foreground-partial));\n}\n\n/* Styles applied if `indeterminate={true}` and `disabled={true}` */\n.saltCheckboxIcon-disabled.saltCheckboxIcon-indeterminate {\n  --checkbox-icon-tick-fill: var(--saltCheckbox-icon-indeterminate-bar-color-disabled, var(--salt-selectable-foreground-partialDisabled));\n}\n\n/* Styles applied to tick */\n.saltCheckboxIcon-tick {\n  fill: var(--saltCheckbox-icon-tick-fill, var(--checkbox-icon-tick-fill));\n  stroke-width: 0;\n}\n\n/* Styles applied to tick if `indeterminate={true}` */\n.saltCheckboxIcon-indeterminate .saltCheckboxIcon-tick {\n  height: var(--saltCheckbox-icon-indeterminate-bar-height, var(--checkbox-density-bar-height));\n  y: var(--saltCheckbox-icon-indeterminate-bar-y, var(--checkbox-density-bar-y));\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=CheckboxIcon.css.js.map

package/dist-es/packages/lab/src/checkbox/CheckboxIcon.css.js.map

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

package/dist-es/packages/lab/src/checkbox/CheckboxIcon.js

@@ -1,29 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { makePrefixer } from '@salt-ds/core';
-import { CheckboxUncheckedIcon } from './assets/CheckboxUncheckedIcon.js';
-import { CheckboxCheckedIcon } from './assets/CheckboxCheckedIcon.js';
-import { CheckboxIndeterminateIcon } from './assets/CheckboxIndeterminateIcon.js';
-import './CheckboxIcon.css.js';
-
-const withBaseName = makePrefixer("saltCheckboxIcon");
-const CheckboxIcon = ({
-  checked = false,
-  className: classNameProp,
-  disabled,
-  indeterminate
-}) => {
-  const className = clsx(withBaseName(), classNameProp, {
-    [withBaseName("disabled")]: disabled
-  });
-  return indeterminate ? /* @__PURE__ */ jsx(CheckboxIndeterminateIcon, {
-    className: clsx(className, withBaseName("indeterminate"))
-  }) : checked ? /* @__PURE__ */ jsx(CheckboxCheckedIcon, {
-    className: clsx(className, withBaseName("checked"))
-  }) : /* @__PURE__ */ jsx(CheckboxUncheckedIcon, {
-    className
-  });
-};
-
-export { CheckboxIcon };
-//# sourceMappingURL=CheckboxIcon.js.map

package/dist-es/packages/lab/src/checkbox/CheckboxIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxIcon.js","sources":["../src/checkbox/CheckboxIcon.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport {\n  CheckboxUncheckedIcon,\n  CheckboxCheckedIcon,\n  CheckboxIndeterminateIcon,\n} from \"./assets\";\n\nimport \"./CheckboxIcon.css\";\n\nexport interface CheckboxIconProps {\n  checked?: boolean;\n  className?: string;\n  disabled?: boolean;\n  indeterminate?: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltCheckboxIcon\");\n\nexport const CheckboxIcon = ({\n  checked = false,\n  className: classNameProp,\n  disabled,\n  indeterminate,\n}: CheckboxIconProps): JSX.Element => {\n  const className = clsx(withBaseName(), classNameProp, {\n    [withBaseName(\"disabled\")]: disabled,\n  });\n  return indeterminate ? (\n    <CheckboxIndeterminateIcon\n      className={clsx(className, withBaseName(\"indeterminate\"))}\n    />\n  ) : checked ? (\n    <CheckboxCheckedIcon className={clsx(className, withBaseName(\"checked\"))} />\n  ) : (\n    <CheckboxUncheckedIcon className={className} />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAiBA,MAAM,YAAA,GAAe,aAAa,kBAAkB,CAAA,CAAA;AAE7C,MAAM,eAAe,CAAC;AAAA,EAC3B,OAAU,GAAA,KAAA;AAAA,EACV,SAAW,EAAA,aAAA;AAAA,EACX,QAAA;AAAA,EACA,aAAA;AACF,CAAsC,KAAA;AACpC,EAAA,MAAM,SAAY,GAAA,IAAA,CAAK,YAAa,EAAA,EAAG,aAAe,EAAA;AAAA,IACpD,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,GAC7B,CAAA,CAAA;AACD,EAAA,OAAO,gCACJ,GAAA,CAAA,yBAAA,EAAA;AAAA,IACC,SAAW,EAAA,IAAA,CAAK,SAAW,EAAA,YAAA,CAAa,eAAe,CAAC,CAAA;AAAA,GAC1D,CAAA,GACE,0BACD,GAAA,CAAA,mBAAA,EAAA;AAAA,IAAoB,SAAW,EAAA,IAAA,CAAK,SAAW,EAAA,YAAA,CAAa,SAAS,CAAC,CAAA;AAAA,GAAG,oBAEzE,GAAA,CAAA,qBAAA,EAAA;AAAA,IAAsB,SAAA;AAAA,GAAsB,CAAA,CAAA;AAEjD;;;;"}

package/dist-es/packages/lab/src/checkbox/assets/CheckboxCheckedIcon.js

@@ -1,29 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function CheckboxCheckedIcon({
-  className
-}) {
-  return /* @__PURE__ */ jsx("svg", {
-    "aria-hidden": "true",
-    className,
-    focusable: "false",
-    shapeRendering: "geometricPrecision",
-    viewBox: "0 0 14 14",
-    children: /* @__PURE__ */ jsxs("g", {
-      fillRule: "evenodd",
-      children: [
-        /* @__PURE__ */ jsx("rect", {
-          className: `saltCheckboxIcon-box`
-        }),
-        /* @__PURE__ */ 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"
-        })
-      ]
-    })
-  });
-}
-
-export { CheckboxCheckedIcon };
-//# sourceMappingURL=CheckboxCheckedIcon.js.map

package/dist-es/packages/lab/src/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":[],"mappings":";;AAAO,SAAS,mBAAoB,CAAA;AAAA,EAClC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACG,GAAA,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,kBAAA,IAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxC,GAAA,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-es/packages/lab/src/checkbox/assets/CheckboxIndeterminateIcon.js

@@ -1,33 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function CheckboxIndeterminateIcon({
-  className
-}) {
-  return /* @__PURE__ */ jsx("svg", {
-    "aria-hidden": "true",
-    className,
-    focusable: "false",
-    shapeRendering: "geometricPrecision",
-    viewBox: "0 0 14 14",
-    children: /* @__PURE__ */ jsxs("g", {
-      fillRule: "evenodd",
-      strokeWidth: "1",
-      children: [
-        /* @__PURE__ */ jsx("rect", {
-          className: `saltCheckboxIcon-box`
-        }),
-        /* @__PURE__ */ jsx("rect", {
-          className: `saltCheckboxIcon-tick`,
-          height: "2",
-          strokeWidth: "0",
-          width: "8",
-          x: "3",
-          y: "6"
-        })
-      ]
-    })
-  });
-}
-
-export { CheckboxIndeterminateIcon };
-//# sourceMappingURL=CheckboxIndeterminateIcon.js.map

package/dist-es/packages/lab/src/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":[],"mappings":";;AAAO,SAAS,yBAA0B,CAAA;AAAA,EACxC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACG,GAAA,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,kBAAA,IAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MAAU,WAAY,EAAA,GAAA;AAAA,MAChC,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxC,GAAA,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-es/packages/lab/src/checkbox/assets/CheckboxUncheckedIcon.js

@@ -1,22 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-
-function CheckboxUncheckedIcon({
-  className
-}) {
-  return /* @__PURE__ */ jsx("svg", {
-    "aria-hidden": "true",
-    className,
-    focusable: "false",
-    shapeRendering: "geometricPrecision",
-    viewBox: "0 0 14 14",
-    children: /* @__PURE__ */ jsx("g", {
-      fillRule: "evenodd",
-      children: /* @__PURE__ */ jsx("rect", {
-        className: `saltCheckboxIcon-box`
-      })
-    })
-  });
-}
-
-export { CheckboxUncheckedIcon };
-//# sourceMappingURL=CheckboxUncheckedIcon.js.map

package/dist-es/packages/lab/src/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":[],"mappings":";;AAAO,SAAS,qBAAsB,CAAA;AAAA,EACpC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACG,GAAA,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,kBAAA,GAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,OAAwB,CAAA;AAAA,KAC3C,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/lab/src/checkbox/internal/CheckboxGroupContext.js

@@ -1,9 +0,0 @@
-import { createContext } from 'react';
-
-const CheckboxGroupContext = createContext(null);
-if (process.env.NODE_ENV !== "production") {
-  CheckboxGroupContext.displayName = "CheckboxGroupContext";
-}
-
-export { CheckboxGroupContext };
-//# sourceMappingURL=CheckboxGroupContext.js.map

package/dist-es/packages/lab/src/checkbox/internal/CheckboxGroupContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroupContext.js","sources":["../src/checkbox/internal/CheckboxGroupContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport { CheckboxGroupProps } from \"../CheckboxGroup\";\n\ninterface CheckboxGroupState {\n  name: CheckboxGroupProps[\"name\"];\n  onChange: CheckboxGroupProps[\"onChange\"];\n  checkedValues: CheckboxGroupProps[\"checkedValues\"];\n}\n\nconst CheckboxGroupContext = createContext<CheckboxGroupState | null>(null);\n\nif (process.env.NODE_ENV !== \"production\") {\n  CheckboxGroupContext.displayName = \"CheckboxGroupContext\";\n}\n\nexport { CheckboxGroupContext };\n"],"names":[],"mappings":";;AASM,MAAA,oBAAA,GAAuB,cAAyC,IAAI,EAAA;AAE1E,IAAI,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,EAAA,oBAAA,CAAqB,WAAc,GAAA,sBAAA,CAAA;AACrC;;;;"}

package/dist-es/packages/lab/src/radio-button/RadioButton.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* Styles applied to root component  */\n.salt-density-medium {\n  --radioButton-label-marginTop: 6px;\n  --radioButton-row-marginRight: 24px;\n}\n\n.salt-density-high {\n  --radioButton-label-marginTop: 3px;\n  --radioButton-row-marginRight: 12px;\n}\n\n.salt-density-low {\n  --radioButton-label-marginTop: 9px;\n  --radioButton-row-marginRight: 36px;\n}\n\n.salt-density-touch {\n  --radioButton-label-marginTop: 12px;\n  --radioButton-row-marginRight: 48px;\n}\n\n.saltRadioButton {\n  cursor: pointer;\n  display: block;\n}\n\n/* Styles applied to root component on hover if `disabled={true}` or FormField disabled */\n.saltRadioButton-disabled,\n.saltFormField-disabled .saltRadioButton {\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n.saltRadioButton-disabled {\n  --saltControlLabel-color: var(--salt-text-primary-foreground-disabled);\n\n  pointer-events: visible;\n}\n\n/* Styles applied to container of label and Radio component */\n.saltRadioButton-labelContainer {\n  display: inline-flex;\n  align-items: flex-start;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: var(--saltRadioButton-label-marginTop, var(--radioButton-label-marginTop));\n  vertical-align: baseline;\n}\n\n.saltRadioButton-labelContainer .saltRadioButton {\n  display: inline-flex;\n  align-content: flex-start;\n  vertical-align: baseline;\n}\n\n.saltFormGroup-row > .saltRadioButton {\n  margin-right: var(--saltFormGroup-row-marginRight, var(--radioButton-row-marginRight));\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=RadioButton.css.js.map

package/dist-es/packages/lab/src/radio-button/RadioButton.css.js.map

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

package/dist-es/packages/lab/src/radio-button/RadioButton.js

@@ -1,58 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import { makePrefixer } from '@salt-ds/core';
-import { ControlLabel } from '../control-label/ControlLabel.js';
-import { RadioButtonBase } from './RadioButtonBase.js';
-import './RadioButton.css.js';
-
-const withBaseName = makePrefixer("saltRadioButton");
-const RadioButton = forwardRef(
-  function RadioButton2(props, ref) {
-    const {
-      checked,
-      className,
-      icon,
-      disabled,
-      label,
-      LabelProps,
-      value,
-      onChange,
-      ...rest
-    } = props;
-    return /* @__PURE__ */ jsx("div", {
-      className: clsx(
-        withBaseName(),
-        {
-          [withBaseName("disabled")]: disabled
-        },
-        className
-      ),
-      ...rest,
-      children: /* @__PURE__ */ jsx(ControlLabel, {
-        ...LabelProps,
-        className: clsx(
-          withBaseName("labelContainer"),
-          {
-            [withBaseName("disabled")]: disabled
-          },
-          className
-        ),
-        disabled,
-        label,
-        labelPlacement: "right",
-        ref,
-        children: /* @__PURE__ */ jsx(RadioButtonBase, {
-          checked,
-          disabled,
-          value,
-          onChange,
-          icon
-        })
-      })
-    });
-  }
-);
-
-export { RadioButton };
-//# sourceMappingURL=RadioButton.js.map

package/dist-es/packages/lab/src/radio-button/RadioButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButton.js","sources":["../src/radio-button/RadioButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEventHandler,\n  forwardRef,\n  HTMLAttributes,\n  ComponentType,\n} from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { ControlLabel, ControlLabelProps } from \"../control-label\";\nimport { RadioButtonBase as Radio } from \"./RadioButtonBase\";\nimport { RadioButtonIconProps } from \"./RadioButtonIcon\";\n\nimport \"./RadioButton.css\";\n\nconst withBaseName = makePrefixer(\"saltRadioButton\");\n\nexport interface RadioButtonProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  checked?: boolean;\n  className?: string;\n  disabled?: boolean;\n  /**\n   * Custom icon component\n   */\n  icon?: ComponentType<RadioButtonIconProps>;\n  /**\n   * The label to be shown next to the radio\n   */\n  label?: ControlLabelProps[\"label\"];\n  LabelProps?: Partial<ControlLabelProps>;\n  name?: string;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  value?: string;\n}\n\nexport const RadioButton = forwardRef<HTMLLabelElement, RadioButtonProps>(\n  function RadioButton(props, ref) {\n    const {\n      checked,\n      className,\n      icon,\n      disabled,\n      label,\n      LabelProps,\n      value,\n      onChange,\n      ...rest\n    } = props;\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"disabled\")]: disabled,\n          },\n          className\n        )}\n        {...rest}\n      >\n        <ControlLabel\n          {...LabelProps}\n          className={clsx(\n            withBaseName(\"labelContainer\"),\n            {\n              [withBaseName(\"disabled\")]: disabled,\n            },\n            className\n          )}\n          disabled={disabled}\n          label={label}\n          labelPlacement=\"right\"\n          ref={ref}\n        >\n          <Radio\n            checked={checked}\n            disabled={disabled}\n            value={value}\n            onChange={onChange}\n            icon={icon}\n          />\n        </ControlLabel>\n      </div>\n    );\n  }\n);\n"],"names":["RadioButton","Radio"],"mappings":";;;;;;;;AAcA,MAAM,YAAA,GAAe,aAAa,iBAAiB,CAAA,CAAA;AAqB5C,MAAM,WAAc,GAAA,UAAA;AAAA,EACzB,SAASA,YAAY,CAAA,KAAA,EAAO,GAAK,EAAA;AAC/B,IAAM,MAAA;AAAA,MACJ,OAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,SAC9B;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAA,GAAA,CAAA,YAAA,EAAA;AAAA,QACE,GAAG,UAAA;AAAA,QACJ,SAAW,EAAA,IAAA;AAAA,UACT,aAAa,gBAAgB,CAAA;AAAA,UAC7B;AAAA,YACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,WAC9B;AAAA,UACA,SAAA;AAAA,SACF;AAAA,QACA,QAAA;AAAA,QACA,KAAA;AAAA,QACA,cAAe,EAAA,OAAA;AAAA,QACf,GAAA;AAAA,QAEA,QAAC,kBAAA,GAAA,CAAAC,eAAA,EAAA;AAAA,UACC,OAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA;AAAA,UACA,IAAA;AAAA,SACF,CAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/packages/lab/src/radio-button/RadioButtonBase.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* Styles applied to root component */\n.saltRadioButtonBase {\n  color: var(--salt-text-secondary-foreground);\n  padding: 1px 0;\n  flex: 0 0 auto;\n  overflow: visible;\n  text-align: center;\n  border-radius: 50%;\n  border: 0;\n  margin: 0;\n  display: inline-flex;\n  outline: 0;\n  position: relative;\n  align-items: center;\n  user-select: none;\n  vertical-align: middle;\n  justify-content: center;\n  text-decoration: none;\n  background-color: transparent;\n  -webkit-appearance: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n/* Styles applied to container of Radio input and icon */\n.saltRadioButtonBase-radioContainer {\n  width: 100%;\n  display: flex;\n  align-items: inherit;\n  justify-content: inherit;\n}\n\n/* Styles applied to input component */\n.saltRadioButtonBase-input {\n  cursor: inherit;\n  position: absolute;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  margin: 0;\n  padding: 0;\n  z-index: var(--salt-zIndex-default);\n}\n\n/* Styles applied to root component when state `focusVisible={true}` */\n.saltRadioButtonBase-focusVisible,\n.saltRadioButtonBase:focus {\n  outline: var(--salt-focused-outline);\n  outline-offset: var(--salt-focused-outlineOffset);\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=RadioButtonBase.css.js.map

package/dist-es/packages/lab/src/radio-button/RadioButtonBase.css.js.map

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