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

package/cjs/snippet/snippet.styles.js

@@ -1,141 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.StyledSnippetPre = exports.StyledSnippetCopyButtonIcon = exports.StyledSnippetCopyButton = exports.StyledSnippet = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-const StyledSnippet = (0, _stitches.styled)('div', {
-  display: 'flex',
-  position: 'relative',
-  width: 'initial',
-  maxWidth: '100%',
-  padding: 'calc($space$lg * 0.75) $space$lg',
-  br: '$lg',
-  bg: '$background',
-  variants: {
-    color: {
-      default: {
-        $$snippetBorderColor: '$border',
-        $$snippetBgColor: '$background',
-        color: '$text'
-      },
-      primary: {
-        $$snippetBorderColor: '$border',
-        $$snippetBgColor: '$primary',
-        color: '$text'
-      },
-      success: {
-        $$snippetBorderColor: '$success',
-        $$snippetBgColor: '$background',
-        color: '$success'
-      },
-      warning: {
-        $$snippetBorderColor: '$warning',
-        $$snippetBgColor: '$background',
-        color: '$warning'
-      },
-      error: {
-        $$snippetBorderColor: '$error',
-        $$snippetBgColor: '$background',
-        color: '$error'
-      },
-      secondary: {
-        $$snippetBorderColor: '$secondary',
-        $$snippetBgColor: '$background',
-        color: '$secondary'
-      },
-      invert: {
-        $$snippetBorderColor: '$foreground',
-        $$snippetBgColor: '$foreground',
-        color: '$background'
-      }
-    },
-    borderWeight: {
-      light: {
-        $$borderWeight: '$light'
-      },
-      normal: {
-        $$borderWeight: '$normal'
-      },
-      bold: {
-        $$borderWeight: '$bold'
-      },
-      extrabold: {
-        $$borderWeight: '$extrabold'
-      },
-      black: {
-        $$borderWeight: '$black'
-      }
-    },
-    bordered: {
-      true: {
-        border: '$$borderWeight solid $$snippetBorderColor'
-      }
-    },
-    filled: {
-      true: {
-        backgroundColor: '$$snippetBgColor'
-      }
-    }
-  },
-  defaultVariants: {
-    color: 'default',
-    borderWeight: 'normal',
-    filled: false
-  }
-});
-exports.StyledSnippet = StyledSnippet;
-const StyledSnippetPre = (0, _stitches.styled)('pre', {
-  margin: 0,
-  padding: 0,
-  border: 'none',
-  br: 0,
-  bgColor: 'transparent',
-  color: 'inherit',
-  fontSize: '$xs',
-  '*': {
-    margin: 0,
-    padding: 0,
-    fontSize: 'inherit',
-    color: 'inherit'
-  },
-  variants: {
-    withCopyButton: {
-      true: {
-        width: 'calc(100% - 2 * $lg)'
-      },
-      false: {
-        width: '100%'
-      }
-    }
-  }
-});
-exports.StyledSnippetPre = StyledSnippetPre;
-const StyledSnippetCopyButtonIcon = (0, _stitches.styled)('svg', {});
-exports.StyledSnippetCopyButtonIcon = StyledSnippetCopyButtonIcon;
-const StyledSnippetCopyButton = (0, _stitches.styled)('button', {
-  display: 'inline-flex',
-  jc: 'center',
-  border: 'none',
-  ai: 'flex-start',
-  bg: 'transparent',
-  width: 'calc(2 * $space$lg)',
-  br: '$xs',
-  color: 'inherit',
-  transition: 'opacity 0.2s ease 0s',
-  cursor: 'pointer',
-  us: 'none',
-  '@motion': {
-    transition: 'none'
-  },
-  '&:hover': {
-    opacity: '0.7'
-  },
-  [`& ${StyledSnippetCopyButtonIcon}`]: {
-    path: {
-      fill: '$accents6'
-    }
-  }
-}, _stitches.sharedFocus);
-exports.StyledSnippetCopyButton = StyledSnippetCopyButton;
+exports.__esModule=!0,exports.StyledSnippetPre=exports.StyledSnippetCopyButtonIcon=exports.StyledSnippetCopyButton=exports.StyledSnippet=void 0;var o=require("../theme/stitches.config");const r=(0,o.styled)("div",{display:"flex",position:"relative",width:"initial",maxWidth:"100%",padding:"calc($space$lg * 0.75) $space$lg",br:"$lg",bg:"$background",variants:{color:{default:{$$snippetBorderColor:"$border",$$snippetBgColor:"$background",color:"$text"},primary:{$$snippetBorderColor:"$border",$$snippetBgColor:"$primary",color:"$text"},success:{$$snippetBorderColor:"$success",$$snippetBgColor:"$background",color:"$success"},warning:{$$snippetBorderColor:"$warning",$$snippetBgColor:"$background",color:"$warning"},error:{$$snippetBorderColor:"$error",$$snippetBgColor:"$background",color:"$error"},secondary:{$$snippetBorderColor:"$secondary",$$snippetBgColor:"$background",color:"$secondary"},invert:{$$snippetBorderColor:"$foreground",$$snippetBgColor:"$foreground",color:"$background"}},borderWeight:{light:{$$borderWeight:"$light"},normal:{$$borderWeight:"$normal"},bold:{$$borderWeight:"$bold"},extrabold:{$$borderWeight:"$extrabold"},black:{$$borderWeight:"$black"}},bordered:{true:{border:"$$borderWeight solid $$snippetBorderColor"}},filled:{true:{backgroundColor:"$$snippetBgColor"}}},defaultVariants:{color:"default",borderWeight:"normal",filled:!1}});exports.StyledSnippet=r;const e=(0,o.styled)("pre",{margin:0,padding:0,border:"none",br:0,bgColor:"transparent",color:"inherit",fontSize:"$xs","*":{margin:0,padding:0,fontSize:"inherit",color:"inherit"},variants:{withCopyButton:{true:{width:"calc(100% - 2 * $lg)"},false:{width:"100%"}}}});exports.StyledSnippetPre=e;const t=(0,o.styled)("svg",{});exports.StyledSnippetCopyButtonIcon=t;const n=(0,o.styled)("button",{display:"inline-flex",jc:"center",border:"none",ai:"flex-start",bg:"transparent",width:"calc(2 * $space$lg)",br:"$xs",color:"inherit",transition:"opacity 0.2s ease 0s",cursor:"pointer",us:"none","@motion":{transition:"none"},"&:hover":{opacity:"0.7"},[`& ${t}`]:{path:{fill:"$accents6"}}},o.sharedFocus);exports.StyledSnippetCopyButton=n;

