@helpdice/ui 1.6.8 → 1.7.0

package/esm/login-with/LoginSocialTiktok/index.js

@@ -100,7 +100,7 @@ export var LoginSocialGithub = function LoginSocialGithub(_ref) {
   var handlePostMessage = useCallback(/*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
       var type, code, provider;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             type = _ref2.type, code = _ref2.code, provider = _ref2.provider;
@@ -110,7 +110,7 @@ export var LoginSocialGithub = function LoginSocialGithub(_ref) {
                 code: code
               }
             }));
-          case 2:
+          case 1:
           case "end":
             return _context.stop();
         }

package/esm/login-with/LoginSocialTwitter/index.js

@@ -65,11 +65,11 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
   var getAccessToken = useCallback(/*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(code) {
       var details, requestOAuthURL, data;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!isOnlyGetCode) {
-              _context.next = 4;
+              _context.next = 1;
               break;
             }
             onResolve({
@@ -78,9 +78,9 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
                 code: code
               }
             });
-            _context.next = 10;
+            _context.next = 3;
             break;
-          case 4:
+          case 1:
             details = new URLSearchParams({
               code: code,
               redirect_uri: redirect_uri,
@@ -89,7 +89,7 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
               code_verifier: 'challenge'
             });
             requestOAuthURL = "".concat(PREVENT_CORS_URL, "/").concat(TWITTER_API_URL, "/2/oauth2/token");
-            _context.next = 8;
+            _context.next = 2;
             return fetch(requestOAuthURL, {
               method: 'POST',
               body: details,
@@ -102,7 +102,7 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
             })["catch"](function (err) {
               return onReject(err);
             });
-          case 8:
+          case 2:
             data = _context.sent;
             if (data.access_token) {
               if (isOnlyGetToken) onResolve({
@@ -110,7 +110,7 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
                 data: data
               });else getProfile(data);
             }
-          case 10:
+          case 3:
           case "end":
             return _context.stop();
         }
@@ -123,12 +123,12 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
   var handlePostMessage = useCallback(/*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
       var type, code, provider;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             type = _ref3.type, code = _ref3.code, provider = _ref3.provider;
             return _context2.abrupt("return", type === 'code' && provider === 'twitter' && code && getAccessToken(code));
-          case 2:
+          case 1:
           case "end":
             return _context2.stop();
         }
@@ -152,7 +152,7 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
   }, [handlePostMessage]);
   var onLogin = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var oauthUrl, width, height, left, top;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+    return _regeneratorRuntime.wrap(function (_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
           onLoginStart && onLoginStart();
@@ -163,7 +163,7 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
           left = window.screen.width / 2 - width / 2;
           top = window.screen.height / 2 - height / 2;
           window.open(oauthUrl, 'twitter', 'menubar=no,location=no,resizable=no,scrollbars=no,status=no, width=' + width + ', height=' + height + ', top=' + top + ', left=' + left);
-        case 8:
+        case 1:
         case "end":
           return _context3.stop();
       }

package/esm/menu/index.d.ts

@@ -0,0 +1,2 @@
+import Menu from "./menu";
+export default Menu;

package/esm/menu/index.js

@@ -0,0 +1,2 @@
+import Menu from "./menu";
+export default Menu;

package/esm/menu/menu.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { Placement } from '@floating-ui/react-dom';
+interface MenuProps {
+    anchor: ReactNode;
+    children: ReactNode | ((close: () => void) => ReactNode);
+    placement?: Placement;
+}
+declare const Menu: React.FC<MenuProps>;
+export default Menu;

package/esm/menu/menu.js

@@ -0,0 +1,92 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useEffect } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { useFloating, offset, flip, shift, autoUpdate } from '@floating-ui/react-dom';
+var Menu = function Menu(_ref) {
+  var anchor = _ref.anchor,
+    children = _ref.children,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useFloating = useFloating({
+      placement: placement,
+      middleware: [offset(8), flip(), shift({
+        padding: 8
+      })]
+    }),
+    refs = _useFloating.refs,
+    x = _useFloating.x,
+    y = _useFloating.y,
+    strategy = _useFloating.strategy,
+    update = _useFloating.update;
+
+  // Auto-update on layout changes
+  useEffect(function () {
+    if (open && refs.reference.current && refs.floating.current) {
+      return autoUpdate(refs.reference.current, refs.floating.current, update);
+    }
+  }, [open, refs.reference, refs.floating, update]);
+
+  // Close when clicking outside
+  useEffect(function () {
+    var handleClickOutside = function handleClickOutside(event) {
+      if (refs.reference.current && refs.floating.current && !refs.floating.current.contains(event.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return function () {
+      return document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [refs]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'inline-block'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: refs.setReference,
+    onClick: function onClick() {
+      return setOpen(function (prev) {
+        return !prev;
+      });
+    },
+    style: {
+      cursor: 'pointer'
+    }
+  }, anchor), /*#__PURE__*/React.createElement(AnimatePresence, null, open && /*#__PURE__*/React.createElement(motion.div, {
+    ref: refs.setFloating,
+    initial: {
+      opacity: 0,
+      scale: 0.95,
+      y: -5
+    },
+    animate: {
+      opacity: 1,
+      scale: 1,
+      y: 0
+    },
+    exit: {
+      opacity: 0,
+      scale: 0.95,
+      y: -5
+    },
+    transition: {
+      duration: 0.2,
+      ease: 'easeOut'
+    },
+    style: {
+      position: strategy,
+      top: y !== null && y !== void 0 ? y : 0,
+      left: x !== null && x !== void 0 ? x : 0,
+      zIndex: 1000,
+      boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
+      minWidth: '150px'
+    }
+  }, typeof children === 'function' ? children(function () {
+    return setOpen(false);
+  }) : children)));
+};
+export default Menu;

