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

package/esm/progress/progress.styles.js

@@ -1,165 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.StyledProgressBar = exports.StyledProgress = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-var _color = require("../utils/color");
-
-var _theme$colors, _theme$colors$primary, _theme$colors2, _theme$colors2$second, _theme$colors3, _theme$colors3$succes, _theme$colors4, _theme$colors4$warnin, _theme$colors5, _theme$colors5$error;
-
-const indeterminateAnimation = (0, _stitches.keyframes)({
-  '0%': {
-    left: '-40%'
-  },
-  '100%': {
-    left: '100%'
-  }
-});
-const StyledProgress = (0, _stitches.styled)('div', {
-  margin: 0,
-  padding: 0,
-  width: '100%',
-  position: 'relative',
-  overflow: 'visible',
-  variants: {
-    color: {
-      defuault: {
-        $$progressColor: '$colors$primary',
-        $$progressShadowColor: '$colors$primaryLight'
-      },
-      primary: {
-        $$progressColor: '$colors$primary',
-        $$progressShadowColor: '$colors$primaryLight'
-      },
-      secondary: {
-        $$progressColor: '$colors$secondary',
-        $$progressShadowColor: '$colors$secondaryLight'
-      },
-      success: {
-        $$progressColor: '$colors$success',
-        $$progressShadowColor: '$colors$successLight'
-      },
-      warning: {
-        $$progressColor: '$colors$warning',
-        $$progressShadowColor: '$colors$warningLight'
-      },
-      error: {
-        $$progressColor: '$colors$error',
-        $$progressShadowColor: '$colors$errorLight'
-      },
-      gradient: {
-        $$progressColor: '$colors$gradient',
-        $$progressShadowColor: '$colors$primaryLight'
-      }
-    },
-    status: {
-      default: {
-        bg: '$accents2'
-      },
-      primary: {
-        bg: (0, _color.addColorAlpha)((_theme$colors = _stitches.theme.colors) == null ? void 0 : (_theme$colors$primary = _theme$colors.primary) == null ? void 0 : _theme$colors$primary.value, 0.2)
-      },
-      secondary: {
-        bg: (0, _color.addColorAlpha)((_theme$colors2 = _stitches.theme.colors) == null ? void 0 : (_theme$colors2$second = _theme$colors2.secondary) == null ? void 0 : _theme$colors2$second.value, 0.2)
-      },
-      success: {
-        bg: (0, _color.addColorAlpha)((_theme$colors3 = _stitches.theme.colors) == null ? void 0 : (_theme$colors3$succes = _theme$colors3.success) == null ? void 0 : _theme$colors3$succes.value, 0.2)
-      },
-      warning: {
-        bg: (0, _color.addColorAlpha)((_theme$colors4 = _stitches.theme.colors) == null ? void 0 : (_theme$colors4$warnin = _theme$colors4.warning) == null ? void 0 : _theme$colors4$warnin.value, 0.2)
-      },
-      error: {
-        bg: (0, _color.addColorAlpha)((_theme$colors5 = _stitches.theme.colors) == null ? void 0 : (_theme$colors5$error = _theme$colors5.error) == null ? void 0 : _theme$colors5$error.value, 0.2)
-      }
-    },
-    size: {
-      xs: {
-        $$progressHeight: '$space$2',
-        height: '$$progressHeight',
-        br: '$$progressHeight'
-      },
-      sm: {
-        $$progressHeight: '$space$4',
-        height: '$$progressHeight',
-        br: '$$progressHeight'
-      },
-      md: {
-        $$progressHeight: '$space$8',
-        height: '$$progressHeight',
-        br: '$$progressHeight'
-      },
-      lg: {
-        $$progressHeight: '$space$10',
-        height: '$$progressHeight',
-        br: '$$progressHeight'
-      },
-      xl: {
-        $$progressHeight: '$space$11',
-        height: '$$progressHeight',
-        br: '$$progressHeight'
-      }
-    },
-    indeterminated: {
-      true: {
-        overflow: 'hidden'
-      }
-    },
-    squared: {
-      true: {
-        br: 'calc($$progressHeight * 0.25)'
-      }
-    }
-  },
-  defaultVariants: {
-    color: 'defuault',
-    status: 'default',
-    size: 'md'
-  }
-});
-exports.StyledProgress = StyledProgress;
-const StyledProgressBar = (0, _stitches.styled)('div', {
-  margin: 0,
-  padding: 0,
-  width: 0,
-  opacity: 0,
-  height: '100%',
-  minWidth: 'inherit',
-  bg: '$$progressColor',
-  br: 'inherit',
-  transition: 'width 0.5s cubic-bezier(0.4, 0, 0.2, 1)',
-  '@motion': {
-    transition: 'none'
-  },
-  variants: {
-    animated: {
-      false: {
-        transition: 'none'
-      }
-    },
-    shadow: {
-      true: {
-        normalShadowVar: '$$progressShadowColor'
-      }
-    },
-    striped: {
-      true: {
-        backgroundImage: 'linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent)',
-        backgroundSize: '$space$lg $space$lg'
-      }
-    },
-    indeterminated: {
-      true: {
-        position: 'absolute',
-        width: '0%',
-        transitionProperty: 'background-color, width, left, border-color,opacity, shadow, transform',
-        transitionDuration: '300ms',
-        willChange: 'left',
-        minWidth: '50%',
-        animation: `1s ease 0s infinite normal none running ${indeterminateAnimation}`
-      }
-    }
-  }
-});
-exports.StyledProgressBar = StyledProgressBar;
+import{styled as r,keyframes as o}from"../theme/stitches.config";const s=o({"0%":{left:"-40%"},"100%":{left:"100%"}});export const StyledProgress=r("div",{margin:0,padding:0,width:"100%",position:"relative",overflow:"visible",variants:{color:{default:{$$progressColor:"$colors$primary",$$progressShadowColor:"$colors$primaryShadow"},primary:{$$progressColor:"$colors$primary",$$progressShadowColor:"$colors$primaryShadow"},secondary:{$$progressColor:"$colors$secondary",$$progressShadowColor:"$colors$secondaryShadow"},success:{$$progressColor:"$colors$success",$$progressShadowColor:"$colors$successShadow"},warning:{$$progressColor:"$colors$warning",$$progressShadowColor:"$colors$warningShadow"},error:{$$progressColor:"$colors$error",$$progressShadowColor:"$colors$errorShadow"},gradient:{$$progressColor:"$colors$gradient",$$progressShadowColor:"$colors$primaryShadow"}},status:{default:{bg:"$accents2"},primary:{bg:"$primaryLight"},secondary:{bg:"$secondaryLight"},success:{bg:"$successLight"},warning:{bg:"$warningLight"},error:{bg:"$errorLight"}},size:{xs:{$$progressHeight:"$space$2",height:"$$progressHeight",br:"$$progressHeight"},sm:{$$progressHeight:"$space$4",height:"$$progressHeight",br:"$$progressHeight"},md:{$$progressHeight:"$space$8",height:"$$progressHeight",br:"$$progressHeight"},lg:{$$progressHeight:"$space$10",height:"$$progressHeight",br:"$$progressHeight"},xl:{$$progressHeight:"$space$11",height:"$$progressHeight",br:"$$progressHeight"}},indeterminated:{true:{overflow:"hidden"}},squared:{true:{br:"calc($$progressHeight * 0.25)"}}},defaultVariants:{color:"defuault",status:"default",size:"md"}});export const StyledProgressBar=r("div",{margin:0,padding:0,width:0,opacity:0,height:"100%",minWidth:"inherit",bg:"$$progressColor",br:"inherit",transition:"width 0.5s cubic-bezier(0.4, 0, 0.2, 1)","@motion":{transition:"none"},variants:{animated:{false:{transition:"none"}},shadow:{true:{normalShadowVar:"$$progressShadowColor"}},striped:{true:{backgroundImage:"linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent)",backgroundSize:"$space$lg $space$lg"}},indeterminated:{true:{position:"absolute",width:"0%",transitionProperty:"background-color, width, left, border-color,opacity, shadow, transform",transitionDuration:"300ms",willChange:"left",minWidth:"50%",animation:`1s ease 0s infinite normal none running ${s}`}}}});

