@nextui-org/react 1.0.2-alpha.2 → 1.0.2-beta.4

package/cjs/radio/radio.styles.js

@@ -1,240 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.StyledRadioPoint = exports.StyledRadioLabel = exports.StyledRadioInput = exports.StyledRadioGroup = exports.StyledRadioDescription = exports.StyledRadio = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-const StyledRadioInput = (0, _stitches.styled)('input', {}, _stitches.sharedVisuallyHidden);
-exports.StyledRadioInput = StyledRadioInput;
-const StyledRadioLabel = (0, _stitches.styled)('span', {
-  fontSize: '$$radioSize',
-  us: 'none',
-  d: 'inline-flex',
-  ai: 'center',
-  variants: {
-    color: {
-      default: {
-        color: '$text'
-      },
-      primary: {
-        color: '$primary'
-      },
-      secondary: {
-        color: '$secondary'
-      },
-      success: {
-        color: '$success'
-      },
-      warning: {
-        color: '$warning'
-      },
-      error: {
-        color: '$error'
-      }
-    },
-    disabled: {
-      true: {
-        color: '$accents4'
-      }
-    }
-  }
-});
-exports.StyledRadioLabel = StyledRadioLabel;
-const StyledRadioPoint = (0, _stitches.styled)('span', {
-  size: '$$radioSize',
-  br: '$$radioRadii',
-  position: 'relative',
-  d: 'inline-block',
-  mr: 'calc($$radioSize * 0.375)',
-  '&:after': {
-    content: '',
-    d: 'block',
-    position: 'absolute',
-    size: '$$radioSize',
-    br: '$$radioRadii',
-    boxSizing: 'border-box',
-    border: '2px solid $border'
-  }
-}, _stitches.sharedFocus);
-exports.StyledRadioPoint = StyledRadioPoint;
-const StyledRadio = (0, _stitches.styled)('label', {
-  d: 'flex',
-  w: 'initial',
-  ai: 'flex-start',
-  position: 'relative',
-  fd: 'column',
-  jc: 'flex-start',
-  cursor: 'pointer',
-  '@motion': {
-    [`& ${StyledRadioPoint}`]: {
-      transition: 'none',
-      '&:after': {
-        transition: 'none'
-      }
-    }
-  },
-  variants: {
-    color: {
-      default: {
-        $$radioColor: '$colors$primary',
-        $$radioColorHover: '$colors$primaryDark'
-      },
-      primary: {
-        $$radioColor: '$colors$primary',
-        $$radioColorHover: '$colors$primaryDark'
-      },
-      secondary: {
-        $$radioColor: '$colors$secondary',
-        $$radioColorHover: '$colors$secondaryDark'
-      },
-      success: {
-        $$radioColor: '$colors$success',
-        $$radioColorHover: '$colors$successDark'
-      },
-      warning: {
-        $$radioColor: '$colors$warning',
-        $$radioColorHover: '$colors$warningDark'
-      },
-      error: {
-        $$radioColor: '$colors$error',
-        $$radioColorHover: '$colors$errorDark'
-      }
-    },
-    size: {
-      xs: {
-        $$radioSize: '$space$7'
-      },
-      sm: {
-        $$radioSize: '$space$8'
-      },
-      md: {
-        $$radioSize: '$space$9'
-      },
-      lg: {
-        $$radioSize: '$space$10'
-      },
-      xl: {
-        $$radioSize: '$space$11'
-      }
-    },
-    disabled: {
-      true: {
-        cursor: 'not-allowed',
-        $$radioColor: '$colors$accents4'
-      }
-    },
-    squared: {
-      true: {
-        $$radioRadii: '$space$1'
-      },
-      false: {
-        $$radioRadii: '$radii$rounded'
-      }
-    },
-    active: {
-      true: {
-        [`& ${StyledRadioPoint}`]: {
-          '&:after': {
-            border: 'calc($$radioSize * 0.34) solid $$radioColor'
-          }
-        },
-        '&:hover': {
-          [`& ${StyledRadioPoint}`]: {
-            '&:after': {
-              border: 'calc($$radioSize * 0.34) solid $$radioColorHover'
-            }
-          }
-        }
-      }
-    },
-    animated: {
-      true: {
-        [`& ${StyledRadioPoint}`]: {
-          transition: '$default',
-          '&:after': {
-            transition: '$default'
-          }
-        }
-      },
-      false: {
-        [`& ${StyledRadioPoint}`]: {
-          transition: 'none',
-          '&:after': {
-            transition: 'none'
-          }
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: 'md',
-    squared: false,
-    animated: true
-  },
-  compoundVariants: [{
-    // !active && !disabled
-    active: false,
-    disabled: false,
-    css: {
-      '&:hover': {
-        [`& ${StyledRadioPoint}`]: {
-          bg: '$border'
-        }
-      }
-    }
-  }]
-});
-exports.StyledRadio = StyledRadio;
-const StyledRadioGroup = (0, _stitches.styled)('div', {
-  border: 0,
-  margin: 0,
-  padding: 0,
-  display: 'flex',
-  fd: 'column',
-  variants: {
-    size: {
-      xs: {
-        $$radioGroupGap: '$space$7'
-      },
-      sm: {
-        $$radioGroupGap: '$space$8'
-      },
-      md: {
-        $$radioGroupGap: '$space$9'
-      },
-      lg: {
-        $$radioGroupGap: '$space$10'
-      },
-      xl: {
-        $$radioGroupGap: '$space$11'
-      }
-    },
-    row: {
-      true: {
-        fd: 'row',
-        [`& ${StyledRadio}`]: {
-          marginTop: 0,
-          marginRight: '$$radioGroupGap'
-        }
-      },
-      false: {
-        [`& ${StyledRadio}`]: {
-          marginTop: '$$radioGroupGap',
-          marginRight: 0
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    row: false
-  }
-});
-exports.StyledRadioGroup = StyledRadioGroup;
-const StyledRadioDescription = (0, _stitches.styled)('span', {
-  color: '$accents4',
-  fontSize: 'calc($$radioSize * 0.85)',
-  paddingLeft: 'calc($$radioSize + $$radioSize * 0.375)'
-}); // types
-
-exports.StyledRadioDescription = StyledRadioDescription;
+exports.__esModule=!0,exports.StyledRadioPoint=exports.StyledRadioLabel=exports.StyledRadioInput=exports.StyledRadioGroup=exports.StyledRadioDescription=exports.StyledRadio=void 0;var o=require("../theme/stitches.config");const r=(0,o.styled)("input",{},o.sharedVisuallyHidden);exports.StyledRadioInput=r;const a=(0,o.styled)("span",{fontSize:"$$radioSize",us:"none",d:"inline-flex",ai:"center",variants:{color:{default:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}},disabled:{true:{color:"$accents4"}}}});exports.StyledRadioLabel=a;const i=(0,o.styled)("span",{size:"$$radioSize",br:"$$radioRadii",position:"relative",d:"inline-block",mr:"calc($$radioSize * 0.375)","&:after":{content:"",d:"block",position:"absolute",size:"$$radioSize",br:"$$radioRadii",boxSizing:"border-box",border:"2px solid $border"}},o.sharedFocus);exports.StyledRadioPoint=i;const e=(0,o.styled)("label",{d:"flex",w:"initial",ai:"flex-start",position:"relative",fd:"column",jc:"flex-start",cursor:"pointer","@motion":{[`& ${i}`]:{transition:"none","&:after":{transition:"none"}}},variants:{color:{default:{$$radioColor:"$colors$primary",$$radioColorHover:"$colors$primaryDark"},primary:{$$radioColor:"$colors$primary",$$radioColorHover:"$colors$primaryDark"},secondary:{$$radioColor:"$colors$secondary",$$radioColorHover:"$colors$secondaryDark"},success:{$$radioColor:"$colors$success",$$radioColorHover:"$colors$successDark"},warning:{$$radioColor:"$colors$warning",$$radioColorHover:"$colors$warningDark"},error:{$$radioColor:"$colors$error",$$radioColorHover:"$colors$errorDark"}},size:{xs:{$$radioSize:"$space$7"},sm:{$$radioSize:"$space$8"},md:{$$radioSize:"$space$9"},lg:{$$radioSize:"$space$10"},xl:{$$radioSize:"$space$11"}},disabled:{true:{cursor:"not-allowed",$$radioColor:"$colors$accents4"}},squared:{true:{$$radioRadii:"$space$1"},false:{$$radioRadii:"$radii$rounded"}},active:{true:{[`& ${i}`]:{"&:after":{border:"calc($$radioSize * 0.34) solid $$radioColor"}},"&:hover":{[`& ${i}`]:{"&:after":{border:"calc($$radioSize * 0.34) solid $$radioColorHover"}}}}},animated:{true:{[`& ${i}`]:{transition:"$default","&:after":{transition:"$default"}}},false:{[`& ${i}`]:{transition:"none","&:after":{transition:"none"}}}}},defaultVariants:{size:"md",squared:!1,animated:!0},compoundVariants:[{active:!1,disabled:!1,css:{"&:hover":{[`& ${i}`]:{bg:"$border"}}}}]});exports.StyledRadio=e;const $=(0,o.styled)("div",{border:0,margin:0,padding:0,display:"flex",fd:"column",variants:{size:{xs:{$$radioGroupGap:"$space$7"},sm:{$$radioGroupGap:"$space$8"},md:{$$radioGroupGap:"$space$9"},lg:{$$radioGroupGap:"$space$10"},xl:{$$radioGroupGap:"$space$11"}},row:{true:{fd:"row",[`& ${e}`]:{marginTop:0,marginRight:"$$radioGroupGap"}},false:{[`& ${e}`]:{marginTop:"$$radioGroupGap",marginRight:0}}}},defaultVariants:{row:!1}});exports.StyledRadioGroup=$;const d=(0,o.styled)("span",{color:"$accents4",fontSize:"calc($$radioSize * 0.85)",paddingLeft:"calc($$radioSize + $$radioSize * 0.375)"});exports.StyledRadioDescription=d;

package/cjs/row/index.js

@@ -1,14 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledRow = void 0;
-
-var _row = _interopRequireDefault(require("./row"));
-
-var _row2 = require("./row.styles");
-
-exports.StyledRow = _row2.StyledRow;
-var _default = _row.default;
-exports.default = _default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledRow=void 0;var r=e(require("./row")),t=require("./row.styles");exports.StyledRow=t.StyledRow;var o=r.default;exports.default=o;

package/cjs/row/row.js

@@ -1,54 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-var _row = _interopRequireDefault(require("./row.styles"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const defaultProps = {
-  gap: 0,
-  wrap: 'nowrap',
-  justify: 'flex-start',
-  align: 'flex-start'
-};
-
-const Row = ({
-  children,
-  gap,
-  justify,
-  align,
-  wrap,
-  css,
-  ...props
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_row.default, {
-    css: {
-      flexWrap: wrap,
-      $$rowGap: `calc(${gap} * $space$lg)`,
-      marginLeft: `calc(${gap} * $space$lg / 2)`,
-      marginRight: `calc(${gap} * $space$lg / 2)`,
-      justifyContent: justify,
-      alignItems: align,
-      ...css
-    },
-    ...props,
-    children: children
-  });
-};
-
-Row.toString = () => '.nextui-row';
-
-const MemoRow = /*#__PURE__*/_react.default.memo(Row);
-
-var _default = (0, _withDefaults.default)(MemoRow, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),t=e(require("../utils/with-defaults")),a=e(require("./row.styles")),l=require("react/jsx-runtime");const s=({children:e,gap:r,justify:t,align:s,wrap:i,css:u,...o})=>(0,l.jsx)(a.default,{css:{flexWrap:i,$$rowGap:`calc(${r} * $space$lg)`,marginLeft:`calc(${r} * $space$lg / 2)`,marginRight:`calc(${r} * $space$lg / 2)`,justifyContent:t,alignItems:s,...u},...o,children:e});s.toString=()=>".nextui-row";const i=r.default.memo(s);var u=(0,t.default)(i,{gap:0,wrap:"nowrap",justify:"flex-start",align:"flex-start"});exports.default=u,module.exports=exports.default;

package/cjs/row/row.styles.js

@@ -1,25 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.StyledRow = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-const StyledRow = (0, _stitches.styled)('div', {
-  display: 'flex',
-  position: 'relative',
-  boxSizing: 'border-box',
-  variants: {
-    fluid: {
-      true: {
-        width: '100%'
-      }
-    }
-  },
-  defaultVariants: {
-    fluid: true
-  }
-});
-exports.StyledRow = StyledRow;
-var _default = StyledRow;
-exports.default = _default;
+exports.__esModule=!0,exports.default=exports.StyledRow=void 0;const e=(0,require("../theme/stitches.config").styled)("div",{display:"flex",position:"relative",boxSizing:"border-box",variants:{fluid:{true:{width:"100%"}}},defaultVariants:{fluid:!0}});exports.StyledRow=e;var t=e;exports.default=t;

package/cjs/snippet/index.js

@@ -1,16 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledSnippetPre = exports.StyledSnippetCopyButtonIcon = exports.StyledSnippetCopyButton = void 0;
-
-var _snippet = _interopRequireDefault(require("./snippet"));
-
-var _snippet2 = require("./snippet.styles");
-
-exports.StyledSnippetPre = _snippet2.StyledSnippetPre;
-exports.StyledSnippetCopyButton = _snippet2.StyledSnippetCopyButton;
-exports.StyledSnippetCopyButtonIcon = _snippet2.StyledSnippetCopyButtonIcon;
-var _default = _snippet.default;
-exports.default = _default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledSnippetPre=exports.StyledSnippetCopyButtonIcon=exports.StyledSnippetCopyButton=void 0;var t=e(require("./snippet")),p=require("./snippet.styles");exports.StyledSnippetPre=p.StyledSnippetPre,exports.StyledSnippetCopyButton=p.StyledSnippetCopyButton,exports.StyledSnippetCopyButtonIcon=p.StyledSnippetCopyButtonIcon;var o=t.default;exports.default=o;

package/cjs/snippet/snippet-icon.js

@@ -1,52 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-var _snippet = require("./snippet.styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const defaultProps = {
-  width: 18,
-  height: 18
-};
-
-const Copy = ({
-  size,
-  fill,
-  width,
-  height,
-  ...props
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_snippet.StyledSnippetCopyButtonIcon, {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size || width,
-    height: size || height,
-    viewBox: "0 0 24 24",
-    ...props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      fill: fill,
-      d: "M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z"
-    })
-  });
-};
-
-Copy.toString = () => '.nextui-snippet-copy-icon';
-
-const MemoCopy = /*#__PURE__*/React.memo(Copy);
-
-var _default = (0, _withDefaults.default)(MemoCopy, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=o(t);if(r&&r.has(e))return r.get(e);var i={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var l=n?Object.getOwnPropertyDescriptor(e,u):null;l&&(l.get||l.set)?Object.defineProperty(i,u,l):i[u]=e[u]}i.default=e,r&&r.set(e,i);return i}(require("react")),r=e(require("../utils/with-defaults")),i=require("./snippet.styles"),n=require("react/jsx-runtime");function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(o=function(e){return e?r:t})(e)}const u=({size:e,fill:t,width:r,height:o,...u})=>(0,n.jsx)(i.StyledSnippetCopyButtonIcon,{xmlns:"http://www.w3.org/2000/svg",width:e||r,height:e||o,viewBox:"0 0 24 24",...u,children:(0,n.jsx)("path",{fill:t,d:"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z"})});u.toString=()=>".nextui-snippet-copy-icon";const l=t.memo(u);var p=(0,r.default)(l,{width:18,height:18});exports.default=p,module.exports=exports.default;

package/cjs/snippet/snippet.js

@@ -1,137 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _tooltip = _interopRequireDefault(require("../tooltip"));
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-var _snippetIcon = _interopRequireDefault(require("./snippet-icon"));
-
-var _useClipboard = _interopRequireDefault(require("../use-clipboard"));
-
-var _snippet = require("./snippet.styles");
-
-var _assertion = require("../utils/assertion");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const defaultProps = {
-  symbol: '$',
-  showTooltip: true,
-  copy: 'default',
-  tooltipColor: 'default',
-  tooltipCopyText: 'Copy',
-  tooltipCopiedText: 'Copied'
-};
-
-const textArrayToString = text => {
-  return text.reduce((pre, current) => {
-    if (!current) return pre;
-    return pre ? `${pre}\n${current}` : current;
-  }, '');
-};
-
-const Snippet = ({
-  bordered,
-  children,
-  symbol,
-  showTooltip,
-  text,
-  tooltipCopyText,
-  tooltipCopiedText,
-  tooltipColor,
-  copy: copyType,
-  ...props
-}) => {
-  const [copied, setCopied] = (0, _react.useState)(false);
-  const {
-    copy
-  } = (0, _useClipboard.default)();
-  const ref = (0, _react.useRef)(null);
-  const isMultiLine = text && Array.isArray(text);
-  const showCopyIcon = (0, _react.useMemo)(() => copyType !== 'prevent', [copyType]);
-  const childText = (0, _react.useMemo)(() => {
-    if (isMultiLine) return textArrayToString(text);
-    if (!children) return text;
-    if (!ref.current) return '';
-    return ref.current.textContent;
-  }, [ref.current, children, text]);
-  const symbolBefore = (0, _react.useMemo)(() => {
-    const str = symbol.trim();
-    return str ? `${str} ` : '';
-  }, [symbol]);
-
-  const clickHandler = () => {
-    if (!childText || !showCopyIcon) return;
-    copy(childText);
-    if (copyType === 'slient') return;
-    setCopied(true);
-  };
-
-  const handleTooltipVisibleChange = () => {
-    setTimeout(() => {
-      setCopied(false);
-    }, 300);
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_snippet.StyledSnippet, { ...props,
-    children: [isMultiLine ? text.map((t, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_snippet.StyledSnippetPre, {
-      css: {
-        '&:before': {
-          content: symbolBefore,
-          us: 'none'
-        }
-      },
-      className: "nextui-snippet-pre",
-      children: t
-    }, `${index}-${t}`)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_snippet.StyledSnippetPre, {
-      css: {
-        '&:before': {
-          content: symbolBefore,
-          us: 'none'
-        }
-      },
-      className: "nextui-snippet-pre",
-      ref: ref,
-      children: children || text
-    }), showCopyIcon && copyType !== 'slient' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
-      hideArrow: true,
-      rounded: true,
-      color: tooltipColor,
-      content: copied ? tooltipCopiedText : tooltipCopyText,
-      onVisibleChange: handleTooltipVisibleChange,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_snippet.StyledSnippetCopyButton, {
-        className: "nextui-snippet-copy-button",
-        onClick: clickHandler,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_snippetIcon.default, {})
-      })
-    }) : copyType !== 'prevent' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_snippet.StyledSnippetCopyButton, {
-      className: "nextui-snippet-copy-button",
-      onClick: clickHandler,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_snippetIcon.default, {})
-    })]
-  });
-};
-
-if (_assertion.__DEV__) {
-  Snippet.displayName = 'NextUI - Snippet';
-}
-
-Snippet.toString = () => '.nextui-snippet';
-
-const MemoSnippet = /*#__PURE__*/_react.default.memo(Snippet);
-
-var _default = (0, _withDefaults.default)(MemoSnippet, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var o={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var p=n?Object.getOwnPropertyDescriptor(e,i):null;p&&(p.get||p.set)?Object.defineProperty(o,i,p):o[i]=e[i]}o.default=e,r&&r.set(e,o);return o}(require("react")),r=e(require("../tooltip")),o=e(require("../utils/with-defaults")),n=e(require("./snippet-icon")),i=e(require("../use-clipboard")),p=require("./snippet.styles"),u=require("../utils/assertion"),s=require("react/jsx-runtime");function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}const a=({bordered:e,children:o,symbol:u,showTooltip:l,text:a,tooltipCopyText:c,tooltipCopiedText:d,tooltipColor:f,copy:y,...x})=>{const[m,b]=(0,t.useState)(!1),{copy:h}=(0,i.default)(),j=(0,t.useRef)(null),C=a&&Array.isArray(a),S=(0,t.useMemo)((()=>"prevent"!==y),[y]),v=(0,t.useMemo)((()=>C?(e=>e.reduce(((e,t)=>t?e?`${e}\n${t}`:t:e),""))(a):o?j.current?j.current.textContent:"":a),[j.current,o,a]),q=(0,t.useMemo)((()=>{const e=u.trim();return e?`${e} `:""}),[u]),w=()=>{v&&S&&(h(v),"slient"!==y&&b(!0))};return(0,s.jsxs)(p.StyledSnippet,{...x,children:[C?a.map(((e,t)=>(0,s.jsx)(p.StyledSnippetPre,{css:{"&:before":{content:q,us:"none"}},className:"nextui-snippet-pre",children:e},`${t}-${e}`))):(0,s.jsx)(p.StyledSnippetPre,{css:{"&:before":{content:q,us:"none"}},className:"nextui-snippet-pre",ref:j,children:o||a}),S&&"slient"!==y?(0,s.jsx)(r.default,{hideArrow:!0,rounded:!0,color:f,content:m?d:c,onVisibleChange:()=>{setTimeout((()=>{b(!1)}),300)},children:(0,s.jsx)(p.StyledSnippetCopyButton,{className:"nextui-snippet-copy-button",onClick:w,children:(0,s.jsx)(n.default,{})})}):"prevent"!==y&&(0,s.jsx)(p.StyledSnippetCopyButton,{className:"nextui-snippet-copy-button",onClick:w,children:(0,s.jsx)(n.default,{})})]})};u.__DEV__&&(a.displayName="NextUI - Snippet"),a.toString=()=>".nextui-snippet";const c=t.default.memo(a);var d=(0,o.default)(c,{symbol:"$",showTooltip:!0,copy:"default",tooltipColor:"default",tooltipCopyText:"Copy",tooltipCopiedText:"Copied"});exports.default=d,module.exports=exports.default;