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

package/lib-esm/NavList/NavList.js

@@ -213,85 +213,251 @@ const ItemWithSubNavContext = /*#__PURE__*/React.createContext({
   subNavId: '',
   isOpen: false
 });
-function ItemWithSubNav({
-  children,
-  subNav,
-  depth: _depth,
-  defaultOpen,
-  style,
-  sx: sxProp = defaultSxProp
-}) {
+function ItemWithSubNav(t0) {
   var _ref;
+  const $ = c(49);
+  const {
+    children,
+    subNav,
+    defaultOpen,
+    style,
+    sx: t1
+  } = t0;
+  const sxProp = t1 === undefined ? defaultSxProp : t1;
   const buttonId = useId();
   const subNavId = useId();
   const [isOpen, setIsOpen] = React.useState((_ref = defaultOpen || null) !== null && _ref !== void 0 ? _ref : false);
   const subNavRef = React.useRef(null);
   const [containsCurrentItem, setContainsCurrentItem] = React.useState(false);
-  useIsomorphicLayoutEffect(() => {
-    if (subNavRef.current) {
-      // Check if SubNav contains current item
-      // valid values: page, step, location, date, time, true and false
-      const currentItem = subNavRef.current.querySelector('[aria-current]:not([aria-current=false])');
-      if (currentItem) {
-        setContainsCurrentItem(true);
-        setIsOpen(true);
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      if (subNavRef.current) {
+        const currentItem = subNavRef.current.querySelector("[aria-current]:not([aria-current=false])");
+        if (currentItem) {
+          setContainsCurrentItem(true);
+          setIsOpen(true);
+        }
       }
-    }
-  }, [subNav, buttonId]);
+    };
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  let t3;
+  if ($[1] !== buttonId || $[2] !== subNav) {
+    t3 = [subNav, buttonId];
+    $[1] = buttonId;
+    $[2] = subNav;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  useIsomorphicLayoutEffect(t2, t3);
   if (sxProp !== defaultSxProp) {
-    return /*#__PURE__*/jsx(ItemWithSubNavContext.Provider, {
-      value: {
+    let t4;
+    if ($[4] !== buttonId || $[5] !== isOpen || $[6] !== subNavId) {
+      t4 = {
         buttonId,
         subNavId,
         isOpen
-      },
-      children: /*#__PURE__*/jsxs(ActionList.Item, {
+      };
+      $[4] = buttonId;
+      $[5] = isOpen;
+      $[6] = subNavId;
+      $[7] = t4;
+    } else {
+      t4 = $[7];
+    }
+    const t5 = !isOpen && containsCurrentItem;
+    let t6;
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+      t6 = () => setIsOpen(_temp3);
+      $[8] = t6;
+    } else {
+      t6 = $[8];
+    }
+    let t7;
+    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+      t7 = /*#__PURE__*/jsx(ActionList.TrailingVisual, {
+        children: /*#__PURE__*/jsx(ChevronDownIcon, {
+          className: classes.ExpandIcon
+        })
+      });
+      $[9] = t7;
+    } else {
+      t7 = $[9];
+    }
+    let t8;
+    if ($[10] !== subNav) {
+      let t9;
+      if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+        t9 = {
+          ref: subNavRef
+        };
+        $[12] = t9;
+      } else {
+        t9 = $[12];
+      }
+      t8 = /*#__PURE__*/React.cloneElement(subNav, t9);
+      $[10] = subNav;
+      $[11] = t8;
+    } else {
+      t8 = $[11];
+    }
+    let t9;
+    if ($[13] !== t8) {
+      t9 = /*#__PURE__*/jsx(SubItem, {
+        children: t8
+      });
+      $[13] = t8;
+      $[14] = t9;
+    } else {
+      t9 = $[14];
+    }
+    let t10;
+    if ($[15] !== buttonId || $[16] !== children || $[17] !== isOpen || $[18] !== style || $[19] !== subNavId || $[20] !== sxProp || $[21] !== t5 || $[22] !== t9) {
+      t10 = /*#__PURE__*/jsxs(ActionList.Item, {
         id: buttonId,
         "aria-expanded": isOpen,
         "aria-controls": subNavId,
-        active: !isOpen && containsCurrentItem,
-        onSelect: () => setIsOpen(open => !open),
+        active: t5,
+        onSelect: t6,
         style: style,
         sx: sxProp,
-        children: [children, /*#__PURE__*/jsx(ActionList.TrailingVisual, {
-          children: /*#__PURE__*/jsx(ChevronDownIcon, {
-            className: classes.ExpandIcon
-          })
-        }), /*#__PURE__*/jsx(SubItem, {
-          children: /*#__PURE__*/React.cloneElement(subNav, {
-            ref: subNavRef
-          })
-        })]
-      })
-    });
+        children: [children, t7, t9]
+      });
+      $[15] = buttonId;
+      $[16] = children;
+      $[17] = isOpen;
+      $[18] = style;
+      $[19] = subNavId;
+      $[20] = sxProp;
+      $[21] = t5;
+      $[22] = t9;
+      $[23] = t10;
+    } else {
+      t10 = $[23];
+    }
+    let t11;
+    if ($[24] !== t10 || $[25] !== t4) {
+      t11 = /*#__PURE__*/jsx(ItemWithSubNavContext.Provider, {
+        value: t4,
+        children: t10
+      });
+      $[24] = t10;
+      $[25] = t4;
+      $[26] = t11;
+    } else {
+      t11 = $[26];
+    }
+    return t11;
   }
