@salt-ds/lab 1.0.0-alpha.0

package/dist-cjs/packages/lab/src/pill/internal/DeleteButton.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icons = require('@salt-ds/icons');
+var core = require('@salt-ds/core');
+var cx = require('classnames');
+var constants = require('../constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const withBaseName = core.makePrefixer(constants.pillBaseName);
+const DeleteButton = (props) => {
+  const { disabled, active, className, ...restProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
+    "aria-hidden": "true",
+    className: cx__default["default"](
+      withBaseName("deleteButton"),
+      {
+        [withBaseName("deleteButton-disabled")]: disabled,
+        [withBaseName("deleteButton-active")]: active
+      },
+      className
+    ),
+    "data-testid": "pill-delete-button",
+    disabled,
+    onMouseEnter: (event) => event.stopPropagation(),
+    tabIndex: -1,
+    variant: "secondary",
+    ...restProps,
+    children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseSmallIcon, {
+      className: withBaseName("deleteIcon")
+    })
+  });
+};
+
+exports.DeleteButton = DeleteButton;
+//# sourceMappingURL=DeleteButton.js.map

package/dist-cjs/packages/lab/src/pill/internal/DeleteButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteButton.js","sources":["../src/pill/internal/DeleteButton.tsx"],"sourcesContent":["import { CloseSmallIcon } from \"@salt-ds/icons\";\nimport { Button, ButtonProps, makePrefixer } from \"@salt-ds/core\";\nimport cn from \"classnames\";\nimport { MouseEvent } from \"react\";\nimport { pillBaseName } from \"../constants\";\n\nexport interface DeleteButtonProps extends ButtonProps {\n  /**\n   * Active state.\n   */\n  active?: boolean;\n}\n\nconst withBaseName = makePrefixer(pillBaseName);\n\nexport const DeleteButton = (props: DeleteButtonProps) => {\n  const { disabled, active, className, ...restProps } = props;\n  return (\n    <Button\n      aria-hidden=\"true\"\n      className={cn(\n        withBaseName(\"deleteButton\"),\n        {\n          [withBaseName(\"deleteButton-disabled\")]: disabled,\n          [withBaseName(\"deleteButton-active\")]: active,\n        },\n        className\n      )}\n      data-testid=\"pill-delete-button\"\n      disabled={disabled}\n      onMouseEnter={(event: MouseEvent<HTMLButtonElement>) =>\n        event.stopPropagation()\n      }\n      tabIndex={-1}\n      variant=\"secondary\"\n      {...restProps}\n    >\n      <CloseSmallIcon className={withBaseName(\"deleteIcon\")} />\n    </Button>\n  );\n};\n"],"names":["makePrefixer","pillBaseName","jsx","Button","cn","CloseSmallIcon"],"mappings":";;;;;;;;;;;;;;AAaA,MAAM,YAAA,GAAeA,kBAAaC,sBAAY,CAAA,CAAA;AAEjC,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,MAAQ,EAAA,SAAA,EAAA,GAAc,WAAc,GAAA,KAAA,CAAA;AACtD,EAAA,uBACGC,cAAA,CAAAC,WAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAW,EAAAC,sBAAA;AAAA,MACT,aAAa,cAAc,CAAA;AAAA,MAC3B;AAAA,QACE,CAAC,YAAa,CAAA,uBAAuB,CAAI,GAAA,QAAA;AAAA,QACzC,CAAC,YAAa,CAAA,qBAAqB,CAAI,GAAA,MAAA;AAAA,OACzC;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACA,aAAY,EAAA,oBAAA;AAAA,IACZ,QAAA;AAAA,IACA,YAAc,EAAA,CAAC,KACb,KAAA,KAAA,CAAM,eAAgB,EAAA;AAAA,IAExB,QAAU,EAAA,CAAA,CAAA;AAAA,IACV,OAAQ,EAAA,WAAA;AAAA,IACP,GAAG,SAAA;AAAA,IAEJ,QAAC,kBAAAF,cAAA,CAAAG,oBAAA,EAAA;AAAA,MAAe,SAAA,EAAW,aAAa,YAAY,CAAA;AAAA,KAAG,CAAA;AAAA,GACzD,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/packages/lab/src/pill/internal/DivButton.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@salt-ds/core');
+var cx = require('classnames');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const withBaseName = core.makePrefixer("saltButton");
+const DivButton = React.forwardRef(
+  function DivButton2({
+    children,
+    className,
+    disabled,
+    focusableWhenDisabled,
+    onKeyUp,
+    onKeyDown,
+    onBlur,
+    onClick,
+    role: roleProp,
+    ...restProps
+  }, ref) {
+    const enter = "Enter";
+    const space = " ";
+    const handleKeyDownDiv = (event) => {
+      if (!disabled && event.target === event.currentTarget && (event.key === enter || event.key === space)) {
+        onClick == null ? void 0 : onClick(event);
+      }
+      onKeyDown == null ? void 0 : onKeyDown(event);
+    };
+    const { active, buttonProps } = core.useButton({
+      disabled,
+      focusableWhenDisabled,
+      onKeyUp,
+      onKeyDown: handleKeyDownDiv,
+      onBlur,
+      onClick
+    });
+    const {
+      "aria-disabled": ariaDisabled,
+      tabIndex,
+      onBlur: handleBlur,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      onKeyUp: handleKeyUp
+    } = buttonProps;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", {
+      "aria-disabled": ariaDisabled,
+      className: cx__default["default"](withBaseName(), className, withBaseName("primary"), {
+        [withBaseName("disabled")]: disabled,
+        [withBaseName("active")]: active
+      }),
+      tabIndex,
+      onBlur: handleBlur,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      onKeyUp: handleKeyUp,
+      role: roleProp !== void 0 ? roleProp : "button",
+      ...restProps,
+      ref,
+      children
+    });
+  }
+);
+
+exports.DivButton = DivButton;
+//# sourceMappingURL=DivButton.js.map