package/esm/modal/modal-action.js

@@ -28,7 +28,8 @@ var ModalActionComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _close = _useModalContext.close;
   useImperativeHandle(ref, function () {
     return btnRef.current;
-  });
+  }); // Changed with !
+
   var clickHandler = function clickHandler(event) {
     if (disabled) return;
     var actionEvent = Object.assign({}, event, {

package/esm/modal/modal-actions.js

@@ -31,6 +31,6 @@ var ModalActionsComponent = function ModalActionsComponent(_ref) {
     dynamic: [theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, height]
   }, "footer.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;width:100%;height:auto;position:absolute;bottom:0;left:0;right:0;border-top:1px solid ".concat(theme.palette.border, ";border-bottom-left-radius:").concat(theme.layout.radius, ";border-bottom-right-radius:").concat(theme.layout.radius, ";}footer.__jsx-style-dynamic-selector>button.btn + button.btn{border-left:1px solid ").concat(theme.palette.border, ";}div.__jsx-style-dynamic-selector{height:").concat(height, ";-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}")));
 };
-ModalActionsComponent.displayName = 'GeistModalActions';
+ModalActionsComponent.displayName = 'ModalActions';
 var ModalActions = /*#__PURE__*/React.memo(ModalActionsComponent);
 export default ModalActions;

package/esm/rating/rating-icon.js

@@ -14,5 +14,5 @@ var RatingIcon = function RatingIcon() {
     d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
   }));
 };
-RatingIcon.displayName = 'GeistRatingIcon';
+RatingIcon.displayName = 'RatingIcon';
 export default RatingIcon;

package/esm/select/select-icon.js

@@ -16,6 +16,6 @@ var SelectIconComponent = function SelectIconComponent() {
     id: "2742933678"
   }, "svg.jsx-2742933678{color:inherit;stroke:currentColor;-webkit-transition:all 200ms ease;transition:all 200ms ease;width:1.214em;height:1.214em;}"));
 };
-SelectIconComponent.displayName = 'GeistSelectIcon';
+SelectIconComponent.displayName = 'SelectIcon';
 var SelectIcon = /*#__PURE__*/React.memo(SelectIconComponent);
 export default SelectIcon;

