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

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

@@ -1,37 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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/spinner/Spinner.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltSvgSpinner-gradientStop1,\n.saltSvgSpinner-gradientStop2,\n.saltSvgSpinner-gradientStop3,\n.saltSvgSpinner-gradientStop4 {\n  stop-color: var(--saltSpinner-gradient-color, var(--spinner-gradient-color));\n}\n\n.saltSvgSpinner {\n  --spinner-gradient-color: var(--salt-measured-fill);\n\n  position: relative;\n}\n\n.saltSvgSpinner-small {\n  height: var(--salt-size-graphic-small);\n  width: var(--salt-size-graphic-small);\n}\n\n.saltSvgSpinner-medium {\n  height: var(--salt-size-graphic-medium);\n  width: var(--salt-size-graphic-medium);\n}\n\n.saltSvgSpinner-large {\n  height: var(--salt-size-graphic-large);\n  width: var(--salt-size-graphic-large);\n}\n\n.saltSvgSpinner-spinner {\n  animation: spinner 0.9s linear infinite;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n\n@keyframes spinner {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=Spinner.css.js.map

package/dist-cjs/packages/lab/src/spinner/Spinner.css.js.map

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

package/dist-cjs/packages/lab/src/spinner/Spinner.js

@@ -1,76 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var React = require('react');
-var index = require('./svgSpinners/index.js');
-require('./Spinner.css.js');
-
-const SpinnerSizeValues = ["small", "medium", "large"];
-const baseName = "saltSvgSpinner";
-const Spinner = React.forwardRef(
-  function Spinner2({
-    "aria-label": ariaLabel = "loading",
-    announcerInterval = 5e3,
-    announcerTimeout = 2e4,
-    completionAnnouncement = `finished ${ariaLabel}`,
-    disableAnnouncer,
-    role = "img",
-    className,
-    size = "medium",
-    id: idProps,
-    ...rest
-  }, ref) {
-    const generatedId = core.useId(idProps);
-    const SvgSpinner = index.getSvgSpinner(size);
-    const { announce } = core.useAriaAnnouncer();
-    React.useEffect(() => {
-      if (disableAnnouncer)
-        return;
-      announce(ariaLabel);
-      const startTime = new Date().getTime();
-      const interval = setInterval(() => {
-        if (new Date().getTime() - startTime > announcerTimeout) {
-          announce(
-            `${ariaLabel} is still in progress, but will no longer announce.`
-          );
-          clearInterval(interval);
-          return;
-        }
-        announce(ariaLabel);
-      }, announcerInterval);
-      return () => {
-        if (disableAnnouncer)
-          return;
-        clearInterval(interval);
-        if (completionAnnouncement) {
-          announce(completionAnnouncement);
-        }
-      };
-    }, [
-      announce,
-      announcerInterval,
-      announcerTimeout,
-      ariaLabel,
-      completionAnnouncement,
-      disableAnnouncer
-    ]);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", {
-      "aria-label": ariaLabel,
-      className: clsx.clsx(`${baseName}-${size}`, className, baseName),
-      ref,
-      role,
-      ...rest,
-      children: /* @__PURE__ */ jsxRuntime.jsx(SvgSpinner, {
-        id: generatedId
-      })
-    });
-  }
-);
-
-exports.Spinner = Spinner;
-exports.SpinnerSizeValues = SpinnerSizeValues;
-//# sourceMappingURL=Spinner.js.map

package/dist-cjs/packages/lab/src/spinner/Spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.js","sources":["../src/spinner/Spinner.tsx"],"sourcesContent":["import { useAriaAnnouncer, useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, useEffect } from \"react\";\nimport { getSvgSpinner } from \"./svgSpinners\";\n\nimport \"./Spinner.css\";\n\n/**\n * Spinner component, provides an indeterminate loading indicator\n *\n * @example\n * <Spinner size=\"small | medium | large\" />\n */\n\n// TODO: documentation -- add line about best practices:\n// - Improve accessibility by customizing the aria-label to provide additional context about *what* is loading, e.g. `aria-label=\"loading settings panel\"`.\n\nexport const SpinnerSizeValues = [\"small\", \"medium\", \"large\"] as const;\nexport type SpinnerSize = typeof SpinnerSizeValues[number];\nconst baseName = \"saltSvgSpinner\";\n\nexport interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Determines the interval on which the component will continue to announce the aria-label. Defaults to 5000ms (5s)\n   */\n  announcerInterval?: number;\n  /**\n   *  * Determines the interval after which the component will stop announcing the aria-label. Defaults to 20000ms (20s)\n   */\n  announcerTimeout?: number;\n  /**\n   * The className(s) of the component\n   */\n  className?: string;\n  /**\n   * Determines the message to be announced by the component when it unmounts. Set to null if not needed.\n   */\n  completionAnnouncement?: string | null;\n  /**\n   * If true, built in aria announcer will be inactive\n   */\n  disableAnnouncer?: boolean;\n  /**\n   * The prop for the role attribute of the component\n   */\n  role?: string;\n  /**\n   * Determines the size of the spinner. Must be one of: 'small', 'medium', 'large'.\n   */\n  size?: SpinnerSize;\n  /**\n   * The ids of the SvgSpinner components\n   */\n  id?: string;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(\n  function Spinner(\n    {\n      \"aria-label\": ariaLabel = \"loading\",\n      announcerInterval = 5000,\n      announcerTimeout = 20000,\n      completionAnnouncement = `finished ${ariaLabel}`,\n      disableAnnouncer,\n      role = \"img\",\n      className,\n      size = \"medium\",\n      id: idProps,\n      ...rest\n    },\n    ref\n  ) {\n    const generatedId = useId(idProps);\n    const SvgSpinner = getSvgSpinner(size);\n\n    const { announce } = useAriaAnnouncer();\n\n    useEffect(() => {\n      if (disableAnnouncer) return;\n\n      announce(ariaLabel);\n\n      const startTime = new Date().getTime();\n\n      const interval =\n        // announcerInterval > 0 &&\n        // above line was causing typescript type error that I didn't manage to sort out right away\n        setInterval(() => {\n          if (new Date().getTime() - startTime > announcerTimeout) {\n            // the announcer will stop after 20s\n            announce(\n              `${ariaLabel} is still in progress, but will no longer announce.`\n            );\n            clearInterval(interval);\n            return;\n          }\n          announce(ariaLabel);\n        }, announcerInterval);\n\n      return () => {\n        if (disableAnnouncer) return;\n\n        clearInterval(interval);\n        if (completionAnnouncement) {\n          announce(completionAnnouncement);\n        }\n      };\n    }, [\n      announce,\n      announcerInterval,\n      announcerTimeout,\n      ariaLabel,\n      completionAnnouncement,\n      disableAnnouncer,\n    ]);\n\n    return (\n      <div\n        aria-label={ariaLabel}\n        className={clsx(`${baseName}-${size}`, className, baseName)}\n        ref={ref}\n        role={role}\n        {...rest}\n      >\n        <SvgSpinner id={generatedId} />\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","Spinner","useId","getSvgSpinner","useAriaAnnouncer","useEffect","jsx","clsx"],"mappings":";;;;;;;;;;;AAiBO,MAAM,iBAAoB,GAAA,CAAC,OAAS,EAAA,QAAA,EAAU,OAAO,EAAA;AAE5D,MAAM,QAAW,GAAA,gBAAA,CAAA;AAqCV,MAAM,OAAU,GAAAA,gBAAA;AAAA,EACrB,SAASC,QACP,CAAA;AAAA,IACE,cAAc,SAAY,GAAA,SAAA;AAAA,IAC1B,iBAAoB,GAAA,GAAA;AAAA,IACpB,gBAAmB,GAAA,GAAA;AAAA,IACnB,yBAAyB,CAAY,SAAA,EAAA,SAAA,CAAA,CAAA;AAAA,IACrC,gBAAA;AAAA,IACA,IAAO,GAAA,KAAA;AAAA,IACP,SAAA;AAAA,IACA,IAAO,GAAA,QAAA;AAAA,IACP,EAAI,EAAA,OAAA;AAAA,IACD,GAAA,IAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAM,MAAA,WAAA,GAAcC,WAAM,OAAO,CAAA,CAAA;AACjC,IAAM,MAAA,UAAA,GAAaC,oBAAc,IAAI,CAAA,CAAA;AAErC,IAAM,MAAA,EAAE,QAAS,EAAA,GAAIC,qBAAiB,EAAA,CAAA;AAEtC,IAAAC,eAAA,CAAU,MAAM;AACd,MAAI,IAAA,gBAAA;AAAkB,QAAA,OAAA;AAEtB,MAAA,QAAA,CAAS,SAAS,CAAA,CAAA;AAElB,MAAA,MAAM,SAAY,GAAA,IAAI,IAAK,EAAA,CAAE,OAAQ,EAAA,CAAA;AAErC,MAAM,MAAA,QAAA,GAGJ,YAAY,MAAM;AAChB,QAAA,IAAI,IAAI,IAAK,EAAA,CAAE,OAAQ,EAAA,GAAI,YAAY,gBAAkB,EAAA;AAEvD,UAAA,QAAA;AAAA,YACE,CAAG,EAAA,SAAA,CAAA,mDAAA,CAAA;AAAA,WACL,CAAA;AACA,UAAA,aAAA,CAAc,QAAQ,CAAA,CAAA;AACtB,UAAA,OAAA;AAAA,SACF;AACA,QAAA,QAAA,CAAS,SAAS,CAAA,CAAA;AAAA,SACjB,iBAAiB,CAAA,CAAA;AAEtB,MAAA,OAAO,MAAM;AACX,QAAI,IAAA,gBAAA;AAAkB,UAAA,OAAA;AAEtB,QAAA,aAAA,CAAc,QAAQ,CAAA,CAAA;AACtB,QAAA,IAAI,sBAAwB,EAAA;AAC1B,UAAA,QAAA,CAAS,sBAAsB,CAAA,CAAA;AAAA,SACjC;AAAA,OACF,CAAA;AAAA,KACC,EAAA;AAAA,MACD,QAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,SAAA;AAAA,MACA,sBAAA;AAAA,MACA,gBAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,YAAY,EAAA,SAAA;AAAA,MACZ,WAAWC,SAAK,CAAA,CAAA,EAAG,QAAY,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA,EAAQ,WAAW,QAAQ,CAAA;AAAA,MAC1D,GAAA;AAAA,MACA,IAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAAD,cAAA,CAAA,UAAA,EAAA;AAAA,QAAW,EAAI,EAAA,WAAA;AAAA,OAAa,CAAA;AAAA,KAC/B,CAAA,CAAA;AAAA,GAEJ;AACF;;;;;"}