-  return /*#__PURE__*/jsx(ItemWithSubNavContext.Provider, {
-    value: {
+  let t4;
+  if ($[27] !== buttonId || $[28] !== isOpen || $[29] !== subNavId) {
+    t4 = {
       buttonId,
       subNavId,
       isOpen
-    },
-    children: /*#__PURE__*/jsxs(ActionList.Item, {
+    };
+    $[27] = buttonId;
+    $[28] = isOpen;
+    $[29] = subNavId;
+    $[30] = t4;
+  } else {
+    t4 = $[30];
+  }
+  const t5 = !isOpen && containsCurrentItem;
+  let t6;
+  if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = () => setIsOpen(_temp4);
+    $[31] = t6;
+  } else {
+    t6 = $[31];
+  }
+  let t7;
+  if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /*#__PURE__*/jsx(ActionList.TrailingVisual, {
+      children: /*#__PURE__*/jsx(ChevronDownIcon, {
+        className: classes.ExpandIcon
+      })
+    });
+    $[32] = t7;
+  } else {
+    t7 = $[32];
+  }
+  let t8;
+  if ($[33] !== subNav) {
+    let t9;
+    if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+      t9 = {
+        ref: subNavRef
+      };
+      $[35] = t9;
+    } else {
+      t9 = $[35];
+    }
+    t8 = /*#__PURE__*/React.cloneElement(subNav, t9);
+    $[33] = subNav;
+    $[34] = t8;
+  } else {
+    t8 = $[34];
+  }
+  let t9;
+  if ($[36] !== t8) {
+    t9 = /*#__PURE__*/jsx(SubItem, {
+      children: t8
+    });
+    $[36] = t8;
+    $[37] = t9;
+  } else {
+    t9 = $[37];
+  }
+  let t10;
+  if ($[38] !== buttonId || $[39] !== children || $[40] !== isOpen || $[41] !== style || $[42] !== subNavId || $[43] !== t5 || $[44] !== t9) {
+    t10 = /*#__PURE__*/jsxs(ActionList.Item, {
       id: buttonId,
       "aria-expanded": isOpen,
       "aria-controls": subNavId,
-      active: !isOpen && containsCurrentItem,
-      onSelect: () => setIsOpen(open_0 => !open_0),
+      active: t5,
+      onSelect: t6,
       style: style,
-      children: [children, /*#__PURE__*/jsx(ActionList.TrailingVisual, {
-        children: /*#__PURE__*/jsx(ChevronDownIcon, {
-          className: classes.ExpandIcon
-        })
-      }), /*#__PURE__*/jsx(SubItem, {
-        children: /*#__PURE__*/React.cloneElement(subNav, {
-          ref: subNavRef
-        })
-      })]
-    })
-  });
+      children: [children, t7, t9]
+    });
+    $[38] = buttonId;
+    $[39] = children;
+    $[40] = isOpen;
+    $[41] = style;
+    $[42] = subNavId;
+    $[43] = t5;
+    $[44] = t9;
+    $[45] = t10;
+  } else {
+    t10 = $[45];
+  }
+  let t11;
+  if ($[46] !== t10 || $[47] !== t4) {
+    t11 = /*#__PURE__*/jsx(ItemWithSubNavContext.Provider, {
+      value: t4,
+      children: t10
+    });
+    $[46] = t10;
+    $[47] = t4;
+    $[48] = t11;
+  } else {
+    t11 = $[48];
+  }
+  return t11;
 }