package/esm/select/select-input.js

@@ -31,5 +31,5 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function (_ref, inputRef) {
     id: "2813108835"
   }, "input.jsx-2813108835{position:fixed;top:-10000px;left:-10000px;opacity:0;z-index:-1;width:0;height:0;padding:0;font-size:0;border:none;}"));
 });
-SelectInput.displayName = 'GeistSelectInput';
+SelectInput.displayName = 'SelectInput';
 export default SelectInput;

package/esm/select/select-multiple-value.js

@@ -17,5 +17,5 @@ var SelectMultipleValue = function SelectMultipleValue(_ref) {
     dynamic: [theme.layout.radius, theme.palette.accents_2, disabled ? theme.palette.accents_4 : theme.palette.accents_6]
   }, ".item.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;justify-items:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;padding:0 0.5em;font-size:var(--select-font-size);height:calc(var(--select-font-size) * 2);border-radius:".concat(theme.layout.radius, ";background-color:").concat(theme.palette.accents_2, ";color:").concat(disabled ? theme.palette.accents_4 : theme.palette.accents_6, ";}.item.__jsx-style-dynamic-selector>div:not(.clear-icon),.item.__jsx-style-dynamic-selector>div:not(.clear-icon):hover{border-radius:0;background-color:transparent;padding:0;margin:0;color:inherit;}")));
 };
-SelectMultipleValue.displayName = 'GeistSelectMultipleValue';
+SelectMultipleValue.displayName = 'SelectMultipleValue';
 export default SelectMultipleValue;

package/esm/snippet/snippet-icon.js

@@ -20,6 +20,6 @@ var SnippetIconComponent = function SnippetIconComponent() {
     id: "418323402"
   }, "svg.jsx-418323402{width:calc(var(--snippet-font-size) * 1.69);height:calc(var(--snippet-font-size) * 1.69);}"));
 };
-SnippetIconComponent.displayName = 'GeistSnippetIcon';
+SnippetIconComponent.displayName = 'SnippetIcon';
 var SnippetIcon = /*#__PURE__*/React.memo(SnippetIconComponent);
 export default SnippetIcon;

package/esm/table/index.d.ts

@@ -2,5 +2,4 @@ import Table from './table';
 export type { TableProps } from './table';
 export type { TableColumnProps } from './table-column';
 export type { TableOnCellClick, TableAbstractColumn, TableOnChange, TableOnRowClick, TableRowClassNameHandler, TableDataItemBase, TableColumnRender } from './table-types';
-export { default as DataTable } from './data-table';
 export default Table;

package/esm/table/index.js

@@ -1,3 +1,2 @@
 import Table from './table';
-export { default as DataTable } from './data-table';
 export default Table;

package/esm/table/table-body.js

@@ -8,7 +8,8 @@ import { useTableContext } from './table-context';
 import useClasses from '../use-classes';
 import _ from 'lodash';
 import Placeholder from '../Placeholder';