package/esm/radio/index.js

@@ -1,24 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledRadioPoint = exports.StyledRadioLabel = exports.StyledRadioInput = exports.StyledRadioGroup = exports.StyledRadioDescription = exports.StyledRadio = void 0;
-
-var _radio = _interopRequireDefault(require("./radio"));
-
-var _radioGroup = _interopRequireDefault(require("./radio-group"));
-
-var _radio2 = require("./radio.styles");
-
-exports.StyledRadioInput = _radio2.StyledRadioInput;
-exports.StyledRadioLabel = _radio2.StyledRadioLabel;
-exports.StyledRadioPoint = _radio2.StyledRadioPoint;
-exports.StyledRadio = _radio2.StyledRadio;
-exports.StyledRadioGroup = _radio2.StyledRadioGroup;
-exports.StyledRadioDescription = _radio2.StyledRadioDescription;
-_radio.default.Group = _radioGroup.default;
-_radio.default.Description = _radio2.StyledRadioDescription;
-_radio.default.Desc = _radio2.StyledRadioDescription;
-var _default = _radio.default;
-exports.default = _default;
+import o from"./radio";import i from"./radio-group";import{StyledRadioDescription as t}from"./radio.styles";o.Group=i,o.Description=t,o.Desc=t;export{StyledRadioInput,StyledRadioLabel,StyledRadioPoint,StyledRadio,StyledRadioGroup,StyledRadioDescription}from"./radio.styles";export default o;