package/dist-cjs/packages/lab/src/pill/internal/DivButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DivButton.js","sources":["../src/pill/internal/DivButton.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  ReactElement,\n  KeyboardEvent,\n} from \"react\";\nimport { useButton, makePrefixer } from \"@salt-ds/core\";\nimport cx from \"classnames\";\n\nconst withBaseName = makePrefixer(\"saltButton\");\n\nexport interface DivButtonProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * If `true`, the button will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be focusable when disabled.\n   */\n  focusableWhenDisabled?: boolean;\n}\n\nexport const DivButton = forwardRef<HTMLDivElement, DivButtonProps>(\n  function DivButton(\n    {\n      children,\n      className,\n      disabled,\n      focusableWhenDisabled,\n      onKeyUp,\n      onKeyDown,\n      onBlur,\n      onClick,\n      role: roleProp,\n      ...restProps\n    },\n    ref?\n  ): ReactElement<DivButtonProps> {\n    const enter = \"Enter\";\n    const space = \" \";\n\n    const handleKeyDownDiv = (event: KeyboardEvent<HTMLDivElement>) => {\n      // for Pill component, which depends on Button\n      if (\n        !disabled &&\n        // Don't act on children component\n        event.target === event.currentTarget &&\n        (event.key === enter || event.key === space)\n      ) {\n        //@ts-ignore\n        onClick?.(event);\n      }\n\n      onKeyDown?.(event);\n    };\n\n    const { active, buttonProps } = useButton({\n      disabled,\n      focusableWhenDisabled,\n      onKeyUp,\n      onKeyDown: handleKeyDownDiv,\n      onBlur,\n      onClick,\n    });\n\n    const {\n      \"aria-disabled\": ariaDisabled,\n      tabIndex,\n      onBlur: handleBlur,\n      onClick: handleClick,\n      onKeyDown: handleKeyDown,\n      onKeyUp: handleKeyUp,\n    } = buttonProps;\n\n    return (\n      <div\n        aria-disabled={ariaDisabled}\n        className={cx(withBaseName(), className, withBaseName(\"primary\"), {\n          [withBaseName(\"disabled\")]: disabled,\n          [withBaseName(\"active\")]: active,\n        })}\n        tabIndex={tabIndex}\n        onBlur={handleBlur}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        // Allow an explicit null value to be passed by user to suppress role\n        role={roleProp !== undefined ? roleProp : \"button\"}\n        {...restProps}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","DivButton","useButton","jsx","cx"],"mappings":";;;;;;;;;;;;;AASA,MAAM,YAAA,GAAeA,kBAAa,YAAY,CAAA,CAAA;AAavC,MAAM,SAAY,GAAAC,gBAAA;AAAA,EACvB,SAASC,UACP,CAAA;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,qBAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAM,EAAA,QAAA;AAAA,IACH,GAAA,SAAA;AAAA,KAEL,GAC8B,EAAA;AAC9B,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,GAAA,CAAA;AAEd,IAAM,MAAA,gBAAA,GAAmB,CAAC,KAAyC,KAAA;AAEjE,MACE,IAAA,CAAC,QAED,IAAA,KAAA,CAAM,MAAW,KAAA,KAAA,CAAM,aACtB,KAAA,KAAA,CAAM,GAAQ,KAAA,KAAA,IAAS,KAAM,CAAA,GAAA,KAAQ,KACtC,CAAA,EAAA;AAEA,QAAU,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACZ;AAEA,MAAY,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACd,CAAA;AAEA,IAAA,MAAM,EAAE,MAAA,EAAQ,WAAY,EAAA,GAAIC,cAAU,CAAA;AAAA,MACxC,QAAA;AAAA,MACA,qBAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAW,EAAA,gBAAA;AAAA,MACX,MAAA;AAAA,MACA,OAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA;AAAA,MACJ,eAAiB,EAAA,YAAA;AAAA,MACjB,QAAA;AAAA,MACA,MAAQ,EAAA,UAAA;AAAA,MACR,OAAS,EAAA,WAAA;AAAA,MACT,SAAW,EAAA,aAAA;AAAA,MACX,OAAS,EAAA,WAAA;AAAA,KACP,GAAA,WAAA,CAAA;AAEJ,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,eAAe,EAAA,YAAA;AAAA,MACf,WAAWC,sBAAG,CAAA,YAAA,IAAgB,SAAW,EAAA,YAAA,CAAa,SAAS,CAAG,EAAA;AAAA,QAChE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,QAC5B,CAAC,YAAa,CAAA,QAAQ,CAAI,GAAA,MAAA;AAAA,OAC3B,CAAA;AAAA,MACD,QAAA;AAAA,MACA,MAAQ,EAAA,UAAA;AAAA,MACR,OAAS,EAAA,WAAA;AAAA,MACT,SAAW,EAAA,aAAA;AAAA,MACX,OAAS,EAAA,WAAA;AAAA,MAET,IAAA,EAAM,QAAa,KAAA,KAAA,CAAA,GAAY,QAAW,GAAA,QAAA;AAAA,MACzC,GAAG,SAAA;AAAA,MACJ,GAAA;AAAA,MAEC,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/packages/lab/src/pill/internal/PillCheckbox.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = "/* Styles applied to the Pill checkbox */\n.saltPill-checkbox {\n  height: var(--pill-checkbox-size);\n  margin-left: 1px;\n  padding-right: 0;\n  width: var(--pill-checkbox-size);\n\n  --saltCheckbox-icon-stroke: var(--salt-selectable-borderColor);\n  --saltCheckbox-icon-stroke-hover: var(--salt-selectable-borderColor);\n  --saltCheckbox-icon-fill: none;\n  --saltCheckbox-icon-fill-checked: none;\n  --saltCheckbox-icon-borderWidth-checked: var(--salt-size-border);\n  --saltCheckbox-icon-tick-color: var(--salt-taggable-foreground);\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=PillCheckbox.css.js.map

package/dist-cjs/packages/lab/src/pill/internal/PillCheckbox.css.js.map

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

package/dist-cjs/packages/lab/src/pill/internal/PillCheckbox.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+require('../../checkbox/Checkbox.js');
+require('../../checkbox/CheckboxBase.js');
+require('../../checkbox/CheckboxGroup.js');
+var CheckboxIcon = require('../../checkbox/CheckboxIcon.js');
+var constants = require('../constants.js');
+require('./PillCheckbox.css.js');
+
+const withBaseName = core.makePrefixer(`${constants.pillBaseName}-checkbox`);
+const PillCheckbox = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(CheckboxIcon.CheckboxIcon, {
+    checked: props.checked,
+    className: withBaseName()
+  });
+};
+
+exports.PillCheckbox = PillCheckbox;
+//# sourceMappingURL=PillCheckbox.js.map

