@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/core/Radio/Radio.stories.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.OnMouseUp = exports.Disabled = exports.Default = exports.Boxed = void 0;
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/Radio',
-  component: _.default
-};
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      vertical: true,
-      name: "test",
-      onChange: () => console.log('change'),
-      children: "Option 1"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      vertical: true,
-      name: "test",
-      onChange: () => console.log('change'),
-      children: "Option 2"
-    })]
-  }),
-  name: 'Default'
-};
-const Disabled = exports.Disabled = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    disabled: true,
-    children: "Option"
-  }),
-  name: 'Disabled'
-};
-const OnMouseUp = exports.OnMouseUp = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      name: "mouseup",
-      onMouseUp: () => console.log('onMouseUp 1'),
-      children: "Option"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      name: "mouseup",
-      onMouseUp: () => console.log('onMouseUp 2'),
-      children: "Option"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      name: "mouseup",
-      onMouseUp: () => console.log('onMouseUp 3'),
-      children: "Option"
-    })]
-  }),
-  name: 'OnMouseUp'
-};
-const Boxed = exports.Boxed = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      name: "boxed",
-      boxed: true,
-      children: "Option 1"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      name: "boxed",
-      boxed: true,
-      children: "Option 2"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      name: "boxed",
-      boxed: true,
-      children: "Option 3"
-    })]
-  }),
-  name: 'Boxed'
-};

package/esm/core/Radio/index.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const Radio = ({
-  onChange,
-  onMouseUp,
-  boxed,
-  children,
-  ...props
-}) => {
-  const ariaLabel = props['aria-label'] ?? children ? undefined : 'Radio button';
-  return (0, _jsxRuntime.jsxs)("label", {
-    css: theme => [_styles.styles.default(theme), props.vertical && _styles.styles.vertical, props.disabled && _styles.styles.disabled(theme), boxed && _styles.styles.boxed],
-    onClick: props.onClick,
-    onMouseUp: onMouseUp,
-    children: [(0, _jsxRuntime.jsx)("input", {
-      type: "radio",
-      name: props.name,
-      disabled: props.disabled,
-      defaultChecked: props.checked,
-      onChange: onChange,
-      "aria-label": ariaLabel // Add an aria-label if children is not descriptive enough
-      ,
-      ...props
-    }), children, (0, _jsxRuntime.jsx)("span", {})]
-  });
-};
-var _default = exports.default = Radio;

