@salt-ds/lab 1.0.0-alpha.37 → 1.0.0-alpha.39

package/dist-types/overlay/OverlayPanel.d.ts

@@ -1,4 +1,8 @@
-import { ComponentPropsWithoutRef } from "react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 export interface OverlayPanelProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The content of Overlay Panel
+     */
+    children?: ReactNode;
 }
 export declare const OverlayPanel: import("react").ForwardRefExoticComponent<OverlayPanelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/overlay/OverlayPanelCloseButton.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from "@salt-ds/core";
+export declare const OverlayPanelCloseButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/overlay/OverlayPanelContent.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode, ComponentPropsWithoutRef } from "react";
+export interface OverlayPanelContentProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The content of Overlay Panel Content
+     */
+    children?: ReactNode;
+}
+export declare const OverlayPanelContent: import("react").ForwardRefExoticComponent<OverlayPanelContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/overlay/index.d.ts

@@ -1,3 +1,5 @@
 export * from "./Overlay";
 export * from "./OverlayTrigger";
 export * from "./OverlayPanel";
+export * from "./OverlayPanelCloseButton";
+export * from "./OverlayPanelContent";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.37",
+  "version": "1.0.0-alpha.39",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -26,10 +26,10 @@
     "react-window": "^1.8.6",
     "rifm": "^0.12.0",
     "tinycolor2": "^1.4.2",
-    "@salt-ds/core": "^1.21.0",
+    "@salt-ds/core": "^1.23.0",
     "@salt-ds/window": "^0.1.1",
     "@salt-ds/styles": "^0.2.1",
