@salt-ds/lab 1.0.0-alpha.10 → 1.0.0-alpha.100

package/dist-cjs/logo/internal/LogoTitle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LogoTitle.js","sources":["../src/logo/internal/LogoTitle.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\n\nexport interface LogoTitleProps extends ComponentPropsWithoutRef<\"span\"> {\n  label?: string;\n  separatorClassname?: string;\n}\n\nexport const LogoTitle = forwardRef<HTMLSpanElement, LogoTitleProps>(\n  function LogoTitle({ label, separatorClassname, ...rest }, ref) {\n    return label ? (\n      <>\n        <span className={separatorClassname} />\n        <span ref={ref} {...rest}>\n          <span>{label}</span>\n        </span>\n      </>\n    ) : null;\n  }\n);\n"],"names":["forwardRef","LogoTitle","jsxs","Fragment","jsx"],"mappings":";;;;;;;AAOO,MAAM,SAAY,GAAAA,gBAAA;AAAA,EACvB,SAASC,UAAU,CAAA,EAAE,OAAO,kBAAuB,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AAC9D,IAAA,OAAO,KACL,mBAAAC,eAAA,CAAAC,mBAAA,EAAA;AAAA,MACE,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,kBAAA;AAAA,SAAoB,CAAA;AAAA,wBACpCA,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,GAAA;AAAA,UAAW,GAAG,IAAA;AAAA,UAClB,QAAC,kBAAAA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAM,QAAA,EAAA,KAAA;AAAA,WAAM,CAAA;AAAA,SACf,CAAA;AAAA,OAAA;AAAA,KACF,CACE,GAAA,IAAA,CAAA;AAAA,GACN;AACF;;;;"}

package/dist-cjs/nav-item/ExpansionButton.js

@@ -1,36 +0,0 @@
-'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');
-
-const iconExpansionMap = {
-  vertical: {
-    expanded: icons.ChevronDownIcon,
-    collapsed: icons.ChevronRightIcon
-  },
-  horizontal: {
-    expanded: icons.ChevronDownIcon,
-    collapsed: icons.ChevronUpIcon
-  }
-};
-function ExpansionButton({
-  expanded = false,
-  orientation = "horizontal",
-  ...rest
-}) {
-  const Icon = iconExpansionMap[orientation][expanded ? "expanded" : "collapsed"];
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
-    "aria-label": "expand",
-    variant: "secondary",
-    ...rest,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {
-      "aria-hidden": "true"
-    })
-  });
-}
-
-exports.ExpansionButton = ExpansionButton;
-//# sourceMappingURL=ExpansionButton.js.map

package/dist-cjs/nav-item/ExpansionButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpansionButton.js","sources":["../src/nav-item/ExpansionButton.tsx"],"sourcesContent":["import {\n  ChevronDownIcon,\n  ChevronRightIcon,\n  ChevronUpIcon,\n} from \"@salt-ds/icons\";\nimport { ComponentPropsWithoutRef } from \"react\";\nimport { Button } from \"@salt-ds/core\";\nimport { NavItemProps } from \"./NavItem\";\n\nconst iconExpansionMap = {\n  vertical: {\n    expanded: ChevronDownIcon,\n    collapsed: ChevronRightIcon,\n  },\n  horizontal: {\n    expanded: ChevronDownIcon,\n    collapsed: ChevronUpIcon,\n  },\n};\n\nexport function ExpansionButton({\n  expanded = false,\n  orientation = \"horizontal\",\n  ...rest\n}: Pick<NavItemProps, \"expanded\" | \"orientation\"> &\n  ComponentPropsWithoutRef<\"button\">) {\n  const Icon =\n    iconExpansionMap[orientation][expanded ? \"expanded\" : \"collapsed\"];\n  return (\n    <Button aria-label=\"expand\" variant=\"secondary\" {...rest}>\n      <Icon aria-hidden=\"true\" />\n    </Button>\n  );\n}\n"],"names":["ChevronDownIcon","ChevronRightIcon","ChevronUpIcon","jsx","Button"],"mappings":";;;;;;;;AASA,MAAM,gBAAmB,GAAA;AAAA,EACvB,QAAU,EAAA;AAAA,IACR,QAAU,EAAAA,qBAAA;AAAA,IACV,SAAW,EAAAC,sBAAA;AAAA,GACb;AAAA,EACA,UAAY,EAAA;AAAA,IACV,QAAU,EAAAD,qBAAA;AAAA,IACV,SAAW,EAAAE,mBAAA;AAAA,GACb;AACF,CAAA,CAAA;AAEO,SAAS,eAAgB,CAAA;AAAA,EAC9B,QAAW,GAAA,KAAA;AAAA,EACX,WAAc,GAAA,YAAA;AAAA,EACX,GAAA,IAAA;AACL,CACsC,EAAA;AACpC,EAAA,MAAM,IACJ,GAAA,gBAAA,CAAiB,WAAa,CAAA,CAAA,QAAA,GAAW,UAAa,GAAA,WAAA,CAAA,CAAA;AACxD,EAAA,uBACGC,cAAA,CAAAC,WAAA,EAAA;AAAA,IAAO,YAAW,EAAA,QAAA;AAAA,IAAS,OAAQ,EAAA,WAAA;AAAA,IAAa,GAAG,IAAA;AAAA,IAClD,QAAC,kBAAAD,cAAA,CAAA,IAAA,EAAA;AAAA,MAAK,aAAY,EAAA,MAAA;AAAA,KAAO,CAAA;AAAA,GAC3B,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/nav-item/NavItem.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltNavItem {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n  background: var(--salt-navigable-primary-background);\n  gap: var(--salt-spacing-75);\n}\n\n.saltNavItem-horizontal {\n  min-height: calc(var(--salt-size-stackable) + var(--salt-size-accent) + var(--salt-spacing-100));\n  padding: var(--salt-spacing-100);\n}\n\n.saltNavItem-vertical {\n  min-height: var(--salt-size-stackable);\n}\n\n.saltNavItem-label,\n.saltNavItem-label:hover {\n  color: var(--salt-text-primary-foreground);\n  line-height: var(--salt-text-lineHeight);\n  font-family: var(--salt-text-fontFamily);\n  padding-left: calc(var(--saltNavItem-level, 0) * var(--salt-spacing-150));\n  text-decoration: none;\n}\n\n.saltNavItem-vertical .saltNavItem-expandButton {\n  justify-self: end;\n  margin: calc((var(--salt-size-stackable) - var(--salt-size-base)) / 2);\n}\n\n.saltNavItem-horizontal {\n  padding-top: calc(var(--salt-spacing-100) + var(--salt-size-accent));\n}\n\n.saltNavItem-vertical {\n  padding-left: calc(var(--salt-spacing-200) + var(--salt-size-accent));\n}\n\n.saltNavItem:hover,\n.saltNavItem:focus {\n  background: var(--salt-navigable-primary-background-hover);\n}\n\n.saltNavItem:focus-visible {\n  outline: var(--salt-focused-outline);\n}\n\n.saltNavItem-active {\n  background: var(--salt-navigable-primary-background-active);\n}\n\n.saltNavItem::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: block;\n}\n\n.saltNavItem-horizontal::after {\n  width: 100%;\n  height: var(--salt-size-accent);\n}\n\n.saltNavItem-vertical::after {\n  width: var(--salt-size-accent);\n  height: 100%;\n}\n\n.saltNavItem-horizontal:hover::after,\n.saltNavItem-horizontal:focus::after {\n  background: var(--salt-navigable-indicator-hover);\n}\n\n.saltNavItem.saltNavItem-active::after,\n.saltNavItem.saltNavItem-active:hover::after,\n.saltNavItem.saltNavItem-active:focus::after {\n  background: var(--saltNavItem-indicator-color, var(--salt-navigable-indicator-active));\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=NavItem.css.js.map

