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

package/esm/switch/switch.styles.js

@@ -1,283 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.StyledSwitchInput = exports.StyledSwitchContainer = exports.StyledSwitchCircle = exports.StyledSwitch = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-const StyledSwitchContainer = (0, _stitches.styled)('label', {
-  WebkitTapHighlightColor: 'transparent',
-  d: 'inline-block',
-  verticalAlign: 'center',
-  whiteSpace: 'nowrap',
-  us: 'none',
-  transition: '$default',
-  padding: '$1 0',
-  position: 'relative',
-  cursor: 'pointer',
-  '@motion': {
-    transition: 'none'
-  },
-  variants: {
-    color: {
-      default: {
-        $$switchColor: '$colors$primary',
-        $$switchColorShadow: '$colors$primaryLight',
-        $$switchColorHover: '$colors$primaryDark'
-      },
-      primary: {
-        $$switchColor: '$colors$primary',
-        $$switchColorShadow: '$colors$primaryLight',
-        $$switchColorHover: '$colors$primaryDark'
-      },
-      secondary: {
-        $$switchColor: '$colors$secondary',
-        $$switchColorShadow: '$colors$secondaryLight',
-        $$switchColorHover: '$colors$secondaryDark'
-      },
-      success: {
-        $$switchColor: '$colors$success',
-        $$switchColorShadow: '$colors$successLight',
-        $$switchColorHover: '$colors$successDark'
-      },
-      warning: {
-        $$switchColor: '$colors$warning',
-        $$switchColorShadow: '$colors$warningLight',
-        $$switchColorHover: '$colors$warningDark'
-      },
-      error: {
-        $$switchColor: '$colors$error',
-        $$switchColorShadow: '$colors$errorLight',
-        $$switchColorHover: '$colors$errorDark'
-      }
-    },
-    size: {
-      xs: {
-        $$switchWidth: '$space$12',
-        $$switchHeight: '$space$9',
-        width: ' $$switchWidth',
-        maxWidth: '$$switchWidth',
-        height: '$$switchHeight'
-      },
-      sm: {
-        $$switchWidth: '$space$14',
-        $$switchHeight: '$space$10',
-        width: '$$switchWidth',
-        maxWidth: '$$switchWidth',
-        height: '$$switchHeight'
-      },
-      md: {
-        $$switchWidth: '$space$15',
-        $$switchHeight: '$space$11',
-        width: '$$switchWidth',
-        maxWidth: '$$switchWidth',
-        height: '$$switchHeight'
-      },
-      lg: {
-        $$switchWidth: '$space$17',
-        $$switchHeight: '$space$12',
-        width: '$$switchWidth',
-        maxWidth: '$$switchWidth',
-        height: '$$switchHeight'
-      },
-      xl: {
-        $$switchWidth: '$space$18',
-        $$switchHeight: '$space$13',
-        width: '$$switchWidth',
-        maxWidth: '$$switchWidth',
-        height: '$$switchHeight'
-      }
-    },
-    borderWeight: {
-      light: {
-        $$switchBorderW: '$borderWeights$light'
-      },
-      normal: {
-        $$switchBorderW: '$borderWeights$normal'
-      },
-      bold: {
-        $$switchBorderW: '$borderWeights$bold'
-      },
-      extrabold: {
-        $$switchBorderW: '$borderWeights$extrabold'
-      },
-      black: {
-        $$switchBorderW: '$borderWeights$black'
-      }
-    },
-    disabled: {
-      true: {
-        cursor: 'not-allowed'
-      }
-    },
-    animated: {
-      false: {
-        transition: 'none'
-      }
-    }
-  },
-  defaultVariants: {
-    color: 'default',
-    size: 'md',
-    borderWeight: 'normal'
-  }
-});
-exports.StyledSwitchContainer = StyledSwitchContainer;
-const StyledSwitchInput = (0, _stitches.styled)('input', {}, _stitches.sharedVisuallyHidden);
-exports.StyledSwitchInput = StyledSwitchInput;
-const StyledSwitchCircle = (0, _stitches.styled)('span', {
-  position: 'absolute',
-  display: 'flex',
-  size: 'calc($$switchHeight * 0.7)',
-  jc: 'center',
-  ai: 'center',
-  top: '50%',
-  transform: 'translateY(-50%)',
-  left: 'calc($$switchWidth / 15)',
-  transition: 'left 0.25s ease, width 0.2s ease',
-  bg: '$background',
-  br: '$pill',
-  '& svg': {
-    bg: 'transparent',
-    size: 'calc($$switchHeight * 0.44)'
-  },
-  '@motion': {
-    transition: 'none'
-  }
-});
-exports.StyledSwitchCircle = StyledSwitchCircle;
-const StyledSwitch = (0, _stitches.styled)('div', {
-  opacity: 1,
-  width: '$$switchWidth',
-  height: '$$switchHeight',
-  transition: '$default',
-  position: 'relative',
-  overflow: 'hidden',
-  padding: 0,
-  br: '$pill',
-  bg: '$accents2',
-  '@motion': {
-    transition: 'none'
-  },
-  variants: {
-    checked: {
-      true: {
-        bg: '$$switchColor',
-        [`& ${StyledSwitchCircle}`]: {
-          left: 'calc(100% - ($$switchWidth / 15) - $$switchHeight * 0.7)'
-        },
-        '&:hover:not(&:active)': {
-          bg: '$$switchColorHover'
-        }
-      }
-    },
-    bordered: {
-      true: {
-        bg: 'transparent',
-        border: '$$switchBorderW solid $border',
-        '&:hover': {
-          borderColor: '$$switchColor'
-        },
-        [`& ${StyledSwitchCircle}`]: {
-          left: 'calc(($$switchWidth / 15) - ($$switchBorderW / 2))',
-          bg: '$accents2'
-        }
-      }
-    },
-    squared: {
-      true: {
-        br: '2px',
-        [`& ${StyledSwitchCircle}`]: {
-          br: '2px'
-        }
-      }
-    },
-    shadow: {
-      true: {}
-    },
-    disabled: {
-      true: {
-        borderColor: '$accents2',
-        bg: '$accents2',
-        [`& ${StyledSwitchCircle}`]: {
-          bg: '$accents3'
-        }
-      }
-    },
-    animated: {
-      true: {
-        '&:active': {
-          [`& ${StyledSwitchCircle}`]: {
-            width: 'calc($$switchHeight * 0.7 + ($$switchWidth / 10))'
-          }
-        }
-      },
-      false: {
-        transition: 'none',
-        [`& ${StyledSwitchCircle}`]: {
-          transition: 'none'
-        }
-      }
-    }
-  },
-  compoundVariants: [{
-    // checked && disabled
-    checked: true,
-    disabled: true,
-    css: {
-      bg: '$accents3',
-      [`& ${StyledSwitchCircle}`]: {
-        bg: '$accents2'
-      },
-      '&:hover:not(&:active)': {
-        bg: '$accents3'
-      }
-    }
-  }, // shadow && checked
-  {
-    shadow: true,
-    checked: true,
-    css: {
-      normalShadowVar: '$$switchColorShadow'
-    }
-  }, // animated && !checked
-  {
-    animated: true,
-    checked: false,
-    css: {
-      '&:active': {
-        [`& ${StyledSwitchCircle}`]: {
-          left: 'calc($$switchWidth / 7.5)'
-        }
-      }
-    }
-  }, // animated && checked
-  {
-    animated: true,
-    checked: true,
-    css: {
-      '&:active': {
-        [`& ${StyledSwitchCircle}`]: {
-          left: 'calc(100% - ($$switchWidth / 5) - $$switchHeight * 0.7)'
-        }
-      }
-    }
-  }, // checked && bordered
-  {
-    checked: true,
-    bordered: true,
-    css: {
-      bg: '$$switchColor',
-      border: '$$switchBorderW solid transparent',
-      '&:hover:not(&:active)': {
-        borderColor: 'transparent'
-      },
-      [`& ${StyledSwitchCircle}`]: {
-        left: 'calc(100% - ($$switchWidth / 15) - $$switchHeight * 0.7 + ($$switchBorderW / 2))',
-        bg: '$background'
-      }
-    }
-  }]
-}, _stitches.sharedFocus); // types
-
-exports.StyledSwitch = StyledSwitch;
+import{styled as t,sharedFocus as i,sharedVisuallyHidden as $}from"../theme/stitches.config";export const StyledSwitchContainer=t("label",{WebkitTapHighlightColor:"transparent",d:"inline-block",verticalAlign:"center",whiteSpace:"nowrap",us:"none",transition:"$default",padding:"$1 0",position:"relative",cursor:"pointer","@motion":{transition:"none"},variants:{color:{default:{$$switchColor:"$colors$primary",$$switchColorShadow:"$colors$primaryShadow",$$switchColorHover:"$colors$primaryDark"},primary:{$$switchColor:"$colors$primary",$$switchColorShadow:"$colors$primaryShadow",$$switchColorHover:"$colors$primaryDark"},secondary:{$$switchColor:"$colors$secondary",$$switchColorShadow:"$colors$secondaryShadow",$$switchColorHover:"$colors$secondaryDark"},success:{$$switchColor:"$colors$success",$$switchColorShadow:"$colors$successShadow",$$switchColorHover:"$colors$successDark"},warning:{$$switchColor:"$colors$warning",$$switchColorShadow:"$colors$warningShadow",$$switchColorHover:"$colors$warningDark"},error:{$$switchColor:"$colors$error",$$switchColorShadow:"$colors$errorShadow",$$switchColorHover:"$colors$errorDark"}},size:{xs:{$$switchWidth:"$space$12",$$switchHeight:"$space$9",width:" $$switchWidth",maxWidth:"$$switchWidth",height:"$$switchHeight"},sm:{$$switchWidth:"$space$14",$$switchHeight:"$space$10",width:"$$switchWidth",maxWidth:"$$switchWidth",height:"$$switchHeight"},md:{$$switchWidth:"$space$15",$$switchHeight:"$space$11",width:"$$switchWidth",maxWidth:"$$switchWidth",height:"$$switchHeight"},lg:{$$switchWidth:"$space$17",$$switchHeight:"$space$12",width:"$$switchWidth",maxWidth:"$$switchWidth",height:"$$switchHeight"},xl:{$$switchWidth:"$space$18",$$switchHeight:"$space$13",width:"$$switchWidth",maxWidth:"$$switchWidth",height:"$$switchHeight"}},borderWeight:{light:{$$switchBorderW:"$borderWeights$light"},normal:{$$switchBorderW:"$borderWeights$normal"},bold:{$$switchBorderW:"$borderWeights$bold"},extrabold:{$$switchBorderW:"$borderWeights$extrabold"},black:{$$switchBorderW:"$borderWeights$black"}},disabled:{true:{cursor:"not-allowed"}},animated:{false:{transition:"none"}}},defaultVariants:{color:"default",size:"md",borderWeight:"normal"}});export const StyledSwitchInput=t("input",{},$);export const StyledSwitchCircle=t("span",{position:"absolute",display:"flex",size:"calc($$switchHeight * 0.7)",jc:"center",ai:"center",top:"50%",transform:"translateY(-50%)",left:"calc($$switchWidth / 15)",transition:"left 0.25s ease, width 0.2s ease",bg:"$background",br:"$pill","& svg":{bg:"transparent",size:"calc($$switchHeight * 0.44)"},"@motion":{transition:"none"}});export const StyledSwitch=t("div",{opacity:1,width:"$$switchWidth",height:"$$switchHeight",transition:"$default",position:"relative",overflow:"hidden",padding:0,br:"$pill",bg:"$accents2","@motion":{transition:"none"},variants:{checked:{true:{bg:"$$switchColor",[`& ${StyledSwitchCircle}`]:{left:"calc(100% - ($$switchWidth / 15) - $$switchHeight * 0.7)"},"&:hover:not(&:active)":{bg:"$$switchColorHover"}}},bordered:{true:{bg:"transparent",border:"$$switchBorderW solid $border","&:hover":{borderColor:"$$switchColor"},[`& ${StyledSwitchCircle}`]:{left:"calc(($$switchWidth / 15) - ($$switchBorderW / 2))",bg:"$accents2"}}},squared:{true:{br:"2px",[`& ${StyledSwitchCircle}`]:{br:"2px"}}},shadow:{true:{}},disabled:{true:{borderColor:"$accents2",bg:"$accents2",[`& ${StyledSwitchCircle}`]:{bg:"$accents3"}}},animated:{true:{"&:active":{[`& ${StyledSwitchCircle}`]:{width:"calc($$switchHeight * 0.7 + ($$switchWidth / 10))"}}},false:{transition:"none",[`& ${StyledSwitchCircle}`]:{transition:"none"}}}},compoundVariants:[{checked:!0,disabled:!0,css:{bg:"$accents3",[`& ${StyledSwitchCircle}`]:{bg:"$accents2"},"&:hover:not(&:active)":{bg:"$accents3"}}},{shadow:!0,checked:!0,css:{normalShadowVar:"$$switchColorShadow"}},{animated:!0,checked:!1,css:{"&:active":{[`& ${StyledSwitchCircle}`]:{left:"calc($$switchWidth / 7.5)"}}}},{animated:!0,checked:!0,css:{"&:active":{[`& ${StyledSwitchCircle}`]:{left:"calc(100% - ($$switchWidth / 5) - $$switchHeight * 0.7)"}}}},{checked:!0,bordered:!0,css:{bg:"$$switchColor",border:"$$switchBorderW solid transparent","&:hover:not(&:active)":{borderColor:"transparent"},[`& ${StyledSwitchCircle}`]:{left:"calc(100% - ($$switchWidth / 15) - $$switchHeight * 0.7 + ($$switchBorderW / 2))",bg:"$background"}}}]},i);