-import DataTable from './data-table';
+// import { DataTable } from '@helpdice/pro';
+
 var TableBody = function TableBody(_ref) {
   var data = _ref.data,
     emptyText = _ref.emptyText,
@@ -130,8 +131,7 @@ var TableBody = function TableBody(_ref) {
   return /*#__PURE__*/React.createElement("tbody", {
     className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
   }, data.map(function (row, index) {
-    var _row$table, _row$table2, _row$table3, _row$table4, _row$table5;
-    var qid = _.uniqueId();
+    // const qid = _.uniqueId();
     if (row === null || row === undefined) {
       var uid = _.uniqueId();
       return /*#__PURE__*/React.createElement("tr", {
@@ -142,26 +142,7 @@ var TableBody = function TableBody(_ref) {
         className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
       }, "\u2003"));
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, renderRow(columns, row, index), (row === null || row === void 0 ? void 0 : row.table) && /*#__PURE__*/React.createElement("tr", {
-      key: qid,
-      className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
-    }, /*#__PURE__*/React.createElement("td", {
-      style: {
-        padding: '1rem'
-      },
-      colSpan: columns.length,
-      className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
-    }, /*#__PURE__*/React.createElement(DataTable, {
-      readOnly: true,
-      stickyHeader: false,
-      style: _extends({
-        height: 'auto !important'
-      }, row === null || row === void 0 || (_row$table = row.table) === null || _row$table === void 0 ? void 0 : _row$table.style),
-      menu: (_row$table2 = row.table) === null || _row$table2 === void 0 ? void 0 : _row$table2.menu,
-      rows: (_row$table3 = row.table) === null || _row$table3 === void 0 ? void 0 : _row$table3.rows,
-      heading: (_row$table4 = row.table) === null || _row$table4 === void 0 ? void 0 : _row$table4.heading,
-      cols: (_row$table5 = row.table) === null || _row$table5 === void 0 ? void 0 : _row$table5.cols
-    }))));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, renderRow(columns, row, index));
 
     // return (
     //   <tr

package/esm/tabs/tabs.js

@@ -12,7 +12,7 @@ import { TabsContext } from './tabs-context';
 import useScale, { withScale } from '../use-scale';
 import Highlight from '../shared/highlight';
 import { useRect } from '../utils/layouts';
-import { isGeistElement } from '../utils/collections';
+import { isUiElement } from '../utils/collections';
 import useClasses from '../use-classes';
 var TabsComponent = function TabsComponent(_ref) {
   var userCustomInitialValue = _ref.initialValue,
@@ -87,7 +87,7 @@ var TabsComponent = function TabsComponent(_ref) {
     onChange && onChange(value);
   };
   var tabItemMouseOverHandler = function tabItemMouseOverHandler(event) {
-    if (!isGeistElement(event.target)) return;
+    if (!isUiElement(event.target)) return;
     setRect(event, function () {
       return ref.current;
     });

package/esm/text/child.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { NormalTypes } from '../utils/prop-types';
 export interface Props {
     tag: keyof JSX.IntrinsicElements;
-    type?: NormalTypes;
+    color?: NormalTypes;
     className?: string;
 }
 type NativeAttrs = Omit<React.DetailsHTMLAttributes<any>, keyof Props>;

package/esm/text/child.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "tag", "className", "type"];
+var _excluded = ["children", "tag", "className", "color"];
 import _JSXStyle from "../styled-jsx.es.js";
 /* "use client" */
 
@@ -22,8 +22,8 @@ var TextChild = function TextChild(_ref) {
     tag = _ref.tag,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'default' : _ref$color,
     props = _objectWithoutProperties(_ref, _excluded);
   var Component = tag;
   var theme = useTheme();
@@ -35,9 +35,9 @@ var TextChild = function TextChild(_ref) {
   var my = getScaleProps(['margin', 'marginTop', 'marginBottom', 'my', 'mt', 'mb']);
   var px = getScaleProps(['padding', 'paddingLeft', 'paddingRight', 'pl', 'pr', 'px']);
   var py = getScaleProps(['padding', 'paddingTop', 'paddingBottom', 'pt', 'pb', 'py']);
-  var color = useMemo(function () {
-    return getTypeColor(type, theme.palette);
-  }, [type, theme.palette]);
+  var _color = useMemo(function () {
+    return getTypeColor(color, theme.palette);
+  }, [color, theme.palette]);
   var classNames = useMemo(function () {
     var keys = [{
       value: mx,
@@ -62,11 +62,11 @@ var TextChild = function TextChild(_ref) {
     return "".concat(scaleClassNames, " ").concat(className).trim();
   }, [mx, my, px, py, font, className]);
   return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-    className: _JSXStyle.dynamic([["3155699851", [tag, color, SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.font(1, 'inherit'), SCALES.ml(0, 'revert'), SCALES.mr(0, 'revert'), SCALES.mt(0, 'revert'), SCALES.mb(0, 'revert'), SCALES.pl(0, 'revert'), SCALES.pr(0, 'revert'), SCALES.pt(0, 'revert'), SCALES.pb(0, 'revert')]]]) + " " + (props && props.className != null && props.className || classNames || "")
+    className: _JSXStyle.dynamic([["2277774325", [tag, _color, SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.font(1, 'inherit'), SCALES.ml(0, 'revert'), SCALES.mr(0, 'revert'), SCALES.mt(0, 'revert'), SCALES.mb(0, 'revert'), SCALES.pl(0, 'revert'), SCALES.pr(0, 'revert'), SCALES.pt(0, 'revert'), SCALES.pb(0, 'revert')]]]) + " " + (props && props.className != null && props.className || classNames || "")
   }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3155699851",
-    dynamic: [tag, color, SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.font(1, 'inherit'), SCALES.ml(0, 'revert'), SCALES.mr(0, 'revert'), SCALES.mt(0, 'revert'), SCALES.mb(0, 'revert'), SCALES.pl(0, 'revert'), SCALES.pr(0, 'revert'), SCALES.pt(0, 'revert'), SCALES.pb(0, 'revert')]
-  }, "".concat(tag, ".__jsx-style-dynamic-selector{color:").concat(color, ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";}.font.__jsx-style-dynamic-selector{font-size:").concat(SCALES.font(1, 'inherit'), ";}.mx.__jsx-style-dynamic-selector{margin-left:").concat(SCALES.ml(0, 'revert'), ";margin-right:").concat(SCALES.mr(0, 'revert'), ";}.my.__jsx-style-dynamic-selector{margin-top:").concat(SCALES.mt(0, 'revert'), ";margin-bottom:").concat(SCALES.mb(0, 'revert'), ";}.px.__jsx-style-dynamic-selector{padding-left:").concat(SCALES.pl(0, 'revert'), ";padding-right:").concat(SCALES.pr(0, 'revert'), ";}.py.__jsx-style-dynamic-selector{padding-top:").concat(SCALES.pt(0, 'revert'), ";padding-bottom:").concat(SCALES.pb(0, 'revert'), ";}")));
+    id: "2277774325",
+    dynamic: [tag, _color, SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.font(1, 'inherit'), SCALES.ml(0, 'revert'), SCALES.mr(0, 'revert'), SCALES.mt(0, 'revert'), SCALES.mb(0, 'revert'), SCALES.pl(0, 'revert'), SCALES.pr(0, 'revert'), SCALES.pt(0, 'revert'), SCALES.pb(0, 'revert')]
+  }, "".concat(tag, ".__jsx-style-dynamic-selector{color:").concat(_color, ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";}.font.__jsx-style-dynamic-selector{font-size:").concat(SCALES.font(1, 'inherit'), ";}.mx.__jsx-style-dynamic-selector{margin-left:").concat(SCALES.ml(0, 'revert'), ";margin-right:").concat(SCALES.mr(0, 'revert'), ";}.my.__jsx-style-dynamic-selector{margin-top:").concat(SCALES.mt(0, 'revert'), ";margin-bottom:").concat(SCALES.mb(0, 'revert'), ";}.px.__jsx-style-dynamic-selector{padding-left:").concat(SCALES.pl(0, 'revert'), ";padding-right:").concat(SCALES.pr(0, 'revert'), ";}.py.__jsx-style-dynamic-selector{padding-top:").concat(SCALES.pt(0, 'revert'), ";padding-bottom:").concat(SCALES.pb(0, 'revert'), ";}.no-wrap.__jsx-style-dynamic-selector{white-space:nowrap;}")));
 };
 TextChild.displayName = 'TextChild';
 export default TextChild;

package/esm/text/text.d.ts

@@ -16,8 +16,9 @@ interface Props {
     del?: boolean;
     em?: boolean;
     blockquote?: boolean;
+    noWrap?: boolean;
     className?: string;
-    type?: TextTypes;
+    color?: TextTypes;
     align?: 'center' | 'right' | 'left';
 }
 type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;

package/esm/text/text.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["h1", "h2", "h3", "h4", "h5", "h6", "p", "b", "small", "i", "span", "del", "em", "blockquote", "children", "className"];
+var _excluded = ["h1", "h2", "h3", "h4", "h5", "h6", "p", "b", "small", "i", "span", "del", "em", "blockquote", "noWrap", "children", "className"];
 /* "use client" */;
 import React, { useMemo } from 'react';
 import TextChild from './child';
@@ -41,6 +41,8 @@ var TextComponent = function TextComponent(_ref) {
     em = _ref$em === void 0 ? false : _ref$em,
     _ref$blockquote = _ref.blockquote,
     blockquote = _ref$blockquote === void 0 ? false : _ref$blockquote,
+    _ref$noWrap = _ref.noWrap,
+    noWrap = _ref$noWrap === void 0 ? false : _ref$noWrap,
     children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
@@ -96,7 +98,7 @@ var TextComponent = function TextComponent(_ref) {
     style: {
       textAlign: props.align
     },
-    className: className,
+    className: "".concat(className, " ").concat(noWrap ? 'no-wrap' : ''),
     tag: tag
   }, props), modifers);
 };