package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerLarge.js

@@ -1,71 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const baseName = "saltSvgSpinner";
-const SpinnerLarge = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", {
-  className: `${baseName}-spinner`,
-  viewBox: "0 0 48 48",
-  ...props,
-  children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("defs", {
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", {
-          id: `${props.id}-1`,
-          x1: "13%",
-          x2: "100%",
-          y1: "0%",
-          y2: "87%",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("stop", {
-              className: `${baseName}-gradientStop1`,
-              offset: "0%"
-            }),
-            /* @__PURE__ */ jsxRuntime.jsx("stop", {
-              className: `${baseName}-gradientStop2`,
-              offset: "100%",
-              stopOpacity: "0"
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", {
-          id: `${props.id}-2`,
-          x1: "100%",
-          x2: "0%",
-          y1: "78%",
-          y2: "78%",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("stop", {
-              className: `${baseName}-gradientStop3`,
-              offset: "0%"
-            }),
-            /* @__PURE__ */ jsxRuntime.jsx("stop", {
-              className: `${baseName}-gradientStop4`,
-              offset: "100%"
-            })
-          ]
-        })
-      ]
-    }),
-    /* @__PURE__ */ jsxRuntime.jsxs("g", {
-      fill: "none",
-      fillRule: "evenodd",
-      strokeWidth: "1",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("path", {
-          d: "M2,24 L0,24 C0,37.255 10.745,48 24,48 L24,46 C11.869,46 2,36.131 2,24",
-          fill: `url(#${props.id}-1)`
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", {
-          d: "M24,0 C10.745,0 0,10.745 0,24 L2,24 C2,11.869 11.869,2 24,2 C36.131,2 46,11.869 46,24 L48,24 C48,10.745 37.255,0 24,0",
-          fill: `url(#${props.id}-2)`
-        })
-      ]
-    })
-  ]
-});
-
-exports.SpinnerLarge = SpinnerLarge;
-//# sourceMappingURL=SpinnerLarge.js.map