package/esm/text/child.js

@@ -1,83 +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 _color = require("../utils/color");
-
-var _text = require("./text.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 = {
-  color: 'default'
-};
-
-const TextChild = ({
-  children,
-  tag,
-  className,
-  color: userColor,
-  transform,
-  margin: marginProp,
-  size,
-  css,
-  ...props
-}) => {
-  const color = (0, _react.useMemo)(() => {
-    if ((0, _color.isNormalColor)(userColor)) {
-      switch (userColor) {
-        case 'default':
-          return '$text';
-
-        default:
-          return `$${userColor}`;
-      }
-    }
-
-    return userColor;
-  }, [userColor]);
-  const fontSize = (0, _react.useMemo)(() => {
-    if (!size) return 'inherit';
-    if (typeof size === 'number') return `${size}px`;
-    return size;
-  }, [size]);
-  const margin = (0, _react.useMemo)(() => {
-    if (!marginProp) return 'inherit';
-    if (typeof marginProp === 'number') return `${size}px`;
-    return marginProp;
-  }, [marginProp]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_text.StyledText, {
-      as: tag,
-      css: {
-        color,
-        fontSize: size ? fontSize : '',
-        margin,
-        tt: transform,
-        ...css
-      },
-      ...props,
-      children: children
-    })
-  });
-};
-
-TextChild.toString = () => '.nextui-text-child';
-
-const MemoTextChild = /*#__PURE__*/_react.default.memo(TextChild);
-
-var _default = (0, _withDefaults.default)(MemoTextChild, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+import t,{useMemo as r}from"react";import o from"../utils/with-defaults";import{isNormalColor as e}from"../utils/color";import{StyledText as i}from"./text.styles";import{jsx as m}from"react/jsx-runtime";const s=({children:t,tag:o,color:s,transform:n,margin:c,size:l,css:f,...a})=>{const u=r((()=>e(s)?"default"===s?"$text":`$${s}`:s),[s]),p=r((()=>l?"number"==typeof l?`${l}px`:l:"inherit"),[l]),x=r((()=>c?"number"==typeof c?`${l}px`:c:"inherit"),[c]);return m(i,{as:o,css:{color:u,fontSize:l?p:"",margin:x,tt:n,...f},...a,children:t})};s.toString=()=>".nextui-text-child";const n=t.memo(s);export default o(n,{color:"default"});

package/esm/text/index.js

@@ -1,14 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledText = void 0;
-
-var _text = _interopRequireDefault(require("./text"));
-
-var _text2 = require("./text.styles");
-
-exports.StyledText = _text2.StyledText;
-var _default = _text.default;
-exports.default = _default;
+import t from"./text";export{StyledText}from"./text.styles";export default t;

package/esm/text/text.js

@@ -1,124 +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 _child = _interopRequireDefault(require("./child"));
-
-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 = {
-  h1: false,
-  h2: false,
-  h3: false,
-  h4: false,
-  h5: false,
-  h6: false,
-  b: false,
-  sm: false,
-  transform: 'none',
-  i: false,
-  span: false,
-  del: false,
-  em: false,
-  blockquote: false,
-  color: 'default'
-};
-
-const getModifierChild = (tags, children, size, transform) => {
-  if (!tags.length) return children;
-  const nextTag = tags.slice(1, tags.length);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_child.default, {
-    tag: tags[0],
-    size: size,
-    transform: transform,
-    children: getModifierChild(nextTag, children, size)
-  });
-};
-
-const Text = ({
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  b,
-  small,
-  i,
-  span,
-  del,
-  em,
-  blockquote,
-  transform,
-  size,
-  margin,
-  children,
-  ...props
-}) => {
-  const elements = {
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6,
-    blockquote
-  };
-  const inlineElements = {
-    span,
-    small,
-    b,
-    em,
-    i,
-    del
-  };
-  const names = Object.keys(elements).filter(name => elements[name]);
-  const inlineNames = Object.keys(inlineElements).filter(name => inlineElements[name]);
-  /**
-   *  Render element "p" only if no element is found.
-   *  If there is only one modifier, just rendered one modifier element
-   *  e.g.
-   *    <Text /> => <p />
-   *    <Text em /> => <em />
-   *    <Text b em /> => <b><em>children</em></b>
-   */
-
-  const tag = (0, _react.useMemo)(() => {
-    if (names[0]) return names[0];
-    if (inlineNames[0]) return inlineNames[0];
-    return 'p';
-  }, [names, inlineNames]);
-  const renderableChildElements = inlineNames.filter(name => name !== tag);
-  const modifers = (0, _react.useMemo)(() => {
-    if (!renderableChildElements.length) return children;
-    return getModifierChild(renderableChildElements, children, size, transform);
-  }, [renderableChildElements, children, size, transform]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_child.default, {
-    transform: transform,
-    tag: tag,
-    margin: margin,
-    size: size,
-    ...props,
-    children: modifers
-  });
-};
-
-Text.toString = () => '.nextui-text';
-
-const MemoText = /*#__PURE__*/_react.default.memo(Text);
-
-var _default = (0, _withDefaults.default)(MemoText, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+import t,{useMemo as e}from"react";import r from"../utils/with-defaults";import l from"./child";import{jsx as o}from"react/jsx-runtime";const n=(t,e,r,h)=>{if(!t.length)return e;const i=t.slice(1,t.length);return o(l,{tag:t[0],size:r,transform:h,children:n(i,e,r)})},h=({h1:t,h2:r,h3:h,h4:i,h5:s,h6:m,b:a,small:c,i:f,span:u,del:d,em:p,blockquote:b,transform:g,size:k,margin:x,children:j,...q})=>{const z={h1:t,h2:r,h3:h,h4:i,h5:s,h6:m,blockquote:b},y={span:u,small:c,b:a,em:p,i:f,del:d},O=Object.keys(z).filter((t=>z[t])),w=Object.keys(y).filter((t=>y[t])),S=e((()=>O[0]?O[0]:w[0]?w[0]:"p"),[O,w]),v=w.filter((t=>t!==S)),A=e((()=>v.length?n(v,j,k,g):j),[v,j,k,g]);return o(l,{transform:g,tag:S,margin:x,size:k,...q,children:A})};h.toString=()=>".nextui-text";const i=t.memo(h);export default r(i,{h1:!1,h2:!1,h3:!1,h4:!1,h5:!1,h6:!1,b:!1,small:!1,transform:"none",i:!1,span:!1,del:!1,em:!1,blockquote:!1,color:"default"});

package/esm/text/text.styles.js

@@ -1,41 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.StyledText = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-const StyledText = (0, _stitches.styled)('p', {
-  variants: {
-    weight: {
-      hairline: {
-        fontWeight: '$hairline'
-      },
-      thin: {
-        fontWeight: '$thin'
-      },
-      light: {
-        fontWeight: '$light'
-      },
-      normal: {
-        fontWeight: '$normal'
-      },
-      medium: {
-        fontWeight: '$medium'
-      },
-      semibold: {
-        fontWeight: '$semibold'
-      },
-      bold: {
-        fontWeight: '$bold'
-      },
-      extrabold: {
-        fontWeight: '$extrabold'
-      },
-      black: {
-        fontWeight: '$black'
-      }
-    }
-  }
-});
-exports.StyledText = StyledText;
+import{styled as t}from"../theme/stitches.config";export const StyledText=t("p",{variants:{weight:{hairline:{fontWeight:"$hairline"},thin:{fontWeight:"$thin"},light:{fontWeight:"$light"},normal:{fontWeight:"$normal"},medium:{fontWeight:"$medium"},semibold:{fontWeight:"$semibold"},bold:{fontWeight:"$bold"},extrabold:{fontWeight:"$extrabold"},black:{fontWeight:"$black"}}}});

package/esm/textarea/index.js

@@ -1,12 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _textarea = _interopRequireDefault(require("./textarea"));
-
-var _default = _textarea.default;
-exports.default = _default;
-module.exports = exports.default;
+import t from"./textarea";export default t;