package/dist-cjs/packages/lab/src/pill/internal/PillCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillCheckbox.js","sources":["../src/pill/internal/PillCheckbox.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { CheckboxIcon } from \"../../checkbox\";\nimport { pillBaseName } from \"../constants\";\n\nimport \"./PillCheckbox.css\";\n\nconst withBaseName = makePrefixer(`${pillBaseName}-checkbox`);\n\nexport const PillCheckbox = (props: { checked?: boolean }): JSX.Element => {\n  return <CheckboxIcon checked={props.checked} className={withBaseName()} />;\n};\n"],"names":["makePrefixer","pillBaseName","jsx","CheckboxIcon"],"mappings":";;;;;;;;;;;;;AAMA,MAAM,YAAA,GAAeA,iBAAa,CAAA,CAAA,EAAGC,sBAAuB,CAAA,SAAA,CAAA,CAAA,CAAA;AAE/C,MAAA,YAAA,GAAe,CAAC,KAA8C,KAAA;AACzE,EAAA,uBAAQC,cAAA,CAAAC,yBAAA,EAAA;AAAA,IAAa,SAAS,KAAM,CAAA,OAAA;AAAA,IAAS,WAAW,YAAa,EAAA;AAAA,GAAG,CAAA,CAAA;AAC1E;;;;"}

package/dist-cjs/packages/lab/src/popper/useFloatingUI.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDomInteractions = require('@floating-ui/react-dom-interactions');
+var WindowContext = require('../window/WindowContext.js');
+require('../window/ElectronWindow.js');
+
+const DEFAULT_FLOATING_UI_MIDDLEWARE = WindowContext.isDesktop ? [] : [reactDomInteractions.flip(), reactDomInteractions.shift({ limiter: reactDomInteractions.limitShift() })];
+function useFloatingUI(props) {
+  const {
+    placement: placementProp,
+    strategy: strategyProp,
+    middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,
+    open,
+    onOpenChange
+  } = props;
+  const { reference, floating, refs, update, ...rest } = reactDomInteractions.useFloating({
+    placement: placementProp,
+    strategy: strategyProp,
+    middleware,
+    open,
+    onOpenChange,
+    whileElementsMounted: reactDomInteractions.autoUpdate
+  });
+  return {
+    reference,
+    floating,
+    refs,
+    update,
+    ...rest
+  };
+}
+
+exports.DEFAULT_FLOATING_UI_MIDDLEWARE = DEFAULT_FLOATING_UI_MIDDLEWARE;
+exports.useFloatingUI = useFloatingUI;
+//# sourceMappingURL=useFloatingUI.js.map

package/dist-cjs/packages/lab/src/popper/useFloatingUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingUI.js","sources":["../src/popper/useFloatingUI.tsx"],"sourcesContent":["import type { Props } from \"@floating-ui/react-dom-interactions\";\nimport {\n  autoUpdate,\n  flip,\n  limitShift,\n  shift,\n  useFloating,\n} from \"@floating-ui/react-dom-interactions\";\nimport { isDesktop } from \"../window\";\n\nexport type UseFloatingUIProps = Partial<\n  Pick<Props, \"placement\" | \"strategy\" | \"middleware\" | \"open\" | \"onOpenChange\">\n>;\n\nexport const DEFAULT_FLOATING_UI_MIDDLEWARE = isDesktop\n  ? []\n  : [flip(), shift({ limiter: limitShift() })];\n\nexport function useFloatingUI(\n  props: UseFloatingUIProps\n): ReturnType<typeof useFloating> {\n  const {\n    placement: placementProp,\n    strategy: strategyProp,\n    middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,\n    open,\n    onOpenChange,\n  } = props;\n\n  const { reference, floating, refs, update, ...rest } = useFloating({\n    placement: placementProp,\n    strategy: strategyProp,\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":["isDesktop","flip","shift","limitShift","useFloating","autoUpdate"],"mappings":";;;;;;;;AAcO,MAAM,8BAAiC,GAAAA,uBAAA,GAC1C,EAAC,GACD,CAACC,yBAAA,EAAQ,EAAAC,0BAAA,CAAM,EAAE,OAAA,EAASC,+BAAW,EAAA,EAAG,CAAC,EAAA;AAEtC,SAAS,cACd,KACgC,EAAA;AAChC,EAAM,MAAA;AAAA,IACJ,SAAW,EAAA,aAAA;AAAA,IACX,QAAU,EAAA,YAAA;AAAA,IACV,UAAa,GAAA,8BAAA;AAAA,IACb,IAAA;AAAA,IACA,YAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,MAAM,MAAW,EAAA,GAAA,IAAA,KAASC,gCAAY,CAAA;AAAA,IACjE,SAAW,EAAA,aAAA;AAAA,IACX,QAAU,EAAA,YAAA;AAAA,IACV,UAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,oBAAsB,EAAAC,+BAAA;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-cjs/packages/lab/src/portal/Portal.js

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var ReactDOM = require('react-dom');
+var core = require('@salt-ds/core');
+
+function getContainer(container) {
+  return typeof container === "function" ? container() : container;
+}
+const DEFAULT_ID = "portal-root";
+const Portal = React.forwardRef(function Portal2({
+  children,
+  container: containerProp = document.body,
+  disablePortal = false,
+  id = DEFAULT_ID
+}, ref) {
+  var _a;
+  const [mounted, setMounted] = React.useState(false);
+  const portalRef = React.useRef(null);
+  const handleRef = core.useForkRef(
+    React.isValidElement(children) ? children.ref : null,
+    ref
+  );
+  const container = (_a = getContainer(containerProp)) != null ? _a : document.body;
+  core.useIsomorphicLayoutEffect(() => {
+    const root = core.ownerDocument(container).getElementById(id);
+    if (root) {
+      portalRef.current = root;
+    } else {
+      portalRef.current = core.ownerDocument(container).createElement("div");
+      portalRef.current.id = id;
+    }
+    const el = portalRef.current;
+    if (!container.contains(el)) {
+      container.appendChild(el);
+    }
+    setMounted(true);
+  }, [id, container]);
+  if (disablePortal) {
+    if (React.isValidElement(children)) {
+      return React.cloneElement(children, {
+        ref: handleRef
+      });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children
+    });
+  }
+  if (mounted && portalRef.current && children) {
+    return ReactDOM.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsx(core.SaltProvider, {
+        children
+      }),
+      portalRef.current
+    );
+  }
+  return null;
+});
+
+exports.Portal = Portal;
+//# sourceMappingURL=Portal.js.map