package/esm/core/Radio/styles.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.default = void 0;
-var _react = require("@emotion/react");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const styles = exports.styles = {
-  default: theme => /*#__PURE__*/(0, _react.css)("display:inline-block;position:relative;padding-left:25px;margin-right:60px;cursor:pointer;font-size:14px;user-select:none;input{position:absolute;opacity:0;cursor:pointer;&:checked~span:after{display:block;}&:focus-within~span{border-color:", theme.primary, ";}}span{position:absolute;top:0;left:0;height:14px;width:14px;border:1px solid ", theme.border, ";border-radius:50%;&:after{content:'';position:absolute;display:none;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:", theme.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;")),
-  vertical: process.env.NODE_ENV === "production" ? {
-    name: "fk50fq",
-    styles: "display:block;margin-right:0;margin-bottom:15px"
-  } : {
-    name: "1btkw1a-vertical",
-    styles: "display:block;margin-right:0;margin-bottom:15px;label:vertical;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  disabled: theme => /*#__PURE__*/(0, _react.css)("color:", theme.subtleText, ";cursor:not-allowed;span{opacity:0.7;cursor:not-allowed;}input{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : ";label:disabled;")),
-  boxed: theme => /*#__PURE__*/(0, _react.css)("display:grid;align-items:center;padding:20px 10px 20px 50px;margin-bottom:0.5em;margin-right:0;font-size:large;border:1px solid;border-radius:15px;width:100%;border-color:", theme.bgMedium, ";overflow:hidden;span{left:25px;top:calc(20px + 4px);&:after{top:3px;left:3px;width:8px;height:8px;background-color:", theme.primary, ";}}:hover{border-color:", theme.primary, ";}:has(input:checked){border-color:", theme.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:boxed;"))
-};
-var _default = exports.default = styles;

package/esm/core/SearchFilter/SearchFilter.stories.js

@@ -1,119 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Props = exports.Default = exports.CustomOpenButton = exports.Active = void 0;
-var _ = _interopRequireDefault(require("."));
-var _Input = _interopRequireDefault(require("../Input"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/SearchFilter',
-  component: _.default
-};
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'center'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      onSubmit: () => console.log('Submit clicked'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        style: {
-          display: 'grid',
-          gridTemplateColumns: '155px 155px',
-          gridGap: '16px'
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
-          label: "S\xF8k i"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
-          label: "Stuff"
-        })]
-      })
-    })
-  }),
-  name: 'Default'
-};
-const Active = exports.Active = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'center'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      onSubmit: () => console.log('Submit clicked'),
-      hasFilters: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        style: {
-          display: 'grid',
-          gridTemplateColumns: '175px 175px',
-          gridGap: '16px'
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
-          label: "S\xF8k i"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
-          label: "Stuff"
-        })]
-      })
-    })
-  }),
-  name: 'Active'
-};
-const CustomOpenButton = exports.CustomOpenButton = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'center'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      onSubmit: () => console.log('Submit clicked'),
-      openButtonText: "Custom text",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        style: {
-          display: 'grid',
-          gridTemplateColumns: '175px 175px',
-          gridGap: '16px'
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
-          label: "S\xF8k i"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
-          label: "Stuff"
-        })]
-      })
-    })
-  }),
-  name: 'Custom open button'
-};
-const Props = exports.Props = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'center'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      title: "Custom title",
-      submitDisabled: true,
-      submitText: "Custom search tekst",
-      hasFilters: true,
-      closeOnClear: true,
-      onClear: () => console.log('Clear'),
-      onSubmit: () => console.log('Submit clicked'),
-      onClose: () => console.log('Close triggered'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        style: {
-          display: 'grid',
-          gridTemplateColumns: '150px 150px',
-          gridGap: '16px'
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
-          label: "S\xF8k i"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
-          label: "Stuff"
-        })]
-      })
-    })
-  }),
-  name: 'Props'
-};

package/esm/core/SearchFilter/index.js

