@lobehub/ui 1.11.0 → 1.11.1

package/lib/Conversation/index.js

@@ -1,45 +1,33 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Conversation/index.tsx
-var Conversation_exports = {};
-__export(Conversation_exports, {
-  default: () => Conversation_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Conversation_exports);
-var import_react = require("react");
-var import_store = require("../Chat/store");
-var import_App = __toESM(require("./App"));
-var import_StoreUpdater = __toESM(require("./StoreUpdater"));
-var Conversation = (0, import_react.memo)(({ readonly, devtools, includeSystem, ...res }) => {
-  const ref = (0, import_react.useRef)(() => (0, import_store.createChatStore)(devtools));
-  return /* @__PURE__ */ React.createElement(import_store.Provider, { createStore: ref.current }, /* @__PURE__ */ React.createElement(import_App.default, { includeSystem, readonly }), /* @__PURE__ */ React.createElement(import_StoreUpdater.default, { ...res }));
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _store = require("../Chat/store");
+var _App = _interopRequireDefault(require("./App"));
+var _StoreUpdater = _interopRequireDefault(require("./StoreUpdater"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["readonly", "devtools", "includeSystem"];
+var Conversation = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var readonly = _ref.readonly,
+    devtools = _ref.devtools,
+    includeSystem = _ref.includeSystem,
+    res = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ref = (0, _react.useRef)(function () {
+    return (0, _store.createChatStore)(devtools);
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_store.Provider, {
+    createStore: ref.current,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_App.default, {
+      includeSystem: includeSystem,
+      readonly: readonly
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StoreUpdater.default, (0, _objectSpread2.default)({}, res))]
+  });
 });
-var Conversation_default = Conversation;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+var _default = Conversation;
+exports.default = _default;

package/lib/CopyButton/index.js

@@ -1,66 +1,41 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/CopyButton/index.tsx
-var CopyButton_exports = {};
-__export(CopyButton_exports, {
-  default: () => CopyButton_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(CopyButton_exports);
-var import_useCopied = require("../hooks/useCopied");
-var import__ = require("../index");
-var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
-var import_lucide_react = require("lucide-react");
-var CopyButton = ({
-  content,
-  className,
-  placement = "right",
-  size = "site",
-  ...props
-}) => {
-  const { copied, setCopied } = (0, import_useCopied.useCopied)();
-  return /* @__PURE__ */ React.createElement(
-    import__.ActionIcon,
-    {
-      ...props,
-      placement,
-      title: copied ? "✅ Success" : "Copy",
-      icon: import_lucide_react.Copy,
-      className,
-      size,
-      glass: true,
-      onClick: () => {
-        (0, import_copy_to_clipboard.default)(content);
-        setCopied();
-      }
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _useCopied2 = require("../hooks/useCopied");
+var _ = require("./..");
+var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
+var _lucideReact = require("lucide-react");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["content", "className", "placement", "size"];
+var CopyButton = function CopyButton(_ref) {
+  var content = _ref.content,
+    className = _ref.className,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'right' : _ref$placement,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'site' : _ref$size,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useCopied = (0, _useCopied2.useCopied)(),
+    copied = _useCopied.copied,
+    setCopied = _useCopied.setCopied;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ActionIcon, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    placement: placement,
+    title: copied ? '✅ Success' : 'Copy',
+    icon: _lucideReact.Copy,
+    className: className,
+    size: size,
+    glass: true,
+    onClick: function onClick() {
+      (0, _copyToClipboard.default)(content);
+      setCopied();
     }
-  );
+  }));
 };
-var CopyButton_default = CopyButton;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+var _default = CopyButton;
+exports.default = _default;

package/lib/DraggablePanel/index.js

@@ -1,217 +1,202 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/DraggablePanel/index.tsx
-var DraggablePanel_exports = {};
-__export(DraggablePanel_exports, {
-  default: () => DraggablePanel_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(DraggablePanel_exports);
-var import_ahooks = require("ahooks");
-var import_lucide_react = require("lucide-react");
-var import_re_resizable = require("re-resizable");
-var import_react = require("react");
-var import_react_layout_kit = require("react-layout-kit");
-var import_use_merge_value = __toESM(require("use-merge-value"));
-var import_style = require("./style");
-var import_utils = require("./utils");
+exports.default = void 0;
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _ahooks = require("ahooks");
+var _lucideReact = require("lucide-react");
+var _reResizable = require("re-resizable");
+var _react = require("react");
+var _reactLayoutKit = require("react-layout-kit");
+var _useMergeValue = _interopRequireDefault(require("use-merge-value"));
+var _style = require("./style");
+var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
 var DEFAULT_HEIGHT = 180;
 var DEFAULT_WIDTH = 280;
-var DraggablePanel = (0, import_react.memo)(
-  ({
-    pin = "true",
-    mode = "fixed",
-    children,
-    placement = "right",
-    resize,
-    style,
-    size,
-    defaultSize: customizeDefaultSize,
-    minWidth,
-    minHeight,
-    onSizeChange,
-    onSizeDragging,
-    expandable = true,
-    expand,
-    defaultExpand = true,
-    onExpandChange,
-    className,
-    showHandlerWhenUnexpand,
-    destroyOnClose,
-    hanlderStyle,
-    classNames = {}
-  }) => {
-    const ref = (0, import_react.useRef)(null);
-    const isHovering = (0, import_ahooks.useHover)(ref);
-    const isVertical = placement === "top" || placement === "bottom";
-    const { styles, cx } = (0, import_style.useStyle)("draggable-panel");
-    const [isExpand, setIsExpand] = (0, import_use_merge_value.default)(defaultExpand, {
+var DraggablePanel = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var _ref$pin = _ref.pin,
+    pin = _ref$pin === void 0 ? 'true' : _ref$pin,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'fixed' : _ref$mode,
+    children = _ref.children,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'right' : _ref$placement,
+    resize = _ref.resize,
+    style = _ref.style,
+    size = _ref.size,
+    customizeDefaultSize = _ref.defaultSize,
+    minWidth = _ref.minWidth,
+    minHeight = _ref.minHeight,
+    onSizeChange = _ref.onSizeChange,
+    onSizeDragging = _ref.onSizeDragging,
+    _ref$expandable = _ref.expandable,
+    expandable = _ref$expandable === void 0 ? true : _ref$expandable,
+    expand = _ref.expand,
+    _ref$defaultExpand = _ref.defaultExpand,
+    defaultExpand = _ref$defaultExpand === void 0 ? true : _ref$defaultExpand,
+    onExpandChange = _ref.onExpandChange,
+    className = _ref.className,
+    showHandlerWhenUnexpand = _ref.showHandlerWhenUnexpand,
+    destroyOnClose = _ref.destroyOnClose,
+    hanlderStyle = _ref.hanlderStyle,
+    _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames;
+  var ref = (0, _react.useRef)(null);
+  var isHovering = (0, _ahooks.useHover)(ref);
+  var isVertical = placement === 'top' || placement === 'bottom';
+  var _useStyle = (0, _style.useStyle)('draggable-panel'),
+    styles = _useStyle.styles,
+    cx = _useStyle.cx;
+  var _useControlledState = (0, _useMergeValue.default)(defaultExpand, {
       value: expand,
       onChange: onExpandChange
-    });
-    (0, import_react.useEffect)(() => {
-      if (pin)
-        return;
-      if (isHovering && !isExpand) {
-        setIsExpand(true);
-      } else if (!isHovering && isExpand) {
-        setIsExpand(false);
-      }
-    }, [pin, isHovering, isExpand]);
-    const [showExpand, setShowExpand] = (0, import_react.useState)(true);
-    const canResizing = resize !== false && isExpand;
-    const resizeHandleClassNames = (0, import_react.useMemo)(() => {
-      if (!canResizing)
-        return {};
-      return {
-        [(0, import_utils.revesePlacement)(placement)]: styles[`${(0, import_utils.revesePlacement)(placement)}Handle`]
-      };
-    }, [canResizing, placement]);
-    const resizing = {
-      top: false,
-      bottom: false,
-      right: false,
-      left: false,
-      topRight: false,
-      bottomRight: false,
-      bottomLeft: false,
-      topLeft: false,
-      [(0, import_utils.revesePlacement)(placement)]: true,
-      ...resize
-    };
-    const defaultSize = (0, import_react.useMemo)(() => {
-      if (isVertical)
-        return {
-          width: "100%",
-          height: DEFAULT_HEIGHT,
-          ...customizeDefaultSize
-        };
-      return {
-        width: DEFAULT_WIDTH,
-        height: "100%",
-        ...customizeDefaultSize
-      };
-    }, [isVertical]);
-    const sizeProps = isExpand ? {
-      minWidth: typeof minWidth === "number" ? Math.max(minWidth, 0) : 280,
-      minHeight: typeof minHeight === "number" ? Math.max(minHeight, 0) : void 0,
-      defaultSize,
-      size
-    } : isVertical ? {
-      minHeight: 0,
-      size: { height: 0 }
-    } : {
-      minWidth: 0,
-      size: { width: 0 }
-    };
-    const { Arrow, className: arrowPlacement } = (0, import_react.useMemo)(() => {
+    }),
+    _useControlledState2 = (0, _slicedToArray2.default)(_useControlledState, 2),
+    isExpand = _useControlledState2[0],
+    setIsExpand = _useControlledState2[1];
+  (0, _react.useEffect)(function () {
+    if (pin) return;
+    if (isHovering && !isExpand) {
+      setIsExpand(true);
+    } else if (!isHovering && isExpand) {
+      setIsExpand(false);
+    }
+  }, [pin, isHovering, isExpand]);
+  var _useState = (0, _react.useState)(true),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showExpand = _useState2[0],
+    setShowExpand = _useState2[1];
+  var canResizing = resize !== false && isExpand;
+  var resizeHandleClassNames = (0, _react.useMemo)(function () {
+    if (!canResizing) return {};
+    return (0, _defineProperty2.default)({}, (0, _utils.revesePlacement)(placement), styles["".concat((0, _utils.revesePlacement)(placement), "Handle")]);
+  }, [canResizing, placement]);
+  var resizing = (0, _objectSpread3.default)((0, _defineProperty2.default)({
+    top: false,
+    bottom: false,
+    right: false,
+    left: false,
+    topRight: false,
+    bottomRight: false,
+    bottomLeft: false,
+    topLeft: false
+  }, (0, _utils.revesePlacement)(placement), true), resize);
+  var defaultSize = (0, _react.useMemo)(function () {
+    if (isVertical) return (0, _objectSpread3.default)({
+      width: '100%',
+      height: DEFAULT_HEIGHT
+    }, customizeDefaultSize);
+    return (0, _objectSpread3.default)({
+      width: DEFAULT_WIDTH,
+      height: '100%'
+    }, customizeDefaultSize);
+  }, [isVertical]);
+  var sizeProps = isExpand ? {
+    minWidth: typeof minWidth === 'number' ? Math.max(minWidth, 0) : 280,
+    minHeight: typeof minHeight === 'number' ? Math.max(minHeight, 0) : undefined,
+    defaultSize: defaultSize,
+    size: size
+  } : isVertical ? {
+    minHeight: 0,
+    size: {
+      height: 0
+    }
+  } : {
+    minWidth: 0,
+    size: {
+      width: 0
+    }
+  };
+  var _useMemo = (0, _react.useMemo)(function () {
       switch (placement) {
-        case "top":
-          return { className: "Bottom", Arrow: import_lucide_react.ChevronDown };
-        case "bottom":
-          return { className: "Top", Arrow: import_lucide_react.ChevronUp };
-        case "right":
-          return { className: "Left", Arrow: import_lucide_react.ChevronLeft };
-        case "left":
-          return { className: "Right", Arrow: import_lucide_react.ChevronRight };
+        case 'top':
+          return {
+            className: 'Bottom',
+            Arrow: _lucideReact.ChevronDown
+          };
+        case 'bottom':
+          return {
+            className: 'Top',
+            Arrow: _lucideReact.ChevronUp
+          };
+        case 'right':
+          return {
+            className: 'Left',
+            Arrow: _lucideReact.ChevronLeft
+          };
+        case 'left':
+          return {
+            className: 'Right',
+            Arrow: _lucideReact.ChevronRight
+          };
       }
-    }, [styles, placement]);
-    const handler = /* @__PURE__ */ React.createElement(
-      import_react_layout_kit.Center,
-      {
-        className: cx(styles[`toggle${arrowPlacement}`], classNames.handle),
-        style: { opacity: isExpand ? !pin ? 0 : void 0 : showHandlerWhenUnexpand ? 1 : 0 }
+    }, [styles, placement]),
+    Arrow = _useMemo.Arrow,
+    arrowPlacement = _useMemo.className;
+  var handler = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLayoutKit.Center
+  // @ts-ignore
+  , {
+    className: cx(styles["toggle".concat(arrowPlacement)], classNames.handle),
+    style: {
+      opacity: isExpand ? !pin ? 0 : undefined : showHandlerWhenUnexpand ? 1 : 0
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLayoutKit.Center, {
+      style: hanlderStyle,
+      onClick: function onClick() {
+        setIsExpand(!isExpand);
       },
-      /* @__PURE__ */ React.createElement(
-        import_react_layout_kit.Center,
-        {
-          style: hanlderStyle,
-          onClick: () => {
-            setIsExpand(!isExpand);
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: styles.handlerIcon,
-            style: { transform: `rotate(${isExpand ? 180 : 0}deg)` }
-          },
-          /* @__PURE__ */ React.createElement(Arrow, { size: 16, strokeWidth: 1.5 })
-        )
-      )
-    );
-    const inner = (
-      // @ts-ignore
-      /* @__PURE__ */ React.createElement(
-        import_re_resizable.Resizable,
-        {
-          ...sizeProps,
-          style,
-          className: cx(styles.panel, classNames.content),
-          enable: canResizing ? resizing : void 0,
-          handleClasses: resizeHandleClassNames,
-          onResizeStop: (e, direction, ref2, delta) => {
-            setShowExpand(true);
-            onSizeChange == null ? void 0 : onSizeChange(delta, {
-              width: ref2.style.width,
-              height: ref2.style.height
-            });
-          },
-          onResizeStart: () => {
-            setShowExpand(false);
-          },
-          onResize: (_, direction, ref2, delta) => {
-            onSizeDragging == null ? void 0 : onSizeDragging(delta, {
-              width: ref2.style.width,
-              height: ref2.style.height
-            });
-          }
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles.handlerIcon,
+        style: {
+          transform: "rotate(".concat(isExpand ? 180 : 0, "deg)")
         },
-        children
-      )
-    );
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref,
-        className: cx(
-          styles.container,
-          // @ts-ignore
-          styles[mode === "fixed" ? "fixed" : `${placement}Float`],
-          className
-        ),
-        style: { [`border${arrowPlacement}Width`]: 1 }
-      },
-      expandable && showExpand && handler,
-      destroyOnClose ? isExpand && inner : inner
-    );
-  }
-);
-var DraggablePanel_default = DraggablePanel;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Arrow, {
+          size: 16,
+          strokeWidth: 1.5
+        })
+      })
+    })
+  });
+  var inner =
+  /*#__PURE__*/
+  // @ts-ignore
+  (0, _jsxRuntime.jsx)(_reResizable.Resizable, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, sizeProps), {}, {
+    style: style,
+    className: cx(styles.panel, classNames.content),
+    enable: canResizing ? resizing : undefined,
+    handleClasses: resizeHandleClassNames,
+    onResizeStop: function onResizeStop(e, direction, ref, delta) {
+      setShowExpand(true);
+      onSizeChange === null || onSizeChange === void 0 ? void 0 : onSizeChange(delta, {
+        width: ref.style.width,
+        height: ref.style.height
+      });
+    },
+    onResizeStart: function onResizeStart() {
+      setShowExpand(false);
+    },
+    onResize: function onResize(_, direction, ref, delta) {
+      onSizeDragging === null || onSizeDragging === void 0 ? void 0 : onSizeDragging(delta, {
+        width: ref.style.width,
+        height: ref.style.height
+      });
+    },
+    children: children
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ref: ref,
+    className: cx(styles.container,
+    // @ts-ignore
+    styles[mode === 'fixed' ? 'fixed' : "".concat(placement, "Float")], className),
+    style: (0, _defineProperty2.default)({}, "border".concat(arrowPlacement, "Width"), 1),
+    children: [expandable && showExpand && handler, destroyOnClose ? isExpand && inner : inner]
+  });
+});
+var _default = DraggablePanel;
+exports.default = _default;