package/dist-cjs/nav-item/NavItem.css.js.map

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

package/dist-cjs/nav-item/NavItem.js

@@ -1,78 +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');
-var clsx = require('clsx');
-var ExpansionButton = require('./ExpansionButton.js');
-var NavItem$1 = require('./NavItem.css.js');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-
-const withBaseName = core.makePrefixer("saltNavItem");
-const NavItem = React.forwardRef(
-  function NavItem2(props, ref) {
-    const {
-      active,
-      children,
-      className,
-      expanded = false,
-      orientation = "horizontal",
-      parent,
-      level = 0,
-      onExpand,
-      href,
-      style: styleProp,
-      ...rest
-    } = props;
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-nav-item",
-      css: NavItem$1,
-      window: targetWindow
-    });
-    const style = {
-      ...styleProp,
-      "--saltNavItem-level": `${level}`
-    };
-    const handleExpand = (event) => {
-      event.stopPropagation();
-      onExpand == null ? void 0 : onExpand(event);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: clsx.clsx(
-        withBaseName(),
-        {
-          [withBaseName("active")]: active
-        },
-        withBaseName(orientation),
-        className
-      ),
-      ref,
-      style,
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(core.Link, {
-          className: withBaseName("label"),
-          "aria-current": active ? "page" : void 0,
-          href,
-          children: /* @__PURE__ */ jsxRuntime.jsx("span", {
-            children
-          })
-        }),
-        parent && /* @__PURE__ */ jsxRuntime.jsx(ExpansionButton.ExpansionButton, {
-          "aria-expanded": expanded,
-          className: withBaseName("expandButton"),
-          expanded,
-          onClick: handleExpand,
-          orientation
-        })
-      ]
-    });
-  }
-);
-
-exports.NavItem = NavItem;
-//# sourceMappingURL=NavItem.js.map