-    "@salt-ds/icons": "^1.9.1"
+    "@salt-ds/icons": "^1.10.0"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0",

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

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltOverlayPanel {\n  --overlay-borderColor: var(--saltOverlay-borderColor, var(--salt-container-primary-borderColor));\n  --overlay-background: var(--saltOverlay-background, var(--salt-container-primary-background));\n}\n\n.saltOverlayPanel {\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--saltOverlay-fontSize, var(--salt-text-fontSize));\n  font-weight: var(--saltOverlay-fontWeight, var(--salt-text-fontWeight));\n  line-height: var(--saltOverlay-lineHeight, var(--salt-text-lineHeight));\n\n  border-color: var(--overlay-borderColor);\n  border-style: var(--saltOverlay-borderStyle, var(--salt-container-borderStyle));\n  border-width: var(--saltOverlay-borderWidth, var(--salt-size-border));\n  border-radius: var(--saltOverlay-borderRadius, var(--salt-palette-corner, 0));\n\n  background: var(--overlay-background);\n  box-shadow: var(--saltOverlay-boxShadow, var(--salt-overlayable-shadow-popout));\n\n  color: var(--saltOverlay-text-color, var(--salt-text-primary-foreground));\n  z-index: var(--saltOverlay-zIndex, var(--salt-zIndex-flyover));\n  width: max-content;\n}\n\n.saltOverlayPanelBase-container {\n  animation: var(--salt-animation-fade-in-center);\n  position: relative;\n}\n\n.saltOverlayPanelBase-content {\n  overflow: auto;\n  padding: var(--saltOverlay-content-padding, var(--salt-spacing-100) 0 var(--salt-spacing-100) var(--salt-spacing-100));\n}\n\n.saltButton-secondary.saltOverlayPanelBase-closeButton {\n  position: sticky;\n  top: 0;\n  float: right;\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/OverlayPanelBase.js

@@ -1,63 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('@floating-ui/react');
-var Overlay = require('./Overlay.css.js');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var core = require('@salt-ds/core');
-var icons = require('@salt-ds/icons');
-var OverlayContext = require('./OverlayContext.js');
-var clsx = require('clsx');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);
-
-const withBaseName = core.makePrefixer("saltOverlayPanelBase");
-const OverlayPanelBase = (props) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-overlay",
-    css: Overlay,
-    window: targetWindow
-  });
-  const { arrowProps, handleCloseButton } = OverlayContext.useOverlayContext();
-  const { children, className, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        className: clsx__default["default"](withBaseName("container"), className),
-        ...rest,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
-            onClick: handleCloseButton,
-            variant: "secondary",
-            className: withBaseName("closeButton"),
-            "aria-label": "Close Overlay",
-            children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, {
-              "aria-hidden": true
-            })
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: withBaseName("content"),
-            children
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.FloatingArrow, {
-        ...arrowProps,
-        strokeWidth: 1,
-        fill: "var(--overlay-background)",
-        stroke: "var(--overlay-borderColor)",
-        height: 5,
-        width: 10
-      })
-    ]
-  });
-};
-
-exports.OverlayPanelBase = OverlayPanelBase;
-//# sourceMappingURL=OverlayPanelBase.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"OverlayPanelBase.js","sources":["../src/overlay/OverlayPanelBase.tsx"],"sourcesContent":["import { FloatingArrow } from \"@floating-ui/react\";\n\nimport overlayCss from \"./Overlay.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { Button, makePrefixer } from \"@salt-ds/core\";\nimport { CloseIcon } from \"@salt-ds/icons\";\nimport { ComponentPropsWithoutRef } from \"react\";\nimport { useOverlayContext } from \"./OverlayContext\";\nimport clsx from \"clsx\";\n\nconst withBaseName = makePrefixer(\"saltOverlayPanelBase\");\n\n// OverlayPanelBase component needed for CSS style injection\nexport const OverlayPanelBase = (props: ComponentPropsWithoutRef<\"div\">) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-overlay\",\n    css: overlayCss,\n    window: targetWindow,\n  });\n\n  const { arrowProps, handleCloseButton } = useOverlayContext();\n  const { children, className, ...rest } = props;\n\n  return (\n    <>\n      <div className={clsx(withBaseName(\"container\"), className)} {...rest}>\n        <Button\n          onClick={handleCloseButton}\n          variant=\"secondary\"\n          className={withBaseName(\"closeButton\")}\n          aria-label=\"Close Overlay\"\n        >\n          <CloseIcon aria-hidden />\n        </Button>\n        <div className={withBaseName(\"content\")}>{children}</div>\n      </div>\n      <FloatingArrow\n        {...arrowProps}\n        strokeWidth={1}\n        fill=\"var(--overlay-background)\"\n        stroke=\"var(--overlay-borderColor)\"\n        height={5}\n        width={10}\n      />\n    </>\n  );\n};\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","overlayCss","useOverlayContext","jsxs","Fragment","clsx","jsx","Button","CloseIcon","FloatingArrow"],"mappings":";;;;;;;;;;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,kBAAa,sBAAsB,CAAA,CAAA;AAG3C,MAAA,gBAAA,GAAmB,CAAC,KAA2C,KAAA;AAC1E,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,cAAA;AAAA,IACR,GAAK,EAAAC,OAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,UAAA,EAAY,iBAAkB,EAAA,GAAIC,gCAAkB,EAAA,CAAA;AAC5D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAEzC,EACE,uBAAAC,eAAA,CAAAC,mBAAA,EAAA;AAAA,IACE,QAAA,EAAA;AAAA,sBAACD,eAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAW,EAAAE,wBAAA,CAAK,YAAa,CAAA,WAAW,GAAG,SAAS,CAAA;AAAA,QAAI,GAAG,IAAA;AAAA,QAC9D,QAAA,EAAA;AAAA,0BAACC,cAAA,CAAAC,WAAA,EAAA;AAAA,YACC,OAAS,EAAA,iBAAA;AAAA,YACT,OAAQ,EAAA,WAAA;AAAA,YACR,SAAA,EAAW,aAAa,aAAa,CAAA;AAAA,YACrC,YAAW,EAAA,eAAA;AAAA,YAEX,QAAC,kBAAAD,cAAA,CAAAE,eAAA,EAAA;AAAA,cAAU,aAAW,EAAA,IAAA;AAAA,aAAC,CAAA;AAAA,WACzB,CAAA;AAAA,0BACCF,cAAA,CAAA,KAAA,EAAA;AAAA,YAAI,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,YAAI,QAAA;AAAA,WAAS,CAAA;AAAA,SAAA;AAAA,OACrD,CAAA;AAAA,sBACCA,cAAA,CAAAG,mBAAA,EAAA;AAAA,QACE,GAAG,UAAA;AAAA,QACJ,WAAa,EAAA,CAAA;AAAA,QACb,IAAK,EAAA,2BAAA;AAAA,QACL,MAAO,EAAA,4BAAA;AAAA,QACP,MAAQ,EAAA,CAAA;AAAA,QACR,KAAO,EAAA,EAAA;AAAA,OACT,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/segmented-button-group/SegmentedButtonGroup.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltSegmentedButtonGroup {\n  display: flex;\n  flex-direction: row;\n  background: var(--button-background);\n  gap: var(--salt-size-border);\n}\n\n.saltSegmentedButtonGroup > *:not(:last-child)::after {\n  content: \"\";\n  width: var(--salt-size-border);\n  position: absolute;\n  background: var(--button-background);\n  right: calc(var(--salt-size-border) * -1);\n  height: 100%;\n}\n\n.saltSegmentedButtonGroup > *:not(:first-child)::before {\n  content: \"\";\n  width: var(--salt-size-border);\n  position: absolute;\n  background: var(--salt-separable-primary-borderColor);\n  left: calc(var(--salt-size-border) * -1);\n  height: 100%;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=SegmentedButtonGroup.css.js.map