package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerLarge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpinnerLarge.js","sources":["../src/spinner/svgSpinners/SpinnerLarge.tsx"],"sourcesContent":["import { SVGAttributes } from \"react\";\n\nconst baseName = \"saltSvgSpinner\";\n\nexport const SpinnerLarge = (props: SVGAttributes<SVGSVGElement>) => (\n  <svg className={`${baseName}-spinner`} viewBox=\"0 0 48 48\" {...props}>\n    <defs>\n      <linearGradient id={`${props.id}-1`} x1=\"13%\" x2=\"100%\" y1=\"0%\" y2=\"87%\">\n        <stop className={`${baseName}-gradientStop1`} offset=\"0%\" />\n        <stop\n          className={`${baseName}-gradientStop2`}\n          offset=\"100%\"\n          stopOpacity=\"0\"\n        />\n      </linearGradient>\n      <linearGradient id={`${props.id}-2`} x1=\"100%\" x2=\"0%\" y1=\"78%\" y2=\"78%\">\n        <stop className={`${baseName}-gradientStop3`} offset=\"0%\" />\n        <stop className={`${baseName}-gradientStop4`} offset=\"100%\" />\n      </linearGradient>\n    </defs>\n    <g fill=\"none\" fillRule=\"evenodd\" strokeWidth=\"1\">\n      <path\n        d=\"M2,24 L0,24 C0,37.255 10.745,48 24,48 L24,46 C11.869,46 2,36.131 2,24\"\n        fill={`url(#${props.id}-1)`}\n      />\n      <path\n        d=\"M24,0 C10.745,0 0,10.745 0,24 L2,24 C2,11.869 11.869,2 24,2 C36.131,2 46,11.869 46,24 L48,24 C48,10.745 37.255,0 24,0\"\n        fill={`url(#${props.id}-2)`}\n      />\n    </g>\n  </svg>\n);\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAEA,MAAM,QAAW,GAAA,gBAAA,CAAA;AAEJ,MAAA,YAAA,GAAe,CAAC,KAAA,qBAC1BA,eAAA,CAAA,KAAA,EAAA;AAAA,EAAI,WAAW,CAAG,EAAA,QAAA,CAAA,QAAA,CAAA;AAAA,EAAoB,OAAQ,EAAA,WAAA;AAAA,EAAa,GAAG,KAAA;AAAA,EAC7D,QAAA,EAAA;AAAA,oBAACA,eAAA,CAAA,MAAA,EAAA;AAAA,MACC,QAAA,EAAA;AAAA,wBAACA,eAAA,CAAA,gBAAA,EAAA;AAAA,UAAe,EAAA,EAAI,GAAG,KAAM,CAAA,EAAA,CAAA,EAAA,CAAA;AAAA,UAAQ,EAAG,EAAA,KAAA;AAAA,UAAM,EAAG,EAAA,MAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,KAAA;AAAA,UACjE,QAAA,EAAA;AAAA,4BAACC,cAAA,CAAA,MAAA,EAAA;AAAA,cAAK,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cAA0B,MAAO,EAAA,IAAA;AAAA,aAAK,CAAA;AAAA,4BACzDA,cAAA,CAAA,MAAA,EAAA;AAAA,cACC,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cACd,MAAO,EAAA,MAAA;AAAA,cACP,WAAY,EAAA,GAAA;AAAA,aACd,CAAA;AAAA,WAAA;AAAA,SACF,CAAA;AAAA,wBACCD,eAAA,CAAA,gBAAA,EAAA;AAAA,UAAe,EAAA,EAAI,GAAG,KAAM,CAAA,EAAA,CAAA,EAAA,CAAA;AAAA,UAAQ,EAAG,EAAA,MAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,KAAA;AAAA,UAAM,EAAG,EAAA,KAAA;AAAA,UACjE,QAAA,EAAA;AAAA,4BAACC,cAAA,CAAA,MAAA,EAAA;AAAA,cAAK,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cAA0B,MAAO,EAAA,IAAA;AAAA,aAAK,CAAA;AAAA,4BACzDA,cAAA,CAAA,MAAA,EAAA;AAAA,cAAK,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cAA0B,MAAO,EAAA,MAAA;AAAA,aAAO,CAAA;AAAA,WAAA;AAAA,SAC9D,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,oBACCD,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,IAAK,EAAA,MAAA;AAAA,MAAO,QAAS,EAAA,SAAA;AAAA,MAAU,WAAY,EAAA,GAAA;AAAA,MAC5C,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,CAAE,EAAA,uEAAA;AAAA,UACF,IAAA,EAAM,QAAQ,KAAM,CAAA,EAAA,CAAA,GAAA,CAAA;AAAA,SACtB,CAAA;AAAA,wBACCA,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,CAAE,EAAA,uHAAA;AAAA,UACF,IAAA,EAAM,QAAQ,KAAM,CAAA,EAAA,CAAA,GAAA,CAAA;AAAA,SACtB,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAAA;AAAA,CACF;;;;"}

package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerMedium.js

@@ -1,71 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const baseName = "saltSvgSpinner";
-const SpinnerMedium = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", {
-  className: `${baseName}-spinner`,
-  viewBox: "0 0 24 24",
-  ...props,
-  children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("defs", {
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", {
-          id: `${props.id}-1`,
-          x1: "100%",
-          x2: "0%",
-          y1: "75.6597923%",
-          y2: "75.6597923%",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("stop", {
-              className: `${baseName}-gradientStop1`,
-              offset: "0%"
-            }),
-            /* @__PURE__ */ jsxRuntime.jsx("stop", {
-              className: `${baseName}-gradientStop2`,
-              offset: "100%"
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", {
-          id: `${props.id}-2`,
-          x1: "25.4178365%",
-          x2: "100%",
-          y1: "8.36237837%",
-          y2: "74.0069615%",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("stop", {
-              className: `${baseName}-gradientStop3`,
-              offset: "0%"
-            }),
-            /* @__PURE__ */ jsxRuntime.jsx("stop", {
-              className: `${baseName}-gradientStop4`,
-              offset: "100%",
-              stopOpacity: "0"
-            })
-          ]
-        })
-      ]
-    }),
-    /* @__PURE__ */ jsxRuntime.jsxs("g", {
-      fill: "none",
-      fillRule: "evenodd",
-      strokeWidth: "1",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("path", {
-          d: "M12,0 C5.373,0 0,5.373 0,12 L2,12 C2,6.486 6.486,2 12,2 C17.514,2 22,6.486 22,12 L24,12 C24,5.373 18.627,0 12,0",
-          fill: `url(#${props.id}-1)`
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", {
-          d: "M0,12.0005 C0,18.6275 5.373,24.0005 12,24.0005 L12,22.0005 C6.486,22.0005 2,17.5145 2,12.0005 L0,12.0005 Z",
-          fill: `url(#${props.id}-2)`
-        })
-      ]
-    })
-  ]
-});
-
-exports.SpinnerMedium = SpinnerMedium;
-//# sourceMappingURL=SpinnerMedium.js.map

