@primer/react 38.0.0-rc.2 → 38.0.0-rc.3

package/lib/SegmentedControl/SegmentedControl.js

@@ -1,251 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var SegmentedControlButton = require('./SegmentedControlButton.js');
-var SegmentedControlIconButton = require('./SegmentedControlIconButton.js');
-var index = require('../ActionList/index.js');
-var ThemeProvider = require('../ThemeProvider.js');
-var useResponsiveValue = require('../hooks/useResponsiveValue.js');
-var reactIs = require('react-is');
-var SegmentedControl_module = require('./SegmentedControl.module.css.js');
-var clsx = require('clsx');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
-var jsxRuntime = require('react/jsx-runtime');
-var ActionMenu = require('../ActionMenu/ActionMenu.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const Root = t0 => {
-  const $ = reactCompilerRuntime.c(30);
-  let ariaLabel;
-  let ariaLabelledby;
-  let children;
-  let className;
-  let fullWidth;
-  let onChange;
-  let rest;
-  let size;
-  let sxProp;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledby,
-      children,
-      fullWidth,
-      onChange,
-      size,
-      sx: sxProp,
-      variant: t1,
-      className,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = ariaLabel;
-    $[2] = ariaLabelledby;
-    $[3] = children;
-    $[4] = className;
-    $[5] = fullWidth;
-    $[6] = onChange;
-    $[7] = rest;
-    $[8] = size;
-    $[9] = sxProp;
-    $[10] = t1;
-  } else {
-    ariaLabel = $[1];
-    ariaLabelledby = $[2];
-    children = $[3];
-    className = $[4];
-    fullWidth = $[5];
-    onChange = $[6];
-    rest = $[7];
-    size = $[8];
-    sxProp = $[9];
-    t1 = $[10];
-  }
-  const variant = t1 === undefined ? "default" : t1;
-  const segmentedControlContainerRef = React.useRef(null);
-  const {
-    theme
-  } = ThemeProvider.useTheme();
-  let t2;
-  if ($[11] !== children || $[12] !== onChange) {
-    t2 = onChange === undefined || React__default.default.Children.toArray(children).some(_temp);
-    $[11] = children;
-    $[12] = onChange;
-    $[13] = t2;
-  } else {
-    t2 = $[13];
-  }
-  const isUncontrolled = t2;
-  const responsiveVariant = useResponsiveValue.useResponsiveValue(variant, "default");
-  const isFullWidth = useResponsiveValue.useResponsiveValue(fullWidth, false);
-  let t3;
-  if ($[14] !== children) {
-    const selectedSegments = React__default.default.Children.toArray(children).map(_temp2);
-    const hasSelectedButton = selectedSegments.some(_temp3);
-    t3 = hasSelectedButton ? selectedSegments.indexOf(true) : 0;
-    $[14] = children;
-    $[15] = t3;
-  } else {
-    t3 = $[15];
-  }
-  const selectedIndexExternal = t3;
-  const [selectedIndexInternalState, setSelectedIndexInternalState] = React.useState(selectedIndexExternal);
-  const selectedIndex = isUncontrolled ? selectedIndexInternalState : selectedIndexExternal;
-  let t4;
-  if ($[16] !== ariaLabel || $[17] !== ariaLabelledby || $[18] !== children || $[19] !== className || $[20] !== isFullWidth || $[21] !== isUncontrolled || $[22] !== onChange || $[23] !== responsiveVariant || $[24] !== rest || $[25] !== selectedIndex || $[26] !== size || $[27] !== sxProp || $[28] !== (theme === null || theme === void 0 ? void 0 : theme.colors)) {
-    const selectedChild = /*#__PURE__*/React__default.default.isValidElement(React__default.default.Children.toArray(children)[selectedIndex]) ? React__default.default.Children.toArray(children)[selectedIndex] : undefined;
-    const getChildIcon = _temp4;
-    const getChildText = _temp5;
-    if (!ariaLabel && !ariaLabelledby) {
-      console.warn("Use the `aria-label` or `aria-labelledby` prop to provide an accessible label for assistive technologies");
-    }
-    t4 = responsiveVariant === "dropdown" ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: /*#__PURE__*/jsxRuntime.jsxs(ActionMenu.ActionMenu, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(ActionMenu.ActionMenu.Button, {
-          "aria-label": ariaLabel && `${getChildText(selectedChild)}, ${ariaLabel}`,
-          leadingVisual: getChildIcon(selectedChild),
-          children: getChildText(selectedChild)
-        }), /*#__PURE__*/jsxRuntime.jsx(ActionMenu.ActionMenu.Overlay, {
-          "aria-labelledby": ariaLabelledby,
-          children: /*#__PURE__*/jsxRuntime.jsx(index.ActionList, {
-            selectionVariant: "single",
-            children: React__default.default.Children.map(children, (child_1, index$1) => {
-              const ChildIcon = getChildIcon(child_1);
-              if (! /*#__PURE__*/React__default.default.isValidElement(child_1)) {
-                return null;
-              }
-              return /*#__PURE__*/jsxRuntime.jsxs(index.ActionList.Item, {
-                selected: index$1 === selectedIndex,
-                onSelect: event => {
-                  isUncontrolled && setSelectedIndexInternalState(index$1);
-                  onChange && onChange(index$1);
-                  child_1.props.onClick && child_1.props.onClick(event);
-                },
-                children: [ChildIcon, " ", getChildText(child_1)]
-              }, `segmented-control-action-btn-${index$1}`);
-            })
-          })
-        })]
-      })
-    }) : /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: "ul",
-      sx: sxProp,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledby,
-      ref: segmentedControlContainerRef,
-      className: clsx.clsx(SegmentedControl_module.SegmentedControl, className),
-      "data-full-width": isFullWidth || undefined,
-      "data-size": size,
-      ...rest,
-      children: React__default.default.Children.map(children, (child_2, index_0) => {
-        if (! /*#__PURE__*/React__default.default.isValidElement(child_2)) {
-          return null;
-        }
-        const sharedChildProps = {
-          onClick: onChange ? event_0 => {
-            onChange(index_0);
-            isUncontrolled && setSelectedIndexInternalState(index_0);
-            child_2.props.onClick && child_2.props.onClick(event_0);
-          } : event_1 => {
-            child_2.props.onClick && child_2.props.onClick(event_1);
-            isUncontrolled && setSelectedIndexInternalState(index_0);
-          },
-          selected: index_0 === selectedIndex,
-          style: {
-            "--separator-color": index_0 === selectedIndex || index_0 === selectedIndex - 1 ? "transparent" : theme === null || theme === void 0 ? void 0 : theme.colors.border.default,
-            ...child_2.props.style
-          },
-          sx: child_2.props.sx
-        };
-        if (responsiveVariant === "hideLabels" && /*#__PURE__*/React__default.default.isValidElement(child_2) && child_2.type === SegmentedControlButton) {
-          const {
-            "aria-label": childAriaLabel,
-            leadingIcon,
-            children: childPropsChildren,
-            ...restChildProps
-          } = child_2.props;
-          const {
-            sx: sharedSxProp,
-            ...restSharedChildProps
-          } = sharedChildProps;
-          if (!leadingIcon) {
-            console.warn("A `leadingIcon` prop is required when hiding visible labels");
-          } else {
-            return /*#__PURE__*/jsxRuntime.jsx(SegmentedControlIconButton.SegmentedControlIconButton, {
-              "aria-label": childAriaLabel || childPropsChildren,
-              icon: leadingIcon,
-              sx: {
-                ...sharedSxProp,
-                width: !isFullWidth ? "32px" : "100%"
-              },
-              ...restSharedChildProps,
-              ...restChildProps
-            });
-          }
-        }
-        return /*#__PURE__*/React__default.default.cloneElement(child_2, sharedChildProps);
-      })
-    });
-    $[16] = ariaLabel;
-    $[17] = ariaLabelledby;
-    $[18] = children;
-    $[19] = className;
-    $[20] = isFullWidth;
-    $[21] = isUncontrolled;
-    $[22] = onChange;
-    $[23] = responsiveVariant;
-    $[24] = rest;
-    $[25] = selectedIndex;
-    $[26] = size;
-    $[27] = sxProp;
-    $[28] = theme === null || theme === void 0 ? void 0 : theme.colors;
-    $[29] = t4;
-  } else {
-    t4 = $[29];
-  }
-  return t4;
-};
-Root.displayName = 'SegmentedControl';
-const SegmentedControl = Object.assign(Root, {
-  Button: SegmentedControlButton,
-  IconButton: SegmentedControlIconButton.SegmentedControlIconButton
-});
-function _temp(child) {
-  return /*#__PURE__*/React__default.default.isValidElement(child) && child.props.defaultSelected !== undefined;
-}
-function _temp2(child_0) {
-  return /*#__PURE__*/React__default.default.isValidElement(child_0) && (child_0.props.defaultSelected || child_0.props.selected);
-}
-function _temp3(isSelected) {
-  return isSelected;
-}
-function _temp4(childArg) {
-  if (/*#__PURE__*/React__default.default.isValidElement(childArg) && childArg.type === SegmentedControlButton && childArg.props.leadingIcon) {
-    if (reactIs.isElement(childArg.props.leadingIcon)) {
-      return childArg.props.leadingIcon;
-    } else {
-      const LeadingIcon = childArg.props.leadingIcon;
-      return /*#__PURE__*/jsxRuntime.jsx(LeadingIcon, {});
-    }
-  }
-  if (/*#__PURE__*/React__default.default.isValidElement(childArg) && childArg.type === SegmentedControlIconButton.SegmentedControlIconButton) {
-    if (reactIs.isElement(childArg.props.icon)) ; else {
-      const Icon = childArg.props.icon;
-      return /*#__PURE__*/jsxRuntime.jsx(Icon, {});
-    }
-  }
-  return null;
-}
-function _temp5(childArg_0) {
-  if (/*#__PURE__*/React__default.default.isValidElement(childArg_0) && childArg_0.type === SegmentedControlButton) {
-    return childArg_0.props.children;
-  }
-  return /*#__PURE__*/React__default.default.isValidElement(childArg_0) ? childArg_0.props["aria-label"] : null;
-}
-
-exports.SegmentedControl = SegmentedControl;