package/dist-cjs/packages/lab/src/portal/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sources":["../src/portal/Portal.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  ReactNode,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  SaltProvider,\n  ownerDocument,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\n\nexport interface PortalProps {\n  /**\n   * The children to render into the `container`.\n   */\n  children?: ReactNode;\n  /**\n   * An HTML element, component instance, or function that returns either.\n   * The `container` will have the portal children appended to it.\n   *\n   * By default, it uses the body of the top-level document object,\n   * so it's simply `document.body` most of the time.\n   */\n  container?: Element | (() => Element | null) | null;\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal?: boolean;\n  /**\n   * If this node does not exist on the document, it will be created for you.\n   */\n  id?: string;\n}\n\nfunction getContainer(container: PortalProps[\"container\"]) {\n  return typeof container === \"function\" ? container() : container;\n}\n\nconst DEFAULT_ID = \"portal-root\";\n\n/**\n * Portals provide a first-class way to render children into a DOM node\n * that exists outside the DOM hierarchy of the parent component.\n */\nexport const Portal = forwardRef<HTMLElement, PortalProps>(function Portal(\n  {\n    children,\n    container: containerProp = document.body,\n    disablePortal = false,\n    id = DEFAULT_ID,\n  },\n  ref\n) {\n  const [mounted, setMounted] = useState(false);\n  const portalRef = useRef<HTMLElement | null>(null);\n  const handleRef = useForkRef(\n    // @ts-ignore\n    isValidElement(children) ? children.ref : null,\n    ref\n  );\n\n  const container = getContainer(containerProp) ?? document.body;\n\n  useIsomorphicLayoutEffect(() => {\n    const root = ownerDocument(container).getElementById(id);\n\n    if (root) {\n      portalRef.current = root;\n    } else {\n      portalRef.current = ownerDocument(container).createElement(\"div\");\n      portalRef.current.id = id;\n    }\n\n    const el = portalRef.current;\n\n    if (!container.contains(el)) {\n      container.appendChild(el);\n    }\n\n    setMounted(true);\n  }, [id, container]);\n\n  if (disablePortal) {\n    if (isValidElement(children)) {\n      return cloneElement(children, {\n        ref: handleRef,\n      });\n    }\n    return <>{children}</>;\n  }\n\n  if (mounted && portalRef.current && children) {\n    return createPortal(\n      <SaltProvider>{children}</SaltProvider>,\n      portalRef.current\n    );\n  }\n\n  return null;\n});\n"],"names":["forwardRef","Portal","useState","useRef","useForkRef","isValidElement","useIsomorphicLayoutEffect","ownerDocument","cloneElement","jsx","Fragment","createPortal","SaltProvider"],"mappings":";;;;;;;;;AAwCA,SAAS,aAAa,SAAqC,EAAA;AACzD,EAAA,OAAO,OAAO,SAAA,KAAc,UAAa,GAAA,SAAA,EAAc,GAAA,SAAA,CAAA;AACzD,CAAA;AAEA,MAAM,UAAa,GAAA,aAAA,CAAA;AAMN,MAAA,MAAA,GAASA,gBAAqC,CAAA,SAASC,OAClE,CAAA;AAAA,EACE,QAAA;AAAA,EACA,SAAA,EAAW,gBAAgB,QAAS,CAAA,IAAA;AAAA,EACpC,aAAgB,GAAA,KAAA;AAAA,EAChB,EAAK,GAAA,UAAA;AACP,CAAA,EACA,GACA,EAAA;AA1DF,EAAA,IAAA,EAAA,CAAA;AA2DE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAAS,KAAK,CAAA,CAAA;AAC5C,EAAM,MAAA,SAAA,GAAYC,aAA2B,IAAI,CAAA,CAAA;AACjD,EAAA,MAAM,SAAY,GAAAC,eAAA;AAAA,IAEhBC,oBAAe,CAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,GAAM,GAAA,IAAA;AAAA,IAC1C,GAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,SAAY,GAAA,CAAA,EAAA,GAAA,YAAA,CAAa,aAAa,CAAA,KAA1B,YAA+B,QAAS,CAAA,IAAA,CAAA;AAE1D,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAA,MAAM,IAAO,GAAAC,kBAAA,CAAc,SAAS,CAAA,CAAE,eAAe,EAAE,CAAA,CAAA;AAEvD,IAAA,IAAI,IAAM,EAAA;AACR,MAAA,SAAA,CAAU,OAAU,GAAA,IAAA,CAAA;AAAA,KACf,MAAA;AACL,MAAA,SAAA,CAAU,OAAU,GAAAA,kBAAA,CAAc,SAAS,CAAA,CAAE,cAAc,KAAK,CAAA,CAAA;AAChE,MAAA,SAAA,CAAU,QAAQ,EAAK,GAAA,EAAA,CAAA;AAAA,KACzB;AAEA,IAAA,MAAM,KAAK,SAAU,CAAA,OAAA,CAAA;AAErB,IAAA,IAAI,CAAC,SAAA,CAAU,QAAS,CAAA,EAAE,CAAG,EAAA;AAC3B,MAAA,SAAA,CAAU,YAAY,EAAE,CAAA,CAAA;AAAA,KAC1B;AAEA,IAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AAAA,GACd,EAAA,CAAC,EAAI,EAAA,SAAS,CAAC,CAAA,CAAA;AAElB,EAAA,IAAI,aAAe,EAAA;AACjB,IAAI,IAAAF,oBAAA,CAAe,QAAQ,CAAG,EAAA;AAC5B,MAAA,OAAOG,mBAAa,QAAU,EAAA;AAAA,QAC5B,GAAK,EAAA,SAAA;AAAA,OACN,CAAA,CAAA;AAAA,KACH;AACA,IAAO,uBAAAC,cAAA,CAAAC,mBAAA,EAAA;AAAA,MAAG,QAAA;AAAA,KAAS,CAAA,CAAA;AAAA,GACrB;AAEA,EAAI,IAAA,OAAA,IAAW,SAAU,CAAA,OAAA,IAAW,QAAU,EAAA;AAC5C,IAAO,OAAAC,qBAAA;AAAA,sBACJF,cAAA,CAAAG,iBAAA,EAAA;AAAA,QAAc,QAAA;AAAA,OAAS,CAAA;AAAA,MACxB,SAAU,CAAA,OAAA;AAAA,KACZ,CAAA;AAAA,GACF;AAEA,EAAO,OAAA,IAAA,CAAA;AACT,CAAC;;;;"}