-ItemWithSubNav.displayName = "ItemWithSubNav"; // ----------------------------------------------------------------------------
+
+// ----------------------------------------------------------------------------
 // NavList.SubNav
+function _temp4(open_0) {
+  return !open_0;
+}
+function _temp3(open) {
+  return !open;
+}
 const SubNavContext = /*#__PURE__*/React.createContext({
   depth: 0
 });

package/lib-esm/PageLayout/PageLayout.js

@@ -54,9 +54,8 @@ const Root = t0 => {
   }
   const [slots, rest] = useSlots(children, t5);
   let t6;
-  let t7;
   if ($[2] !== columnGap || $[3] !== padding || $[4] !== rowGap) {
-    t7 = {
+    t6 = {
       padding,
       rowGap,
       columnGap,
@@ -65,97 +64,96 @@ const Root = t0 => {
     $[2] = columnGap;
     $[3] = padding;
     $[4] = rowGap;
-    $[5] = t7;
+    $[5] = t6;
   } else {
-    t7 = $[5];
+    t6 = $[5];
   }
-  t6 = t7;
   const memoizedContextValue = t6;
-  const t8 = `var(--spacing-${padding})`;
-  let t9;
-  if ($[6] !== style || $[7] !== t8) {
-    t9 = {
-      "--spacing": t8,
+  const t7 = `var(--spacing-${padding})`;
+  let t8;
+  if ($[6] !== style || $[7] !== t7) {
+    t8 = {
+      "--spacing": t7,
       ...style
     };
     $[6] = style;
-    $[7] = t8;
-    $[8] = t9;
+    $[7] = t7;
+    $[8] = t8;
   } else {
-    t9 = $[8];
+    t8 = $[8];
   }
-  const t10 = t9;
-  let t11;
+  const t9 = t8;
+  let t10;
   if ($[9] !== className) {
-    t11 = clsx(classes.PageLayoutRoot, className);
+    t10 = clsx(classes.PageLayoutRoot, className);
     $[9] = className;
-    $[10] = t11;
+    $[10] = t10;
   } else {
-    t11 = $[10];
+    t10 = $[10];
   }
-  const t12 = slots.header;
-  let t13;
+  const t11 = slots.header;
+  let t12;
   if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-    t13 = clsx(classes.PageLayoutContent);
-    $[11] = t13;
+    t12 = clsx(classes.PageLayoutContent);
+    $[11] = t12;
   } else {
-    t13 = $[11];
+    t12 = $[11];
   }
-  let t14;
+  let t13;
   if ($[12] !== rest) {
-    t14 = /*#__PURE__*/jsx("div", {
-      className: t13,
+    t13 = /*#__PURE__*/jsx("div", {
+      className: t12,
       children: rest
     });
     $[12] = rest;
-    $[13] = t14;
+    $[13] = t13;
   } else {
-    t14 = $[13];
+    t13 = $[13];
   }
-  let t15;
-  if ($[14] !== containerWidth || $[15] !== slots.footer || $[16] !== slots.header || $[17] !== t14) {
-    t15 = /*#__PURE__*/jsxs("div", {
+  let t14;
+  if ($[14] !== containerWidth || $[15] !== slots.footer || $[16] !== slots.header || $[17] !== t13) {
+    t14 = /*#__PURE__*/jsxs("div", {
       className: classes.PageLayoutWrapper,
       "data-width": containerWidth,
-      children: [t12, t14, slots.footer]
+      children: [t11, t13, slots.footer]
     });
     $[14] = containerWidth;
     $[15] = slots.footer;
     $[16] = slots.header;
-    $[17] = t14;
-    $[18] = t15;
+    $[17] = t13;
+    $[18] = t14;
   } else {
-    t15 = $[18];
+    t14 = $[18];
   }
-  let t16;
-  if ($[19] !== sx || $[20] !== t10 || $[21] !== t11 || $[22] !== t15) {
-    t16 = /*#__PURE__*/jsx(BoxWithFallback, {
-      style: t10,
+  let t15;
+  if ($[19] !== sx || $[20] !== t10 || $[21] !== t14 || $[22] !== t9) {
+    t15 = /*#__PURE__*/jsx(BoxWithFallback, {
+      style: t9,
       sx: sx,
-      className: t11,
-      children: t15
+      className: t10,
+      children: t14
     });
     $[19] = sx;
     $[20] = t10;
-    $[21] = t11;
-    $[22] = t15;
-    $[23] = t16;
+    $[21] = t14;
+    $[22] = t9;
+    $[23] = t15;
   } else {
-    t16 = $[23];
+    t15 = $[23];
   }
-  let t17;
-  if ($[24] !== memoizedContextValue || $[25] !== t16) {
-    t17 = /*#__PURE__*/jsx(PageLayoutContext.Provider, {
+  let t16;
+  if ($[24] !== memoizedContextValue || $[25] !== t15) {
+    t16 = /*#__PURE__*/jsx(PageLayoutContext.Provider, {
       value: memoizedContextValue,
-      children: t16
+      children: t15
     });
     $[24] = memoizedContextValue;
-    $[25] = t16;
-    $[26] = t17;
+    $[25] = t15;
+    $[26] = t16;
   } else {
-    t17 = $[26];
+    t16 = $[26];
   }
-  return t17;
+  return t16;
 };
 Root.displayName = 'PageLayout';
 
@@ -997,7 +995,7 @@ const Pane = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
     t42 = $[55];
   }
   let t43;
-  if ($[56] !== paneRef.current || $[57] !== updatePaneWidth) {
+  if ($[56] !== paneRef || $[57] !== updatePaneWidth) {
     t43 = () => {
       var _paneRef$current;
       const paneRect = (_paneRef$current = paneRef.current) === null || _paneRef$current === void 0 ? void 0 : _paneRef$current.getBoundingClientRect();
@@ -1006,7 +1004,7 @@ const Pane = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
       }
       updatePaneWidth(paneRect.width);
     };
-    $[56] = paneRef.current;
+    $[56] = paneRef;
     $[57] = updatePaneWidth;
     $[58] = t43;
   } else {

package/lib-esm/PointerBox/PointerBox.d.ts

@@ -9,12 +9,20 @@ type MutatedSxProps = {
         borderColor?: string;
     };
 } & SxProp;
+/**
+ * @deprecated PointerBox is deprecated and will be removed in a future major release.
+ * Consider using Overlay or Position + Box with a caret instead.
+ */
 export type PointerBoxProps = {
     caret?: CaretProps['location'];
     bg?: CaretProps['bg'];
     borderColor?: CaretProps['borderColor'];
     border?: CaretProps['borderWidth'];
 } & BoxProps & MutatedSxProps;
+/**
+ * @deprecated PointerBox is deprecated and will be removed in a future major release.
+ * Consider using Overlay or Position + Box with a caret instead.
+ */
 declare function PointerBox(props: PointerBoxProps): React.JSX.Element;
 export default PointerBox;
 //# sourceMappingURL=PointerBox.d.ts.map

package/lib-esm/PointerBox/PointerBox.js

@@ -5,6 +5,10 @@ import { get } from '../constants.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import Box from '../Box/Box.js';
 
+/**
+ * @deprecated PointerBox is deprecated and will be removed in a future major release.
+ * Consider using Overlay or Position + Box with a caret instead.
+ */
 function PointerBox(props) {
   // don't destructure these, just grab them
   const themeContext = React.useContext(ThemeContext);

package/{lib/ProgressBar/ProgressBar-a0957632.css → lib-esm/ProgressBar/ProgressBar-36f689cb.css}

@@ -1,2 +1,2 @@
-@keyframes prc-ProgressBar-shimmer-i1RxN{0%{mask-position:200%}to{mask-position:0}}.prc-ProgressBar-ProgressBarItem-stL6O{background-color:var(--progress-bg);width:var(--progress-width)}@media (prefers-reduced-motion:no-preference){.prc-ProgressBar-ProgressBarItem-stL6O[data-animated=true]{animation-duration:1s;animation-iteration-count:infinite;animation-name:prc-ProgressBar-shimmer-i1RxN;mask-image:linear-gradient(75deg,#000 30%,rgba(0,0,0,.65) 80%);mask-size:200%}}.prc-ProgressBar-ProgressBarContainer-E-z8S{background-color:var(--progressBar-track-bgColor);border-radius:var(--borderRadius-small,.1875rem);display:flex;gap:2px;outline:solid 1px var(--progressBar-track-borderColor);outline-offset:-1px;overflow:hidden}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-display=inline]){display:inline-flex}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=default]){height:8px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=small]){height:5px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=large]){height:10px}
-/*# sourceMappingURL=ProgressBar-a0957632.css.map */
+@keyframes prc-ProgressBar-shimmer-i1RxN{0%{mask-position:200%}to{mask-position:0}}.prc-ProgressBar-ProgressBarItem-stL6O{background-color:var(--progress-bg);width:var(--progress-width)}@media (prefers-reduced-motion:no-preference){.prc-ProgressBar-ProgressBarItem-stL6O[data-animated=true]{animation-duration:1s;animation-iteration-count:infinite;animation-name:prc-ProgressBar-shimmer-i1RxN;mask-image:linear-gradient(75deg,#000 30%,rgba(0,0,0,.65) 80%);mask-size:200%}}.prc-ProgressBar-ProgressBarContainer-E-z8S{background-color:var(--progressBar-track-bgColor);border-radius:var(--borderRadius-small,.1875rem);display:flex;gap:2px;outline:solid 1px var(--progressBar-track-borderColor);outline-offset:-1px;overflow:hidden}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-display=inline]){display:inline-flex}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=default]){height:8px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=small]){height:5px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=large]){height:10px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-width=auto]){width:auto}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-width=full]){width:100%}
+/*# sourceMappingURL=ProgressBar-36f689cb.css.map */

package/lib-esm/ProgressBar/ProgressBar-36f689cb.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ProgressBar/ProgressBar.module.css"],"names":[],"mappings":"AAAA,yCACE,GACE,kBACF,CAEA,GACE,eACF,CACF,CAEA,uCAGE,mCAAoC,CAFpC,2BAaF,CATE,8CACE,2DAIE,qBAAsB,CACtB,kCAAmC,CAFnC,4CAAuB,CAFvB,8DAAqE,CACrE,cAIF,CACF,CAGF,4CAIE,iDAAkD,CAClD,gDAAwC,CAJxC,YAAa,CAKb,OAAQ,CACR,sDAAuD,CACvD,mBAAoB,CANpB,eAgCF,CAxBE,kFACE,mBACF,CAEA,oFACE,UACF,CAEA,kFACE,UACF,CAEA,kFACE,WACF,CAGA,qEACE,UACF,CAEA,qEACE,UACF","file":"ProgressBar-36f689cb.css","sourcesContent":["@keyframes shimmer {\n  from {\n    mask-position: 200%;\n  }\n\n  to {\n    mask-position: 0%;\n  }\n}\n\n.ProgressBarItem {\n  width: var(--progress-width);\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--progress-bg);\n\n  @media (prefers-reduced-motion: no-preference) {\n    &[data-animated='true'] {\n      mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);\n      mask-size: 200%;\n      animation-name: shimmer;\n      animation-duration: 1s;\n      animation-iteration-count: infinite;\n    }\n  }\n}\n\n.ProgressBarContainer {\n  display: flex;\n  overflow: hidden;\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--progressBar-track-bgColor);\n  border-radius: var(--borderRadius-small);\n  gap: 2px;\n  outline: solid 1px var(--progressBar-track-borderColor);\n  outline-offset: -1px;\n\n  &:where([data-progress-display='inline']) {\n    display: inline-flex;\n  }\n\n  &:where([data-progress-bar-size='default']) {\n    height: 8px;\n  }\n\n  &:where([data-progress-bar-size='small']) {\n    height: 5px;\n  }\n\n  &:where([data-progress-bar-size='large']) {\n    height: 10px;\n  }\n\n  /* Width support for containers */\n  &:where([data-width='auto']) {\n    width: auto;\n  }\n\n  &:where([data-width='full']) {\n    width: 100%;\n  }\n}\n"]}

package/lib-esm/ProgressBar/ProgressBar.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { WidthProps } from 'styled-system';
 import type { SxProp } from '../sx';
 type ProgressProp = {
     className?: string;
@@ -10,8 +9,8 @@ type StyledProgressContainerProps = {
     inline?: boolean;
     barSize?: 'small' | 'default' | 'large';
     animated?: boolean;
-} & WidthProps & SxProp;
-export type ProgressBarItems = React.HTMLAttributes<HTMLSpanElement> & {
+} & SxProp;
+export type ProgressBarItemProps = React.HTMLAttributes<HTMLSpanElement> & {
     'aria-label'?: string;
     className?: string;
 } & ProgressProp & SxProp;
@@ -30,6 +29,6 @@ export declare const ProgressBar: React.ForwardRefExoticComponent<React.HTMLAttr
     inline?: boolean;
     barSize?: "small" | "default" | "large";
     animated?: boolean;
-} & WidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>> & SxProp & ProgressProp & React.RefAttributes<HTMLSpanElement>>;
+} & SxProp & ProgressProp & React.RefAttributes<HTMLSpanElement>>;
 export {};
 //# sourceMappingURL=ProgressBar.d.ts.map

package/lib-esm/ProgressBar/ProgressBar.module.css.js

@@ -1,4 +1,4 @@
-import './ProgressBar-a0957632.css';
+import './ProgressBar-36f689cb.css';
 
 var classes = {"ProgressBarItem":"prc-ProgressBar-ProgressBarItem-stL6O","ProgressBarContainer":"prc-ProgressBar-ProgressBarContainer-E-z8S"};
 

package/lib-esm/ProgressBar/index.d.ts

@@ -1,4 +1,4 @@
-export type { ProgressBarProps } from './ProgressBar';
+export type { ProgressBarProps, ProgressBarItemProps } from './ProgressBar';
 /**
  * Collection of ProgressBar related components.
  */
@@ -9,7 +9,7 @@ export declare const ProgressBar: import("react").ForwardRefExoticComponent<impo
     inline?: boolean;
     barSize?: "small" | "default" | "large";
     animated?: boolean;
-} & import("styled-system").WidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>> & import("..").SxProp & {
+} & import("..").SxProp & {
     className?: string;
     progress?: string | number;
     bg?: string;

package/lib-esm/Select/Select.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { StyledWrapperProps } from '../internal/components/TextInputWrapper';
 import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
-export type SelectProps = Omit<Omit<React.ComponentProps<'select'>, 'size'> & Omit<StyledWrapperProps, 'variant'>, 'multiple' | 'hasLeadingVisual' | 'hasTrailingVisual' | 'as'> & {
+export type SelectProps = Omit<Omit<React.ComponentProps<'select'>, 'size'> & Omit<StyledWrapperProps, 'variant' | 'contrast'>, 'multiple' | 'hasLeadingVisual' | 'hasTrailingVisual' | 'as'> & {
     placeholder?: string;
 };
 declare const _default: PolymorphicForwardRefComponent<"select", SelectProps> & {