package/dist-cjs/segmented-button-group/SegmentedButtonGroup.css.js.map

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

package/dist-cjs/segmented-button-group/SegmentedButtonGroup.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var core = require('@salt-ds/core');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var SegmentedButtonGroup$1 = require('./SegmentedButtonGroup.css.js');
-
-const withBaseName = core.makePrefixer("saltSegmentedButtonGroup");
-const SegmentedButtonGroup = React.forwardRef(function SegmentedButton({ className, children, ref, ...rest }) {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-segmented-button-group",
-    css: SegmentedButtonGroup$1,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: clsx.clsx(withBaseName(), className),
-    ref,
-    ...rest,
-    children
-  });
-});
-
-exports.SegmentedButtonGroup = SegmentedButtonGroup;
-//# sourceMappingURL=SegmentedButtonGroup.js.map

package/dist-cjs/segmented-button-group/SegmentedButtonGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedButtonGroup.js","sources":["../src/segmented-button-group/SegmentedButtonGroup.tsx"],"sourcesContent":["import { forwardRef, ComponentPropsWithRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport segmentedButtonGroupCss from \"./SegmentedButtonGroup.css\";\n\nexport interface SegmentedButtonGroupProps\n  extends ComponentPropsWithRef<\"div\"> {}\n\nconst withBaseName = makePrefixer(\"saltSegmentedButtonGroup\");\n\nexport const SegmentedButtonGroup = forwardRef<\n  HTMLDivElement,\n  SegmentedButtonGroupProps\n>(function SegmentedButton({ className, children, ref, ...rest }) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-segmented-button-group\",\n    css: segmentedButtonGroupCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n      {children}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","useWindow","useComponentCssInjection","segmentedButtonGroupCss","jsx","clsx"],"mappings":";;;;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,kBAAa,0BAA0B,CAAA,CAAA;AAE/C,MAAA,oBAAA,GAAuBC,iBAGlC,SAAS,eAAA,CAAgB,EAAE,SAAW,EAAA,QAAA,EAAU,GAAQ,EAAA,GAAA,IAAA,EAAQ,EAAA;AAChE,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,6BAAA;AAAA,IACR,GAAK,EAAAC,sBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAG,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC5D,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1,4 +0,0 @@
-var css_248z = ".saltOverlayPanel {\n  --overlay-borderColor: var(--saltOverlay-borderColor, var(--salt-container-primary-borderColor));\n  --overlay-background: var(--saltOverlay-background, var(--salt-container-primary-background));\n}\n\n.saltOverlayPanel {\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--saltOverlay-fontSize, var(--salt-text-fontSize));\n  font-weight: var(--saltOverlay-fontWeight, var(--salt-text-fontWeight));\n  line-height: var(--saltOverlay-lineHeight, var(--salt-text-lineHeight));\n\n  border-color: var(--overlay-borderColor);\n  border-style: var(--saltOverlay-borderStyle, var(--salt-container-borderStyle));\n  border-width: var(--saltOverlay-borderWidth, var(--salt-size-border));\n  border-radius: var(--saltOverlay-borderRadius, var(--salt-palette-corner, 0));\n\n  background: var(--overlay-background);\n  box-shadow: var(--saltOverlay-boxShadow, var(--salt-overlayable-shadow-popout));\n\n  color: var(--saltOverlay-text-color, var(--salt-text-primary-foreground));\n  z-index: var(--saltOverlay-zIndex, var(--salt-zIndex-flyover));\n  width: max-content;\n}\n\n.saltOverlayPanelBase-container {\n  animation: var(--salt-animation-fade-in-center);\n  position: relative;\n}\n\n.saltOverlayPanelBase-content {\n  overflow: auto;\n  padding: var(--saltOverlay-content-padding, var(--salt-spacing-100) 0 var(--salt-spacing-100) var(--salt-spacing-100));\n}\n\n.saltButton-secondary.saltOverlayPanelBase-closeButton {\n  position: sticky;\n  top: 0;\n  float: right;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=Overlay.css.js.map

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

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