package/dist-cjs/packages/lab/src/progress/CircularProgress/CircularProgress.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".saltCircularProgress {\n  --circularProgress-gradient-color: var(--salt-measured-fill);\n\n  color: var(--salt-text-primary-foreground);\n  display: inline-flex;\n  position: relative;\n}\n\n.saltCircularProgress-disabled .saltCircularProgress-progressValue,\n.saltCircularProgress-disabled circle {\n  color: var(--salt-text-primary-foreground-disabled);\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n.saltCircularProgress-circle {\n  stroke: url(\"#salt-circular-progress-gradient\");\n  stroke-width: 2px;\n}\n\n.saltCircularProgress-small {\n  font-size: 11px;\n}\n\n.saltCircularProgress-medium {\n  font-size: 14px;\n}\n\n.saltCircularProgress-large {\n  font-size: 16px;\n}\n\n.saltCircularProgress-progressValue {\n  align-items: center;\n  color: var(--salt-text-primary-foreground);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  position: absolute;\n  width: 100%;\n}\n\n.saltCircularProgress-disabled {\n}\n\n.saltCircularProgress-completed {\n}\n\n.saltCircularProgress-railCircle {\n  stroke: var(--salt-measured-background);\n  stroke-width: 1px;\n}\n\n.saltCircularProgress-gradientStart,\n.saltCircularProgress-gradientStop {\n  stop-color: var(--saltCircularProgress-gradient-color, var(--circularProgress-gradient-color));\n}\n\n.saltCircularProgress-container {\n  display: inline-block;\n}\n\n.saltCircularProgress-static {\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;\n}\n\n.saltCircularProgress-indeterminate {\n  animation: circular-rotate 1.4s linear infinite;\n}\n\n.saltCircularProgress-svg {\n  fill: var(--salt-measured-background);\n  display: block;\n}\n\n.saltCircularProgress-circle {\n  stroke: url(\"#salt-circular-progress-gradient\");\n}\n\n.saltCircularProgress-circleStatic {\n  transition: stroke-dashoffset 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;\n}\n\n.saltCircularProgress-circleIndeterminate {\n  animation: circular-dash 1.4s ease-in-out infinite;\n}\n\n@keyframes circular-rotate {\n  0% {\n    transform-origin: 50% 50%;\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes circular-dash {\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=CircularProgress.css.js.map

package/dist-cjs/packages/lab/src/progress/CircularProgress/CircularProgress.css.js.map

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

package/dist-cjs/packages/lab/src/progress/CircularProgress/CircularProgress.js