package/dist-cjs/nav-item/NavItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavItem.js","sources":["../src/nav-item/NavItem.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  MouseEventHandler,\n  MouseEvent,\n} from \"react\";\nimport { makePrefixer, Link } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { ExpansionButton } from \"./ExpansionButton\";\n\nimport navItemCss from \"./NavItem.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nexport interface NavItemProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Whether the nav item is active.\n   */\n  active?: boolean;\n  expanded?: boolean;\n  level?: number;\n  /**\n   * The orientation of the nav item.\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  parent?: boolean;\n  onExpand?: MouseEventHandler<HTMLButtonElement>;\n  href?: string;\n}\n\nconst withBaseName = makePrefixer(\"saltNavItem\");\n\nexport const NavItem = forwardRef<HTMLDivElement, NavItemProps>(\n  function NavItem(props, ref) {\n    const {\n      active,\n      children,\n      className,\n      expanded = false,\n      orientation = \"horizontal\",\n      parent,\n      level = 0,\n      onExpand,\n      href,\n      style: styleProp,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-nav-item\",\n      css: navItemCss,\n      window: targetWindow,\n    });\n\n    const style = {\n      ...styleProp,\n      \"--saltNavItem-level\": `${level}`,\n    };\n\n    const handleExpand = (event: MouseEvent<HTMLButtonElement>) => {\n      event.stopPropagation();\n      onExpand?.(event);\n    };\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"active\")]: active,\n          },\n          withBaseName(orientation),\n          className\n        )}\n        ref={ref}\n        style={style}\n        {...rest}\n      >\n        <Link\n          className={withBaseName(\"label\")}\n          aria-current={active ? \"page\" : undefined}\n          href={href}\n        >\n          <span>{children}</span>\n        </Link>\n        {parent && (\n          <ExpansionButton\n            aria-expanded={expanded}\n            className={withBaseName(\"expandButton\")}\n            expanded={expanded}\n            onClick={handleExpand}\n            orientation={orientation}\n          />\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","NavItem","useWindow","useComponentCssInjection","navItemCss","jsxs","clsx","jsx","Link","ExpansionButton"],"mappings":";;;;;;;;;;;;;AA8BA,MAAM,YAAA,GAAeA,kBAAa,aAAa,CAAA,CAAA;AAExC,MAAM,OAAU,GAAAC,gBAAA;AAAA,EACrB,SAASC,QAAQ,CAAA,KAAA,EAAO,GAAK,EAAA;AAC3B,IAAM,MAAA;AAAA,MACJ,MAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAW,GAAA,KAAA;AAAA,MACX,WAAc,GAAA,YAAA;AAAA,MACd,MAAA;AAAA,MACA,KAAQ,GAAA,CAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAO,EAAA,SAAA;AAAA,MACJ,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,eAAA;AAAA,MACR,GAAK,EAAAC,SAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,KAAQ,GAAA;AAAA,MACZ,GAAG,SAAA;AAAA,MACH,uBAAuB,CAAG,EAAA,KAAA,CAAA,CAAA;AAAA,KAC5B,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,KAAyC,KAAA;AAC7D,MAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AACtB,MAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACb,CAAA;AAEA,IAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,QAAQ,CAAI,GAAA,MAAA;AAAA,SAC5B;AAAA,QACA,aAAa,WAAW,CAAA;AAAA,QACxB,SAAA;AAAA,OACF;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAAC,SAAA,EAAA;AAAA,UACC,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,UAC/B,cAAA,EAAc,SAAS,MAAS,GAAA,KAAA,CAAA;AAAA,UAChC,IAAA;AAAA,UAEA,QAAC,kBAAAD,cAAA,CAAA,MAAA,EAAA;AAAA,YAAM,QAAA;AAAA,WAAS,CAAA;AAAA,SAClB,CAAA;AAAA,QACC,0BACEA,cAAA,CAAAE,+BAAA,EAAA;AAAA,UACC,eAAe,EAAA,QAAA;AAAA,UACf,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,UACtC,QAAA;AAAA,UACA,OAAS,EAAA,YAAA;AAAA,UACT,WAAA;AAAA,SACF,CAAA;AAAA,OAAA;AAAA,KAEJ,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/overlay/Overlay.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = "/* Experimental - Overlay css variable API */\n.saltOverlay {\n  --overlay-text-color: var(--salt-text-primary-foreground);\n  --overlay-spacing: var(--salt-size-unit);\n  --overlay-fontSize: var(--salt-text-fontSize);\n  --overlay-background: var(--salt-container-primary-background);\n  --overlay-borderColor: var(--salt-container-primary-borderColor);\n  /* TODO: z-index audit, provide z index here or rely on popper */\n  --overlay-zindex: var(--salt-zIndex-flyover);\n}\n\n.saltOverlay-secondary.saltOverlay {\n  --overlay-background: var(--salt-container-secondary-background);\n  --overlay-borderColor: var(--salt-container-secondary-borderColor);\n}\n\n.saltOverlay-content {\n  display: flex;\n  padding: calc(var(--overlay-spacing) * 2);\n  font-size: var(--overlay-fontSize);\n\n  border: 1px solid var(--overlay-borderColor);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  line-height: var(--salt-text-lineHeight);\n  background: var(--overlay-background);\n  color: var(--overlay-text-color);\n  position: relative;\n  opacity: 1;\n  overflow: visible;\n  z-index: var(--overlay-zindex);\n}\n\n.saltOverlay-arrow,\n.saltOverlay-arrow::after {\n  border: 8px solid transparent;\n  position: absolute;\n}\n\n.saltOverlay-arrow::after {\n  content: \"\";\n}\n\n.saltOverlay[data-placement^=\"top\"] .saltOverlay-arrow {\n  border-top-color: var(--overlay-borderColor);\n  bottom: -17px;\n}\n\n.saltOverlay[data-placement^=\"bottom\"] .saltOverlay-arrow {\n  border-bottom-color: var(--overlay-borderColor);\n  top: -17px;\n}\n\n.saltOverlay[data-placement^=\"left\"] .saltOverlay-arrow {\n  border-left-color: var(--overlay-borderColor);\n  right: -17px;\n}\n\n.saltOverlay[data-placement^=\"right\"] .saltOverlay-arrow {\n  border-right-color: var(--overlay-borderColor);\n  left: -17px;\n}\n\n.saltOverlay[data-placement^=\"top\"] .saltOverlay-arrow::after {\n  border-top-color: var(--overlay-background);\n  bottom: -7px;\n  left: calc(100% - 8px);\n}\n\n.saltOverlay[data-placement^=\"bottom\"] .saltOverlay-arrow::after {\n  border-bottom-color: var(--overlay-background);\n  top: -7px;\n  left: calc(100% - 8px);\n}\n\n.saltOverlay[data-placement^=\"left\"] .saltOverlay-arrow::after {\n  border-left-color: var(--overlay-background);\n  right: -7px;\n  top: calc(100% - 8px);\n}\n\n.saltOverlay[data-placement^=\"right\"] .saltOverlay-arrow::after {\n  border-right-color: var(--overlay-background);\n  left: -7px;\n  top: calc(100% - 8px);\n}\n\n/* Close Button */\n.saltOverlay-close {\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: var(--salt-zIndex-default);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=Overlay.css.js.map

package/dist-cjs/overlay/Overlay.css.js.map

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

package/dist-cjs/overlay/Overlay.js

@@ -1,79 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var icons = require('@salt-ds/icons');
-var clsx = require('clsx');
-var React = require('react');
-var Portal = require('../portal/Portal.js');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var WindowContext = require('../window/WindowContext.js');
-require('../window/ElectronWindow.js');
-var Overlay$1 = require('./Overlay.css.js');
-
-const withBaseName = core.makePrefixer("saltOverlay");
-const Overlay = React.forwardRef(
-  ({
-    adaExceptions: { showClose } = {
-      showClose: true
-    },
-    arrowProps,
-    children,
-    className,
-    open,
-    onOpenChange,
-    variant = "primary",
-    ...rest
-  }, ref) => {
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-overlay",
-      css: Overlay$1,
-      window: targetWindow
-    });
-    const id = core.useId();
-    const Window = WindowContext.useWindow();
-    const handleCloseButton = () => {
-      onOpenChange == null ? void 0 : onOpenChange(false);
-    };
-    if (!open) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(Portal.Portal, {
-      children: /* @__PURE__ */ jsxRuntime.jsx(Window, {
-        className: clsx.clsx(withBaseName(), className, {
-          [withBaseName(variant)]: variant === "secondary"
-        }),
-        id,
-        ref,
-        ...rest,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          className: clsx.clsx(withBaseName("content")),
-          "data-testid": "overlay-content",
-          children: [
-            showClose && /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
-              onClick: handleCloseButton,
-              className: withBaseName("close"),
-              variant: "secondary",
-              children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, {
-                "accessible-text": "close overlay",
-                className: withBaseName("closeIcon")
-              })
-            }),
-            children,
-            /* @__PURE__ */ jsxRuntime.jsx("div", {
-              className: withBaseName("arrow"),
-              ...arrowProps
-            })
-          ]
-        })
-      })
-    });
-  }
-);
-
-exports.Overlay = Overlay;
-//# sourceMappingURL=Overlay.js.map