package/cjs/spacer/index.js

@@ -1,14 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledSpacer = void 0;
-
-var _spacer = _interopRequireDefault(require("./spacer"));
-
-var _spacer2 = require("./spacer.styles");
-
-exports.StyledSpacer = _spacer2.StyledSpacer;
-var _default = _spacer.default;
-exports.default = _default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledSpacer=void 0;var r=e(require("./spacer")),t=require("./spacer.styles");exports.StyledSpacer=t.StyledSpacer;var a=r.default;exports.default=a;

package/cjs/spacer/spacer.js

@@ -1,49 +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 _dimensions = require("../utils/dimensions");
-
-var _spacer = require("./spacer.styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const defaultProps = {
-  x: 1,
-  y: 1
-};
-
-const Spacer = ({
-  x,
-  y,
-  inline,
-  css,
-  ...props
-}) => {
-  const marginLeft = (0, _dimensions.getMargin)(x);
-  const marginTop = (0, _dimensions.getMargin)(y);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_spacer.StyledSpacer, {
-    css: {
-      marginLeft,
-      marginTop,
-      ...css
-    },
-    ...props
-  });
-};
-
-Spacer.toString = () => '.nextui-spacer';
-
-const MemoSpacer = /*#__PURE__*/_react.default.memo(Spacer);
-
-var _default = (0, _withDefaults.default)(MemoSpacer, 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")),s=require("../utils/dimensions"),i=require("./spacer.styles"),u=require("react/jsx-runtime");const a=({x:e,y:r,inline:t,css:a,...n})=>{const l=(0,s.getMargin)(e),o=(0,s.getMargin)(r);return(0,u.jsx)(i.StyledSpacer,{css:{marginLeft:l,marginTop:o,...a},...n})};a.toString=()=>".nextui-spacer";const n=r.default.memo(a);var l=(0,t.default)(n,{x:1,y:1});exports.default=l,module.exports=exports.default;

package/cjs/spacer/spacer.styles.js

@@ -1,24 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.StyledSpacer = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-const StyledSpacer = (0, _stitches.styled)('span', {
-  size: '1px',
-  variants: {
-    inline: {
-      true: {
-        display: 'inline-block'
-      },
-      false: {
-        display: 'block'
-      }
-    }
-  },
-  defaultVariants: {
-    inline: false
-  }
-});
-exports.StyledSpacer = StyledSpacer;
+exports.__esModule=!0,exports.StyledSpacer=void 0;const e=(0,require("../theme/stitches.config").styled)("span",{size:"1px",variants:{inline:{true:{display:"inline-block"},false:{display:"block"}}},defaultVariants:{inline:!1}});exports.StyledSpacer=e;

package/cjs/switch/index.js

@@ -1,17 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledSwitchInput = exports.StyledSwitchContainer = exports.StyledSwitchCircle = exports.StyledSwitch = void 0;
-
-var _switch = _interopRequireDefault(require("./switch"));
-
-var _switch2 = require("./switch.styles");
-
-exports.StyledSwitchContainer = _switch2.StyledSwitchContainer;
-exports.StyledSwitchInput = _switch2.StyledSwitchInput;
-exports.StyledSwitchCircle = _switch2.StyledSwitchCircle;
-exports.StyledSwitch = _switch2.StyledSwitch;
-var _default = _switch.default;
-exports.default = _default;
+var t=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledSwitchInput=exports.StyledSwitchContainer=exports.StyledSwitchCircle=exports.StyledSwitch=void 0;var e=t(require("./switch")),r=require("./switch.styles");exports.StyledSwitchContainer=r.StyledSwitchContainer,exports.StyledSwitchInput=r.StyledSwitchInput,exports.StyledSwitchCircle=r.StyledSwitchCircle,exports.StyledSwitch=r.StyledSwitch;var i=e.default;exports.default=i;

package/cjs/switch/switch.js

@@ -1,142 +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 _useWarning = _interopRequireDefault(require("../use-warning"));
-
-var _useKeyboard = _interopRequireWildcard(require("../use-keyboard"));
-
-var _switch = require("./switch.styles");
-
-var _clsx = _interopRequireDefault(require("../utils/clsx"));
-
-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 = {
-  disabled: false,
-  bordered: false,
-  shadow: false,
-  squared: false,
-  animated: true,
-  preventDefault: true,
-  initialChecked: false
-};
-const preClass = 'nextui-switch';
-
-const Switch = ({
-  initialChecked,
-  checked,
-  disabled,
-  onChange,
-  squared,
-  bordered,
-  shadow,
-  icon,
-  iconOn,
-  iconOff,
-  animated,
-  preventDefault,
-  ...props
-}) => {
-  const [selfChecked, setSelfChecked] = (0, _react.useState)(initialChecked);
-
-  if (icon && _assertion.__DEV__ && (iconOn || iconOff)) {
-    (0, _useWarning.default)('Remove props "icon" if iconOn or iconOff exists.', 'Switch');
-  }
-
-  const changeHandle = (0, _react.useCallback)(ev => {
-    if (disabled) return;
-    const selfEvent = {
-      target: {
-        checked: !selfChecked
-      },
-      stopPropagation: ev.stopPropagation,
-      preventDefault: ev.preventDefault,
-      nativeEvent: ev
-    };
-    setSelfChecked(!selfChecked);
-    onChange && onChange(selfEvent);
-  }, [disabled, selfChecked, onChange]);
-  const {
-    bindings
-  } = (0, _useKeyboard.default)(event => {
-    changeHandle(event);
-  }, [_useKeyboard.KeyCode.Enter, _useKeyboard.KeyCode.Space], {
-    disableGlobalEvent: true,
-    preventDefault
-  });
-  const circleIcon = (0, _react.useMemo)(() => {
-    const hasIcon = icon || iconOn || iconOff;
-    const hasIconOn = Boolean(iconOn);
-    const hasIconOff = Boolean(iconOff);
-    if (!hasIcon) return null;
-    if (hasIconOn && selfChecked) return iconOn;
-    if (hasIconOff && !selfChecked) return iconOff;
-    return hasIcon;
-  }, [selfChecked, icon, iconOn, iconOff]);
-  (0, _react.useEffect)(() => {
-    if (checked === undefined) return;
-    setSelfChecked(checked);
-  }, [checked]);
-  const getState = (0, _react.useMemo)(() => {
-    return selfChecked ? 'checked' : 'unchecked';
-  }, [selfChecked]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_switch.StyledSwitchContainer, {
-    "data-state": getState,
-    disabled: disabled,
-    animated: animated,
-    ...props,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.StyledSwitchInput, {
-      tabIndex: -1,
-      type: "checkbox",
-      className: (0, _clsx.default)(`${preClass}-input`),
-      "data-state": getState,
-      disabled: disabled,
-      checked: selfChecked,
-      onChange: changeHandle
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.StyledSwitch, {
-      role: "switch",
-      tabIndex: disabled ? -1 : 0,
-      checked: selfChecked,
-      "aria-checked": selfChecked,
-      "aria-disabled": disabled,
-      animated: animated,
-      disabled: disabled,
-      squared: squared,
-      bordered: bordered,
-      shadow: shadow,
-      "data-state": getState,
-      className: (0, _clsx.default)(preClass, `${preClass}--${getState}`, {
-        [`${preClass}-checked`]: selfChecked,
-        [`${preClass}-disabled`]: disabled
-      }),
-      ...bindings,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.StyledSwitchCircle, {
-        className: `${preClass}-circle`,
-        children: circleIcon
-      })
-    })]
-  });
-};
-
-Switch.toString = () => '.nextui-switch';
-
-const MemoSwitch = /*#__PURE__*/_react.default.memo(Switch);
-
-var _default = (0, _withDefaults.default)(MemoSwitch, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=u(require("react")),r=e(require("../utils/with-defaults")),a=e(require("../use-warning")),n=u(require("../use-keyboard")),i=require("./switch.styles"),d=e(require("../utils/clsx")),o=require("../utils/assertion"),s=require("react/jsx-runtime");function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:t})(e)}function u(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=c(t);if(r&&r.has(e))return r.get(e);var a={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var d=n?Object.getOwnPropertyDescriptor(e,i):null;d&&(d.get||d.set)?Object.defineProperty(a,i,d):a[i]=e[i]}return a.default=e,r&&r.set(e,a),a}const l="nextui-switch",f=({initialChecked:e,checked:r,disabled:c,onChange:u,squared:f,bordered:p,shadow:h,icon:b,iconOn:v,iconOff:w,animated:y,preventDefault:x,...k})=>{const[m,q]=(0,t.useState)(e);b&&o.__DEV__&&(v||w)&&(0,a.default)('Remove props "icon" if iconOn or iconOff exists.',"Switch");const g=(0,t.useCallback)((e=>{if(c)return;const t={target:{checked:!m},stopPropagation:e.stopPropagation,preventDefault:e.preventDefault,nativeEvent:e};q(!m),u&&u(t)}),[c,m,u]),{bindings:O}=(0,n.default)((e=>{g(e)}),[n.KeyCode.Enter,n.KeyCode.Space],{disableGlobalEvent:!0,preventDefault:x}),S=(0,t.useMemo)((()=>{const e=b||v||w,t=Boolean(v),r=Boolean(w);return e?t&&m?v:r&&!m?w:e:null}),[m,b,v,w]);(0,t.useEffect)((()=>{void 0!==r&&q(r)}),[r]);const j=(0,t.useMemo)((()=>m?"checked":"unchecked"),[m]);return(0,s.jsxs)(i.StyledSwitchContainer,{"data-state":j,disabled:c,animated:y,...k,children:[(0,s.jsx)(i.StyledSwitchInput,{tabIndex:-1,type:"checkbox",className:(0,d.default)(`${l}-input`),"data-state":j,disabled:c,checked:m,onChange:g}),(0,s.jsx)(i.StyledSwitch,{role:"switch",tabIndex:c?-1:0,checked:m,"aria-checked":m,"aria-disabled":c,animated:y,disabled:c,squared:f,bordered:p,shadow:h,"data-state":j,className:(0,d.default)(l,`${l}--${j}`,{[`${l}-checked`]:m,[`${l}-disabled`]:c}),...O,children:(0,s.jsx)(i.StyledSwitchCircle,{className:`${l}-circle`,children:S})})]})};f.toString=()=>".nextui-switch";const p=t.default.memo(f);var h=(0,r.default)(p,{disabled:!1,bordered:!1,shadow:!1,squared:!1,animated:!0,preventDefault:!0,initialChecked:!1});exports.default=h,module.exports=exports.default;