@@ -0,0 +1,141 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var cx = require('classnames');
+var core = require('@salt-ds/core');
+var Info = require('../Info.js');
+var CircularProgressParts = require('./CircularProgressParts.js');
+require('./CircularProgress.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const MAX = 100;
+const MIN = 0;
+const withBaseName = core.makePrefixer("saltCircularProgress");
+const SIZE_OPTIONS = {
+  small: {
+    container: 36
+  },
+  medium: {
+    container: 48
+  },
+  large: {
+    container: 60
+  }
+};
+function getRelativeValue(value, min, max) {
+  return (Math.min(Math.max(min, value), max) - min) / (max - min);
+}
+function easeOut(t) {
+  t = getRelativeValue(t, 0, 1);
+  t = (t -= 1) * t * t + 1;
+  return t;
+}
+function easeIn(t) {
+  return t * t;
+}
+const CircularProgress = React.forwardRef(function CircularProgress2({
+  "aria-label": ariaLabel,
+  className,
+  disabled,
+  showInfo = true,
+  size = "small",
+  renderInfo,
+  value = 0,
+  unit = "%",
+  variant = "static",
+  ...rest
+}, ref) {
+  const circleStyle = {};
+  const rootStyle = {};
+  if (variant === "determinate" || variant === "static") {
+    const circumference = 2 * Math.PI * ((CircularProgressParts.SIZE - 2) * 0.5);
+    circleStyle.strokeDasharray = circumference.toFixed(3);
+    if (variant === "static") {
+      circleStyle.strokeDashoffset = `${((100 - value) / 100 * circumference).toFixed(3)}px`;
+      rootStyle.transform = "rotate(-90deg)";
+    } else {
+      circleStyle.strokeDashoffset = `${(easeIn((100 - value) / 100) * circumference).toFixed(3)}px`;
+      rootStyle.transform = `rotate(${(easeOut(value / 70) * 270).toFixed(
+        3
+      )}deg)`;
+    }
+  }
+  React.useEffect(() => {
+    if (process.env.NODE_ENV !== "production" && !ariaLabel) {
+      console.error(
+        "Salt: aria-label value not supplied to CircularProgress. This may affect the ADA compliance level of the component and owning application, and may generate errors in automated accessibility testing software"
+      );
+    }
+  }, [ariaLabel]);
+  const containerSize = SIZE_OPTIONS[size].container;
+  const getValueProps = () => ({
+    unit,
+    value,
+    getValueProps: (valueProps = {}) => ({
+      className: withBaseName("progressValue"),
+      ...valueProps
+    })
+  });
+  let progressInfo = null;
+  if (showInfo) {
+    progressInfo = renderInfo ? renderInfo(getValueProps()) : /* @__PURE__ */ jsxRuntime.jsx(Info.Info, {
+      className: withBaseName("progressValue"),
+      unit,
+      value,
+      ...rest
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    className: cx__default["default"](className, "saltCircularProgress", {
+      [withBaseName("small")]: size === "small",
+      [withBaseName("medium")]: size === "medium",
+      [withBaseName("large")]: size === "large",
+      [withBaseName("disabled")]: disabled
+    }),
+    "data-testid": "circular-progress",
+    ref,
+    role: "progressbar",
+    "aria-label": ariaLabel,
+    "aria-valuemax": MAX,
+    "aria-valuemin": MIN,
+    "aria-valuenow": value,
+    ...rest,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: cx__default["default"](withBaseName("container"), {
+          [withBaseName("indeterminate")]: variant === "indeterminate",
+          [withBaseName("static")]: variant === "static"
+        }),
+        style: { width: containerSize, height: containerSize, ...rootStyle },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(CircularProgressParts.ViewBox, {
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(CircularProgressParts.LinearGradient, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(CircularProgressParts.Circle, {
+              className: withBaseName("railCircle"),
+              strokeWidth: 1
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx(CircularProgressParts.Circle, {
+              strokeWidth: 2,
+              style: circleStyle,
+              className: cx__default["default"](withBaseName("circle"), {
+                [withBaseName("circleIndeterminate")]: variant === "indeterminate",
+                [withBaseName("circleStatic")]: variant === "static"
+              })
+            })
+          ]
+        })
+      }),
+      progressInfo
+    ]
+  });
+});
+
+exports.CircularProgress = CircularProgress;
+exports.SIZE_OPTIONS = SIZE_OPTIONS;
+//# sourceMappingURL=CircularProgress.js.map

package/dist-cjs/packages/lab/src/progress/CircularProgress/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.js","sources":["../src/progress/CircularProgress/CircularProgress.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  forwardRef,\n  HTMLAttributes,\n  ReactElement,\n  ReactNode,\n  useEffect,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { Info as DefaultInfo } from \"../Info\";\nimport { Circle, LinearGradient, SIZE, ViewBox } from \"./CircularProgressParts\";\nimport { InfoRendererProps } from \"../LinearProgress/LinearProgress\";\nimport \"./CircularProgress.css\";\n\nconst MAX = 100;\nconst MIN = 0;\n\nconst withBaseName = makePrefixer(\"saltCircularProgress\");\n\nexport const SIZE_OPTIONS = {\n  small: {\n    container: 36,\n  },\n  medium: {\n    container: 48,\n  },\n  large: {\n    container: 60,\n  },\n};\n\nfunction getRelativeValue(value: number, min: number, max: number): number {\n  return (Math.min(Math.max(min, value), max) - min) / (max - min);\n}\n\nfunction easeOut(t: number): number {\n  t = getRelativeValue(t, 0, 1);\n  t = (t -= 1) * t * t + 1;\n  return t;\n}\n\nfunction easeIn(t: number): number {\n  return t * t;\n}\n\nexport interface CircularProgressProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * A label for accessibility\n   */\n  \"aria-label\"?: string;\n  /**\n   * The className(s) of the component\n   */\n  className?: string;\n  /**\n   * Disabled flag, true when the component is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Render props callback to render info panel.\n   * @param function({ value, unit, getValueProps })\n   */\n  renderInfo?: (\n    props: Pick<InfoRendererProps<any, any>, \"value\" | \"unit\" | \"getValueProps\">\n  ) => ReactElement<InfoRendererProps<any, any>>;\n  /**\n   * If `true`, the info panel will be displayed.\n   */\n  showInfo?: boolean;\n  /**\n   * The size of the circle\n   * (small, medium, large)\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n  /**\n   * Default unit is`%`\n   */\n  unit?: string;\n  /**\n   * The value of the progress indicator for the determinate and static variants.\n   * Value between 0 and 100.\n   */\n  value?: number;\n  /**\n   * The variant to use.\n   * Use indeterminate or query when there is no progress value.\n   */\n  variant?: \"determinate\" | \"indeterminate\" | \"static\";\n}\n\n/**\n * Circular progress bar with an optional Info element, showing the current value\n * The default Info element can be rendered by setting `unit` and `value` props.\n * A custom Info element can be rendered using the `renderInfo` callback.\n * The render props callback is of the form\n * @param {string} unit the unit of the progress info\n * @param {number} value the value of the progress info\n * @param {string} variant the variant to use.\n * @param {function} getValueProps function callback that returns the value props\n */\nexport const CircularProgress = forwardRef<\n  HTMLDivElement,\n  CircularProgressProps\n>(function CircularProgress(\n  {\n    \"aria-label\": ariaLabel,\n    className,\n    disabled,\n    showInfo = true,\n    size = \"small\",\n    renderInfo,\n    value = 0,\n    unit = \"%\",\n    variant = \"static\",\n    ...rest\n  },\n  ref\n) {\n  const circleStyle: CSSProperties = {};\n  const rootStyle: CSSProperties = {};\n  const rootProps: HTMLAttributes<any> = {};\n\n  if (variant === \"determinate\" || variant === \"static\") {\n    const circumference = 2 * Math.PI * ((SIZE - 2) * 0.5);\n    circleStyle.strokeDasharray = circumference.toFixed(3);\n    rootProps[\"aria-valuenow\"] = Math.round(value);\n\n    if (variant === \"static\") {\n      circleStyle.strokeDashoffset = `${(\n        ((100 - value) / 100) *\n        circumference\n      ).toFixed(3)}px`;\n      rootStyle.transform = \"rotate(-90deg)\";\n    } else {\n      circleStyle.strokeDashoffset = `${(\n        easeIn((100 - value) / 100) * circumference\n      ).toFixed(3)}px`;\n      rootStyle.transform = `rotate(${(easeOut(value / 70) * 270).toFixed(\n        3\n      )}deg)`;\n    }\n  }\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\" && !ariaLabel) {\n      // eslint-disable-next-line no-console\n      console.error(\n        \"Salt: aria-label value not supplied to CircularProgress. This may affect the ADA compliance level of the component and owning application, and may generate errors in automated accessibility testing software\"\n      );\n    }\n  }, [ariaLabel]);\n\n  const containerSize = SIZE_OPTIONS[size].container;\n\n  const getValueProps = () => ({\n    unit,\n    value,\n    getValueProps: (valueProps = {}) => ({\n      className: withBaseName(\"progressValue\"),\n      ...valueProps,\n    }),\n  });\n\n  let progressInfo: ReactNode = null;\n  if (showInfo) {\n    progressInfo = renderInfo ? (\n      renderInfo(getValueProps())\n    ) : (\n      <DefaultInfo\n        className={withBaseName(\"progressValue\")}\n        unit={unit}\n        value={value}\n        {...rest}\n      />\n    );\n  }\n\n  return (\n    <div\n      className={classnames(className, \"saltCircularProgress\", {\n        [withBaseName(\"small\")]: size === \"small\",\n        [withBaseName(\"medium\")]: size === \"medium\",\n        [withBaseName(\"large\")]: size === \"large\",\n        [withBaseName(\"disabled\")]: disabled,\n      })}\n      data-testid=\"circular-progress\"\n      ref={ref}\n      role=\"progressbar\"\n      aria-label={ariaLabel}\n      aria-valuemax={MAX}\n      aria-valuemin={MIN}\n      aria-valuenow={value}\n      {...rest}\n    >\n      <div\n        className={classnames(withBaseName(\"container\"), {\n          [withBaseName(\"indeterminate\")]: variant === \"indeterminate\",\n          [withBaseName(\"static\")]: variant === \"static\",\n        })}\n        style={{ width: containerSize, height: containerSize, ...rootStyle }}\n      >\n        <ViewBox>\n          <LinearGradient />\n          <Circle className={withBaseName(\"railCircle\")} strokeWidth={1} />\n          <Circle\n            strokeWidth={2}\n            style={circleStyle}\n            className={classnames(withBaseName(\"circle\"), {\n              [withBaseName(\"circleIndeterminate\")]:\n                variant === \"indeterminate\",\n              [withBaseName(\"circleStatic\")]: variant === \"static\",\n            })}\n          />\n        </ViewBox>\n      </div>\n      {progressInfo}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","CircularProgress","SIZE","useEffect","jsx","DefaultInfo","jsxs","classnames","ViewBox","LinearGradient","Circle"],"mappings":"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"}