package/dist-cjs/overlay/Overlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Overlay.js","sources":["../src/overlay/Overlay.tsx"],"sourcesContent":["import { Button, makePrefixer, UseFloatingUIProps, useId } from \"@salt-ds/core\";\nimport { CloseIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ComponentProps, ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { Portal } from \"../portal\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport { useWindow as usePortalWindow } from \"../window\";\n\nimport overlayCSS from \"./Overlay.css\";\n\ninterface ADAExceptions {\n  showClose?: boolean;\n}\n\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<\"div\">,\n    Partial<Pick<UseFloatingUIProps, \"onOpenChange\" | \"open\">> {\n  /**\n   * object that houses ada related props.\n   * adaExceptions.showClose defaults to true. It can be removed at the risk of ADA compliance\n   */\n  adaExceptions?: ADAExceptions;\n  arrowProps?: ComponentProps<\"div\">;\n  variant?: \"primary\" | \"secondary\";\n}\n\nconst withBaseName = makePrefixer(\"saltOverlay\");\n\nexport const Overlay = forwardRef<HTMLDivElement, OverlayProps>(\n  (\n    {\n      adaExceptions: { showClose } = {\n        showClose: true,\n      },\n      arrowProps,\n      children,\n      className,\n      open,\n      onOpenChange,\n      variant = \"primary\",\n      ...rest\n    },\n    ref\n  ) => {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-overlay\",\n      css: overlayCSS,\n      window: targetWindow,\n    });\n\n    // Will need to figure out a better way to assign popper id's for the electron windows\n    const id = useId();\n    const Window = usePortalWindow();\n\n    const handleCloseButton = () => {\n      onOpenChange?.(false);\n    };\n\n    if (!open) {\n      return null;\n    }\n\n    return (\n      <Portal>\n        <Window\n          className={clsx(withBaseName(), className, {\n            [withBaseName(variant)]: variant === \"secondary\",\n          })}\n          id={id}\n          ref={ref}\n          {...rest}\n        >\n          <div\n            className={clsx(withBaseName(\"content\"))}\n            data-testid=\"overlay-content\"\n          >\n            {showClose && (\n              <Button\n                onClick={handleCloseButton}\n                className={withBaseName(\"close\")}\n                variant=\"secondary\"\n              >\n                <CloseIcon\n                  accessible-text=\"close overlay\"\n                  className={withBaseName(\"closeIcon\")}\n                />\n              </Button>\n            )}\n            {children}\n            <div className={withBaseName(\"arrow\")} {...arrowProps} />\n          </div>\n        </Window>\n      </Portal>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","useWindow","useComponentCssInjection","overlayCSS","useId","usePortalWindow","jsx","Portal","clsx","jsxs","Button","CloseIcon"],"mappings":";;;;;;;;;;;;;;;;AA6BA,MAAM,YAAA,GAAeA,kBAAa,aAAa,CAAA,CAAA;AAExC,MAAM,OAAU,GAAAC,gBAAA;AAAA,EACrB,CACE;AAAA,IACE,aAAA,EAAe,EAAE,SAAA,EAAc,GAAA;AAAA,MAC7B,SAAW,EAAA,IAAA;AAAA,KACb;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACP,GAAA,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,cAAA;AAAA,MACR,GAAK,EAAAC,SAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAGD,IAAA,MAAM,KAAKC,UAAM,EAAA,CAAA;AACjB,IAAA,MAAM,SAASC,uBAAgB,EAAA,CAAA;AAE/B,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACjB,CAAA;AAEA,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAA,uBACGC,cAAA,CAAAC,aAAA,EAAA;AAAA,MACC,QAAC,kBAAAD,cAAA,CAAA,MAAA,EAAA;AAAA,QACC,SAAW,EAAAE,SAAA,CAAK,YAAa,EAAA,EAAG,SAAW,EAAA;AAAA,UACzC,CAAC,YAAA,CAAa,OAAO,CAAA,GAAI,OAAY,KAAA,WAAA;AAAA,SACtC,CAAA;AAAA,QACD,EAAA;AAAA,QACA,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAC,kBAAAC,eAAA,CAAA,KAAA,EAAA;AAAA,UACC,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,SAAS,CAAC,CAAA;AAAA,UACvC,aAAY,EAAA,iBAAA;AAAA,UAEX,QAAA,EAAA;AAAA,YAAA,SAAA,oBACEF,cAAA,CAAAI,WAAA,EAAA;AAAA,cACC,OAAS,EAAA,iBAAA;AAAA,cACT,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,cAC/B,OAAQ,EAAA,WAAA;AAAA,cAER,QAAC,kBAAAJ,cAAA,CAAAK,eAAA,EAAA;AAAA,gBACC,iBAAgB,EAAA,eAAA;AAAA,gBAChB,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,eACrC,CAAA;AAAA,aACF,CAAA;AAAA,YAED,QAAA;AAAA,4BACAL,cAAA,CAAA,KAAA,EAAA;AAAA,cAAI,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,cAAI,GAAG,UAAA;AAAA,aAAY,CAAA;AAAA,WAAA;AAAA,SACzD,CAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/overlay/useOverlay.js