package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerMedium.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpinnerMedium.js","sources":["../src/spinner/svgSpinners/SpinnerMedium.tsx"],"sourcesContent":["import { SVGAttributes } from \"react\";\n\nconst baseName = \"saltSvgSpinner\";\n\n// Note: the structure here is mainly for backwards compatibility where 2 colors were used\nexport const SpinnerMedium = (props: SVGAttributes<SVGSVGElement>) => (\n  <svg className={`${baseName}-spinner`} viewBox=\"0 0 24 24\" {...props}>\n    <defs>\n      <linearGradient\n        id={`${props.id}-1`}\n        x1=\"100%\"\n        x2=\"0%\"\n        y1=\"75.6597923%\"\n        y2=\"75.6597923%\"\n      >\n        <stop className={`${baseName}-gradientStop1`} offset=\"0%\" />\n        <stop className={`${baseName}-gradientStop2`} offset=\"100%\" />\n      </linearGradient>\n      <linearGradient\n        id={`${props.id}-2`}\n        x1=\"25.4178365%\"\n        x2=\"100%\"\n        y1=\"8.36237837%\"\n        y2=\"74.0069615%\"\n      >\n        <stop className={`${baseName}-gradientStop3`} offset=\"0%\" />\n        <stop\n          className={`${baseName}-gradientStop4`}\n          offset=\"100%\"\n          stopOpacity=\"0\"\n        />\n      </linearGradient>\n    </defs>\n    <g fill=\"none\" fillRule=\"evenodd\" strokeWidth=\"1\">\n      <path\n        d=\"M12,0 C5.373,0 0,5.373 0,12 L2,12 C2,6.486 6.486,2 12,2 C17.514,2 22,6.486 22,12 L24,12 C24,5.373 18.627,0 12,0\"\n        fill={`url(#${props.id}-1)`}\n      />\n      <path\n        d=\"M0,12.0005 C0,18.6275 5.373,24.0005 12,24.0005 L12,22.0005 C6.486,22.0005 2,17.5145 2,12.0005 L0,12.0005 Z\"\n        fill={`url(#${props.id}-2)`}\n      />\n    </g>\n  </svg>\n);\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAEA,MAAM,QAAW,GAAA,gBAAA,CAAA;AAGJ,MAAA,aAAA,GAAgB,CAAC,KAAA,qBAC3BA,eAAA,CAAA,KAAA,EAAA;AAAA,EAAI,WAAW,CAAG,EAAA,QAAA,CAAA,QAAA,CAAA;AAAA,EAAoB,OAAQ,EAAA,WAAA;AAAA,EAAa,GAAG,KAAA;AAAA,EAC7D,QAAA,EAAA;AAAA,oBAACA,eAAA,CAAA,MAAA,EAAA;AAAA,MACC,QAAA,EAAA;AAAA,wBAACA,eAAA,CAAA,gBAAA,EAAA;AAAA,UACC,EAAA,EAAI,GAAG,KAAM,CAAA,EAAA,CAAA,EAAA,CAAA;AAAA,UACb,EAAG,EAAA,MAAA;AAAA,UACH,EAAG,EAAA,IAAA;AAAA,UACH,EAAG,EAAA,aAAA;AAAA,UACH,EAAG,EAAA,aAAA;AAAA,UAEH,QAAA,EAAA;AAAA,4BAACC,cAAA,CAAA,MAAA,EAAA;AAAA,cAAK,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cAA0B,MAAO,EAAA,IAAA;AAAA,aAAK,CAAA;AAAA,4BACzDA,cAAA,CAAA,MAAA,EAAA;AAAA,cAAK,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cAA0B,MAAO,EAAA,MAAA;AAAA,aAAO,CAAA;AAAA,WAAA;AAAA,SAC9D,CAAA;AAAA,wBACCD,eAAA,CAAA,gBAAA,EAAA;AAAA,UACC,EAAA,EAAI,GAAG,KAAM,CAAA,EAAA,CAAA,EAAA,CAAA;AAAA,UACb,EAAG,EAAA,aAAA;AAAA,UACH,EAAG,EAAA,MAAA;AAAA,UACH,EAAG,EAAA,aAAA;AAAA,UACH,EAAG,EAAA,aAAA;AAAA,UAEH,QAAA,EAAA;AAAA,4BAACC,cAAA,CAAA,MAAA,EAAA;AAAA,cAAK,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cAA0B,MAAO,EAAA,IAAA;AAAA,aAAK,CAAA;AAAA,4BACzDA,cAAA,CAAA,MAAA,EAAA;AAAA,cACC,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cACd,MAAO,EAAA,MAAA;AAAA,cACP,WAAY,EAAA,GAAA;AAAA,aACd,CAAA;AAAA,WAAA;AAAA,SACF,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,oBACCD,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,IAAK,EAAA,MAAA;AAAA,MAAO,QAAS,EAAA,SAAA;AAAA,MAAU,WAAY,EAAA,GAAA;AAAA,MAC5C,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,CAAE,EAAA,iHAAA;AAAA,UACF,IAAA,EAAM,QAAQ,KAAM,CAAA,EAAA,CAAA,GAAA,CAAA;AAAA,SACtB,CAAA;AAAA,wBACCA,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,CAAE,EAAA,4GAAA;AAAA,UACF,IAAA,EAAM,QAAQ,KAAM,CAAA,EAAA,CAAA,GAAA,CAAA;AAAA,SACtB,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAAA;AAAA,CACF;;;;"}

package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerSmall.js

@@ -1,71 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const baseName = "saltSvgSpinner";
-const SpinnerSmall = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", {
-  className: `${baseName}-spinner`,
-  viewBox: "0 0 12 12",
-  ...props,
-  children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("defs", {
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", {
-          id: `${props.id}-1`,
-          x1: "50%",
-          x2: "100%",
-          y1: "0%",
-          y2: "50%",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("stop", {
-              className: `${baseName}-gradientStop1`,
-              offset: "0%"
-            }),
-            /* @__PURE__ */ jsxRuntime.jsx("stop", {
-              className: `${baseName}-gradientStop2`,
-              offset: "100%",
-              stopOpacity: "0"
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", {
-          id: `${props.id}-2`,
-          x1: "100%",
-          x2: "0%",
-          y1: "100%",
-          y2: "100%",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("stop", {
-              className: `${baseName}-gradientStop3`,
-              offset: "0%"
-            }),
-            /* @__PURE__ */ jsxRuntime.jsx("stop", {
-              className: `${baseName}-gradientStop4`,
-              offset: "100%"
-            })
-          ]
-        })
-      ]
-    }),
-    /* @__PURE__ */ jsxRuntime.jsxs("g", {
-      fill: "none",
-      fillRule: "evenodd",
-      strokeWidth: "1",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("path", {
-          d: "M2,6 L2,6 L0,6 C0,9.313 2.687,12 6,12 L6,10 C3.794,10 2,8.206 2,6",
-          fill: `url(#${props.id}-1)`
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", {
-          d: "M2,6 C2,3.794 3.794,2 6,2 C8.206,2 10,3.794 10,6 L12,6 C12,2.686 9.314,0 6,0 C2.687,0 0,2.686 0,6 L2,6 Z",
-          fill: `url(#${props.id}-2)`
-        })
-      ]
-    })
-  ]
-});
-
-exports.SpinnerSmall = SpinnerSmall;
-//# sourceMappingURL=SpinnerSmall.js.map