package/dist-cjs/packages/lab/src/progress/CircularProgress/CircularProgressParts.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('./CircularProgress.css.js');
+
+const SIZE = 44;
+const circularGradientId = "salt-circular-progress-gradient";
+const ViewBox = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", {
+    className: "saltCircularProgress-svg",
+    viewBox: `${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`,
+    children: props.children
+  });
+};
+const LinearGradient = () => /* @__PURE__ */ jsxRuntime.jsx("defs", {
+  children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", {
+    gradientTransform: "rotate(90)",
+    id: circularGradientId,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("stop", {
+        className: "saltCircularProgress-gradientStart",
+        offset: "0%"
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("stop", {
+        className: "saltCircularProgress-gradientStop",
+        offset: "100%"
+      })
+    ]
+  })
+});
+const Circle = ({ strokeWidth, style, className }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("circle", {
+    cx: SIZE,
+    cy: SIZE,
+    fill: "none",
+    r: (SIZE - strokeWidth) / 2,
+    strokeWidth,
+    style,
+    className
+  });
+};
+
+exports.Circle = Circle;
+exports.LinearGradient = LinearGradient;
+exports.SIZE = SIZE;
+exports.ViewBox = ViewBox;
+exports.circularGradientId = circularGradientId;
+//# sourceMappingURL=CircularProgressParts.js.map

package/dist-cjs/packages/lab/src/progress/CircularProgress/CircularProgressParts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgressParts.js","sources":["../src/progress/CircularProgress/CircularProgressParts.tsx"],"sourcesContent":["import { CSSProperties, ReactNode } from \"react\";\nimport \"./CircularProgress.css\";\n\nexport const SIZE = 44;\n\nexport const circularGradientId = \"salt-circular-progress-gradient\";\n\nexport const ViewBox = (props: { children?: ReactNode }) => {\n  return (\n    <svg\n      className=\"saltCircularProgress-svg\"\n      viewBox={`${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`}\n    >\n      {props.children}\n    </svg>\n  );\n};\n\nexport const LinearGradient = () => (\n  <defs>\n    <linearGradient gradientTransform=\"rotate(90)\" id={circularGradientId}>\n      <stop className=\"saltCircularProgress-gradientStart\" offset=\"0%\" />\n      <stop className=\"saltCircularProgress-gradientStop\" offset=\"100%\" />\n    </linearGradient>\n  </defs>\n);\n\nexport interface CircleProps {\n  strokeWidth: number;\n  style?: CSSProperties;\n  className?: string;\n}\n\nexport const Circle = ({ strokeWidth, style, className }: CircleProps) => {\n  return (\n    <circle\n      cx={SIZE}\n      cy={SIZE}\n      fill=\"none\"\n      r={(SIZE - strokeWidth) / 2}\n      strokeWidth={strokeWidth}\n      style={style}\n      className={className}\n    />\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;AAGO,MAAM,IAAO,GAAA,GAAA;AAEb,MAAM,kBAAqB,GAAA,kCAAA;AAErB,MAAA,OAAA,GAAU,CAAC,KAAoC,KAAA;AAC1D,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAU,EAAA,0BAAA;AAAA,IACV,SAAS,CAAG,EAAA,IAAA,GAAO,CAAK,CAAA,CAAA,EAAA,IAAA,GAAO,KAAK,IAAQ,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA;AAAA,IAE3C,QAAM,EAAA,KAAA,CAAA,QAAA;AAAA,GACT,CAAA,CAAA;AAEJ,EAAA;AAEa,MAAA,cAAA,GAAiB,sBAC3BA,cAAA,CAAA,MAAA,EAAA;AAAA,EACC,QAAC,kBAAAC,eAAA,CAAA,gBAAA,EAAA;AAAA,IAAe,iBAAkB,EAAA,YAAA;AAAA,IAAa,EAAI,EAAA,kBAAA;AAAA,IACjD,QAAA,EAAA;AAAA,sBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAU,EAAA,oCAAA;AAAA,QAAqC,MAAO,EAAA,IAAA;AAAA,OAAK,CAAA;AAAA,sBAChEA,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAU,EAAA,mCAAA;AAAA,QAAoC,MAAO,EAAA,MAAA;AAAA,OAAO,CAAA;AAAA,KAAA;AAAA,GACpE,CAAA;AAAA,CACF,EAAA;AASK,MAAM,SAAS,CAAC,EAAE,WAAa,EAAA,KAAA,EAAO,WAA6B,KAAA;AACxE,EAAA,uBACGA,cAAA,CAAA,QAAA,EAAA;AAAA,IACC,EAAI,EAAA,IAAA;AAAA,IACJ,EAAI,EAAA,IAAA;AAAA,IACJ,IAAK,EAAA,MAAA;AAAA,IACL,CAAA,EAAA,CAAI,OAAO,WAAe,IAAA,CAAA;AAAA,IAC1B,WAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;;;;;"}