@@ -1,97 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('@floating-ui/react');
-var core = require('@salt-ds/core');
-var React = require('react');
-var WindowContext = require('../window/WindowContext.js');
-require('../window/ElectronWindow.js');
-
-function useOverlay(props) {
-  const { open: openProp, placement = "right", onOpenChange } = props;
-  const arrowRef = React.useRef(null);
-  const [open, setOpen] = core.useControlled({
-    controlled: openProp,
-    default: false,
-    name: "Overlay",
-    state: "open"
-  });
-  const handleOpenChange = (newOpen) => {
-    setOpen(newOpen);
-    onOpenChange == null ? void 0 : onOpenChange(newOpen);
-  };
-  const middleware = WindowContext.isDesktop ? [core.margin(24), react.arrow({ element: arrowRef })] : [
-    react.offset(24),
-    react.flip(),
-    react.shift({ limiter: react.limitShift() }),
-    react.arrow({ element: arrowRef })
-  ];
-  const {
-    reference,
-    floating,
-    x,
-    y,
-    strategy,
-    context,
-    middlewareData,
-    update
-  } = core.useFloatingUI({
-    open,
-    onOpenChange: handleOpenChange,
-    placement,
-    middleware
-  });
-  const handleArrowRef = React.useCallback(
-    (node) => {
-      arrowRef.current = node;
-      update();
-    },
-    [update]
-  );
-  const { getFloatingProps, getReferenceProps } = react.useInteractions([
-    react.useDismiss(context),
-    react.useRole(context, { role: "dialog" }),
-    react.useClick(context)
-  ]);
-  const getTriggerProps = (userProps) => {
-    return getReferenceProps({
-      ...userProps,
-      ref: reference
-    });
-  };
-  const getOverlayProps = (userProps) => {
-    var _a, _b, _c, _d;
-    const arrowProps = {
-      ref: handleArrowRef,
-      style: {
-        position: strategy,
-        left: (_b = (_a = middlewareData.arrow) == null ? void 0 : _a.x) != null ? _b : 0,
-        top: (_d = (_c = middlewareData.arrow) == null ? void 0 : _c.y) != null ? _d : 0
-      }
-    };
-    return {
-      arrowProps,
-      open,
-      onOpenChange: handleOpenChange,
-      ...getFloatingProps({
-        "data-placement": placement,
-        ...userProps,
-        style: {
-          top: y != null ? y : 0,
-          left: x != null ? x : 0,
-          position: strategy,
-          ...(userProps == null ? void 0 : userProps.style) || {}
-        },
-        ref: floating
-      })
-    };
-  };
-  return {
-    getTriggerProps,
-    getOverlayProps
-  };
-}
-
-exports.useOverlay = useOverlay;
-//# sourceMappingURL=useOverlay.js.map

package/dist-cjs/overlay/useOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOverlay.js","sources":["../src/overlay/useOverlay.ts"],"sourcesContent":["import {\n  arrow,\n  flip,\n  limitShift,\n  offset,\n  shift,\n  useClick,\n  useDismiss,\n  useInteractions,\n  useRole,\n} from \"@floating-ui/react\";\nimport {\n  margin,\n  useControlled,\n  useFloatingUI,\n  UseFloatingUIProps,\n} from \"@salt-ds/core\";\nimport {\n  ComponentPropsWithoutRef,\n  ComponentPropsWithRef,\n  JSXElementConstructor,\n  useCallback,\n  useRef,\n} from \"react\";\nimport { OverlayProps } from \"./Overlay\";\nimport { isDesktop } from \"../window\";\n\nexport type UseOverlayProps = Partial<\n  Pick<UseFloatingUIProps, \"onOpenChange\" | \"open\" | \"placement\">\n>;\n\nexport function useOverlay(props: UseOverlayProps) {\n  const { open: openProp, placement = \"right\", onOpenChange } = props;\n\n  const arrowRef = useRef<HTMLDivElement | null>(null);\n\n  const [open, setOpen] = useControlled({\n    controlled: openProp,\n    default: false,\n    name: \"Overlay\",\n    state: \"open\",\n  });\n  const handleOpenChange = (newOpen: boolean) => {\n    setOpen(newOpen);\n    onOpenChange?.(newOpen);\n  };\n  const middleware = isDesktop\n    ? [margin(24), arrow({ element: arrowRef })]\n    : [\n        offset(24),\n        flip(),\n        shift({ limiter: limitShift() }),\n        arrow({ element: arrowRef }),\n      ];\n  const {\n    reference,\n    floating,\n    x,\n    y,\n    strategy,\n    context,\n    middlewareData,\n    update,\n  } = useFloatingUI({\n    open,\n    onOpenChange: handleOpenChange,\n    placement,\n    middleware,\n  });\n\n  const handleArrowRef = useCallback(\n    (node: HTMLDivElement) => {\n      arrowRef.current = node;\n      update();\n    },\n    [update]\n  );\n\n  const { getFloatingProps, getReferenceProps } = useInteractions([\n    useDismiss(context),\n    useRole(context, { role: \"dialog\" }),\n    useClick(context),\n  ]);\n\n  const getTriggerProps = <\n    Element extends\n      | keyof JSX.IntrinsicElements\n      | JSXElementConstructor<any> = \"div\"\n  >(\n    userProps?: ComponentPropsWithoutRef<Element>\n  ) => {\n    return getReferenceProps({\n      ...userProps,\n      ref: reference,\n    }) as ComponentPropsWithRef<Element>;\n  };\n\n  const getOverlayProps = (userProps?: OverlayProps) => {\n    const arrowProps = {\n      ref: handleArrowRef,\n      style: {\n        position: strategy,\n        left: middlewareData.arrow?.x ?? 0,\n        top: middlewareData.arrow?.y ?? 0,\n      },\n    };\n\n    return {\n      arrowProps,\n      open,\n      onOpenChange: handleOpenChange,\n      ...getFloatingProps({\n        // @ts-ignore\n        \"data-placement\": placement,\n        ...userProps,\n        style: {\n          top: y ?? 0,\n          left: x ?? 0,\n          position: strategy,\n          ...(userProps?.style || {}),\n        },\n        ref: floating,\n      }),\n    } as OverlayProps;\n  };\n\n  return {\n    getTriggerProps,\n    getOverlayProps,\n  };\n}\n"],"names":["useRef","useControlled","isDesktop","margin","arrow","offset","flip","shift","limitShift","useFloatingUI","useCallback","useInteractions","useDismiss","useRole","useClick"],"mappings":"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"}