package/lib/SegmentedControl/SegmentedControl.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./SegmentedControl-459caec8.css');
-
-var classes = {"SegmentedControl":"prc-SegmentedControl-SegmentedControl-e7570","Item":"prc-SegmentedControl-Item-7Aq6h","Button":"prc-SegmentedControl-Button-ojWXD","IconButton":"prc-SegmentedControl-IconButton-O80Eh","Content":"prc-SegmentedControl-Content-gnQ4n","Text":"prc-SegmentedControl-Text-c5gSh","LeadingIcon":"prc-SegmentedControl-LeadingIcon-dAHA8"};
-
-module.exports = classes;

package/lib/SegmentedControl/SegmentedControlButton.d.ts

@@ -1,17 +0,0 @@
-import type { ButtonHTMLAttributes } from 'react';
-import type React from 'react';
-import type { IconProps } from '@primer/octicons-react';
-import type { SxProp } from '../sx';
-export type SegmentedControlButtonProps = {
-    /** The visible label rendered in the button */
-    children: string;
-    /** Whether the segment is selected. This is used for controlled `SegmentedControls`, and needs to be updated using the `onChange` handler on `SegmentedControl`. */
-    selected?: boolean;
-    /** Whether the segment is selected. This is used for uncontrolled `SegmentedControls` to pick one `SegmentedControlButton` that is selected on the initial render. */
-    defaultSelected?: boolean;
-    /** The leading icon comes before item label */
-    leadingIcon?: React.FunctionComponent<React.PropsWithChildren<IconProps>> | React.ReactElement;
-} & SxProp & ButtonHTMLAttributes<HTMLButtonElement | HTMLLIElement>;
-declare const SegmentedControlButton: React.FC<React.PropsWithChildren<SegmentedControlButtonProps>>;
-export default SegmentedControlButton;
-//# sourceMappingURL=SegmentedControlButton.d.ts.map