package/dist-cjs/packages/lab/src/progress/Info.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const Info = ({ className, value, unit }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", {
+    "aria-hidden": "true",
+    className,
+    children: [
+      value,
+      unit
+    ]
+  });
+};
+
+exports.Info = Info;
+//# sourceMappingURL=Info.js.map

package/dist-cjs/packages/lab/src/progress/Info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Info.js","sources":["../src/progress/Info.tsx"],"sourcesContent":["export interface InfoProps {\n  className: string;\n  unit: string;\n  value: number;\n}\n\nexport const Info = ({ className, value, unit }: InfoProps) => {\n  return (\n    <span aria-hidden=\"true\" className={className}>\n      {value}\n      {unit}\n    </span>\n  );\n};\n"],"names":["jsxs"],"mappings":";;;;;;AAMO,MAAM,OAAO,CAAC,EAAE,SAAW,EAAA,KAAA,EAAO,MAAsB,KAAA;AAC7D,EAAA,uBACGA,eAAA,CAAA,MAAA,EAAA;AAAA,IAAK,aAAY,EAAA,MAAA;AAAA,IAAO,SAAA;AAAA,IACtB,QAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MACA,IAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/packages/lab/src/progress/LinearProgress/LinearProgress.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".saltLinearProgress {\n  align-items: center;\n  color: var(--salt-text-primary-foreground);\n  display: flex;\n  min-width: 200px;\n  font-size: var(--linearProgress-fontSize);\n}\n\n/* TODO: Odyssey now has only 2 sizes */\n.saltLinearProgress-large {\n  --linearProgress-after-top: 3px;\n  --linearProgress-value-paddingLeft: 12px;\n  --linearProgress-height: 7px;\n  --linearProgress-fontSize: 16px;\n}\n\n.saltLinearProgress-medium {\n  --linearProgress-after-top: 2px;\n  --linearProgress-value-paddingLeft: 8px;\n  --linearProgress-height: 5px;\n  --linearProgress-fontSize: 14px;\n}\n\n.saltLinearProgress-small {\n  --linearProgress-after-top: 1px;\n  --linearProgress-value-paddingLeft: 4px;\n  --linearProgress-height: 3px;\n  --linearProgress-fontSize: 11px;\n}\n\n.saltLinearProgress-disabled .saltLinearProgress-bar {\n  background: var(--salt-measured-fill-disabled);\n}\n\n.saltLinearProgress-disabled .saltLinearProgress-barContainer :after {\n  background: var(--salt-measured-fill-disabled);\n}\n\n.saltLinearProgress-disabled .saltLinearProgress-progressValue {\n  color: var(--salt-text-primary-foreground-disabled);\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n.saltLinearProgress-barContainer {\n  background: none;\n  position: relative;\n  width: calc(100% - 10px);\n  overflow: hidden;\n  height: var(--linearProgress-height);\n}\n\n/* Horizontal line under the progress indicator bar */\n.saltLinearProgress-barContainer:after {\n  top: var(--linearProgress-after-top);\n  background: var(--salt-measured-background);\n  content: \"\";\n  display: block;\n  height: 1px;\n  left: 0;\n  position: absolute;\n  right: 0;\n}\n\n.saltLinearProgress-determinate {\n}\n\n.saltLinearProgress-indeterminate {\n}\n\n.saltLinearProgress-query {\n  transform: rotate(180deg);\n}\n\n.saltLinearProgress-bar {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  top: 0;\n  transition: transform 0.2s linear;\n  transform-origin: left;\n  background: var(--salt-measured-fill);\n  z-index: 2;\n}\n\n.saltLinearProgress-determinate .saltLinearProgress-bar1 {\n  transition: transform 0.4s linear;\n}\n\n.saltLinearProgress-indeterminate .saltLinearProgress-bar1 {\n  width: auto;\n  animation: Indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n}\n\n.saltLinearProgress-query .saltLinearProgress-bar1 {\n  width: auto;\n  animation: Indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n}\n\n.saltLinearProgress-bar2 {\n  width: auto;\n  animation: Indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;\n}\n\n.saltLinearProgress-progressValue {\n  color: inherit;\n  margin: 0;\n  white-space: nowrap;\n  padding-left: var(--linearProgress-value-paddingLeft);\n}\n\n@keyframes Indeterminate1 {\n  0% {\n    left: -35%;\n    right: 100%;\n  }\n  60% {\n    left: 100%;\n    right: -90%;\n  }\n  100% {\n    left: 100%;\n    right: -90%;\n  }\n}\n\n@keyframes Indeterminate2 {\n  0% {\n    left: -200%;\n    right: 100%;\n  }\n  60% {\n    left: 107%;\n    right: -8%;\n  }\n  100% {\n    left: 107%;\n    right: -8%;\n  }\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=LinearProgress.css.js.map

package/dist-cjs/packages/lab/src/progress/LinearProgress/LinearProgress.css.js.map

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