package/dist-cjs/pagination/ArrowButton.js

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var icons = require('@salt-ds/icons');
-var clsx = require('clsx');
-var utils = require('./utils.js');
-
-const contentByType = /* @__PURE__ */ new Map([
-  [
-    "previous",
-    {
-      icon: icons.ChevronLeftIcon,
-      name: "Previous Page",
-      className: utils.withBaseName("previousButton")
-    }
-  ],
-  [
-    "next",
-    {
-      icon: icons.ChevronRightIcon,
-      name: "Next Page",
-      className: utils.withBaseName("nextButton")
-    }
-  ]
-]);
-const ArrowButton = ({
-  arrowButtonType,
-  onPress,
-  onKeyDown: onKeyDownProp,
-  onClick: onClickProp,
-  ...restProps
-}) => {
-  const { icon: Icon, name, className } = contentByType.get(arrowButtonType);
-  const onKeyDown = (event) => {
-    if (event.key === "Enter") {
-      event.preventDefault();
-      onPress();
-    }
-    onKeyDownProp && onKeyDownProp(event);
-  };
-  const onClick = (event) => {
-    onPress();
-    onClickProp && onClickProp(event);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
-    ...restProps,
-    variant: "secondary",
-    className: clsx.clsx(utils.withBaseName("arrowButton"), className),
-    role: "link",
-    name,
-    "aria-label": name,
-    onKeyDown,
-    onClick,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {
-      "aria-label": name
-    })
-  });
-};
-
-exports.ArrowButton = ArrowButton;
-//# sourceMappingURL=ArrowButton.js.map

package/dist-cjs/pagination/ArrowButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ArrowButton.js","sources":["../src/pagination/ArrowButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from \"@salt-ds/core\";\nimport { ChevronLeftIcon, ChevronRightIcon, IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ComponentType, KeyboardEventHandler, MouseEventHandler } from \"react\";\nimport { withBaseName } from \"./utils\";\n\nexport type ArrowButtonType = \"previous\" | \"next\";\n\nexport interface ArrowButtonProps extends ButtonProps {\n  arrowButtonType: ArrowButtonType;\n  onPress: () => void;\n}\n\ninterface ButtonContent {\n  icon: ComponentType<IconProps>;\n  name: string;\n  className: string;\n}\n\nconst contentByType = new Map<ArrowButtonType, ButtonContent>([\n  [\n    \"previous\",\n    {\n      icon: ChevronLeftIcon,\n      name: \"Previous Page\",\n      className: withBaseName(\"previousButton\"),\n    },\n  ],\n  [\n    \"next\",\n    {\n      icon: ChevronRightIcon,\n      name: \"Next Page\",\n      className: withBaseName(\"nextButton\"),\n    },\n  ],\n]);\n\nexport const ArrowButton = ({\n  arrowButtonType,\n  onPress,\n  onKeyDown: onKeyDownProp,\n  onClick: onClickProp,\n  ...restProps\n}: ArrowButtonProps) => {\n  const { icon: Icon, name, className } = contentByType.get(arrowButtonType)!;\n\n  const onKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    if (event.key === \"Enter\") {\n      event.preventDefault();\n      onPress();\n    }\n    onKeyDownProp && onKeyDownProp(event);\n  };\n\n  const onClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    onPress();\n    onClickProp && onClickProp(event);\n  };\n\n  return (\n    <Button\n      {...restProps}\n      variant=\"secondary\"\n      className={clsx(withBaseName(\"arrowButton\"), className)}\n      role=\"link\"\n      name={name}\n      aria-label={name}\n      onKeyDown={onKeyDown}\n      onClick={onClick}\n    >\n      <Icon aria-label={name} />\n    </Button>\n  );\n};\n"],"names":["ChevronLeftIcon","withBaseName","ChevronRightIcon","jsx","Button","clsx"],"mappings":";;;;;;;;;;AAmBA,MAAM,aAAA,uBAAoB,GAAoC,CAAA;AAAA,EAC5D;AAAA,IACE,UAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAAA,qBAAA;AAAA,MACN,IAAM,EAAA,eAAA;AAAA,MACN,SAAA,EAAWC,mBAAa,gBAAgB,CAAA;AAAA,KAC1C;AAAA,GACF;AAAA,EACA;AAAA,IACE,MAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAAC,sBAAA;AAAA,MACN,IAAM,EAAA,WAAA;AAAA,MACN,SAAA,EAAWD,mBAAa,YAAY,CAAA;AAAA,KACtC;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AAEM,MAAM,cAAc,CAAC;AAAA,EAC1B,eAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAW,EAAA,aAAA;AAAA,EACX,OAAS,EAAA,WAAA;AAAA,EACN,GAAA,SAAA;AACL,CAAwB,KAAA;AACtB,EAAM,MAAA,EAAE,MAAM,IAAM,EAAA,IAAA,EAAM,WAAc,GAAA,aAAA,CAAc,IAAI,eAAe,CAAA,CAAA;AAEzE,EAAM,MAAA,SAAA,GAAqD,CAAC,KAAU,KAAA;AACpE,IAAI,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AACzB,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAQ,OAAA,EAAA,CAAA;AAAA,KACV;AACA,IAAA,aAAA,IAAiB,cAAc,KAAK,CAAA,CAAA;AAAA,GACtC,CAAA;AAEA,EAAM,MAAA,OAAA,GAAgD,CAAC,KAAU,KAAA;AAC/D,IAAQ,OAAA,EAAA,CAAA;AACR,IAAA,WAAA,IAAe,YAAY,KAAK,CAAA,CAAA;AAAA,GAClC,CAAA;AAEA,EAAA,uBACGE,cAAA,CAAAC,WAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,OAAQ,EAAA,WAAA;AAAA,IACR,SAAW,EAAAC,SAAA,CAAKJ,kBAAa,CAAA,aAAa,GAAG,SAAS,CAAA;AAAA,IACtD,IAAK,EAAA,MAAA;AAAA,IACL,IAAA;AAAA,IACA,YAAY,EAAA,IAAA;AAAA,IACZ,SAAA;AAAA,IACA,OAAA;AAAA,IAEA,QAAC,kBAAAE,cAAA,CAAA,IAAA,EAAA;AAAA,MAAK,YAAY,EAAA,IAAA;AAAA,KAAM,CAAA;AAAA,GAC1B,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/pagination/CompactControls.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var CompactInput = require('./CompactInput.js');
-var PageButton = require('./PageButton.js');
-var utils = require('./utils.js');
-
-const CompactControls = ({
-  page,
-  count,
-  onPageChange,
-  FormFieldProps: FormFieldProps2
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(CompactInput.CompactInput, {
-        page,
-        count,
-        onPageChange,
-        FormFieldProps: FormFieldProps2
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", {
-        className: utils.withBaseName("compactSeparator"),
-        children: "of"
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx(PageButton.PageButton, {
-        page: count,
-        onPageChange,
-        disabled: page === count
-      })
-    ]
-  });
-};
-
-exports.CompactControls = CompactControls;
-//# sourceMappingURL=CompactControls.js.map