package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerSmall.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpinnerSmall.js","sources":["../src/spinner/svgSpinners/SpinnerSmall.tsx"],"sourcesContent":["import { SVGAttributes } from \"react\";\n\nconst baseName = \"saltSvgSpinner\";\n\nexport const SpinnerSmall = (props: SVGAttributes<SVGSVGElement>) => (\n  <svg className={`${baseName}-spinner`} viewBox=\"0 0 12 12\" {...props}>\n    <defs>\n      <linearGradient id={`${props.id}-1`} x1=\"50%\" x2=\"100%\" y1=\"0%\" y2=\"50%\">\n        <stop className={`${baseName}-gradientStop1`} offset=\"0%\" />\n        <stop\n          className={`${baseName}-gradientStop2`}\n          offset=\"100%\"\n          stopOpacity=\"0\"\n        />\n      </linearGradient>\n      <linearGradient\n        id={`${props.id}-2`}\n        x1=\"100%\"\n        x2=\"0%\"\n        y1=\"100%\"\n        y2=\"100%\"\n      >\n        <stop className={`${baseName}-gradientStop3`} offset=\"0%\" />\n        <stop className={`${baseName}-gradientStop4`} offset=\"100%\" />\n      </linearGradient>\n    </defs>\n    <g fill=\"none\" fillRule=\"evenodd\" strokeWidth=\"1\">\n      <path\n        d=\"M2,6 L2,6 L0,6 C0,9.313 2.687,12 6,12 L6,10 C3.794,10 2,8.206 2,6\"\n        fill={`url(#${props.id}-1)`}\n      />\n      <path\n        d=\"M2,6 C2,3.794 3.794,2 6,2 C8.206,2 10,3.794 10,6 L12,6 C12,2.686 9.314,0 6,0 C2.687,0 0,2.686 0,6 L2,6 Z\"\n        fill={`url(#${props.id}-2)`}\n      />\n    </g>\n  </svg>\n);\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAEA,MAAM,QAAW,GAAA,gBAAA,CAAA;AAEJ,MAAA,YAAA,GAAe,CAAC,KAAA,qBAC1BA,eAAA,CAAA,KAAA,EAAA;AAAA,EAAI,WAAW,CAAG,EAAA,QAAA,CAAA,QAAA,CAAA;AAAA,EAAoB,OAAQ,EAAA,WAAA;AAAA,EAAa,GAAG,KAAA;AAAA,EAC7D,QAAA,EAAA;AAAA,oBAACA,eAAA,CAAA,MAAA,EAAA;AAAA,MACC,QAAA,EAAA;AAAA,wBAACA,eAAA,CAAA,gBAAA,EAAA;AAAA,UAAe,EAAA,EAAI,GAAG,KAAM,CAAA,EAAA,CAAA,EAAA,CAAA;AAAA,UAAQ,EAAG,EAAA,KAAA;AAAA,UAAM,EAAG,EAAA,MAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,KAAA;AAAA,UACjE,QAAA,EAAA;AAAA,4BAACC,cAAA,CAAA,MAAA,EAAA;AAAA,cAAK,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cAA0B,MAAO,EAAA,IAAA;AAAA,aAAK,CAAA;AAAA,4BACzDA,cAAA,CAAA,MAAA,EAAA;AAAA,cACC,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cACd,MAAO,EAAA,MAAA;AAAA,cACP,WAAY,EAAA,GAAA;AAAA,aACd,CAAA;AAAA,WAAA;AAAA,SACF,CAAA;AAAA,wBACCD,eAAA,CAAA,gBAAA,EAAA;AAAA,UACC,EAAA,EAAI,GAAG,KAAM,CAAA,EAAA,CAAA,EAAA,CAAA;AAAA,UACb,EAAG,EAAA,MAAA;AAAA,UACH,EAAG,EAAA,IAAA;AAAA,UACH,EAAG,EAAA,MAAA;AAAA,UACH,EAAG,EAAA,MAAA;AAAA,UAEH,QAAA,EAAA;AAAA,4BAACC,cAAA,CAAA,MAAA,EAAA;AAAA,cAAK,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cAA0B,MAAO,EAAA,IAAA;AAAA,aAAK,CAAA;AAAA,4BACzDA,cAAA,CAAA,MAAA,EAAA;AAAA,cAAK,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cAA0B,MAAO,EAAA,MAAA;AAAA,aAAO,CAAA;AAAA,WAAA;AAAA,SAC9D,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,oBACCD,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,IAAK,EAAA,MAAA;AAAA,MAAO,QAAS,EAAA,SAAA;AAAA,MAAU,WAAY,EAAA,GAAA;AAAA,MAC5C,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,CAAE,EAAA,mEAAA;AAAA,UACF,IAAA,EAAM,QAAQ,KAAM,CAAA,EAAA,CAAA,GAAA,CAAA;AAAA,SACtB,CAAA;AAAA,wBACCA,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,CAAE,EAAA,0GAAA;AAAA,UACF,IAAA,EAAM,QAAQ,KAAM,CAAA,EAAA,CAAA,GAAA,CAAA;AAAA,SACtB,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAAA;AAAA,CACF;;;;"}

package/dist-cjs/packages/lab/src/spinner/svgSpinners/index.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var SpinnerSmall = require('./SpinnerSmall.js');
-var SpinnerMedium = require('./SpinnerMedium.js');
-var SpinnerLarge = require('./SpinnerLarge.js');
-
-const getSvgSpinner = (size) => {
-  switch (size) {
-    case "small":
-      return SpinnerSmall.SpinnerSmall;
-    case "large":
-      return SpinnerLarge.SpinnerLarge;
-    default:
-      return SpinnerMedium.SpinnerMedium;
-  }
-};
-
-exports.getSvgSpinner = getSvgSpinner;
-//# sourceMappingURL=index.js.map

package/dist-cjs/packages/lab/src/spinner/svgSpinners/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/spinner/svgSpinners/index.ts"],"sourcesContent":["import { SpinnerSmall } from \"./SpinnerSmall\";\nimport { SpinnerMedium } from \"./SpinnerMedium\";\nimport { SpinnerLarge } from \"./SpinnerLarge\";\n\nexport const getSvgSpinner = (size: string) => {\n  switch (size) {\n    case \"small\":\n      return SpinnerSmall;\n    case \"large\":\n      return SpinnerLarge;\n    default:\n      return SpinnerMedium;\n  }\n};\n"],"names":["SpinnerSmall","SpinnerLarge","SpinnerMedium"],"mappings":";;;;;;;;AAIa,MAAA,aAAA,GAAgB,CAAC,IAAiB,KAAA;AAC7C,EAAQ,QAAA,IAAA;AAAA,IACD,KAAA,OAAA;AACH,MAAO,OAAAA,yBAAA,CAAA;AAAA,IACJ,KAAA,OAAA;AACH,MAAO,OAAAC,yBAAA,CAAA;AAAA,IAAA;AAEP,MAAO,OAAAC,2BAAA,CAAA;AAAA,GAAA;AAEb;;;;"}

package/dist-cjs/packages/lab/src/split-layout/SplitLayout.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "/* Style applied to the separator */\n.saltSplitLayout-separator {\n  --saltFlexLayout-gap: calc(var(--salt-size-unit) * var(--saltFlexLayout-gap-multiplier) + var(--saltFlexLayout-separator));\n}\n\n.saltSplitLayout-separator > *:first-child::after,\n.saltSplitLayout-separator > *:last-child::before,\n.saltSplitLayout-separator-center::after {\n  background-color: var(--salt-separable-secondary-borderColor);\n  width: var(--saltFlexLayout-separator);\n  top: 0;\n  height: 100%;\n}\n\n.saltSplitLayout-separator-start > *:first-child::after {\n  content: \"\";\n  right: calc(var(--saltFlexLayout-separator) * -1);\n}\n\n.saltSplitLayout-separator-end > *:last-child::before {\n  content: \"\";\n  right: calc(var(--saltFlexLayout-separator) * -1);\n}\n.saltSplitLayout-separator-center {\n  position: relative;\n}\n.saltSplitLayout-separator-center::after {\n  position: absolute;\n  content: \"\";\n  right: calc(var(--saltFlexLayout-separator) * -1);\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=SplitLayout.css.js.map

package/dist-cjs/packages/lab/src/split-layout/SplitLayout.css.js.map

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

package/dist-cjs/packages/lab/src/split-layout/SplitLayout.js