package/esm/tooltip/__test__/index.test.js

@@ -2,7 +2,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { mount } from 'enzyme';
-import { Button, Tooltip, GeistProvider } from 'components';
+import { Button, Tooltip, UiProvider } from 'components';
 import { nativeEvent, updateWrapper } from 'tests/utils';
 import { act } from 'react-dom/test-utils';
 var expectTooltipIsShow = function expectTooltipIsShow(wrapper) {
@@ -14,10 +14,10 @@ var expectTooltipIsHidden = function expectTooltipIsHidden(wrapper) {
 describe('Tooltip', function () {
   it('should render correctly', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var wrapper;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          wrapper = mount(/*#__PURE__*/React.createElement(GeistProvider, {
+          wrapper = mount(/*#__PURE__*/React.createElement(UiProvider, {
             themeType: "dark"
           }, /*#__PURE__*/React.createElement(Tooltip, {
             text: /*#__PURE__*/React.createElement("p", {
@@ -26,20 +26,20 @@ describe('Tooltip', function () {
           }, "some tips")));
           expectTooltipIsHidden(wrapper);
           wrapper.find('.tooltip').simulate('mouseEnter', nativeEvent);
-          _context.next = 5;
+          _context.next = 1;
           return updateWrapper(wrapper, 150);
-        case 5:
+        case 1:
           wrapper.find('#test').simulate('click', nativeEvent);
           expectTooltipIsShow(wrapper);
-          _context.next = 9;
+          _context.next = 2;
           return updateWrapper(wrapper, 150);
-        case 9:
+        case 2:
           wrapper.find('.tooltip').simulate('mouseLeave', nativeEvent);
-          _context.next = 12;
+          _context.next = 3;
           return updateWrapper(wrapper, 350);
-        case 12:
+        case 3:
           expectTooltipIsHidden(wrapper);
-        case 13:
+        case 4:
         case "end":
           return _context.stop();
       }
@@ -47,23 +47,23 @@ describe('Tooltip', function () {
   })));
   it('should render text when hover it', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var wrapper;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           wrapper = mount(/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
             text: "some text"
           }, "some tips")));
           wrapper.find('.tooltip').simulate('mouseEnter', nativeEvent);
-          _context2.next = 4;
+          _context2.next = 1;
           return updateWrapper(wrapper, 350);
-        case 4:
+        case 1:
           expectTooltipIsShow(wrapper);
           wrapper.find('.tooltip').simulate('mouseLeave', nativeEvent);
-          _context2.next = 8;
+          _context2.next = 2;
           return updateWrapper(wrapper, 350);
-        case 8:
+        case 2:
           expectTooltipIsHidden(wrapper);
-        case 9:
+        case 3:
         case "end":
           return _context2.stop();
       }
@@ -71,7 +71,7 @@ describe('Tooltip', function () {
   })));
   it('should render react-node when click it', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var wrapper, testNode;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+    return _regeneratorRuntime.wrap(function (_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
           wrapper = mount(/*#__PURE__*/React.createElement(Tooltip, {
@@ -81,9 +81,9 @@ describe('Tooltip', function () {
             trigger: "click"
           }, /*#__PURE__*/React.createElement("span", null, "click me")));
           wrapper.find('.tooltip').simulate('click', nativeEvent);
-          _context3.next = 4;
+          _context3.next = 1;
           return updateWrapper(wrapper, 150);
-        case 4:
+        case 1:
           expectTooltipIsShow(wrapper);
           testNode = wrapper.find('#test');
           expect(testNode.length).not.toBe(0);
@@ -95,11 +95,11 @@ describe('Tooltip', function () {
               cancelable: true
             }));
           });
-          _context3.next = 11;
+          _context3.next = 2;
           return updateWrapper(wrapper, 150);
-        case 11:
+        case 2:
           expectTooltipIsHidden(wrapper);
-        case 12:
+        case 3:
         case "end":
           return _context3.stop();
       }
@@ -107,7 +107,7 @@ describe('Tooltip', function () {
   })));
   it('should render inner components', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var wrapper;
-    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+    return _regeneratorRuntime.wrap(function (_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
           wrapper = mount(/*#__PURE__*/React.createElement(Tooltip, {
@@ -118,7 +118,7 @@ describe('Tooltip', function () {
             id: "test"
           }, "button")));
           expect(wrapper.find('#test').length).not.toBe(0);
-        case 2:
+        case 1:
         case "end":
           return _context4.stop();
       }
@@ -126,7 +126,7 @@ describe('Tooltip', function () {
   })));
   it('should render correctly by visible', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var wrapper;
-    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+    return _regeneratorRuntime.wrap(function (_context5) {
       while (1) switch (_context5.prev = _context5.next) {
         case 0:
           wrapper = mount(/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
@@ -136,11 +136,11 @@ describe('Tooltip', function () {
             visible: true,
             placement: "rightEnd"
           }, "some tips")));
-          _context5.next = 3;
+          _context5.next = 1;
           return updateWrapper(wrapper, 150);
-        case 3:
+        case 1:
           expect(wrapper.find('#visible').length).toBe(1);
-        case 4:
+        case 2:
         case "end":
           return _context5.stop();
       }
@@ -148,7 +148,7 @@ describe('Tooltip', function () {
   })));
   it('should render correctly by using wrong placement', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
     var wrapper;
-    return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+    return _regeneratorRuntime.wrap(function (_context6) {
       while (1) switch (_context6.prev = _context6.next) {
         case 0:
           wrapper = mount(/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
@@ -159,7 +159,7 @@ describe('Tooltip', function () {
             placement: 'test'
           }, "some tips")));
           expect(wrapper.find('#initial-visible').length).toBe(1);
-        case 2:
+        case 1:
         case "end":
           return _context6.stop();
       }

package/esm/utils/collections.d.ts

@@ -9,7 +9,7 @@ export declare const setChildrenProps: (children: ReactNode | undefined, props:
 export declare const setChildrenIndex: (children: ReactNode | undefined, targetComponents?: Array<React.ElementType>) => ReactNode | undefined;
 export declare const getReactNode: (node?: React.ReactNode | (() => React.ReactNode)) => React.ReactNode;
 export declare const isChildElement: (parent: Element | null | undefined, child: Element | null | undefined) => boolean;
-export declare const isGeistElement: (el?: HTMLElement) => boolean;
+export declare const isUiElement: (el?: HTMLElement) => boolean;
 export declare const isBrowser: () => boolean;
 export declare const isMac: () => boolean;
 export declare const isCSSNumberValue: (value?: string | number) => boolean;