package/dist-cjs/pagination/CompactControls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompactControls.js","sources":["../src/pagination/CompactControls.tsx"],"sourcesContent":["import { FormFieldLegacyProps as FormFieldProps } from \"../form-field-legacy\";\nimport { CompactInput } from \"./CompactInput\";\nimport { PageButton } from \"./PageButton\";\nimport { withBaseName } from \"./utils\";\n\nexport interface CompactControlsProps {\n  count: number;\n  page: number;\n  onPageChange: (page: number) => void;\n  FormFieldProps?: Partial<FormFieldProps>;\n}\n\nexport const CompactControls = ({\n  page,\n  count,\n  onPageChange,\n  FormFieldProps,\n}: CompactControlsProps) => {\n  return (\n    <>\n      <CompactInput\n        page={page}\n        count={count}\n        onPageChange={onPageChange}\n        FormFieldProps={FormFieldProps}\n      />\n      <span className={withBaseName(\"compactSeparator\")}>of</span>\n      <PageButton\n        page={count}\n        onPageChange={onPageChange}\n        disabled={page === count}\n      />\n    </>\n  );\n};\n"],"names":["FormFieldProps","jsxs","Fragment","jsx","CompactInput","withBaseName","PageButton"],"mappings":";;;;;;;;;AAYO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAAA,EAAAA,eAAAA;AACF,CAA4B,KAAA;AAC1B,EACE,uBAAAC,eAAA,CAAAC,mBAAA,EAAA;AAAA,IACE,QAAA,EAAA;AAAA,sBAACC,cAAA,CAAAC,yBAAA,EAAA;AAAA,QACC,IAAA;AAAA,QACA,KAAA;AAAA,QACA,YAAA;AAAA,QACA,cAAgBJ,EAAAA,eAAAA;AAAA,OAClB,CAAA;AAAA,sBACCG,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAA,EAAWE,mBAAa,kBAAkB,CAAA;AAAA,QAAG,QAAA,EAAA,IAAA;AAAA,OAAE,CAAA;AAAA,sBACpDF,cAAA,CAAAG,qBAAA,EAAA;AAAA,QACC,IAAM,EAAA,KAAA;AAAA,QACN,YAAA;AAAA,QACA,UAAU,IAAS,KAAA,KAAA;AAAA,OACrB,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/pagination/CompactInput.js

@@ -1,66 +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 FormFieldLegacy = require('../form-field-legacy/FormFieldLegacy.js');
-require('../form-field-legacy/FormLabel.js');
-var InputLegacy = require('../input-legacy/InputLegacy.js');
-require('../input-legacy/StaticInputAdornment.js');
-var utils = require('./utils.js');
-
-const CompactInput = ({
-  page,
-  count,
-  onPageChange,
-  FormFieldProps: { className, ...restFormFieldLegacyProps } = {}
-}) => {
-  const [inputValue, setInputValue] = React.useState(`${page}`);
-  React.useEffect(() => {
-    setInputValue(`${page}`);
-  }, [page]);
-  const handleChange = (event) => {
-    setInputValue(event.target.value);
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === "Enter") {
-      const pageValue = Number(inputValue);
-      if (!isNaN(pageValue) && pageValue <= count && pageValue > 0) {
-        onPageChange(pageValue);
-      } else {
-        setInputValue(`${page}`);
-      }
-    }
-  };
-  const handleBlur = () => {
-    setInputValue(`${page}`);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("span", {
-    children: /* @__PURE__ */ jsxRuntime.jsx(FormFieldLegacy.FormFieldLegacy, {
-      className: clsx.clsx(utils.withBaseName("compactInputField"), className),
-      fullWidth: false,
-      ...restFormFieldLegacyProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(InputLegacy.InputLegacy, {
-        className: clsx.clsx(utils.withBaseName("compactInput"), {
-          [utils.withBaseName("compactInputFixed")]: count < 100
-        }),
-        highlightOnFocus: true,
-        inputProps: {
-          "aria-label": `Go to page, ${count} total`,
-          style: { width: `${`${count}`.length}ch` },
-          role: "textbox"
-        },
-        onBlur: handleBlur,
-        onChange: handleChange,
-        onKeyDown: handleKeyDown,
-        value: inputValue,
-        textAlign: "center"
-      })
-    })
-  });
-};
-
-exports.CompactInput = CompactInput;
-//# sourceMappingURL=CompactInput.js.map