@@ -1,40 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@salt-ds/core');
-require('./SplitLayout.css.js');
-
-const SplitItem = React.forwardRef(function SplitItem2({ children, ...rest }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(core.FlexItem, {
-    ...rest,
-    ref,
-    children
-  });
-});
-const SplitLayout = React.forwardRef(
-  function SplitLayout2({ align, leftSplitItem, rightSplitItem, wrap = true, gap, ...rest }, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(core.FlexLayout, {
-      align,
-      direction: "row",
-      ref,
-      wrap,
-      gap,
-      justify: "space-between",
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SplitItem, {
-          children: leftSplitItem
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx(SplitItem, {
-          children: rightSplitItem
-        })
-      ]
-    });
-  }
-);
-
-exports.SplitLayout = SplitLayout;
-//# sourceMappingURL=SplitLayout.js.map

package/dist-cjs/packages/lab/src/split-layout/SplitLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitLayout.js","sources":["../src/split-layout/SplitLayout.tsx"],"sourcesContent":["import { forwardRef, ReactNode, HTMLAttributes, ElementType } from \"react\";\nimport {\n  FlexLayout,\n  FlexLayoutProps,\n  FlexItem,\n  FlexItemProps,\n} from \"@salt-ds/core\";\nimport \"./SplitLayout.css\";\n\nexport interface SplitItemProps extends FlexItemProps<ElementType> {\n  /**\n   * A list of items. Required to have some children.\n   */\n  children: ReactNode;\n}\n\nexport interface SplitLayoutProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Defines the default behavior for how flex items are laid out along the cross axis on the current line.\n   */\n  align?: FlexLayoutProps<ElementType>[\"align\"];\n  /**\n   * Allow the items to wrap as needed, default is true.\n   */\n  wrap?: FlexLayoutProps<ElementType>[\"wrap\"];\n  /**\n   * Controls the space between items.\n   */\n  gap?: FlexLayoutProps<ElementType>[\"gap\"];\n  /**\n   * Parent component to be rendered\n   */\n  leftSplitItem: ReactNode;\n  /**\n   * Child component to be rendered\n   */\n  rightSplitItem: ReactNode;\n}\n\nconst SplitItem = forwardRef<HTMLDivElement, SplitItemProps>(function SplitItem(\n  { children, ...rest },\n  ref\n) {\n  return (\n    <FlexItem {...rest} ref={ref}>\n      {children}\n    </FlexItem>\n  );\n});\n\nexport const SplitLayout = forwardRef<HTMLDivElement, SplitLayoutProps>(\n  function SplitLayout(\n    { align, leftSplitItem, rightSplitItem, wrap = true, gap, ...rest },\n    ref\n  ) {\n    return (\n      <FlexLayout\n        align={align}\n        direction=\"row\"\n        ref={ref}\n        wrap={wrap}\n        gap={gap}\n        justify=\"space-between\"\n        {...rest}\n      >\n        <SplitItem>{leftSplitItem}</SplitItem>\n        <SplitItem>{rightSplitItem}</SplitItem>\n      </FlexLayout>\n    );\n  }\n);\n"],"names":["forwardRef","SplitItem","jsx","FlexItem","SplitLayout","jsxs","FlexLayout"],"mappings":";;;;;;;;;AAuCA,MAAM,SAAA,GAAYA,iBAA2C,SAASC,UAAAA,CACpE,EAAE,QAAa,EAAA,GAAA,IAAA,IACf,GACA,EAAA;AACA,EAAA,uBACGC,cAAA,CAAAC,aAAA,EAAA;AAAA,IAAU,GAAG,IAAA;AAAA,IAAM,GAAA;AAAA,IACjB,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC,CAAA,CAAA;AAEM,MAAM,WAAc,GAAAH,gBAAA;AAAA,EACzB,SAASI,YACP,CAAA,EAAE,KAAO,EAAA,aAAA,EAAe,cAAgB,EAAA,IAAA,GAAO,IAAM,EAAA,GAAA,EAAA,GAAQ,IAAK,EAAA,EAClE,GACA,EAAA;AACA,IAAA,uBACGC,eAAA,CAAAC,eAAA,EAAA;AAAA,MACC,KAAA;AAAA,MACA,SAAU,EAAA,KAAA;AAAA,MACV,GAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAQ,EAAA,eAAA;AAAA,MACP,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAACJ,cAAA,CAAA,SAAA,EAAA;AAAA,UAAW,QAAA,EAAA,aAAA;AAAA,SAAc,CAAA;AAAA,wBACzBA,cAAA,CAAA,SAAA,EAAA;AAAA,UAAW,QAAA,EAAA,cAAA;AAAA,SAAe,CAAA;AAAA,OAAA;AAAA,KAC7B,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/packages/lab/src/tooltip/Tooltip.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "/* Styles applied to root component */\n.saltTooltip {\n  --tooltip-background: var(--saltTooltip-background, var(--salt-container-primary-background));\n  --tooltip-fontSize: var(--saltTooltip-fontSize, var(--salt-text-fontSize));\n  --tooltip-lineHeight: var(--saltTooltip-lineHeight, var(--salt-text-lineHeight));\n  --tooltip-zIndex: var(--saltTooltip-zIndex, var(--salt-zIndex-flyover));\n}\n\n.saltTooltip {\n  background: var(--tooltip-background);\n  border-color: var(--saltTooltip-borderColor, var(--tooltip-status-borderColor));\n  border-width: var(--saltTooltip-borderWidth, var(--salt-size-border));\n  border-style: var(--saltTooltip-borderStyle, var(--salt-container-borderStyle));\n  box-shadow: var(--saltTooltip-shadow, var(--salt-overlayable-shadow-popout));\n  color: var(--saltTooltip-text-color, var(--salt-text-primary-foreground));\n  font-size: var(--tooltip-fontSize);\n  line-height: var(--tooltip-lineHeight);\n  max-width: var(--saltTooltip-maxWidth, 230px);\n  padding: var(--saltTooltip-padding, var(--salt-size-unit));\n  position: relative;\n  text-align: var(--saltTooltip-textAlign, left);\n  z-index: var(--tooltip-zIndex);\n}\n\n.saltTooltip[data-placement^=\"top\"] {\n  transform-origin: bottom;\n}\n\n.saltTooltip[data-placement^=\"bottom\"] {\n  transform-origin: top;\n}\n\n.saltTooltip[data-placement^=\"left\"] {\n  transform-origin: right;\n}\n\n.saltTooltip[data-placement^=\"right\"] {\n  transform-origin: left;\n}\n\n/* Styles applied to inner content */\n.saltTooltip-content {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n/* Styles applied to body */\n.saltTooltip-body {\n  overflow: hidden;\n}\n\n/* Styles applied to status indicator */\n.saltTooltip-icon {\n  margin-right: var(--saltTooltip-icon-marginRight, 6px);\n  vertical-align: top;\n}\n\n/* Styles applied to Tooltip arrow */\n.saltTooltip-arrow,\n.saltTooltip-arrow::after {\n  border: var(--salt-size-sharktooth-height) solid transparent;\n  position: absolute;\n}\n\n.saltTooltip-arrow::after {\n  content: \"\";\n}\n\n.saltTooltip[data-placement^=\"top\"] .saltTooltip-arrow {\n  border-top-color: var(--tooltip-status-borderColor);\n  bottom: -11px;\n}\n\n.saltTooltip[data-placement^=\"bottom\"] .saltTooltip-arrow {\n  border-bottom-color: var(--tooltip-status-borderColor);\n  top: -11px;\n}\n\n.saltTooltip[data-placement^=\"left\"] .saltTooltip-arrow {\n  border-left-color: var(--tooltip-status-borderColor);\n  right: -11px;\n}\n\n.saltTooltip[data-placement^=\"right\"] .saltTooltip-arrow {\n  border-right-color: var(--tooltip-status-borderColor);\n  left: -11px;\n}\n\n.saltTooltip[data-placement^=\"top\"] .saltTooltip-arrow::after {\n  border-top-color: var(--tooltip-background);\n  bottom: -4px;\n  left: calc(100% - var(--salt-size-sharktooth-height));\n}\n\n.saltTooltip[data-placement^=\"bottom\"] .saltTooltip-arrow::after {\n  border-bottom-color: var(--tooltip-background);\n  top: -4px;\n  left: calc(100% - var(--salt-size-sharktooth-height));\n}\n\n.saltTooltip[data-placement^=\"left\"] .saltTooltip-arrow::after {\n  border-left-color: var(--tooltip-background);\n  right: -4px;\n  top: calc(100% - var(--salt-size-sharktooth-height));\n}\n\n.saltTooltip[data-placement^=\"right\"] .saltTooltip-arrow::after {\n  border-right-color: var(--tooltip-background);\n  left: -4px;\n  top: calc(100% - var(--salt-size-sharktooth-height));\n}\n\n/* Styles applied when status = \"info\" */\n.saltTooltip-info {\n  --tooltip-status-borderColor: var(--salt-status-info-borderColor);\n}\n\n/* Styles applied when status = \"error\" */\n.saltTooltip-error {\n  --tooltip-status-borderColor: var(--salt-status-error-borderColor);\n}\n\n/* Styles applied when status = \"warning\" */\n.saltTooltip-warning {\n  --tooltip-status-borderColor: var(--salt-status-warning-borderColor);\n}\n\n/* Styles applied when status = \"success\" */\n.saltTooltip-success {\n  --tooltip-status-borderColor: var(--salt-status-success-borderColor);\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=Tooltip.css.js.map

package/dist-cjs/packages/lab/src/tooltip/Tooltip.css.js.map

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

package/dist-cjs/packages/lab/src/tooltip/Tooltip.js

@@ -1,84 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var React = require('react');
-var Portal = require('../portal/Portal.js');
-var core = require('@salt-ds/core');
-var WindowContext = require('../window/WindowContext.js');
-require('../window/ElectronWindow.js');
-require('./Tooltip.css.js');
-
-const withBaseName = core.makePrefixer("saltTooltip");
-const Tooltip = React.forwardRef(
-  function Tooltip2({
-    arrowProps,
-    children,
-    className: classNameProp,
-    container,
-    disablePortal,
-    hideArrow,
-    hideIcon,
-    open,
-    render,
-    status = "info",
-    title,
-    ...rest
-  }, ref) {
-    const getIcon = React.useCallback(
-      (iconProps) => {
-        if (hideIcon) {
-          return null;
-        }
-        return status !== "info" ? /* @__PURE__ */ jsxRuntime.jsx(core.StatusIndicator, {
-          status,
-          ...iconProps,
-          className: withBaseName("icon")
-        }) : null;
-      },
-      [status, hideIcon]
-    );
-    const Window = WindowContext.useWindow();
-    if (!open) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(Portal.Portal, {
-      disablePortal,
-      container,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Window, {
-        className: clsx.clsx(withBaseName(), withBaseName(status)),
-        ref,
-        ...rest,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: withBaseName("content"),
-            children: render ? render({
-              Icon: (passedProps) => getIcon(passedProps),
-              getIconProps: () => ({
-                status,
-                className: withBaseName("icon")
-              })
-            }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-              children: [
-                getIcon({}),
-                /* @__PURE__ */ jsxRuntime.jsx("span", {
-                  className: withBaseName("body"),
-                  children: title
-                })
-              ]
-            })
-          }),
-          !hideArrow && /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: withBaseName("arrow"),
-            ...arrowProps
-          })
-        ]
-      })
-    });
-  }
-);
-
-exports.Tooltip = Tooltip;
-//# sourceMappingURL=Tooltip.js.map