package/esm/radio/radio-context.js

@@ -1,24 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.useRadioContext = exports.RadioContext = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-const defaultContext = {
-  color: 'primary',
-  size: 'md',
-  textColor: 'default',
-  disabledAll: false,
-  inGroup: false
-};
-
-const RadioContext = /*#__PURE__*/_react.default.createContext(defaultContext);
-
-exports.RadioContext = RadioContext;
-
-const useRadioContext = () => _react.default.useContext(RadioContext);
-
-exports.useRadioContext = useRadioContext;
+import t from"react";const o={color:"primary",size:"md",textColor:"default",disabledAll:!1,inGroup:!1};export const RadioContext=t.createContext(o);export const useRadioContext=()=>t.useContext(RadioContext);

package/esm/radio/radio-group.js

@@ -1,78 +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 _radioContext = require("./radio-context");
-
-var _radio = require("./radio.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 = {
-  disabled: false,
-  size: 'md',
-  color: 'default',
-  textColor: 'default'
-};
-
-const RadioGroup = ({
-  disabled,
-  onChange,
-  value,
-  size,
-  color,
-  textColor,
-  children,
-  initialValue,
-  ...props
-}) => {
-  const [selfVal, setSelfVal] = (0, _react.useState)(initialValue);
-
-  const updateState = nextValue => {
-    setSelfVal(nextValue);
-    onChange && onChange(nextValue);
-  };
-
-  const providerValue = (0, _react.useMemo)(() => {
-    return {
-      updateState,
-      disabledAll: disabled,
-      inGroup: true,
-      size,
-      color,
-      textColor,
-      value: selfVal
-    };
-  }, [disabled, selfVal]);
-  (0, _react.useEffect)(() => {
-    if (value === undefined) return;
-    setSelfVal(value);
-  }, [value]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_radioContext.RadioContext.Provider, {
-    value: providerValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.StyledRadioGroup, {
-      role: "radiogroup",
-      size: size,
-      ...props,
-      children: children
-    })
-  });
-};
-
-RadioGroup.toString = () => '.nextui-radio-group';
-
-var _default = (0, _withDefaults.default)(RadioGroup, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+import o,{useEffect as r,useMemo as e,useState as t}from"react";import i from"../utils/with-defaults";import{RadioContext as l}from"./radio-context";import{StyledRadioGroup as a}from"./radio.styles";import{jsx as d}from"react/jsx-runtime";const s=({disabled:o,onChange:i,value:s,size:u,color:n,textColor:m,children:c,initialValue:p,...f})=>{const[x,h]=t(p),v=o=>{h(o),i&&i(o)},g=e((()=>({updateState:v,disabledAll:o,inGroup:!0,size:u,color:n,textColor:m,value:x})),[o,x]);return r((()=>{void 0!==s&&h(s)}),[s]),d(l.Provider,{value:g,children:d(a,{role:"radiogroup",size:u,...f,children:c})})};s.toString=()=>".nextui-radio-group";export default i(s,{disabled:!1,size:"md",color:"default",textColor:"default"});

package/esm/radio/radio.js

@@ -1,156 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _radioContext = require("./radio-context");
-
-var _collections = require("../utils/collections");
-
-var _useWarning = _interopRequireDefault(require("../use-warning"));
-
-var _useKeyboard = _interopRequireWildcard(require("../use-keyboard"));
-
-var _radio = require("./radio.styles");
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-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 = {
-  size: 'md',
-  color: 'default',
-  textColor: 'default',
-  disabled: false,
-  preventDefault: true
-};
-const preClass = 'nextui-radio';
-
-const Radio = ({
-  checked,
-  onChange,
-  disabled,
-  color,
-  size,
-  textColor,
-  value: radioValue,
-  preventDefault,
-  children,
-  ...props
-}) => {
-  const [selfChecked, setSelfChecked] = (0, _react.useState)(!!checked);
-  const {
-    value: groupValue,
-    disabledAll,
-    inGroup,
-    color: groupColor,
-    size: groupSize,
-    textColor: textGroupColor,
-    updateState
-  } = (0, _radioContext.useRadioContext)();
-  const [withoutDescChildren, DescChildren] = (0, _collections.pickChild)(children, _radio.StyledRadioDescription);
-
-  if (inGroup && _assertion.__DEV__) {
-    if (checked !== undefined) {
-      (0, _useWarning.default)('Remove props "checked" if in the Radio.Group.', 'Radio');
-    }
-
-    if (radioValue === undefined) {
-      (0, _useWarning.default)('Props "value" must be deinfed if in the Radio.Group.', 'Radio');
-    }
-  }
-
-  (0, _react.useEffect)(() => {
-    setSelfChecked(groupValue === radioValue);
-  }, [groupValue, radioValue]);
-  const isDisabled = (0, _react.useMemo)(() => disabled || disabledAll, [disabled, disabledAll]);
-  const radioColor = color !== 'default' ? color : groupColor;
-  const radioSize = size !== 'md' ? size : groupSize;
-  const labelColor = textColor !== 'default' ? textColor : textGroupColor;
-
-  const changeHandler = event => {
-    if (isDisabled || inGroup && selfChecked) return;
-    const selfEvent = {
-      target: {
-        checked: !selfChecked
-      },
-      stopPropagation: event.stopPropagation,
-      preventDefault: event.preventDefault,
-      nativeEvent: event
-    };
-    setSelfChecked(!selfChecked);
-
-    if (inGroup) {
-      updateState && updateState(radioValue);
-    }
-
-    onChange && onChange(selfEvent);
-  };
-
-  const {
-    bindings
-  } = (0, _useKeyboard.default)(event => {
-    changeHandler(event);
-  }, [_useKeyboard.KeyCode.Enter, _useKeyboard.KeyCode.Space], {
-    disableGlobalEvent: true,
-    preventDefault
-  });
-  (0, _react.useEffect)(() => {
-    if (checked === undefined) return;
-    setSelfChecked(Boolean(checked));
-  }, [checked]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_radio.StyledRadio, {
-    "aria-checked": selfChecked,
-    disabled: isDisabled,
-    active: selfChecked,
-    size: radioSize,
-    color: radioColor,
-    ...props,
-    ...bindings,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.StyledRadioInput, {
-      type: "radio",
-      tabIndex: -1,
-      value: radioValue,
-      checked: selfChecked,
-      onChange: changeHandler,
-      className: `${preClass}-input`,
-      ...props
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_radio.StyledRadioLabel, {
-      color: labelColor,
-      disabled: isDisabled,
-      className: `${preClass}-name`,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.StyledRadioPoint, {
-        tabIndex: isDisabled ? -1 : 0,
-        className: (0, _clsx.default)(`${preClass}-point`, {
-          [`${preClass}-active`]: selfChecked,
-          [`${preClass}-disabled`]: isDisabled
-        })
-      }), withoutDescChildren]
-    }), DescChildren && DescChildren]
-  });
-};
-
-Radio.defaultProps = defaultProps;
-
-if (_assertion.__DEV__) {
-  Radio.displayName = 'NextUI - Radio';
-}
-
-Radio.toString = () => '.nextui-radio';
-
-var _default = (0, _withDefaults.default)(Radio, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+import e,{useEffect as t,useMemo as o,useState as a}from"react";import{useRadioContext as i}from"./radio-context";import{pickChild as r}from"../utils/collections";import d from"../use-warning";import l,{KeyCode as s}from"../use-keyboard";import{StyledRadio as n,StyledRadioLabel as c,StyledRadioInput as p,StyledRadioPoint as u,StyledRadioDescription as m}from"./radio.styles";import f from"../utils/with-defaults";import v from"../utils/clsx";import{__DEV__ as x}from"../utils/assertion";import{jsx as b}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";const g={size:"md",color:"default",textColor:"default",disabled:!1,preventDefault:!0},k="nextui-radio",R=({checked:e,onChange:f,disabled:g,color:R,size:C,textColor:D,value:N,preventDefault:$,children:j,...y})=>{const[z,G]=a(!!e),{value:P,disabledAll:E,inGroup:I,color:S,size:w,textColor:A,updateState:B}=i(),[U,q]=r(j,m);I&&x&&(void 0!==e&&d('Remove props "checked" if in the Radio.Group.',"Radio"),void 0===N&&d('Props "value" must be deinfed if in the Radio.Group.',"Radio")),t((()=>{G(P===N)}),[P,N]);const F=o((()=>g||E),[g,E]),H="default"!==R?R:S,J="md"!==C?C:w,K="default"!==D?D:A,L=e=>{if(F||I&&z)return;const t={target:{checked:!z},stopPropagation:e.stopPropagation,preventDefault:e.preventDefault,nativeEvent:e};G(!z),I&&B&&B(N),f&&f(t)},{bindings:M}=l((e=>{L(e)}),[s.Enter,s.Space],{disableGlobalEvent:!0,preventDefault:$});return t((()=>{void 0!==e&&G(Boolean(e))}),[e]),h(n,{"aria-checked":z,disabled:F,active:z,size:J,color:H,...y,...M,children:[b(p,{type:"radio",tabIndex:-1,value:N,checked:z,onChange:L,className:`${k}-input`,...y}),h(c,{color:K,disabled:F,className:`${k}-name`,children:[b(u,{tabIndex:F?-1:0,className:v(`${k}-point`,{[`${k}-active`]:z,[`${k}-disabled`]:F})}),U]}),q&&q]})};R.defaultProps=g,x&&(R.displayName="NextUI - Radio"),R.toString=()=>".nextui-radio";export default f(R,g);