package/dist-es/overlay/OverlayPanelBase.js

@@ -1,55 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { FloatingArrow } from '@floating-ui/react';
-import css_248z from './Overlay.css.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { makePrefixer, Button } from '@salt-ds/core';
-import { CloseIcon } from '@salt-ds/icons';
-import { useOverlayContext } from './OverlayContext.js';
-import clsx from 'clsx';
-
-const withBaseName = makePrefixer("saltOverlayPanelBase");
-const OverlayPanelBase = (props) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-overlay",
-    css: css_248z,
-    window: targetWindow
-  });
-  const { arrowProps, handleCloseButton } = useOverlayContext();
-  const { children, className, ...rest } = props;
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: clsx(withBaseName("container"), className),
-        ...rest,
-        children: [
-          /* @__PURE__ */ jsx(Button, {
-            onClick: handleCloseButton,
-            variant: "secondary",
-            className: withBaseName("closeButton"),
-            "aria-label": "Close Overlay",
-            children: /* @__PURE__ */ jsx(CloseIcon, {
-              "aria-hidden": true
-            })
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: withBaseName("content"),
-            children
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx(FloatingArrow, {
-        ...arrowProps,
-        strokeWidth: 1,
-        fill: "var(--overlay-background)",
-        stroke: "var(--overlay-borderColor)",
-        height: 5,
-        width: 10
-      })
-    ]
-  });
-};
-
-export { OverlayPanelBase };
-//# sourceMappingURL=OverlayPanelBase.js.map