package/dist-cjs/packages/lab/src/tooltip/Tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","sources":["../src/tooltip/Tooltip.tsx"],"sourcesContent":["import { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  ComponentProps,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  useCallback,\n} from \"react\";\nimport { Portal, PortalProps } from \"../portal\";\nimport { makePrefixer, StatusIndicator } from \"@salt-ds/core\";\nimport { useWindow } from \"../window\";\n\nimport \"./Tooltip.css\";\n\n// Keep in order of preference. First items are used as default\n\nexport type TooltipStatus = \"error\" | \"info\" | \"success\" | \"warning\";\n\nconst withBaseName = makePrefixer(\"saltTooltip\");\n\n// FIXME: Fix types\nexport interface TooltipRenderProp {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  Icon: any; // typeof Icon;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  getIconProps: any; // StateAndPropGetterFunction<IconProps>;\n}\n\nexport interface TooltipProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"title\">,\n    Pick<PortalProps, \"disablePortal\" | \"container\"> {\n  arrowProps?: ComponentProps<\"div\">;\n  /**\n   * Removes the tooltip arrow.\n   */\n  hideArrow?: boolean;\n  /**\n   * Whether to hide a state icon within the tooltip\n   */\n  hideIcon?: boolean;\n  /**\n   * A callback function to render the tooltip content\n   * @param {function} getIcon getter for the icon based on the state\n   * @param {function} getIconProps getter for the icon properties\n   */\n  render?: (props: TooltipRenderProp) => ReactNode;\n  /**\n   * A string to determine the current status of the tooltip\n   */\n  status?: TooltipStatus;\n  title?: string;\n  /**\n   * This prop is used to help implement the accessibility logic.\n   * If you don't provide this prop. It falls back to a randomly generated id.\n   */\n  id?: string;\n  open?: boolean;\n}\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  function Tooltip(\n    {\n      arrowProps,\n      children,\n      className: classNameProp,\n      container,\n      disablePortal,\n      hideArrow,\n      hideIcon,\n      open,\n      render,\n      status = \"info\",\n      title,\n      ...rest\n    },\n    ref\n  ) {\n    const getIcon = useCallback(\n      (iconProps: IconProps) => {\n        if (hideIcon) {\n          return null;\n        }\n        return status !== \"info\" ? (\n          <StatusIndicator\n            status={status}\n            {...iconProps}\n            className={withBaseName(\"icon\")}\n          />\n        ) : null;\n      },\n      [status, hideIcon]\n    );\n\n    const Window = useWindow();\n\n    if (!open) {\n      return null;\n    }\n\n    return (\n      <Portal disablePortal={disablePortal} container={container}>\n        <Window\n          className={clsx(withBaseName(), withBaseName(status))}\n          ref={ref}\n          {...rest}\n        >\n          <div className={withBaseName(\"content\")}>\n            {render ? (\n              render({\n                Icon: (passedProps: IconProps) => getIcon(passedProps),\n                getIconProps: () => ({\n                  status,\n                  className: withBaseName(\"icon\"),\n                }),\n              })\n            ) : (\n              <>\n                {getIcon({})}\n                <span className={withBaseName(\"body\")}>{title}</span>\n              </>\n            )}\n          </div>\n          {!hideArrow && (\n            <div className={withBaseName(\"arrow\")} {...arrowProps} />\n          )}\n        </Window>\n      </Portal>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","Tooltip","useCallback","jsx","StatusIndicator","useWindow","Portal","jsxs","clsx","Fragment"],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,YAAA,GAAeA,kBAAa,aAAa,CAAA,CAAA;AAyCxC,MAAM,OAAU,GAAAC,gBAAA;AAAA,EACrB,SAASC,QACP,CAAA;AAAA,IACE,UAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAW,EAAA,aAAA;AAAA,IACX,SAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACT,KAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,OAAU,GAAAC,iBAAA;AAAA,MACd,CAAC,SAAyB,KAAA;AACxB,QAAA,IAAI,QAAU,EAAA;AACZ,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AACA,QAAO,OAAA,MAAA,KAAW,yBACfC,cAAA,CAAAC,oBAAA,EAAA;AAAA,UACC,MAAA;AAAA,UACC,GAAG,SAAA;AAAA,UACJ,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,SAChC,CACE,GAAA,IAAA,CAAA;AAAA,OACN;AAAA,MACA,CAAC,QAAQ,QAAQ,CAAA;AAAA,KACnB,CAAA;AAEA,IAAA,MAAM,SAASC,uBAAU,EAAA,CAAA;AAEzB,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAA,uBACGF,cAAA,CAAAG,aAAA,EAAA;AAAA,MAAO,aAAA;AAAA,MAA8B,SAAA;AAAA,MACpC,QAAC,kBAAAC,eAAA,CAAA,MAAA,EAAA;AAAA,QACC,WAAWC,SAAK,CAAA,YAAA,EAAgB,EAAA,YAAA,CAAa,MAAM,CAAC,CAAA;AAAA,QACpD,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAACL,cAAA,CAAA,KAAA,EAAA;AAAA,YAAI,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,YACnC,mBACC,MAAO,CAAA;AAAA,cACL,IAAM,EAAA,CAAC,WAA2B,KAAA,OAAA,CAAQ,WAAW,CAAA;AAAA,cACrD,cAAc,OAAO;AAAA,gBACnB,MAAA;AAAA,gBACA,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,eAChC,CAAA;AAAA,aACD,CAED,mBAAAI,eAAA,CAAAE,mBAAA,EAAA;AAAA,cACG,QAAA,EAAA;AAAA,gBAAA,OAAA,CAAQ,EAAE,CAAA;AAAA,gCACVN,cAAA,CAAA,MAAA,EAAA;AAAA,kBAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,kBAAI,QAAA,EAAA,KAAA;AAAA,iBAAM,CAAA;AAAA,eAAA;AAAA,aAChD,CAAA;AAAA,WAEJ,CAAA;AAAA,UACC,CAAC,6BACCA,cAAA,CAAA,KAAA,EAAA;AAAA,YAAI,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,YAAI,GAAG,UAAA;AAAA,WAAY,CAAA;AAAA,SAAA;AAAA,OAE3D,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/packages/lab/src/tooltip/TooltipContext.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var Tooltip = require('./Tooltip.js');
-
-const TooltipContext = React.createContext(
-  void 0
-);
-const useTooltipContext = () => {
-  const context = React.useContext(TooltipContext) || {};
-  React.useDebugValue(
-    `${context && context.Tooltip !== void 0 ? "Customized" : "Default Salt"} Tooltip.`
-  );
-  return {
-    Tooltip: Tooltip.Tooltip,
-    enterDelay: context.enterDelay || 1500,
-    leaveDelay: context.leaveDelay || 0,
-    placement: context.placement || "top"
-  };
-};
-
-exports.TooltipContext = TooltipContext;
-exports.useTooltipContext = useTooltipContext;
-//# sourceMappingURL=TooltipContext.js.map