package/lib/SegmentedControl/SegmentedControlButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControlButton.d.ts","sourceRoot":"","sources":["../../src/SegmentedControl/SegmentedControlButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,OAAO,CAAA;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AACrD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAOjC,MAAM,MAAM,2BAA2B,GAAG;IACxC,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAA;IAChB,oKAAoK;IACpK,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sKAAsK;IACtK,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;CAC/F,GAAG,MAAM,GACR,oBAAoB,CAAC,iBAAiB,GAAG,aAAa,CAAC,CAAA;AAEzD,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CA8B1F,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/lib/SegmentedControl/SegmentedControlButton.js

@@ -1,151 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var reactIs = require('react-is');
-var SegmentedControl_module = require('./SegmentedControl.module.css.js');
-var clsx = require('clsx');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-const SegmentedControlButton = t0 => {
-  const $ = reactCompilerRuntime.c(28);
-  let LeadingIcon;
-  let children;
-  let className;
-  let rest;
-  let selected;
-  let sxProp;
-  if ($[0] !== t0) {
-    const {
-      children: t1,
-      leadingIcon: t2,
-      selected: t3,
-      sx: t4,
-      className: t5,
-      defaultSelected: _defaultSelected,
-      ...t6
-    } = t0;
-    children = t1;
-    LeadingIcon = t2;
-    selected = t3;
-    sxProp = t4;
-    className = t5;
-    rest = t6;
-    $[0] = t0;
-    $[1] = LeadingIcon;
-    $[2] = children;
-    $[3] = className;
-    $[4] = rest;
-    $[5] = selected;
-    $[6] = sxProp;
-  } else {
-    LeadingIcon = $[1];
-    children = $[2];
-    className = $[3];
-    rest = $[4];
-    selected = $[5];
-    sxProp = $[6];
-  }
-  let t1;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = clsx.clsx(SegmentedControl_module.Item);
-    $[7] = t1;
-  } else {
-    t1 = $[7];
-  }
-  const t2 = selected ? "" : undefined;
-  let t3;
-  if ($[8] !== className) {
-    t3 = clsx.clsx(SegmentedControl_module.Button, className);
-    $[8] = className;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  let t4;
-  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = clsx.clsx(SegmentedControl_module.Content, "segmentedControl-content");
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  let t5;
-  if ($[11] !== LeadingIcon) {
-    t5 = LeadingIcon && /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: SegmentedControl_module.LeadingIcon,
-      children: reactIs.isElement(LeadingIcon) ? LeadingIcon : /*#__PURE__*/jsxRuntime.jsx(LeadingIcon, {})
-    });
-    $[11] = LeadingIcon;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  let t6;
-  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-    t6 = clsx.clsx(SegmentedControl_module.Text, "segmentedControl-text");
-    $[13] = t6;
-  } else {
-    t6 = $[13];
-  }
-  let t7;
-  if ($[14] !== children) {
-    t7 = /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: t6,
-      "data-text": children,
-      children: children
-    });
-    $[14] = children;
-    $[15] = t7;
-  } else {
-    t7 = $[15];
-  }
-  let t8;
-  if ($[16] !== t5 || $[17] !== t7) {
-    t8 = /*#__PURE__*/jsxRuntime.jsxs("span", {
-      className: t4,
-      children: [t5, t7]
-    });
-    $[16] = t5;
-    $[17] = t7;
-    $[18] = t8;
-  } else {
-    t8 = $[18];
-  }
-  let t9;
-  if ($[19] !== rest || $[20] !== selected || $[21] !== t3 || $[22] !== t8) {
-    t9 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: "button",
-      "aria-current": selected,
-      className: t3,
-      type: "button",
-      ...rest,
-      children: t8
-    });
-    $[19] = rest;
-    $[20] = selected;
-    $[21] = t3;
-    $[22] = t8;
-    $[23] = t9;
-  } else {
-    t9 = $[23];
-  }
-  let t10;
-  if ($[24] !== sxProp || $[25] !== t2 || $[26] !== t9) {
-    t10 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: "li",
-      sx: sxProp,
-      className: t1,
-      "data-selected": t2,
-      children: t9
-    });
-    $[24] = sxProp;
-    $[25] = t2;
-    $[26] = t9;
-    $[27] = t10;
-  } else {
-    t10 = $[27];
-  }
-  return t10;
-};
-
-module.exports = SegmentedControlButton;