package/dist-cjs/pagination/CompactInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompactInput.js","sources":["../src/pagination/CompactInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEventHandler,\n  KeyboardEventHandler,\n  useEffect,\n  useState,\n} from \"react\";\nimport {\n  FormFieldLegacy as FormField,\n  FormFieldLegacyProps as FormFieldProps,\n} from \"../form-field-legacy\";\nimport { InputLegacy as Input } from \"../input-legacy\";\nimport { withBaseName } from \"./utils\";\n\nexport interface CompactInputProps {\n  count: number;\n  page: number;\n  onPageChange: (page: number) => void;\n  FormFieldProps?: Partial<FormFieldProps>;\n}\n\nexport const CompactInput = ({\n  page,\n  count,\n  onPageChange,\n  FormFieldProps: { className, ...restFormFieldLegacyProps } = {},\n}: CompactInputProps) => {\n  const [inputValue, setInputValue] = useState(`${page}`);\n\n  useEffect(() => {\n    setInputValue(`${page}`);\n  }, [page]);\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    setInputValue(event.target.value);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n    if (event.key === \"Enter\") {\n      const pageValue = Number(inputValue);\n      if (!isNaN(pageValue) && pageValue <= count && pageValue > 0) {\n        onPageChange(pageValue);\n      } else {\n        setInputValue(`${page}`);\n      }\n    }\n  };\n\n  const handleBlur = () => {\n    setInputValue(`${page}`);\n  };\n\n  return (\n    <span>\n      <FormField\n        className={clsx(withBaseName(\"compactInputField\"), className)}\n        fullWidth={false}\n        {...restFormFieldLegacyProps}\n      >\n        <Input\n          className={clsx(withBaseName(\"compactInput\"), {\n            [withBaseName(\"compactInputFixed\")]: count < 100,\n          })}\n          highlightOnFocus\n          inputProps={{\n            \"aria-label\": `Go to page, ${count} total`,\n            style: { width: `${`${count}`.length}ch` },\n            role: \"textbox\",\n          }}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          value={inputValue}\n          textAlign={\"center\"}\n        />\n      </FormField>\n    </span>\n  );\n};\n"],"names":["useState","useEffect","jsx","FormField","clsx","withBaseName","Input"],"mappings":";;;;;;;;;;;;;AAqBO,MAAM,eAAe,CAAC;AAAA,EAC3B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAgB,EAAA,EAAE,SAAc,EAAA,GAAA,wBAAA,KAA6B,EAAC;AAChE,CAAyB,KAAA;AACvB,EAAA,MAAM,CAAC,UAAY,EAAA,aAAa,CAAI,GAAAA,cAAA,CAAS,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAEtD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,aAAA,CAAc,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,GACzB,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAM,MAAA,YAAA,GAAqD,CAAC,KAAU,KAAA;AACpE,IAAc,aAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA,CAAA;AAAA,GAClC,CAAA;AAEA,EAAM,MAAA,aAAA,GAAwD,CAAC,KAAU,KAAA;AACvE,IAAI,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AACzB,MAAM,MAAA,SAAA,GAAY,OAAO,UAAU,CAAA,CAAA;AACnC,MAAA,IAAI,CAAC,KAAM,CAAA,SAAS,KAAK,SAAa,IAAA,KAAA,IAAS,YAAY,CAAG,EAAA;AAC5D,QAAA,YAAA,CAAa,SAAS,CAAA,CAAA;AAAA,OACjB,MAAA;AACL,QAAA,aAAA,CAAc,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,OACzB;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,aAAA,CAAc,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,GACzB,CAAA;AAEA,EAAA,uBACGC,cAAA,CAAA,MAAA,EAAA;AAAA,IACC,QAAC,kBAAAA,cAAA,CAAAC,+BAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA,CAAKC,kBAAa,CAAA,mBAAmB,GAAG,SAAS,CAAA;AAAA,MAC5D,SAAW,EAAA,KAAA;AAAA,MACV,GAAG,wBAAA;AAAA,MAEJ,QAAC,kBAAAH,cAAA,CAAAI,uBAAA,EAAA;AAAA,QACC,SAAW,EAAAF,SAAA,CAAKC,kBAAa,CAAA,cAAc,CAAG,EAAA;AAAA,UAC5C,CAACA,kBAAA,CAAa,mBAAmB,CAAA,GAAI,KAAQ,GAAA,GAAA;AAAA,SAC9C,CAAA;AAAA,QACD,gBAAgB,EAAA,IAAA;AAAA,QAChB,UAAY,EAAA;AAAA,UACV,cAAc,CAAe,YAAA,EAAA,KAAA,CAAA,MAAA,CAAA;AAAA,UAC7B,OAAO,EAAE,KAAA,EAAO,CAAG,EAAA,CAAA,EAAG,QAAQ,MAAW,CAAA,EAAA,CAAA,EAAA;AAAA,UACzC,IAAM,EAAA,SAAA;AAAA,SACR;AAAA,QACA,MAAQ,EAAA,UAAA;AAAA,QACR,QAAU,EAAA,YAAA;AAAA,QACV,SAAW,EAAA,aAAA;AAAA,QACX,KAAO,EAAA,UAAA;AAAA,QACP,SAAW,EAAA,QAAA;AAAA,OACb,CAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}