package/dist-cjs/packages/lab/src/tooltip/TooltipContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipContext.js","sources":["../src/tooltip/TooltipContext.ts"],"sourcesContent":["import { createContext, ComponentType, useContext, useDebugValue } from \"react\";\nimport { Tooltip as SaltTooltip, TooltipProps } from \"./Tooltip\";\nimport { UseTooltipProps } from \"./useTooltip\";\n\n// TODO see also below. what is the intention od the context.toolTip - that users can supply\n// a component or an element\nexport interface TooltipContextProps {\n  // TODO: We should relax the constraint of prop so that custom Tooltip conforming to a simpler API will work\n  Tooltip?: ComponentType<TooltipProps>;\n  enterDelay?: number;\n  leaveDelay?: number;\n  placement?: UseTooltipProps[\"placement\"];\n}\n\nexport const TooltipContext = createContext<TooltipContextProps | undefined>(\n  undefined\n);\n\n/**\n * TODO: Probably move this to Tooltip packages so it can be reused?\n *\n * Provide defaults for Tooltip config so that we can maintain the consistency\n * if no customized override is provided\n */\nexport const useTooltipContext = () => {\n  const context: TooltipContextProps = useContext(TooltipContext) || {};\n\n  useDebugValue(\n    `${\n      context && context.Tooltip !== undefined ? \"Customized\" : \"Default Salt\"\n    } Tooltip.`\n  );\n\n  // TODO what is the intention od the context.toolTip - that users can supply\n  // a component or an element\n  return {\n    Tooltip: /* context.Tooltip ||*/ SaltTooltip,\n    enterDelay: context.enterDelay || 1500,\n    leaveDelay: context.leaveDelay || 0,\n    placement: context.placement || \"top\",\n  };\n};\n"],"names":["createContext","useContext","useDebugValue","SaltTooltip"],"mappings":";;;;;;;AAcO,MAAM,cAAiB,GAAAA,mBAAA;AAAA,EAC5B,KAAA,CAAA;AACF,EAAA;AAQO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,OAA+B,GAAAC,gBAAA,CAAW,cAAc,CAAA,IAAK,EAAC,CAAA;AAEpE,EAAAC,mBAAA;AAAA,IACE,CACE,EAAA,OAAA,IAAW,OAAQ,CAAA,OAAA,KAAY,SAAY,YAAe,GAAA,cAAA,CAAA,SAAA,CAAA;AAAA,GAE9D,CAAA;AAIA,EAAO,OAAA;AAAA,IACL,OAAiC,EAAAC,eAAA;AAAA,IACjC,UAAA,EAAY,QAAQ,UAAc,IAAA,IAAA;AAAA,IAClC,UAAA,EAAY,QAAQ,UAAc,IAAA,CAAA;AAAA,IAClC,SAAA,EAAW,QAAQ,SAAa,IAAA,KAAA;AAAA,GAClC,CAAA;AACF;;;;;"}