package/dist-es/overlay/OverlayPanelBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverlayPanelBase.js","sources":["../src/overlay/OverlayPanelBase.tsx"],"sourcesContent":["import { FloatingArrow } from \"@floating-ui/react\";\n\nimport overlayCss from \"./Overlay.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { Button, makePrefixer } from \"@salt-ds/core\";\nimport { CloseIcon } from \"@salt-ds/icons\";\nimport { ComponentPropsWithoutRef } from \"react\";\nimport { useOverlayContext } from \"./OverlayContext\";\nimport clsx from \"clsx\";\n\nconst withBaseName = makePrefixer(\"saltOverlayPanelBase\");\n\n// OverlayPanelBase component needed for CSS style injection\nexport const OverlayPanelBase = (props: ComponentPropsWithoutRef<\"div\">) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-overlay\",\n    css: overlayCss,\n    window: targetWindow,\n  });\n\n  const { arrowProps, handleCloseButton } = useOverlayContext();\n  const { children, className, ...rest } = props;\n\n  return (\n    <>\n      <div className={clsx(withBaseName(\"container\"), className)} {...rest}>\n        <Button\n          onClick={handleCloseButton}\n          variant=\"secondary\"\n          className={withBaseName(\"closeButton\")}\n          aria-label=\"Close Overlay\"\n        >\n          <CloseIcon aria-hidden />\n        </Button>\n        <div className={withBaseName(\"content\")}>{children}</div>\n      </div>\n      <FloatingArrow\n        {...arrowProps}\n        strokeWidth={1}\n        fill=\"var(--overlay-background)\"\n        stroke=\"var(--overlay-borderColor)\"\n        height={5}\n        width={10}\n      />\n    </>\n  );\n};\n"],"names":["overlayCss"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,sBAAsB,CAAA,CAAA;AAG3C,MAAA,gBAAA,GAAmB,CAAC,KAA2C,KAAA;AAC1E,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,cAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,UAAA,EAAY,iBAAkB,EAAA,GAAI,iBAAkB,EAAA,CAAA;AAC5D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAEzC,EACE,uBAAA,IAAA,CAAA,QAAA,EAAA;AAAA,IACE,QAAA,EAAA;AAAA,sBAAC,IAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,WAAW,GAAG,SAAS,CAAA;AAAA,QAAI,GAAG,IAAA;AAAA,QAC9D,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,OAAS,EAAA,iBAAA;AAAA,YACT,OAAQ,EAAA,WAAA;AAAA,YACR,SAAA,EAAW,aAAa,aAAa,CAAA;AAAA,YACrC,YAAW,EAAA,eAAA;AAAA,YAEX,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA;AAAA,cAAU,aAAW,EAAA,IAAA;AAAA,aAAC,CAAA;AAAA,WACzB,CAAA;AAAA,0BACC,GAAA,CAAA,KAAA,EAAA;AAAA,YAAI,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,YAAI,QAAA;AAAA,WAAS,CAAA;AAAA,SAAA;AAAA,OACrD,CAAA;AAAA,sBACC,GAAA,CAAA,aAAA,EAAA;AAAA,QACE,GAAG,UAAA;AAAA,QACJ,WAAa,EAAA,CAAA;AAAA,QACb,IAAK,EAAA,2BAAA;AAAA,QACL,MAAO,EAAA,4BAAA;AAAA,QACP,MAAQ,EAAA,CAAA;AAAA,QACR,KAAO,EAAA,EAAA;AAAA,OACT,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/segmented-button-group/SegmentedButtonGroup.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltSegmentedButtonGroup {\n  display: flex;\n  flex-direction: row;\n  background: var(--button-background);\n  gap: var(--salt-size-border);\n}\n\n.saltSegmentedButtonGroup > *:not(:last-child)::after {\n  content: \"\";\n  width: var(--salt-size-border);\n  position: absolute;\n  background: var(--button-background);\n  right: calc(var(--salt-size-border) * -1);\n  height: 100%;\n}\n\n.saltSegmentedButtonGroup > *:not(:first-child)::before {\n  content: \"\";\n  width: var(--salt-size-border);\n  position: absolute;\n  background: var(--salt-separable-primary-borderColor);\n  left: calc(var(--salt-size-border) * -1);\n  height: 100%;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=SegmentedButtonGroup.css.js.map

package/dist-es/segmented-button-group/SegmentedButtonGroup.css.js.map

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

package/dist-es/segmented-button-group/SegmentedButtonGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedButtonGroup.js","sources":["../src/segmented-button-group/SegmentedButtonGroup.tsx"],"sourcesContent":["import { forwardRef, ComponentPropsWithRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport segmentedButtonGroupCss from \"./SegmentedButtonGroup.css\";\n\nexport interface SegmentedButtonGroupProps\n  extends ComponentPropsWithRef<\"div\"> {}\n\nconst withBaseName = makePrefixer(\"saltSegmentedButtonGroup\");\n\nexport const SegmentedButtonGroup = forwardRef<\n  HTMLDivElement,\n  SegmentedButtonGroupProps\n>(function SegmentedButton({ className, children, ref, ...rest }) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-segmented-button-group\",\n    css: segmentedButtonGroupCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n      {children}\n    </div>\n  );\n});\n"],"names":["segmentedButtonGroupCss"],"mappings":";;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA,CAAA;AAE/C,MAAA,oBAAA,GAAuB,WAGlC,SAAS,eAAA,CAAgB,EAAE,SAAW,EAAA,QAAA,EAAU,GAAQ,EAAA,GAAA,IAAA,EAAQ,EAAA;AAChE,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,6BAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAG,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC5D,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-types/overlay/OverlayPanelBase.d.ts

@@ -1,2 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-export declare const OverlayPanelBase: (props: ComponentPropsWithoutRef<"div">) => JSX.Element;

package/dist-types/segmented-button-group/SegmentedButtonGroup.d.ts

@@ -1,4 +0,0 @@
-import { ComponentPropsWithRef } from "react";
-export interface SegmentedButtonGroupProps extends ComponentPropsWithRef<"div"> {
-}
-export declare const SegmentedButtonGroup: import("react").ForwardRefExoticComponent<Omit<SegmentedButtonGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/segmented-button-group/index.d.ts

@@ -1 +0,0 @@
-export * from "./SegmentedButtonGroup";