@mycause/ui 1.1.3 → 1.1.4

package/dist/index.js

@@ -17,9 +17,9 @@ var MenuSurface__default = _interopDefault(MenuSurface);
 var MDCList = require('@material/react-list');
 var MDCList__default = _interopDefault(MDCList);
 var nanoid = _interopDefault(require('nanoid'));
+var MDCIconButton = _interopDefault(require('@material/react-icon-button'));
 var reactChips = require('@material/react-chips');
 var MDCCheckbox = _interopDefault(require('@material/react-checkbox'));
-var MDCIconButton = _interopDefault(require('@material/react-icon-button'));
 var ReactCropper = _interopDefault(require('react-cropper'));
 var MDCTextField = require('@material/react-text-field');
 var MDCTextField__default = _interopDefault(MDCTextField);
@@ -18306,14 +18306,236 @@ ButtonSelect.propTypes = {
   elevation: _pt.any.isRequired
 };
 
-const _excluded$b = ["className", "leadingIcon", "trailingIcon"];
+const _excluded$b = ["children", "size", "className", "pressed", "onBlur"];
+const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref, ref) {
+  let {
+      children,
+      size,
+      className,
+      pressed,
+      onBlur
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded$b);
+  const [count, update] = React.useState(0);
+
+  // Handle blur to force a remount by changing key
+  const handleBlur = tapEvent(() => {
+    if (typeof pressed === "undefined") {
+      update(c => c + 1);
+    }
+  }, onBlur);
+  const scope = {
+    styles: /*#__PURE__*/React__default.createElement(_JSXStyle, {
+      id: "3629729252",
+      dynamic: [size || "", size || ""]
+    }, ".mdc-icon-button.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.toggle.__jsx-style-dynamic-selector{-webkit-transition:background-color 200ms ease;transition:background-color 200ms ease;}.toggle--active.__jsx-style-dynamic-selector{background-color:rgba(0,0,0,0.1);border-radius:4px;}.size.__jsx-style-dynamic-selector{width:".concat(size || "", ";height:").concat(size || "", ";}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24tYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzJCLEFBRzJCLEFBTW1CLEFBSUgsQUFLRCxpQ0FKakIsRUFLa0IsZ0JBSnRDLG9CQUtBLGVBVkEsZ0JBTnFCLDZGQUNJLG1HQUN6QiIsImZpbGUiOiJpY29uLWJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IE1EQ0ljb25CdXR0b24sIHtcbiAgSWNvbkJ1dHRvblByb3BzIGFzIE1EQ0ljb25CdXR0b25Qcm9wcyxcbn0gZnJvbSBcIkBtYXRlcmlhbC9yZWFjdC1pY29uLWJ1dHRvblwiO1xuaW1wb3J0IF8gZnJvbSBcImxvZGFzaFwiOyAvLyBJbXBvcnQgbG9kYXNoIGZvciBvbWl0XG5pbXBvcnQgeyB0YXBFdmVudCB9IGZyb20gXCIuLi8uLi91dGlscy90YXAtZXZlbnRcIjtcbmltcG9ydCB7IEljb25Qcm9wcyB9IGZyb20gXCIuL2ljb25cIjtcblxuZXhwb3J0IHR5cGUgSWNvbkJ1dHRvblR5cGVzID0gSFRNTEJ1dHRvbkVsZW1lbnQgfCBIVE1MQW5jaG9yRWxlbWVudDtcblxuZXhwb3J0IGludGVyZmFjZSBJY29uQnV0dG9uUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PE1EQ0ljb25CdXR0b25Qcm9wczxJY29uQnV0dG9uVHlwZXM+LCBcInJlZlwiIHwgXCJzaXplXCI+IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDxJY29uUHJvcHM+O1xuICBwcmVzc2VkPzogYm9vbGVhbjtcbiAgc2l6ZT86IHN0cmluZztcbn1cblxuY29uc3QgSWNvbkJ1dHRvbiA9IGZvcndhcmRSZWYoZnVuY3Rpb24gSWNvbkJ1dHRvbihcbiAgeyBjaGlsZHJlbiwgc2l6ZSwgY2xhc3NOYW1lLCBwcmVzc2VkLCBvbkJsdXIsIC4uLnJlc3QgfTogSWNvbkJ1dHRvblByb3BzLFxuICByZWY6IFJlYWN0LlJlZjxJY29uQnV0dG9uVHlwZXM+XG4pIHtcbiAgY29uc3QgW2NvdW50LCB1cGRhdGVdID0gdXNlU3RhdGU8bnVtYmVyPigwKTtcblxuICAvLyBIYW5kbGUgYmx1ciB0byBmb3JjZSBhIHJlbW91bnQgYnkgY2hhbmdpbmcga2V5XG4gIGNvbnN0IGhhbmRsZUJsdXIgPSB0YXBFdmVudDxSZWFjdC5Gb2N1c0V2ZW50PEljb25CdXR0b25UeXBlcz4+KCgpID0+IHtcbiAgICBpZiAodHlwZW9mIHByZXNzZWQgPT09IFwidW5kZWZpbmVkXCIpIHtcbiAgICAgIHVwZGF0ZShjID0+IGMgKyAxKTtcbiAgICB9XG4gIH0sIG9uQmx1cik7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAubWRjLWljb24tYnV0dG9uIHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cblxuICAgIC50b2dnbGUge1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAyMDBtcyBlYXNlO1xuICAgIH1cblxuICAgIC50b2dnbGUtLWFjdGl2ZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgfVxuXG4gICAgLnNpemUge1xuICAgICAgd2lkdGg6ICR7c2l6ZSB8fCBcIlwifTtcbiAgICAgIGhlaWdodDogJHtzaXplIHx8IFwiXCJ9O1xuICAgIH1cbiAgYDtcblxuICAvLyBVc2UgXy5vbWl0IHRvIHJlbW92ZSB1bnN1cHBvcnRlZCBwcm9wcyBsaWtlIG9uUG9pbnRlckVudGVyQ2FwdHVyZSBhbmQgb25Qb2ludGVyTGVhdmVDYXB0dXJlXG4gIGNvbnN0IGZpbHRlcmVkUHJvcHMgPSBfLm9taXQoXG4gICAge1xuICAgICAgY2xhc3NOYW1lOiBjbGFzc25hbWVzKGNsYXNzTmFtZSwgc2NvcGUuY2xhc3NOYW1lLCB7XG4gICAgICAgIHRvZ2dsZTogdHlwZW9mIHByZXNzZWQgIT09IFwidW5kZWZpbmVkXCIsXG4gICAgICAgIFwidG9nZ2xlLS1hY3RpdmVcIjogcHJlc3NlZCA9PT0gdHJ1ZSxcbiAgICAgICAgc2l6ZSxcbiAgICAgIH0pLFxuICAgICAgcmVmLFxuICAgICAgb25CbHVyOiBoYW5kbGVCbHVyLFxuICAgICAgLi4ucmVzdCwgLy8gU3ByZWFkIHRoZSByZXN0IG9mIHRoZSBwcm9wc1xuICAgIH0sXG4gICAgW1wib25Qb2ludGVyRW50ZXJDYXB0dXJlXCIsIFwib25Qb2ludGVyTGVhdmVDYXB0dXJlXCJdIC8vIFNwZWNpZnkgdGhlIHByb3BzIHRvIG9taXRcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxNRENJY29uQnV0dG9uXG4gICAgICBrZXk9e2NvdW50fVxuICAgICAgey4uLmZpbHRlcmVkUHJvcHN9IC8vIFBhc3MgdGhlIGZpbHRlcmVkIHByb3BzXG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L01EQ0ljb25CdXR0b24+XG4gICk7XG59KTtcblxuZXhwb3J0IGRlZmF1bHQgSWNvbkJ1dHRvbjtcbiJdfQ== */\n/*@ sourceURL=icon-button.tsx */")),
+    className: _JSXStyle.dynamic([["3629729252", [size || "", size || ""]]])
+  };
+
+  // Use _.omit to remove unsupported props like onPointerEnterCapture and onPointerLeaveCapture
+  const filteredProps = lodash.omit(_objectSpread2({
+    className: cn(className, scope.className, {
+      toggle: typeof pressed !== "undefined",
+      "toggle--active": pressed === true,
+      size
+    }),
+    ref,
+    onBlur: handleBlur
+  }, rest), ["onPointerEnterCapture", "onPointerLeaveCapture"] // Specify the props to omit
+  );
+  return /*#__PURE__*/React__default.createElement(MDCIconButton, _extends({
+    key: count
+  }, filteredProps), children, scope.styles);
+});
+
+function IconButtonGroup(_ref) {
+  let {
+    children,
+    size,
+    isOutlinedOnFocus
+  } = _ref;
+  const theme = useTheme();
+  children = React__default.Children.map(children, child => /*#__PURE__*/React__default.cloneElement(child, {
+    size
+  }));
+  const scope = {
+    styles: /*#__PURE__*/React__default.createElement(_JSXStyle, {
+      id: "3389486541",
+      dynamic: [theme.color.foreground.primary]
+    }, ".icon-button-group.icon-button-group--outline-on-focus.__jsx-style-dynamic-selector:focus-within.__jsx-style-dynamic-selector::after{border-color:".concat(theme.color.foreground.primary, ";border-radius:4px;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24tYnV0dG9uLWdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQjJCLEFBR2lELDBDQUN4QixrQkFDcEIiLCJmaWxlIjoiaWNvbi1idXR0b24tZ3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuXG5pbnRlcmZhY2UgSWNvbkJ1dHRvbkdyb3VwUHJvcHMge1xuICBjaGlsZHJlbjogQXJyYXk8UmVhY3QuUmVhY3RFbGVtZW50PiB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgc2l6ZT86IHN0cmluZztcbiAgaXNPdXRsaW5lZE9uRm9jdXM/OiBib29sZWFuO1xufVxuXG5mdW5jdGlvbiBJY29uQnV0dG9uR3JvdXAoe1xuICBjaGlsZHJlbixcbiAgc2l6ZSxcbiAgaXNPdXRsaW5lZE9uRm9jdXMsXG59OiBJY29uQnV0dG9uR3JvdXBQcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY2hpbGRyZW4gPSBSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChjaGlsZDogUmVhY3QuUmVhY3RFbGVtZW50KSA9PlxuICAgIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCwgeyBzaXplIH0pXG4gICk7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAuaWNvbi1idXR0b24tZ3JvdXAuaWNvbi1idXR0b24tZ3JvdXAtLW91dGxpbmUtb24tZm9jdXM6Zm9jdXMtd2l0aGluOjphZnRlciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3IuZm9yZWdyb3VuZC5wcmltYXJ5fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXG4gICAgICAgIFwiaWNvbi1idXR0b24tZ3JvdXBcIixcbiAgICAgICAge1xuICAgICAgICAgIFwiaWNvbi1idXR0b24tZ3JvdXAtLW91dGxpbmUtb24tZm9jdXNcIjogISFpc091dGxpbmVkT25Gb2N1cyxcbiAgICAgICAgfSxcbiAgICAgICAgc2NvcGUuY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwIHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICB9XG5cbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwOjphZnRlciB7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICM5ZTllOWU7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwOmhvdmVyOjphZnRlciB7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjg3KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pY29uLWJ1dHRvbi1ncm91cC5pY29uLWJ1dHRvbi1ncm91cC0tb3V0bGluZS1vbi1mb2N1czpmb2N1cy13aXRoaW46OmFmdGVyIHtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDJweDtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgSWNvbkJ1dHRvbkdyb3VwO1xuIl19 */\n/*@ sourceURL=icon-button-group.tsx */")),
+    className: _JSXStyle.dynamic([["3389486541", [theme.color.foreground.primary]]])
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "jsx-3856654706" + " " + (cn("icon-button-group", {
+      "icon-button-group--outline-on-focus": !!isOutlinedOnFocus
+    }, scope.className) || "")
+  }, children, /*#__PURE__*/React__default.createElement(_JSXStyle, {
+    id: "3856654706"
+  }, ".icon-button-group.jsx-3856654706{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.icon-button-group.jsx-3856654706::after{content:\"\";position:absolute;display:block;top:0;right:0;bottom:0;left:0;border:1px solid #9e9e9e;border-radius:4px;pointer-events:none;}.icon-button-group.jsx-3856654706:hover.jsx-3856654706::after{border:1px solid rgba(0,0,0,0.87);}.icon-button-group.icon-button-group--outline-on-focus.jsx-3856654706:focus-within.jsx-3856654706::after{border-width:2px;border-style:solid;border-radius:4px;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24tYnV0dG9uLWdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2tCLEFBRzZCLEFBTVAsQUFhMEIsQUFJcEIsV0FoQkMsTUFpQkMsQ0F2Qk4sV0FPQyxLQVloQixFQUtvQixPQWhCWixNQUNFLEtBZ0JWLEdBZlcsU0FDRixPQUNrQixtQkFYTixNQVlELGtCQUNFLG9CQUN0Qix5QkFiQSIsImZpbGUiOiJpY29uLWJ1dHRvbi1ncm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5cbmludGVyZmFjZSBJY29uQnV0dG9uR3JvdXBQcm9wcyB7XG4gIGNoaWxkcmVuOiBBcnJheTxSZWFjdC5SZWFjdEVsZW1lbnQ+IHwgUmVhY3QuUmVhY3RFbGVtZW50O1xuICBzaXplPzogc3RyaW5nO1xuICBpc091dGxpbmVkT25Gb2N1cz86IGJvb2xlYW47XG59XG5cbmZ1bmN0aW9uIEljb25CdXR0b25Hcm91cCh7XG4gIGNoaWxkcmVuLFxuICBzaXplLFxuICBpc091dGxpbmVkT25Gb2N1cyxcbn06IEljb25CdXR0b25Hcm91cFByb3BzKSB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjaGlsZHJlbiA9IFJlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkOiBSZWFjdC5SZWFjdEVsZW1lbnQpID0+XG4gICAgUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IHNpemUgfSlcbiAgKTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5pY29uLWJ1dHRvbi1ncm91cC5pY29uLWJ1dHRvbi1ncm91cC0tb3V0bGluZS1vbi1mb2N1czpmb2N1cy13aXRoaW46OmFmdGVyIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvci5mb3JlZ3JvdW5kLnByaW1hcnl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIH1cbiAgYDtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcbiAgICAgICAgXCJpY29uLWJ1dHRvbi1ncm91cFwiLFxuICAgICAgICB7XG4gICAgICAgICAgXCJpY29uLWJ1dHRvbi1ncm91cC0tb3V0bGluZS1vbi1mb2N1c1wiOiAhIWlzT3V0bGluZWRPbkZvY3VzLFxuICAgICAgICB9LFxuICAgICAgICBzY29wZS5jbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAuaWNvbi1idXR0b24tZ3JvdXAge1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgIH1cblxuICAgICAgICAuaWNvbi1idXR0b24tZ3JvdXA6OmFmdGVyIHtcbiAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgIzllOWU5ZTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAuaWNvbi1idXR0b24tZ3JvdXA6aG92ZXI6OmFmdGVyIHtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuODcpO1xuICAgICAgICB9XG5cbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwLmljb24tYnV0dG9uLWdyb3VwLS1vdXRsaW5lLW9uLWZvY3VzOmZvY3VzLXdpdGhpbjo6YWZ0ZXIge1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMnB4O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgICB7c2NvcGUuc3R5bGVzfVxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBJY29uQnV0dG9uR3JvdXA7XG4iXX0= */\n/*@ sourceURL=icon-button-group.tsx */"), scope.styles);
+}
+IconButtonGroup.propTypes = {
+  children: _pt.oneOfType([_pt.any, _pt.element]).isRequired,
+  size: _pt.string,
+  isOutlinedOnFocus: _pt.bool
+};
+
+const _excluded$c = ["active", "inactive", "value", "onChange", "onClick"];
+const HeartToggle = /*#__PURE__*/React.forwardRef(function HeartToggle(_ref, ref) {
+  let {
+      active,
+      inactive,
+      value,
+      onChange,
+      onClick
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded$c);
+  const [isToggled, setIsToggled] = React.useState(value);
+  const handleClick = e => {
+    e.preventDefault();
+    const newValue = !isToggled;
+    setIsToggled(newValue);
+    if (onChange) {
+      onChange(newValue);
+    } else if (onClick) {
+      onClick(e);
+    }
+  };
+
+  // Filter out invalid props such as onPointerEnterCapture and onPointerLeaveCapture
+  const filteredProps = lodash.omit(_objectSpread2({
+    onClick: handleClick,
+    ref,
+    // aria-pressed controls whether or not the button is in the 'pressed' state
+    // however the icon that shows does not respect this, the icon that is set to isOn will always show first,
+    // regardless of the aria-pressed state
+    // as a workaround the initial value is captured and used to decide which IconToggle represents the 'on' state
+    "aria-pressed": value
+  }, rest), ["onPointerEnterCapture", "onPointerLeaveCapture"] // Remove invalid props
+  );
+  return /*#__PURE__*/React__default.createElement(MDCIconButton, filteredProps, /*#__PURE__*/React__default.createElement("span", null, isToggled ? active : inactive));
+});
+
+const ButtonSelectOrange = _ref => {
+  let {
+    classname,
+    title,
+    selectItems,
+    width = "200px",
+    buttonWidth = "100px",
+    isScroll = false,
+    align = "right",
+    noArrow = false,
+    buttonColor = "#ff7658",
+    color = "#FFFFFF",
+    autoOpen = false
+  } = _ref;
+  const [showList, setShowList] = React.useState(autoOpen);
+  const [positionTop, setPositionTop] = React.useState(true);
+  const containerRef = React.useRef(null);
+  const dropdownRef = React.useRef(null);
+  const handleListDisplay = () => {
+    if (!autoOpen) {
+      setShowList(prevShowList => !prevShowList);
+    }
+  };
+
+  // Handle click outside to close the dropdown
+  React.useEffect(() => {
+    if (autoOpen) return;
+    const handleClickOutside = e => {
+      const target = e.target;
+      if (containerRef.current && !containerRef.current.contains(target) && !target.classList.contains("custom-select-option") && !target.classList.contains("selected-text")) {
+        setShowList(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [autoOpen]);
+
+  // Adjust dropdown position based on available space
+  React.useEffect(() => {
+    if (showList && containerRef.current && dropdownRef.current) {
+      const containerRect = containerRef.current.getBoundingClientRect();
+      const dropdownRect = dropdownRef.current.getBoundingClientRect();
+      const windowHeight = window.innerHeight;
+      let isTop = false;
+      if (containerRect.bottom + dropdownRect.height > windowHeight) {
+        isTop = true;
+      }
+      setPositionTop(isTop);
+      if (dropdownRef.current && !autoOpen) {
+        dropdownRef.current.style.top = isTop ? "".concat(-dropdownRect.height, "px") : "".concat(containerRect.height, "px");
+      }
+    }
+  }, [autoOpen, showList]);
+  const hasIcon = lodash.some(selectItems, item => !!item.icon);
+  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    ref: containerRef,
+    className: _JSXStyle.dynamic([["4141430836", [buttonWidth ? buttonWidth : "200px", buttonColor, showList ? "8px 8px 0 0" : "8px", color, autoOpen ? "relative" : "absolute", width, buttonColor, isScroll && "max-height: 160px; overflow-y: auto;", buttonWidth, buttonColor, color, showList ? "rotate(180deg)" : "none"]]]) + " " + (cn("select-orange-container", classname) || "")
+  }, /*#__PURE__*/React__default.createElement("div", {
+    onClick: handleListDisplay,
+    className: _JSXStyle.dynamic([["4141430836", [buttonWidth ? buttonWidth : "200px", buttonColor, showList ? "8px 8px 0 0" : "8px", color, autoOpen ? "relative" : "absolute", width, buttonColor, isScroll && "max-height: 160px; overflow-y: auto;", buttonWidth, buttonColor, color, showList ? "rotate(180deg)" : "none"]]]) + " " + (cn("select-orange-title", {
+      "position-top": positionTop && showList,
+      "position-bottom": !positionTop && showList
+    }) || "")
+  }, title !== null && title !== void 0 ? title : "Actions", noArrow || autoOpen ? null : /*#__PURE__*/React__default.createElement("div", {
+    className: _JSXStyle.dynamic([["4141430836", [buttonWidth ? buttonWidth : "200px", buttonColor, showList ? "8px 8px 0 0" : "8px", color, autoOpen ? "relative" : "absolute", width, buttonColor, isScroll && "max-height: 160px; overflow-y: auto;", buttonWidth, buttonColor, color, showList ? "rotate(180deg)" : "none"]]]) + " " + "trailing-icon"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    icon: "arrow_drop_down"
+  }))), showList && /*#__PURE__*/React__default.createElement("ul", {
+    ref: dropdownRef,
+    className: _JSXStyle.dynamic([["4141430836", [buttonWidth ? buttonWidth : "200px", buttonColor, showList ? "8px 8px 0 0" : "8px", color, autoOpen ? "relative" : "absolute", width, buttonColor, isScroll && "max-height: 160px; overflow-y: auto;", buttonWidth, buttonColor, color, showList ? "rotate(180deg)" : "none"]]]) + " " + (cn("select-orange-content", {
+      [align]: align,
+      show: showList
+    }) || "")
+  }, selectItems && selectItems.length > 0 && selectItems.map((selectItem, index) => {
+    if (selectItem !== null && selectItem !== void 0 && selectItem.condition) {
+      return /*#__PURE__*/React__default.createElement("li", {
+        key: index,
+        onClick: () => {
+          if (selectItem !== null && selectItem !== void 0 && selectItem.handleClick) selectItem === null || selectItem === void 0 || selectItem.handleClick();
+          if (!autoOpen) setShowList(false);
+        },
+        className: _JSXStyle.dynamic([["4141430836", [buttonWidth ? buttonWidth : "200px", buttonColor, showList ? "8px 8px 0 0" : "8px", color, autoOpen ? "relative" : "absolute", width, buttonColor, isScroll && "max-height: 160px; overflow-y: auto;", buttonWidth, buttonColor, color, showList ? "rotate(180deg)" : "none"]]]) + " " + (cn("select-item", {
+          active: selectItem === null || selectItem === void 0 ? void 0 : selectItem.active
+        }) || "")
+      }, hasIcon && /*#__PURE__*/React__default.createElement("div", {
+        className: _JSXStyle.dynamic([["4141430836", [buttonWidth ? buttonWidth : "200px", buttonColor, showList ? "8px 8px 0 0" : "8px", color, autoOpen ? "relative" : "absolute", width, buttonColor, isScroll && "max-height: 160px; overflow-y: auto;", buttonWidth, buttonColor, color, showList ? "rotate(180deg)" : "none"]]]) + " " + "select-item-icon"
+      }, selectItem === null || selectItem === void 0 ? void 0 : selectItem.icon), /*#__PURE__*/React__default.createElement("div", {
+        className: _JSXStyle.dynamic([["4141430836", [buttonWidth ? buttonWidth : "200px", buttonColor, showList ? "8px 8px 0 0" : "8px", color, autoOpen ? "relative" : "absolute", width, buttonColor, isScroll && "max-height: 160px; overflow-y: auto;", buttonWidth, buttonColor, color, showList ? "rotate(180deg)" : "none"]]]) + " " + "select-item-text"
+      }, selectItem.label));
+    } else {
+      return null;
+    }
+  }))), /*#__PURE__*/React__default.createElement(_JSXStyle, {
+    id: "4141430836",
+    dynamic: [buttonWidth ? buttonWidth : "200px", buttonColor, showList ? "8px 8px 0 0" : "8px", color, autoOpen ? "relative" : "absolute", width, buttonColor, isScroll && "max-height: 160px; overflow-y: auto;", buttonWidth, buttonColor, color, showList ? "rotate(180deg)" : "none"]
+  }, ".select-orange-container.__jsx-style-dynamic-selector{position:relative;width:100%;box-shadow:1px 1px 8px rgba(110,110,110,0.25);border-radius:8px;font-family:Montserrat;width:".concat(buttonWidth ? buttonWidth : "200px", ";}.select-orange-title.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.5rem 1rem;text-align:center;background:").concat(buttonColor, ";border-radius:").concat(showList ? "8px 8px 0 0" : "8px", ";color:").concat(color, ";font-weight:700;font-size:14px;cursor:pointer;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.select-orange-content.__jsx-style-dynamic-selector{position:").concat(autoOpen ? "relative" : "absolute", ";width:").concat(width, ";border:1px solid ").concat(buttonColor, ";padding:0.5rem 0;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:8px 0 8px 8px;background-color:#fff;").concat(isScroll && "max-height: 160px; overflow-y: auto;", " min-width:").concat(buttonWidth, ";overflow:hidden;z-index:999;max-height:-webkit-min-content;max-height:-webkit-min-content;max-height:-moz-min-content;max-height:min-content;opacity:0;visibility:hidden;-webkit-transition:opacity 0.2s ease,visibility 0.2s ease;transition:opacity 0.2s ease,visibility 0.2s ease;}.select-item.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;grid-gap:1rem;gap:1rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.5rem 1.5rem;}.select-item.__jsx-style-dynamic-selector:hover{cursor:pointer;background-color:#fdf9f1;}.select-item.__jsx-style-dynamic-selector .select-item-text.__jsx-style-dynamic-selector{color:").concat(buttonColor, ";min-width:-webkit-max-content;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;font-weight:300;font-size:14px;-webkit-transition:-webkit-transform 0.3s ease;-webkit-transition:transform 0.3s ease;transition:transform 0.3s ease;will-change:transform,font-weight;}.select-item.__jsx-style-dynamic-selector:hover .select-item-text.__jsx-style-dynamic-selector{font-weight:500;}.select-item.active.__jsx-style-dynamic-selector .select-item-text.__jsx-style-dynamic-selector{font-weight:700;}ul.__jsx-style-dynamic-selector::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.2);background-color:#fff;}ul.__jsx-style-dynamic-selector::-webkit-scrollbar{width:6px;background-color:#fff;}ul.__jsx-style-dynamic-selector::-webkit-scrollbar-thumb{background-color:rgba(255,118,88,0.7);border:1px solid rgba(255,118,88,0.7);border-radius:10px;}.select-orange-content.right.__jsx-style-dynamic-selector{right:0;}.select-orange-content.left.__jsx-style-dynamic-selector{left:0;}.select-orange-content.center.__jsx-style-dynamic-selector{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;}.select-item-icon.__jsx-style-dynamic-selector{width:24px;}.trailing-icon.__jsx-style-dynamic-selector{margin-top:4px;}.trailing-icon.__jsx-style-dynamic-selector .icon{color:").concat(color, ";-webkit-transform:").concat(showList ? "rotate(180deg)" : "none", ";-ms-transform:").concat(showList ? "rotate(180deg)" : "none", ";transform:").concat(showList ? "rotate(180deg)" : "none", ";-webkit-transition:all 0.2s;transition:all 0.2s;}.select-orange-title.position-top.__jsx-style-dynamic-selector{border-radius:0 0 8px 8px;}.select-orange-title.position-bottom.__jsx-style-dynamic-selector{border-radius:8px 8px 0 0;}.select-orange-title.position-top.__jsx-style-dynamic-selector+.select-orange-content.__jsx-style-dynamic-selector{border-radius:8px 8px 0 0;}.select-orange-title.position-bottom.__jsx-style-dynamic-selector+.select-orange-content.__jsx-style-dynamic-selector{border-radius:0 0 8px 8px;}.select-orange-content.show.__jsx-style-dynamic-selector{opacity:1;visibility:visible;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1dHRvbi1zZWxlY3QtZXhoYW5jZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRKa0IsQUFHNkIsQUFRTCxBQWF5QixBQW9CekIsQUFPRSxBQUlvQixBQVNuQixBQUdBLEFBR29DLEFBSTFDLEFBSStCLEFBS2pDLEFBR0QsQUFHb0IsQUFJaEIsQUFHSSxBQUdxQixBQUtWLEFBR0EsQUFHQSxBQUdBLEFBR2hCLE9BN0JaLENBSEEsRUFUd0IsQUEwQ0gsQ0F2QnJCLElBMUMyQixBQTZDM0IsQ0FoQ0EsQUFHQSxFQWhFYSxRQXFHYixBQUdBLEFBR0EsQUFHQSxHQTdHbUQsQUFpSG5ELEdBMUNBLEdBcEJnQyxDQTRDVSxFQTNFTCxBQXNETSxFQTFCM0MsU0FrQndCLGdCQWRBLE1BZXhCLEVBOUNnRCxDQWQzQixBQWlDTCxDQXZDSSxDQTBFQyxZQWxDVixLQXZDYyxBQW1GZCxFQVRYLEVBbENxQixLQTRDckIsY0FuRnFDLEdBbUJsQixpQkFDUixRQThCTyxDQTdCSCxNQXBCZixTQWtEaUIsT0E5Q0ssQ0F3RkEsT0F6Q1csWUE5Q2IsR0FrQ0ksZUFqQ2tCLE9Ba0MxQyxJQXFEQSxHQXhFd0IsMEJBZHFCLDJDQUNSLElBNENBLEtBOUJQLDBCQWJaLEVBY00sQ0E4QnhCLGFBM0NpQixRQWV3QixPQWR4QixlQUNRLDhDQWNQLGdCQUNKLFlBQ21CLHlCQWZqQyxNQWdCeUIsa0ZBQ2IsVUFDUSxrQkFDaUMsNEdBQ3JEIiwiZmlsZSI6ImJ1dHRvbi1zZWxlY3QtZXhoYW5jZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50LCB1c2VTdGF0ZSwgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbiBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9pY29uXCI7XG5pbXBvcnQgXyBmcm9tIFwibG9kYXNoXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0SXRlbSB7XG4gIGljb24/OiBKU1guRWxlbWVudDtcbiAgbGFiZWw6IHN0cmluZztcbiAgY29uZGl0aW9uPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbiAgaGFuZGxlQ2xpY2s/OiAoKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFNlbGVjdE9yYW5nZVByb3BzIHtcbiAgY2xhc3NuYW1lPzogc3RyaW5nO1xuICB0aXRsZT86IHN0cmluZztcbiAgc2VsZWN0SXRlbXM6IEFycmF5PFNlbGVjdEl0ZW0+O1xuICB3aWR0aD86IHN0cmluZztcbiAgYnV0dG9uV2lkdGg/OiBzdHJpbmc7XG4gIGlzU2Nyb2xsPzogYm9vbGVhbjtcbiAgYWxpZ24/OiBzdHJpbmc7XG4gIG5vQXJyb3c/OiBib29sZWFuO1xuICBidXR0b25Db2xvcj86IHN0cmluZztcbiAgY29sb3I/OiBzdHJpbmc7XG4gIGF1dG9PcGVuPzogYm9vbGVhbjtcbn1cbmNvbnN0IEJ1dHRvblNlbGVjdE9yYW5nZSA9ICh7XG4gIGNsYXNzbmFtZSxcbiAgdGl0bGUsXG4gIHNlbGVjdEl0ZW1zLFxuICB3aWR0aCA9IFwiMjAwcHhcIixcbiAgYnV0dG9uV2lkdGggPSBcIjEwMHB4XCIsXG4gIGlzU2Nyb2xsID0gZmFsc2UsXG4gIGFsaWduID0gXCJyaWdodFwiLFxuICBub0Fycm93ID0gZmFsc2UsXG4gIGJ1dHRvbkNvbG9yID0gXCIjZmY3NjU4XCIsXG4gIGNvbG9yID0gXCIjRkZGRkZGXCIsXG4gIGF1dG9PcGVuID0gZmFsc2UsXG59OiBTZWxlY3RPcmFuZ2VQcm9wcykgPT4ge1xuICBjb25zdCBbc2hvd0xpc3QsIHNldFNob3dMaXN0XSA9IHVzZVN0YXRlKGF1dG9PcGVuKTtcbiAgY29uc3QgW3Bvc2l0aW9uVG9wLCBzZXRQb3NpdGlvblRvcF0gPSB1c2VTdGF0ZTxib29sZWFuPih0cnVlKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgZHJvcGRvd25SZWYgPSB1c2VSZWY8SFRNTFVMaXN0RWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgaGFuZGxlTGlzdERpc3BsYXkgPSAoKSA9PiB7XG4gICAgaWYgKCFhdXRvT3Blbikge1xuICAgICAgc2V0U2hvd0xpc3QocHJldlNob3dMaXN0ID0+ICFwcmV2U2hvd0xpc3QpO1xuICAgIH1cbiAgfTtcblxuICAvLyBIYW5kbGUgY2xpY2sgb3V0c2lkZSB0byBjbG9zZSB0aGUgZHJvcGRvd25cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoYXV0b09wZW4pIHJldHVybjtcbiAgICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSAoZTogTW91c2VFdmVudCkgPT4ge1xuICAgICAgY29uc3QgdGFyZ2V0ID0gZS50YXJnZXQgYXMgSFRNTEVsZW1lbnQ7XG4gICAgICBpZiAoXG4gICAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICAgICFjb250YWluZXJSZWYuY3VycmVudC5jb250YWlucyh0YXJnZXQpICYmXG4gICAgICAgICF0YXJnZXQuY2xhc3NMaXN0LmNvbnRhaW5zKFwiY3VzdG9tLXNlbGVjdC1vcHRpb25cIikgJiZcbiAgICAgICAgIXRhcmdldC5jbGFzc0xpc3QuY29udGFpbnMoXCJzZWxlY3RlZC10ZXh0XCIpXG4gICAgICApIHtcbiAgICAgICAgc2V0U2hvd0xpc3QoZmFsc2UpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKFwibW91c2Vkb3duXCIsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcIm1vdXNlZG93blwiLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIH07XG4gIH0sIFthdXRvT3Blbl0pO1xuXG4gIC8vIEFkanVzdCBkcm9wZG93biBwb3NpdGlvbiBiYXNlZCBvbiBhdmFpbGFibGUgc3BhY2VcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoc2hvd0xpc3QgJiYgY29udGFpbmVyUmVmLmN1cnJlbnQgJiYgZHJvcGRvd25SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgY29udGFpbmVyUmVjdCA9IGNvbnRhaW5lclJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgY29uc3QgZHJvcGRvd25SZWN0ID0gZHJvcGRvd25SZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgIGNvbnN0IHdpbmRvd0hlaWdodCA9IHdpbmRvdy5pbm5lckhlaWdodDtcblxuICAgICAgbGV0IGlzVG9wID0gZmFsc2U7XG4gICAgICBpZiAoY29udGFpbmVyUmVjdC5ib3R0b20gKyBkcm9wZG93blJlY3QuaGVpZ2h0ID4gd2luZG93SGVpZ2h0KSB7XG4gICAgICAgIGlzVG9wID0gdHJ1ZTtcbiAgICAgIH1cbiAgICAgIHNldFBvc2l0aW9uVG9wKGlzVG9wKTtcblxuICAgICAgaWYgKGRyb3Bkb3duUmVmLmN1cnJlbnQgJiYgIWF1dG9PcGVuKSB7XG4gICAgICAgIGRyb3Bkb3duUmVmLmN1cnJlbnQuc3R5bGUudG9wID0gaXNUb3BcbiAgICAgICAgICA/IGAkey1kcm9wZG93blJlY3QuaGVpZ2h0fXB4YFxuICAgICAgICAgIDogYCR7Y29udGFpbmVyUmVjdC5oZWlnaHR9cHhgO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW2F1dG9PcGVuLCBzaG93TGlzdF0pO1xuXG4gIGNvbnN0IGhhc0ljb24gPSBfLnNvbWUoXG4gICAgc2VsZWN0SXRlbXMsXG4gICAgKGl0ZW06IHsgaWNvbjogSlNYLkVsZW1lbnQgfSkgPT4gISFpdGVtLmljb25cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxGcmFnbWVudD5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtjbihcInNlbGVjdC1vcmFuZ2UtY29udGFpbmVyXCIsIGNsYXNzbmFtZSl9XG4gICAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbihcInNlbGVjdC1vcmFuZ2UtdGl0bGVcIiwge1xuICAgICAgICAgICAgXCJwb3NpdGlvbi10b3BcIjogcG9zaXRpb25Ub3AgJiYgc2hvd0xpc3QsXG4gICAgICAgICAgICBcInBvc2l0aW9uLWJvdHRvbVwiOiAhcG9zaXRpb25Ub3AgJiYgc2hvd0xpc3QsXG4gICAgICAgICAgfSl9XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlTGlzdERpc3BsYXl9XG4gICAgICAgID5cbiAgICAgICAgICB7dGl0bGUgPz8gXCJBY3Rpb25zXCJ9XG4gICAgICAgICAge25vQXJyb3cgfHwgYXV0b09wZW4gPyBudWxsIDogKFxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJ0cmFpbGluZy1pY29uXCI+XG4gICAgICAgICAgICAgIDxJY29uIGljb249XCJhcnJvd19kcm9wX2Rvd25cIiAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIHtzaG93TGlzdCAmJiAoXG4gICAgICAgICAgPHVsXG4gICAgICAgICAgICBjbGFzc05hbWU9e2NuKFwic2VsZWN0LW9yYW5nZS1jb250ZW50XCIsIHtcbiAgICAgICAgICAgICAgW2FsaWduXTogYWxpZ24sXG4gICAgICAgICAgICAgIHNob3c6IHNob3dMaXN0LFxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICByZWY9e2Ryb3Bkb3duUmVmfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtzZWxlY3RJdGVtcyAmJlxuICAgICAgICAgICAgICBzZWxlY3RJdGVtcy5sZW5ndGggPiAwICYmXG4gICAgICAgICAgICAgIHNlbGVjdEl0ZW1zLm1hcCgoc2VsZWN0SXRlbSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoc2VsZWN0SXRlbT8uY29uZGl0aW9uKSB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8bGlcbiAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NuKFwic2VsZWN0LWl0ZW1cIiwge1xuICAgICAgICAgICAgICAgICAgICAgICAgYWN0aXZlOiBzZWxlY3RJdGVtPy5hY3RpdmUsXG4gICAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBpZiAoc2VsZWN0SXRlbT8uaGFuZGxlQ2xpY2spIHNlbGVjdEl0ZW0/LmhhbmRsZUNsaWNrKCk7XG4gICAgICAgICAgICAgICAgICAgICAgICBpZiAoIWF1dG9PcGVuKSBzZXRTaG93TGlzdChmYWxzZSk7XG4gICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtoYXNJY29uICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwic2VsZWN0LWl0ZW0taWNvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICB7c2VsZWN0SXRlbT8uaWNvbn1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJzZWxlY3QtaXRlbS10ZXh0XCI+e3NlbGVjdEl0ZW0ubGFiZWx9PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvdWw+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLnNlbGVjdC1vcmFuZ2UtY29udGFpbmVyIHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgYm94LXNoYWRvdzogMXB4IDFweCA4cHggcmdiYSgxMTAsIDExMCwgMTEwLCAwLjI1KTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IE1vbnRzZXJyYXQ7XG4gICAgICAgICAgd2lkdGg6ICR7YnV0dG9uV2lkdGggPyBidXR0b25XaWR0aCA6IFwiMjAwcHhcIn07XG4gICAgICAgIH1cbiAgICAgICAgLnNlbGVjdC1vcmFuZ2UtdGl0bGUge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVyZW0gMXJlbTtcbiAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgYmFja2dyb3VuZDogJHtidXR0b25Db2xvcn07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtzaG93TGlzdCA/IFwiOHB4IDhweCAwIDBcIiA6IFwiOHB4XCJ9O1xuICAgICAgICAgIGNvbG9yOiAke2NvbG9yfTtcbiAgICAgICAgICBmb250LXdlaWdodDogNzAwO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIH1cbiAgICAgICAgLnNlbGVjdC1vcmFuZ2UtY29udGVudCB7XG4gICAgICAgICAgcG9zaXRpb246ICR7YXV0b09wZW4gPyBcInJlbGF0aXZlXCIgOiBcImFic29sdXRlXCJ9O1xuICAgICAgICAgIHdpZHRoOiAke3dpZHRofTtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke2J1dHRvbkNvbG9yfTtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVyZW0gMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDhweCAwIDhweCA4cHg7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgICAgICAgICAke2lzU2Nyb2xsICYmIFwibWF4LWhlaWdodDogMTYwcHg7IG92ZXJmbG93LXk6IGF1dG87XCJ9XG4gICAgICAgICAgbWluLXdpZHRoOiAke2J1dHRvbldpZHRofTtcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgIHotaW5kZXg6IDk5OTtcbiAgICAgICAgICBtYXgtaGVpZ2h0OiBtaW4tY29udGVudDtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuMnMgZWFzZSwgdmlzaWJpbGl0eSAwLjJzIGVhc2U7XG4gICAgICAgIH1cbiAgICAgICAgLnNlbGVjdC1pdGVtIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGdhcDogMXJlbTtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6IDAuNXJlbSAxLjVyZW07XG4gICAgICAgIH1cbiAgICAgICAgLnNlbGVjdC1pdGVtOmhvdmVyIHtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZkZjlmMTtcbiAgICAgICAgfVxuICAgICAgICAuc2VsZWN0LWl0ZW0gLnNlbGVjdC1pdGVtLXRleHQge1xuICAgICAgICAgIGNvbG9yOiAke2J1dHRvbkNvbG9yfTtcbiAgICAgICAgICBtaW4td2lkdGg6IG1heC1jb250ZW50O1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiAzMDA7XG4gICAgICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjNzIGVhc2U7XG4gICAgICAgICAgd2lsbC1jaGFuZ2U6IHRyYW5zZm9ybSwgZm9udC13ZWlnaHQ7XG4gICAgICAgIH1cbiAgICAgICAgLnNlbGVjdC1pdGVtOmhvdmVyIC5zZWxlY3QtaXRlbS10ZXh0IHtcbiAgICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICB9XG4gICAgICAgIC5zZWxlY3QtaXRlbS5hY3RpdmUgLnNlbGVjdC1pdGVtLXRleHQge1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA3MDA7XG4gICAgICAgIH1cbiAgICAgICAgdWw6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHtcbiAgICAgICAgICAtd2Via2l0LWJveC1zaGFkb3c6IGluc2V0IDAgMCA2cHggcmdiYSgwLCAwLCAwLCAwLjIpO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gICAgICAgIH1cbiAgICAgICAgdWw6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgICB3aWR0aDogNnB4O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gICAgICAgIH1cbiAgICAgICAgdWw6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1NSwgMTE4LCA4OCwgMC43KTtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDI1NSwgMTE4LCA4OCwgMC43KTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgICAgICB9XG4gICAgICAgIC5zZWxlY3Qtb3JhbmdlLWNvbnRlbnQucmlnaHQge1xuICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB9XG4gICAgICAgIC5zZWxlY3Qtb3JhbmdlLWNvbnRlbnQubGVmdCB7XG4gICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgfVxuICAgICAgICAuc2VsZWN0LW9yYW5nZS1jb250ZW50LmNlbnRlciB7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xuICAgICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgfVxuICAgICAgICAuc2VsZWN0LWl0ZW0taWNvbiB7XG4gICAgICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICAgIH1cbiAgICAgICAgLnRyYWlsaW5nLWljb24ge1xuICAgICAgICAgIG1hcmdpbi10b3A6IDRweDtcbiAgICAgICAgfVxuICAgICAgICAudHJhaWxpbmctaWNvbiA6Z2xvYmFsKC5pY29uKSB7XG4gICAgICAgICAgY29sb3I6ICR7Y29sb3J9O1xuICAgICAgICAgIHRyYW5zZm9ybTogJHtzaG93TGlzdCA/IFwicm90YXRlKDE4MGRlZylcIiA6IFwibm9uZVwifTtcbiAgICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMC4ycztcbiAgICAgICAgfVxuICAgICAgICAuc2VsZWN0LW9yYW5nZS10aXRsZS5wb3NpdGlvbi10b3Age1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDAgMCA4cHggOHB4O1xuICAgICAgICB9XG4gICAgICAgIC5zZWxlY3Qtb3JhbmdlLXRpdGxlLnBvc2l0aW9uLWJvdHRvbSB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogOHB4IDhweCAwIDA7XG4gICAgICAgIH1cbiAgICAgICAgLnNlbGVjdC1vcmFuZ2UtdGl0bGUucG9zaXRpb24tdG9wICsgLnNlbGVjdC1vcmFuZ2UtY29udGVudHtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA4cHggOHB4IDAgMDtcbiAgICAgICAgfVxuICAgICAgICAuc2VsZWN0LW9yYW5nZS10aXRsZS5wb3NpdGlvbi1ib3R0b20gKyAuc2VsZWN0LW9yYW5nZS1jb250ZW50IHtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAwIDAgOHB4IDhweDtcbiAgICAgICAgfVxuICAgICAgICAuc2VsZWN0LW9yYW5nZS1jb250ZW50LnNob3cge1xuICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvRnJhZ21lbnQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCdXR0b25TZWxlY3RPcmFuZ2U7XG4iXX0= */\n/*@ sourceURL=button-select-exhanced.tsx */")));
+};
+ButtonSelectOrange.propTypes = {
+  classname: _pt.string,
+  title: _pt.string,
+  selectItems: _pt.any.isRequired,
+  width: _pt.string,
+  buttonWidth: _pt.string,
+  isScroll: _pt.bool,
+  align: _pt.string,
+  noArrow: _pt.bool,
+  buttonColor: _pt.string,
+  color: _pt.string,
+  autoOpen: _pt.bool
+};
+
+const _excluded$d = ["className", "leadingIcon", "trailingIcon"];
 function Chip(_ref) {
   let {
       className,
       leadingIcon,
       trailingIcon
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$b);
+    props = _objectWithoutProperties(_ref, _excluded$d);
   const theme = useTheme();
   const scope = {
     styles: /*#__PURE__*/React__default.createElement(_JSXStyle, {
@@ -18346,7 +18568,7 @@ Chip.propTypes = {
 };
 Chip.defaultProps = reactChips.Chip.defaultProps;
 
-const _excluded$c = ["value", "onChange", "options", "children"];
+const _excluded$e = ["value", "onChange", "options", "children"];
 function Chips(_ref) {
   let {
       value,
@@ -18354,7 +18576,7 @@ function Chips(_ref) {
       options,
       children
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$c);
+    rest = _objectWithoutProperties(_ref, _excluded$e);
   if (options) {
     children = options.map(option => /*#__PURE__*/React__default.createElement(Chip, _extends({
       key: option.id
@@ -18373,7 +18595,7 @@ Chips.propTypes = {
   options: _pt.any
 };
 
-const _excluded$d = ["onChange"];
+const _excluded$f = ["onChange"];
 /**
  * A form control for adding and removing items to a set.
  */
@@ -18381,7 +18603,7 @@ function InputChips(_ref) {
   let {
       onChange
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$d);
+    rest = _objectWithoutProperties(_ref, _excluded$f);
   const handleUpdateChips = chips => {
     onChange(chips.map(chip => chip.id));
   };
@@ -18396,7 +18618,7 @@ InputChips.propTypes = {
   children: _pt.oneOfType([_pt.any, _pt.element]).isRequired
 };
 
-const _excluded$e = ["direction", "justify", "align", "reverse", "wrap", "center", "className", "children"];
+const _excluded$g = ["direction", "justify", "align", "reverse", "wrap", "center", "className", "children"];
 function Flex(_ref) {
   let {
       direction = "row",
@@ -18408,7 +18630,7 @@ function Flex(_ref) {
       className,
       children
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$e);
+    rest = _objectWithoutProperties(_ref, _excluded$g);
   if (center) {
     justify = "center";
     align = "center";
@@ -18465,7 +18687,7 @@ function getFlexWrap(wrap) {
   return wrap ? "wrap" : "nowrap";
 }
 
-const _excluded$f = ["columns", "rows", "gap", "className", "children"];
+const _excluded$h = ["columns", "rows", "gap", "className", "children"];
 function Grid(_ref) {
   let {
       columns = "auto",
@@ -18474,7 +18696,7 @@ function Grid(_ref) {
       className,
       children
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$f);
+    rest = _objectWithoutProperties(_ref, _excluded$h);
   const scope = {
     styles: /*#__PURE__*/React__default.createElement(_JSXStyle, {
       id: "859707976",
@@ -18492,7 +18714,7 @@ Grid.propTypes = {
   gap: _pt.string
 };
 
-const _excluded$g = ["gap", "direction", "reverse", "className", "children"];
+const _excluded$i = ["gap", "direction", "reverse", "className", "children"];
 function Stack(_ref) {
   let {
       gap,
@@ -18501,7 +18723,7 @@ function Stack(_ref) {
       className,
       children
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$g);
+    rest = _objectWithoutProperties(_ref, _excluded$i);
   const scope = {
     styles: /*#__PURE__*/React__default.createElement(_JSXStyle, {
       id: "656990919",
@@ -18526,7 +18748,7 @@ Stack.defaultProps = {
   reverse: false
 };
 
-const _excluded$h = ["id", "label", "color", "checked", "className"];
+const _excluded$j = ["id", "label", "color", "checked", "className"];
 const Checkbox = _ref => {
   let {
       id,
@@ -18535,7 +18757,7 @@ const Checkbox = _ref => {
       checked,
       className
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$h);
+    rest = _objectWithoutProperties(_ref, _excluded$j);
   const theme = useTheme();
   const [mainId, setmainId] = React.useState("");
   const setColor = getColorToken(theme, "foreground", color);
@@ -18576,115 +18798,6 @@ Checkbox.propTypes = {
   className: _pt.string
 };
 
-const _excluded$i = ["children", "size", "className", "pressed", "onBlur"];
-const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref, ref) {
-  let {
-      children,
-      size,
-      className,
-      pressed,
-      onBlur
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$i);
-  const [count, update] = React.useState(0);
-
-  // Handle blur to force a remount by changing key
-  const handleBlur = tapEvent(() => {
-    if (typeof pressed === "undefined") {
-      update(c => c + 1);
-    }
-  }, onBlur);
-  const scope = {
-    styles: /*#__PURE__*/React__default.createElement(_JSXStyle, {
-      id: "3629729252",
-      dynamic: [size || "", size || ""]
-    }, ".mdc-icon-button.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.toggle.__jsx-style-dynamic-selector{-webkit-transition:background-color 200ms ease;transition:background-color 200ms ease;}.toggle--active.__jsx-style-dynamic-selector{background-color:rgba(0,0,0,0.1);border-radius:4px;}.size.__jsx-style-dynamic-selector{width:".concat(size || "", ";height:").concat(size || "", ";}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24tYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzJCLEFBRzJCLEFBTW1CLEFBSUgsQUFLRCxpQ0FKakIsRUFLa0IsZ0JBSnRDLG9CQUtBLGVBVkEsZ0JBTnFCLDZGQUNJLG1HQUN6QiIsImZpbGUiOiJpY29uLWJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IE1EQ0ljb25CdXR0b24sIHtcbiAgSWNvbkJ1dHRvblByb3BzIGFzIE1EQ0ljb25CdXR0b25Qcm9wcyxcbn0gZnJvbSBcIkBtYXRlcmlhbC9yZWFjdC1pY29uLWJ1dHRvblwiO1xuaW1wb3J0IF8gZnJvbSBcImxvZGFzaFwiOyAvLyBJbXBvcnQgbG9kYXNoIGZvciBvbWl0XG5pbXBvcnQgeyB0YXBFdmVudCB9IGZyb20gXCIuLi8uLi91dGlscy90YXAtZXZlbnRcIjtcbmltcG9ydCB7IEljb25Qcm9wcyB9IGZyb20gXCIuL2ljb25cIjtcblxuZXhwb3J0IHR5cGUgSWNvbkJ1dHRvblR5cGVzID0gSFRNTEJ1dHRvbkVsZW1lbnQgfCBIVE1MQW5jaG9yRWxlbWVudDtcblxuZXhwb3J0IGludGVyZmFjZSBJY29uQnV0dG9uUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PE1EQ0ljb25CdXR0b25Qcm9wczxJY29uQnV0dG9uVHlwZXM+LCBcInJlZlwiIHwgXCJzaXplXCI+IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDxJY29uUHJvcHM+O1xuICBwcmVzc2VkPzogYm9vbGVhbjtcbiAgc2l6ZT86IHN0cmluZztcbn1cblxuY29uc3QgSWNvbkJ1dHRvbiA9IGZvcndhcmRSZWYoZnVuY3Rpb24gSWNvbkJ1dHRvbihcbiAgeyBjaGlsZHJlbiwgc2l6ZSwgY2xhc3NOYW1lLCBwcmVzc2VkLCBvbkJsdXIsIC4uLnJlc3QgfTogSWNvbkJ1dHRvblByb3BzLFxuICByZWY6IFJlYWN0LlJlZjxJY29uQnV0dG9uVHlwZXM+XG4pIHtcbiAgY29uc3QgW2NvdW50LCB1cGRhdGVdID0gdXNlU3RhdGU8bnVtYmVyPigwKTtcblxuICAvLyBIYW5kbGUgYmx1ciB0byBmb3JjZSBhIHJlbW91bnQgYnkgY2hhbmdpbmcga2V5XG4gIGNvbnN0IGhhbmRsZUJsdXIgPSB0YXBFdmVudDxSZWFjdC5Gb2N1c0V2ZW50PEljb25CdXR0b25UeXBlcz4+KCgpID0+IHtcbiAgICBpZiAodHlwZW9mIHByZXNzZWQgPT09IFwidW5kZWZpbmVkXCIpIHtcbiAgICAgIHVwZGF0ZShjID0+IGMgKyAxKTtcbiAgICB9XG4gIH0sIG9uQmx1cik7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAubWRjLWljb24tYnV0dG9uIHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cblxuICAgIC50b2dnbGUge1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAyMDBtcyBlYXNlO1xuICAgIH1cblxuICAgIC50b2dnbGUtLWFjdGl2ZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgfVxuXG4gICAgLnNpemUge1xuICAgICAgd2lkdGg6ICR7c2l6ZSB8fCBcIlwifTtcbiAgICAgIGhlaWdodDogJHtzaXplIHx8IFwiXCJ9O1xuICAgIH1cbiAgYDtcblxuICAvLyBVc2UgXy5vbWl0IHRvIHJlbW92ZSB1bnN1cHBvcnRlZCBwcm9wcyBsaWtlIG9uUG9pbnRlckVudGVyQ2FwdHVyZSBhbmQgb25Qb2ludGVyTGVhdmVDYXB0dXJlXG4gIGNvbnN0IGZpbHRlcmVkUHJvcHMgPSBfLm9taXQoXG4gICAge1xuICAgICAgY2xhc3NOYW1lOiBjbGFzc25hbWVzKGNsYXNzTmFtZSwgc2NvcGUuY2xhc3NOYW1lLCB7XG4gICAgICAgIHRvZ2dsZTogdHlwZW9mIHByZXNzZWQgIT09IFwidW5kZWZpbmVkXCIsXG4gICAgICAgIFwidG9nZ2xlLS1hY3RpdmVcIjogcHJlc3NlZCA9PT0gdHJ1ZSxcbiAgICAgICAgc2l6ZSxcbiAgICAgIH0pLFxuICAgICAgcmVmLFxuICAgICAgb25CbHVyOiBoYW5kbGVCbHVyLFxuICAgICAgLi4ucmVzdCwgLy8gU3ByZWFkIHRoZSByZXN0IG9mIHRoZSBwcm9wc1xuICAgIH0sXG4gICAgW1wib25Qb2ludGVyRW50ZXJDYXB0dXJlXCIsIFwib25Qb2ludGVyTGVhdmVDYXB0dXJlXCJdIC8vIFNwZWNpZnkgdGhlIHByb3BzIHRvIG9taXRcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxNRENJY29uQnV0dG9uXG4gICAgICBrZXk9e2NvdW50fVxuICAgICAgey4uLmZpbHRlcmVkUHJvcHN9IC8vIFBhc3MgdGhlIGZpbHRlcmVkIHByb3BzXG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L01EQ0ljb25CdXR0b24+XG4gICk7XG59KTtcblxuZXhwb3J0IGRlZmF1bHQgSWNvbkJ1dHRvbjtcbiJdfQ== */\n/*@ sourceURL=icon-button.tsx */")),
-    className: _JSXStyle.dynamic([["3629729252", [size || "", size || ""]]])
-  };
-
-  // Use _.omit to remove unsupported props like onPointerEnterCapture and onPointerLeaveCapture
-  const filteredProps = lodash.omit(_objectSpread2({
-    className: cn(className, scope.className, {
-      toggle: typeof pressed !== "undefined",
-      "toggle--active": pressed === true,
-      size
-    }),
-    ref,
-    onBlur: handleBlur
-  }, rest), ["onPointerEnterCapture", "onPointerLeaveCapture"] // Specify the props to omit
-  );
-  return /*#__PURE__*/React__default.createElement(MDCIconButton, _extends({
-    key: count
-  }, filteredProps), children, scope.styles);
-});
-
-function IconButtonGroup(_ref) {
-  let {
-    children,
-    size,
-    isOutlinedOnFocus
-  } = _ref;
-  const theme = useTheme();
-  children = React__default.Children.map(children, child => /*#__PURE__*/React__default.cloneElement(child, {
-    size
-  }));
-  const scope = {
-    styles: /*#__PURE__*/React__default.createElement(_JSXStyle, {
-      id: "3389486541",
-      dynamic: [theme.color.foreground.primary]
-    }, ".icon-button-group.icon-button-group--outline-on-focus.__jsx-style-dynamic-selector:focus-within.__jsx-style-dynamic-selector::after{border-color:".concat(theme.color.foreground.primary, ";border-radius:4px;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24tYnV0dG9uLWdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQjJCLEFBR2lELDBDQUN4QixrQkFDcEIiLCJmaWxlIjoiaWNvbi1idXR0b24tZ3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuXG5pbnRlcmZhY2UgSWNvbkJ1dHRvbkdyb3VwUHJvcHMge1xuICBjaGlsZHJlbjogQXJyYXk8UmVhY3QuUmVhY3RFbGVtZW50PiB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgc2l6ZT86IHN0cmluZztcbiAgaXNPdXRsaW5lZE9uRm9jdXM/OiBib29sZWFuO1xufVxuXG5mdW5jdGlvbiBJY29uQnV0dG9uR3JvdXAoe1xuICBjaGlsZHJlbixcbiAgc2l6ZSxcbiAgaXNPdXRsaW5lZE9uRm9jdXMsXG59OiBJY29uQnV0dG9uR3JvdXBQcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY2hpbGRyZW4gPSBSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChjaGlsZDogUmVhY3QuUmVhY3RFbGVtZW50KSA9PlxuICAgIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCwgeyBzaXplIH0pXG4gICk7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAuaWNvbi1idXR0b24tZ3JvdXAuaWNvbi1idXR0b24tZ3JvdXAtLW91dGxpbmUtb24tZm9jdXM6Zm9jdXMtd2l0aGluOjphZnRlciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3IuZm9yZWdyb3VuZC5wcmltYXJ5fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXG4gICAgICAgIFwiaWNvbi1idXR0b24tZ3JvdXBcIixcbiAgICAgICAge1xuICAgICAgICAgIFwiaWNvbi1idXR0b24tZ3JvdXAtLW91dGxpbmUtb24tZm9jdXNcIjogISFpc091dGxpbmVkT25Gb2N1cyxcbiAgICAgICAgfSxcbiAgICAgICAgc2NvcGUuY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwIHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICB9XG5cbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwOjphZnRlciB7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICM5ZTllOWU7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwOmhvdmVyOjphZnRlciB7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjg3KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pY29uLWJ1dHRvbi1ncm91cC5pY29uLWJ1dHRvbi1ncm91cC0tb3V0bGluZS1vbi1mb2N1czpmb2N1cy13aXRoaW46OmFmdGVyIHtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDJweDtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgSWNvbkJ1dHRvbkdyb3VwO1xuIl19 */\n/*@ sourceURL=icon-button-group.tsx */")),
-    className: _JSXStyle.dynamic([["3389486541", [theme.color.foreground.primary]]])
-  };
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "jsx-3856654706" + " " + (cn("icon-button-group", {
-      "icon-button-group--outline-on-focus": !!isOutlinedOnFocus
-    }, scope.className) || "")
-  }, children, /*#__PURE__*/React__default.createElement(_JSXStyle, {
-    id: "3856654706"
-  }, ".icon-button-group.jsx-3856654706{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.icon-button-group.jsx-3856654706::after{content:\"\";position:absolute;display:block;top:0;right:0;bottom:0;left:0;border:1px solid #9e9e9e;border-radius:4px;pointer-events:none;}.icon-button-group.jsx-3856654706:hover.jsx-3856654706::after{border:1px solid rgba(0,0,0,0.87);}.icon-button-group.icon-button-group--outline-on-focus.jsx-3856654706:focus-within.jsx-3856654706::after{border-width:2px;border-style:solid;border-radius:4px;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24tYnV0dG9uLWdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2tCLEFBRzZCLEFBTVAsQUFhMEIsQUFJcEIsV0FoQkMsTUFpQkMsQ0F2Qk4sV0FPQyxLQVloQixFQUtvQixPQWhCWixNQUNFLEtBZ0JWLEdBZlcsU0FDRixPQUNrQixtQkFYTixNQVlELGtCQUNFLG9CQUN0Qix5QkFiQSIsImZpbGUiOiJpY29uLWJ1dHRvbi1ncm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5cbmludGVyZmFjZSBJY29uQnV0dG9uR3JvdXBQcm9wcyB7XG4gIGNoaWxkcmVuOiBBcnJheTxSZWFjdC5SZWFjdEVsZW1lbnQ+IHwgUmVhY3QuUmVhY3RFbGVtZW50O1xuICBzaXplPzogc3RyaW5nO1xuICBpc091dGxpbmVkT25Gb2N1cz86IGJvb2xlYW47XG59XG5cbmZ1bmN0aW9uIEljb25CdXR0b25Hcm91cCh7XG4gIGNoaWxkcmVuLFxuICBzaXplLFxuICBpc091dGxpbmVkT25Gb2N1cyxcbn06IEljb25CdXR0b25Hcm91cFByb3BzKSB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjaGlsZHJlbiA9IFJlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkOiBSZWFjdC5SZWFjdEVsZW1lbnQpID0+XG4gICAgUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IHNpemUgfSlcbiAgKTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5pY29uLWJ1dHRvbi1ncm91cC5pY29uLWJ1dHRvbi1ncm91cC0tb3V0bGluZS1vbi1mb2N1czpmb2N1cy13aXRoaW46OmFmdGVyIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvci5mb3JlZ3JvdW5kLnByaW1hcnl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIH1cbiAgYDtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcbiAgICAgICAgXCJpY29uLWJ1dHRvbi1ncm91cFwiLFxuICAgICAgICB7XG4gICAgICAgICAgXCJpY29uLWJ1dHRvbi1ncm91cC0tb3V0bGluZS1vbi1mb2N1c1wiOiAhIWlzT3V0bGluZWRPbkZvY3VzLFxuICAgICAgICB9LFxuICAgICAgICBzY29wZS5jbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAuaWNvbi1idXR0b24tZ3JvdXAge1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgIH1cblxuICAgICAgICAuaWNvbi1idXR0b24tZ3JvdXA6OmFmdGVyIHtcbiAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgIzllOWU5ZTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAuaWNvbi1idXR0b24tZ3JvdXA6aG92ZXI6OmFmdGVyIHtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuODcpO1xuICAgICAgICB9XG5cbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwLmljb24tYnV0dG9uLWdyb3VwLS1vdXRsaW5lLW9uLWZvY3VzOmZvY3VzLXdpdGhpbjo6YWZ0ZXIge1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMnB4O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgICB7c2NvcGUuc3R5bGVzfVxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBJY29uQnV0dG9uR3JvdXA7XG4iXX0= */\n/*@ sourceURL=icon-button-group.tsx */"), scope.styles);
-}
-IconButtonGroup.propTypes = {
-  children: _pt.oneOfType([_pt.any, _pt.element]).isRequired,
-  size: _pt.string,
-  isOutlinedOnFocus: _pt.bool
-};
-
-const _excluded$j = ["active", "inactive", "value", "onChange", "onClick"];
-const HeartToggle = /*#__PURE__*/React.forwardRef(function HeartToggle(_ref, ref) {
-  let {
-      active,
-      inactive,
-      value,
-      onChange,
-      onClick
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$j);
-  const [isToggled, setIsToggled] = React.useState(value);
-  const handleClick = e => {
-    e.preventDefault();
-    const newValue = !isToggled;
-    setIsToggled(newValue);
-    if (onChange) {
-      onChange(newValue);
-    } else if (onClick) {
-      onClick(e);
-    }
-  };
-
-  // Filter out invalid props such as onPointerEnterCapture and onPointerLeaveCapture
-  const filteredProps = lodash.omit(_objectSpread2({
-    onClick: handleClick,
-    ref,
-    // aria-pressed controls whether or not the button is in the 'pressed' state
-    // however the icon that shows does not respect this, the icon that is set to isOn will always show first,
-    // regardless of the aria-pressed state
-    // as a workaround the initial value is captured and used to decide which IconToggle represents the 'on' state
-    "aria-pressed": value
-  }, rest), ["onPointerEnterCapture", "onPointerLeaveCapture"] // Remove invalid props
-  );
-  return /*#__PURE__*/React__default.createElement(MDCIconButton, filteredProps, /*#__PURE__*/React__default.createElement("span", null, isToggled ? active : inactive));
-});
-
 // comment-type.ts
 
 const checkLastElement = (key, itemLength) => {
@@ -30191,6 +30304,7 @@ exports.BoldAnchor = BoldAnchor;
 exports.Box = Box;
 exports.Button = Button;
 exports.ButtonSelect = ButtonSelect;
+exports.ButtonSelectExhanced = ButtonSelectOrange;
 exports.CampaignCard = CampaignCard;
 exports.CampaignOfMonth = CampaignOfMonth;
 exports.CharityCard = CharityCard;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mycause/ui",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "author": "Mycause team",
   "license": "MIT",
   "main": "dist/index.js",