@@ -1,183 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactPopper = require("react-popper");
-var _useIsMobile = require("../../hooks/useIsMobile");
-var _IconSliders = _interopRequireDefault(require("../../icons/General/IconSliders"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _Divider = _interopRequireDefault(require("../Divider"));
-var _Link = _interopRequireDefault(require("../Link"));
-var _Text = _interopRequireDefault(require("../Text"));
-var _styles = require("./styles");
-var _bodyScrollLock = require("body-scroll-lock");
-var _react2 = require("motion/react");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/** @jsxImportSource @emotion/react */
-
-const SearchFilter = ({
-  title = 'Avansert søk',
-  submitText = 'Søk',
-  submitDisabled,
-  children,
-  hasFilters,
-  placement = 'bottom',
-  openButtonText,
-  closeOnClear,
-  onSubmit,
-  onClear,
-  onClose
-}) => {
-  const ref = /*#__PURE__*/(0, _react.createRef)();
-  const isMobile = (0, _useIsMobile.useIsMobile)();
-  const [open, setOpen] = (0, _react.useState)(false);
-  const [popperElement, setPopperElement] = (0, _react.useState)(null);
-  const [referenceElement, setReferenceElement] = (0, _react.useState)(null);
-  const isCustomButton = Boolean(openButtonText);
-  const popper = (0, _reactPopper.usePopper)(referenceElement, popperElement, {
-    placement: placement,
-    modifiers: [{
-      name: 'offset',
-      options: {
-        offset: [0, 10]
-      }
-    }]
-  });
-  (0, _react.useEffect)(() => {
-    const handleClickOutside = e => {
-      const node = ref.current;
-      if (node && node.contains(e.target)) {
-        return;
-      }
-      handleClose();
-    };
-    if (open) {
-      document.addEventListener('mousedown', handleClickOutside);
-    } else {
-      document.removeEventListener('mousedown', handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [open, ref]);
-  (0, _react.useEffect)(() => {
-    if (open) {
-      (0, _bodyScrollLock.disableBodyScroll)(ref.current);
-    } else if (ref?.current) {
-      (0, _bodyScrollLock.enableBodyScroll)(ref.current);
-    }
-  }, [open, ref]);
-  const handleClose = () => {
-    setOpen(false);
-    onClose && onClose();
-  };
-  const Content = (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsxs)(_styles.HeaderWrapper, {
-      children: [(0, _jsxRuntime.jsx)(_Text.default, {
-        bold: true,
-        whiteSpace: "nowrap",
-        children: title
-      }), isMobile && (0, _jsxRuntime.jsx)(_Link.default, {
-        removeUnderline: true,
-        onClick: handleClose,
-        children: "Lukk"
-      })]
-    }), (0, _jsxRuntime.jsx)(_Divider.default, {
-      lightGray: true,
-      margin: "0.5em"
-    }), (0, _jsxRuntime.jsx)(_styles.ContentWrapper, {
-      children: children
-    }), onSubmit && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [(0, _jsxRuntime.jsx)(_Divider.default, {
-        lightGray: true,
-        margin: "0.5em"
-      }), (0, _jsxRuntime.jsxs)(_styles.ActionButtons, {
-        children: [onClear && hasFilters && !isMobile && (0, _jsxRuntime.jsx)(_Link.default, {
-          onClick: () => {
-            onClear();
-            if (closeOnClear) handleClose();
-          },
-          removeUnderline: true,
-          children: "Nullstill"
-        }), (0, _jsxRuntime.jsx)(_Button.default, {
-          disabled: submitDisabled,
-          onClick: () => {
-            onSubmit && onSubmit();
-            setOpen(false);
-          },
-          children: submitText
-        })]
-      })]
-    })]
-  });
-  return (0, _jsxRuntime.jsxs)("div", {
-    css: [_styles.styles.default(isCustomButton), hasFilters && !isCustomButton && _styles.styles.active, process.env.NODE_ENV === "production" ? "" : ";label:SearchFilter;"],
-    ref: ref,
-    children: [(0, _jsxRuntime.jsx)("div", {
-      className: "open-button-wrapper",
-      ref: setReferenceElement,
-      children: (0, _jsxRuntime.jsx)(_Button.default, {
-        nostyle: !isCustomButton,
-        focusable: isCustomButton,
-        outline: isCustomButton,
-        onClick: open ? handleClose : () => setOpen(true),
-        children: openButtonText ? openButtonText : (0, _jsxRuntime.jsx)(_IconSliders.default, {
-          primary: true
-        })
-      })
-    }), isMobile ? (0, _jsxRuntime.jsx)(_react2.AnimatePresence, {
-      children: open && (0, _jsxRuntime.jsx)(_styles.Overlay, {
-        initial: {
-          opacity: 0
-        },
-        animate: {
-          opacity: 1
-        },
-        exit: {
-          opacity: 0
-        },
-        transition: {
-          duration: 0.2
-        },
-        onClick: handleClose,
-        children: (0, _jsxRuntime.jsx)(_styles.MobileWrapper, {
-          onClick: e => e.stopPropagation(),
-          initial: {
-            y: '100%'
-          },
-          animate: {
-            y: '0%'
-          },
-          exit: {
-            y: '100%'
-          },
-          transition: {
-            duration: 0.3,
-            delay: 0.1,
-            // Delay the entry animation
-            ease: 'easeOut'
-          },
-          children: Content
-        })
-      })
-    }) : open ? (0, _jsxRuntime.jsx)(_styles.PopperWrapper, {
-      placement: placement,
-      tabIndex: -1,
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-hidden": open,
-      ref: setPopperElement,
-      style: popper.styles.popper,
-      ...popper.attributes.popper,
-      children: Content
-    }) : null]
-  });
-};
-var _default = exports.default = SearchFilter;