package/lib/SegmentedControl/SegmentedControlIconButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControlIconButton.d.ts","sourceRoot":"","sources":["../../src/SegmentedControl/SegmentedControlIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,OAAO,CAAA;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AACrD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAA;AAMlD,MAAM,MAAM,+BAA+B,GAAG;IAC5C,YAAY,EAAE,MAAM,CAAA;IACpB,0DAA0D;IAC1D,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;IACtF,8JAA8J;IAC9J,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kKAAkK;IAClK,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;CACpC,GAAG,MAAM,GACR,oBAAoB,CAAC,iBAAiB,GAAG,aAAa,CAAC,CAAA;AAEzD,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,CA4DzG,CAAA;AAED,eAAe,0BAA0B,CAAA"}

package/lib/SegmentedControl/SegmentedControlIconButton.js

@@ -1,236 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var reactIs = require('react-is');
-var SegmentedControl_module = require('./SegmentedControl.module.css.js');
-var clsx = require('clsx');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
-var jsxRuntime = require('react/jsx-runtime');
-var useFeatureFlag = require('../FeatureFlags/useFeatureFlag.js');
-var Tooltip = require('../TooltipV2/Tooltip.js');
-
-const SegmentedControlIconButton = t0 => {
-  const $ = reactCompilerRuntime.c(50);
-  let Icon;
-  let ariaLabel;
-  let className;
-  let description;
-  let rest;
-  let selected;
-  let sxProp;
-  let tooltipDirection;
-  if ($[0] !== t0) {
-    ({
-      "aria-label": ariaLabel,
-      icon: Icon,
-      selected,
-      sx: sxProp,
-      className,
-      description,
-      tooltipDirection,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = Icon;
-    $[2] = ariaLabel;
-    $[3] = className;
-    $[4] = description;
-    $[5] = rest;
-    $[6] = selected;
-    $[7] = sxProp;
-    $[8] = tooltipDirection;
-  } else {
-    Icon = $[1];
-    ariaLabel = $[2];
-    className = $[3];
-    description = $[4];
-    rest = $[5];
-    selected = $[6];
-    sxProp = $[7];
-    tooltipDirection = $[8];
-  }
-  const tooltipFlagEnabled = useFeatureFlag.useFeatureFlag("primer_react_segmented_control_tooltip");
-  if (tooltipFlagEnabled) {
-    let t1;
-    if ($[9] !== className) {
-      t1 = clsx.clsx(SegmentedControl_module.Item, className);
-      $[9] = className;
-      $[10] = t1;
-    } else {
-      t1 = $[10];
-    }
-    const t2 = selected || undefined;
-    const t3 = description ? undefined : "label";
-    const t4 = description ? description : ariaLabel;
-    const t5 = description ? ariaLabel : undefined;
-    let t6;
-    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-      t6 = clsx.clsx(SegmentedControl_module.Button, SegmentedControl_module.IconButton);
-      $[11] = t6;
-    } else {
-      t6 = $[11];
-    }
-    let t7;
-    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-      t7 = clsx.clsx(SegmentedControl_module.Content, "segmentedControl-content");
-      $[12] = t7;
-    } else {
-      t7 = $[12];
-    }
-    let t8;
-    if ($[13] !== Icon) {
-      t8 = reactIs.isElement(Icon) ? Icon : /*#__PURE__*/jsxRuntime.jsx(Icon, {});
-      $[13] = Icon;
-      $[14] = t8;
-    } else {
-      t8 = $[14];
-    }
-    let t9;
-    if ($[15] !== t8) {
-      t9 = /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: t7,
-        children: t8
-      });
-      $[15] = t8;
-      $[16] = t9;
-    } else {
-      t9 = $[16];
-    }
-    let t10;
-    if ($[17] !== rest || $[18] !== selected || $[19] !== t5 || $[20] !== t9) {
-      t10 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-        as: "button",
-        "aria-current": selected,
-        "aria-label": t5,
-        className: t6,
-        ...rest,
-        children: t9
-      });
-      $[17] = rest;
-      $[18] = selected;
-      $[19] = t5;
-      $[20] = t9;
-      $[21] = t10;
-    } else {
-      t10 = $[21];
-    }
-    let t11;
-    if ($[22] !== t10 || $[23] !== t3 || $[24] !== t4 || $[25] !== tooltipDirection) {
-      t11 = /*#__PURE__*/jsxRuntime.jsx(Tooltip.Tooltip, {
-        type: t3,
-        text: t4,
-        direction: tooltipDirection,
-        children: t10
-      });
-      $[22] = t10;
-      $[23] = t3;
-      $[24] = t4;
-      $[25] = tooltipDirection;
-      $[26] = t11;
-    } else {
-      t11 = $[26];
-    }
-    let t12;
-    if ($[27] !== sxProp || $[28] !== t1 || $[29] !== t11 || $[30] !== t2) {
-      t12 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-        as: "li",
-        sx: sxProp,
-        className: t1,
-        "data-selected": t2,
-        children: t11
-      });
-      $[27] = sxProp;
-      $[28] = t1;
-      $[29] = t11;
-      $[30] = t2;
-      $[31] = t12;
-    } else {
-      t12 = $[31];
-    }
-    return t12;
-  } else {
-    let t1;
-    if ($[32] !== className) {
-      t1 = clsx.clsx(SegmentedControl_module.Item, className);
-      $[32] = className;
-      $[33] = t1;
-    } else {
-      t1 = $[33];
-    }
-    const t2 = selected || undefined;
-    let t3;
-    if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-      t3 = clsx.clsx(SegmentedControl_module.Button, SegmentedControl_module.IconButton);
-      $[34] = t3;
-    } else {
-      t3 = $[34];
-    }
-    let t4;
-    if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
-      t4 = clsx.clsx(SegmentedControl_module.Content, "segmentedControl-content");
-      $[35] = t4;
-    } else {
-      t4 = $[35];
-    }
-    let t5;
-    if ($[36] !== Icon) {
-      t5 = reactIs.isElement(Icon) ? Icon : /*#__PURE__*/jsxRuntime.jsx(Icon, {});
-      $[36] = Icon;
-      $[37] = t5;
-    } else {
-      t5 = $[37];
-    }
-    let t6;
-    if ($[38] !== t5) {
-      t6 = /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: t4,
-        children: t5
-      });
-      $[38] = t5;
-      $[39] = t6;
-    } else {
-      t6 = $[39];
-    }
-    let t7;
-    if ($[40] !== ariaLabel || $[41] !== rest || $[42] !== selected || $[43] !== t6) {
-      t7 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-        as: "button",
-        "aria-label": ariaLabel,
-        "aria-current": selected,
-        className: t3,
-        ...rest,
-        children: t6
-      });
-      $[40] = ariaLabel;
-      $[41] = rest;
-      $[42] = selected;
-      $[43] = t6;
-      $[44] = t7;
-    } else {
-      t7 = $[44];
-    }
-    let t8;
-    if ($[45] !== sxProp || $[46] !== t1 || $[47] !== t2 || $[48] !== t7) {
-      t8 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-        as: "li",
-        sx: sxProp,
-        className: t1,
-        "data-selected": t2,
-        children: t7
-      });
-      $[45] = sxProp;
-      $[46] = t1;
-      $[47] = t2;
-      $[48] = t7;
-      $[49] = t8;
-    } else {
-      t8 = $[49];
-    }
-    return t8;
-  }
-};
-
-exports.SegmentedControlIconButton = SegmentedControlIconButton;
-exports.default = SegmentedControlIconButton;