package/esm/core/SearchFilter/styles.js

@@ -1,108 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.PopperWrapper = exports.Overlay = exports.MobileWrapper = exports.HeaderWrapper = exports.ContentWrapper = exports.ActionButtons = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _react2 = require("motion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const arrowDefaultStyle = process.env.NODE_ENV === "production" ? {
-  name: "2bhmfv",
-  styles: "content:'';position:absolute;border:10px solid"
-} : {
-  name: "1kxo8yf-arrowDefaultStyle",
-  styles: "content:'';position:absolute;border:10px solid;label:arrowDefaultStyle;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const arrowTop = /*#__PURE__*/(0, _react.css)("&::after{", arrowDefaultStyle, " bottom:100%;left:50%;margin-left:-10px;border-color:transparent transparent #ffffff transparent;}" + (process.env.NODE_ENV === "production" ? "" : ";label:arrowTop;"));
-const arrowLeft = /*#__PURE__*/(0, _react.css)("&::after{", arrowDefaultStyle, " top:50%;right:100%;margin-top:-10px;border-color:transparent #ffffff transparent transparent;}" + (process.env.NODE_ENV === "production" ? "" : ";label:arrowLeft;"));
-const arrowRight = /*#__PURE__*/(0, _react.css)("&::after{", arrowDefaultStyle, " top:50%;left:100%;margin-top:-10px;border-color:transparent transparent transparent #ffffff;}" + (process.env.NODE_ENV === "production" ? "" : ";label:arrowRight;"));
-const arrowBottom = /*#__PURE__*/(0, _react.css)("&::after{", arrowDefaultStyle, " top:100%;left:50%;margin-left:-10px;border-color:#ffffff transparent transparent transparent;}" + (process.env.NODE_ENV === "production" ? "" : ";label:arrowBottom;"));
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "50f49a",
-  styles: "button{padding:0.25em;}"
-} : {
-  name: "j80vp1-default",
-  styles: "button{padding:0.25em;};label:default;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const styles = exports.styles = {
-  default: isCustomButton => /*#__PURE__*/(0, _react.css)("position:relative;.open-button-wrapper{position:relative;border:2px solid transparent;border-radius:4px;transition:all 200ms;width:fit-content;", !isCustomButton && _ref, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;")),
-  active: theme => /*#__PURE__*/(0, _react.css)(".open-button-wrapper{border-color:", theme.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:active;"))
-};
-const PopperWrapper = exports.PopperWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1a8jgkt5"
-} : {
-  target: "e1a8jgkt5",
-  label: "PopperWrapper"
-})(({
-  placement
-}) => /*#__PURE__*/(0, _react.css)("position:absolute;left:50%;transform:translateX(-50%);height:min-content;width:min-content;border-radius:4px;background:#ffffff;padding:1em 1.5em;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);z-index:3;display:flex;flex-direction:column;", placement === 'bottom' && arrowTop, " ", placement === 'top' && arrowBottom, " ", placement === 'left' && arrowRight, " ", placement === 'right' && arrowLeft, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PopperWrapper;")));
-const HeaderWrapper = exports.HeaderWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1a8jgkt4"
-} : {
-  target: "e1a8jgkt4",
-  label: "HeaderWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1lrodrg",
-  styles: "display:flex;width:100%;justify-content:space-between;padding:0.5em 0"
-} : {
-  name: "1lrodrg",
-  styles: "display:flex;width:100%;justify-content:space-between;padding:0.5em 0",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const ContentWrapper = exports.ContentWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1a8jgkt3"
-} : {
-  target: "e1a8jgkt3",
-  label: "ContentWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1qsi57v",
-  styles: "padding:1em 0;min-width:125px"
-} : {
-  name: "1qsi57v",
-  styles: "padding:1em 0;min-width:125px",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const ActionButtons = exports.ActionButtons = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1a8jgkt2"
-} : {
-  target: "e1a8jgkt2",
-  label: "ActionButtons"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1raqx5r",
-  styles: "width:100%;display:flex;justify-content:flex-end;align-items:center;padding-top:0.5em;gap:1em;button:last-of-type{min-width:100px;}"
-} : {
-  name: "1raqx5r",
-  styles: "width:100%;display:flex;justify-content:flex-end;align-items:center;padding-top:0.5em;gap:1em;button:last-of-type{min-width:100px;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Overlay = exports.Overlay = /*#__PURE__*/(0, _base.default)(_react2.motion.div, process.env.NODE_ENV === "production" ? {
-  target: "e1a8jgkt1"
-} : {
-  target: "e1a8jgkt1",
-  label: "Overlay"
-})(process.env.NODE_ENV === "production" ? {
-  name: "x8x934",
-  styles: "position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;background:rgba(0, 0, 0, 0.27);overflow:auto"
-} : {
-  name: "x8x934",
-  styles: "position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;background:rgba(0, 0, 0, 0.27);overflow:auto",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const MobileWrapper = exports.MobileWrapper = /*#__PURE__*/(0, _base.default)(_react2.motion.div, process.env.NODE_ENV === "production" ? {
-  target: "e1a8jgkt0"
-} : {
-  target: "e1a8jgkt0",
-  label: "MobileWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1xpklsy",
-  styles: "position:absolute;left:0;right:0;bottom:0;min-height:60vh;z-index:1002;background-color:white;border-radius:10px 10px 0 0;padding:1em"
-} : {
-  name: "1xpklsy",
-  styles: "position:absolute;left:0;right:0;bottom:0;min-height:60vh;z-index:1002;background-color:white;border-radius:10px 10px 0 0;padding:1em",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});

package/esm/core/SearchSelect/SearchSelect.stories.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = exports.CreateLabelName = void 0;
-var _addonActions = require("@storybook/addon-actions");
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/SearchSelect',
-  component: _.default
-};
-const values = [{
-  id: '1',
-  label: 'one'
-}, {
-  id: '2',
-  label: 'two'
-}, {
-  id: '3',
-  label: 'three'
-}, {
-  id: '4',
-  label: 'four'
-}, {
-  id: '5',
-  label: 'five'
-}, {
-  id: '6',
-  label: 'six'
-}, {
-  id: '7',
-  label: 'seven'
-}, {
-  id: '8',
-  label: 'eight'
-}];
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    defaultValue: "Default",
-    values: values,
-    fuzzyKeys: ['id', 'label'],
-    onChange: (0, _addonActions.action)('onChange')
-  }),
-  name: 'Default'
-};
-const CreateLabelName = exports.CreateLabelName = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    defaultValue: "createLabelName",
-    values: values,
-    createLabelName: item => `(${item.id}) ${item.labelName}`,
-    labelName: "labelName",
-    fuzzyKeys: ['id', 'labelName'],
-    onChange: (0, _addonActions.action)('onChange')
-  }),
-  name: 'createLabelName'
-};

package/esm/core/SearchSelect/hooks/useSelectSearch.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _matchSorter = require("match-sorter");
-var _react = require("react");
-const useSelectSearch = props => {
-  const [open, setOpen] = (0, _react.useState)(false);
-  const [search, setSearch] = (0, _react.useState)('');
-  const values = (0, _react.useMemo)(() => {
-    const fuzzyOptions = {
-      keys: props.fuzzyKeys
-    };
-    return (0, _matchSorter.matchSorter)(props.values, search || '', fuzzyOptions);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [props.values, search]);
-  return {
-    open,
-    search,
-    values,
-    setOpen,
-    setSearch
-  };
-};
-var _default = exports.default = useSelectSearch;