package/lib/SegmentedControl/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SegmentedControl';
-//# sourceMappingURL=index.d.ts.map

package/lib/SegmentedControl/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SegmentedControl/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/lib/Select/Select-ab428dc7.css

@@ -1,2 +0,0 @@
-.prc-Select-Select-F7Flx{appearance:none;background-color:inherit;border:0;border-radius:inherit;color:currentColor;font-size:inherit;margin-bottom:1px;margin-left:1px;margin-top:1px;outline:none;width:100%}.prc-Select-Select-F7Flx:disabled{background-color:transparent}@media screen and (forced-colors:active){.prc-Select-Select-F7Flx:disabled{background-color:-moz-combobox}}.prc-Select-TextInputWrapper-eBxmL{overflow:hidden;position:relative}@media screen and (forced-colors:active){.prc-Select-TextInputWrapper-eBxmL svg{fill:"FieldText"}.prc-Select-Disabled-EtgGW svg{fill:"GrayText"}}.prc-Select-ArrowIndicator-vtddB{pointer-events:none;position:absolute;right:var(--base-size-4,.25rem);top:50%;transform:translateY(-50%)}
-/*# sourceMappingURL=Select-ab428dc7.css.map */

package/lib/Select/Select-ab428dc7.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Select/Select.module.css"],"names":[],"mappings":"AAAA,yBAqBE,eAAgB,CAJhB,wBAAyB,CACzB,QAAS,CACT,qBAAsB,CAVtB,kBAAmB,CADnB,iBAAkB,CAHlB,iBAAkB,CAElB,eAAgB,CAJhB,cAAe,CAiBf,YAAa,CAnBb,UAsCF,CAZE,kCACE,4BACF,CAKA,yCACE,kCACE,8BACF,CACF,CAGF,mCAEE,eAAgB,CADhB,iBASF,CANE,yCACE,uCAEE,gBACF,CAMA,+BAEE,eACF,CARF,CAYF,iCAIE,mBAAoB,CAHpB,iBAAkB,CAElB,+BAAyB,CADzB,OAAQ,CAGR,0BACF","file":"Select-ab428dc7.css","sourcesContent":[".Select {\n  width: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-top: 1px;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: 1px;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-left: 1px;\n  font-size: inherit;\n  color: currentColor;\n\n  /* Firefox hacks:\n   * 1. Makes Firefox's native dropdown menu's background match the theme.\n   *    background-color should be 'transparent', but Firefox uses the background-color on\n   *    <select> to determine the background color used for the dropdown menu.\n   * 2. Adds 1px margins to the <select> so the background color doesn't hide the focus outline created with an inset box-shadow.\n   */\n  background-color: inherit;\n  border: 0;\n  border-radius: inherit;\n  outline: none;\n  appearance: none;\n\n  /* 2. Prevents visible overlap of partially transparent background colors.\n   *    'colors.input.disabledBg' happens to be partially transparent in light mode, so we use a\n   *    transparent background-color on a disabled <select>. \n   */\n  &:disabled {\n    background-color: transparent;\n  }\n\n  /* 3. Maintain dark bg color in Firefox on Windows high-contrast mode\n   *    Firefox makes the <select>'s background color white when setting 'background-color: transparent;'   \n   */\n  @media screen and (forced-colors: active) {\n    &:disabled {\n      background-color: -moz-combobox;\n    }\n  }\n}\n\n.TextInputWrapper {\n  position: relative;\n  overflow: hidden;\n\n  @media screen and (forced-colors: active) {\n    svg {\n      /* stylelint-disable-next-line declaration-property-value-no-unknown */\n      fill: 'FieldText';\n    }\n  }\n}\n\n.Disabled {\n  @media screen and (forced-colors: active) {\n    svg {\n      /* stylelint-disable-next-line declaration-property-value-no-unknown */\n      fill: 'GrayText';\n    }\n  }\n}\n\n.ArrowIndicator {\n  position: absolute;\n  top: 50%;\n  right: var(--base-size-4);\n  pointer-events: none;\n  transform: translateY(-50%);\n}\n"]}