@react-native-ohos/native-base 3.4.29-rc.1

package/lib/commonjs/theme/v33x-theme/components/breadcrumb.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BreadcrumbIcon = exports.BreadcrumbText = exports.Breadcrumb = void 0;
+const baseStyle = {
+  width: 'auto',
+  height: 'auto',
+  display: 'flex',
+  flexDirection: 'row',
+  spacing: '2'
+};
+const defaultProps = {
+  direction: 'row',
+  wrap: 'wrap'
+};
+const Breadcrumb = {
+  baseStyle,
+  defaultProps
+};
+exports.Breadcrumb = Breadcrumb;
+const BreadcrumbText = {
+  baseStyle: { ...baseStyle,
+    _current: {
+      fontWeight: 'bold'
+    }
+  },
+  defaultProps
+};
+exports.BreadcrumbText = BreadcrumbText;
+const BreadcrumbIcon = {
+  baseStyle: { ...baseStyle
+  },
+  defaultProps
+};
+exports.BreadcrumbIcon = BreadcrumbIcon;
+//# sourceMappingURL=breadcrumb.js.map

package/lib/commonjs/theme/v33x-theme/components/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["breadcrumb.ts"],"names":["baseStyle","width","height","display","flexDirection","spacing","defaultProps","direction","wrap","Breadcrumb","BreadcrumbText","_current","fontWeight","BreadcrumbIcon"],"mappings":";;;;;;AAAA,MAAMA,SAAS,GAAG;AAChBC,EAAAA,KAAK,EAAE,MADS;AAEhBC,EAAAA,MAAM,EAAE,MAFQ;AAGhBC,EAAAA,OAAO,EAAE,MAHO;AAIhBC,EAAAA,aAAa,EAAE,KAJC;AAKhBC,EAAAA,OAAO,EAAE;AALO,CAAlB;AAOA,MAAMC,YAAY,GAAG;AACnBC,EAAAA,SAAS,EAAE,KADQ;AAEnBC,EAAAA,IAAI,EAAE;AAFa,CAArB;AAKO,MAAMC,UAAU,GAAG;AACxBT,EAAAA,SADwB;AAExBM,EAAAA;AAFwB,CAAnB;;AAKA,MAAMI,cAAc,GAAG;AAC5BV,EAAAA,SAAS,EAAE,EAAE,GAAGA,SAAL;AAAgBW,IAAAA,QAAQ,EAAE;AAAEC,MAAAA,UAAU,EAAE;AAAd;AAA1B,GADiB;AAE5BN,EAAAA;AAF4B,CAAvB;;AAKA,MAAMO,cAAc,GAAG;AAC5Bb,EAAAA,SAAS,EAAE,EAAE,GAAGA;AAAL,GADiB;AAE5BM,EAAAA;AAF4B,CAAvB","sourcesContent":["const baseStyle = {\r\n  width: 'auto',\r\n  height: 'auto',\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  spacing: '2',\r\n};\r\nconst defaultProps = {\r\n  direction: 'row',\r\n  wrap: 'wrap',\r\n};\r\n\r\nexport const Breadcrumb = {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n\r\nexport const BreadcrumbText = {\r\n  baseStyle: { ...baseStyle, _current: { fontWeight: 'bold' } },\r\n  defaultProps,\r\n};\r\n\r\nexport const BreadcrumbIcon = {\r\n  baseStyle: { ...baseStyle },\r\n  defaultProps,\r\n};\r\n"]}

package/lib/commonjs/theme/v33x-theme/components/button.js

@@ -0,0 +1,293 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ButtonGroup = void 0;
+
+var _tools = require("../tools");
+
+var _reactNative = require("react-native");
+
+const disabledTextColor = props => (0, _tools.mode)("muted.500", "muted.300")(props);
+
+const baseStyle = props => {
+  const {
+    primary
+  } = props.theme.colors;
+  const focusRing = _reactNative.Platform.OS === 'web' ? (0, _tools.mode)({
+    boxShadow: "".concat(primary[400], " 0px 0px 0px 2px"),
+    zIndex: 1
+  }, {
+    boxShadow: "".concat(primary[500], " 0px 0px 0px 2px"),
+    zIndex: 1
+  })(props) : {};
+  return {
+    borderRadius: 'sm',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    _web: {
+      cursor: props.isDisabled ? 'not-allowed' : props.isLoading ? 'default' : 'pointer'
+    },
+    _text: {
+      fontWeight: 'medium'
+    },
+    _focusVisible: {
+      style: props.variant !== 'unstyled' ? { ...focusRing
+      } : {}
+    },
+    _stack: {
+      space: 2,
+      alignItems: 'center'
+    },
+    _loading: {
+      opacity: '80'
+    },
+    _disabled: {
+      opacity: '50'
+    },
+    _spinner: {
+      size: 'sm',
+      focusable: false
+    }
+  };
+};
+
+function variantGhost(props) {
+  const {
+    colorScheme: c
+  } = props;
+
+  if (c === 'muted') {
+    return {
+      _text: {
+        color: disabledTextColor(props)
+      }
+    };
+  }
+
+  return {
+    _text: {
+      color: props.isDisabled ? disabledTextColor(props) : (0, _tools.mode)("".concat(c, ".500"), "".concat(c, ".300"))(props)
+    },
+    bg: 'transparent',
+    _web: {
+      outlineWidth: '0'
+    },
+    _hover: {
+      borderColor: (0, _tools.mode)("".concat(c, ".500"), "".concat(c, ".200"))(props),
+      bg: (0, _tools.transparentize)((0, _tools.mode)("".concat(c, ".200"), "".concat(c, ".400"))(props), 0.5)(props.theme)
+    },
+    _focusVisible: {
+      borderColor: (0, _tools.mode)("".concat(c, ".700"), "".concat(c, ".200"))(props),
+      bg: (0, _tools.transparentize)((0, _tools.mode)("".concat(c, ".200"), "".concat(c, ".400"))(props), 0.5)(props.theme)
+    },
+    _pressed: {
+      borderColor: (0, _tools.mode)("".concat(c, ".600"), "".concat(c, ".200"))(props),
+      bg: (0, _tools.transparentize)((0, _tools.mode)("".concat(c, ".300"), "".concat(c, ".500"))(props), 0.5)(props.theme)
+    },
+    _spinner: {
+      size: 'sm'
+    }
+  };
+}
+
+function variantOutline(props) {
+  const {
+    colorScheme: c
+  } = props;
+  const borderColor = (0, _tools.mode)("muted.200", "muted.500")(props);
+  return {
+    borderWidth: '1',
+    borderColor: c === 'muted' ? borderColor : props.isDisabled ? disabledTextColor(props) : (0, _tools.mode)("".concat(c, ".300"), "".concat(c, ".300"))(props),
+    ...variantGhost(props)
+  };
+}
+
+function variantSolid(props) {
+  const {
+    colorScheme: c
+  } = props;
+  let bg = "".concat(c, ".500");
+
+  if (props.isDisabled) {
+    bg = (0, _tools.mode)("muted.300", "muted.500")(props);
+  }
+
+  const styleObject = {
+    _web: {
+      outlineWidth: '0'
+    },
+    bg,
+    _hover: {
+      bg: "".concat(c, ".600")
+    },
+    _pressed: {
+      bg: "".concat(c, ".700")
+    },
+    _focus: {
+      bg: "".concat(c, ".600")
+    },
+    _loading: {
+      bg: (0, _tools.mode)("warmGray.50", "".concat(c, ".300"))(props),
+      opacity: '50'
+    },
+    _disabled: {
+      bg: (0, _tools.mode)("trueGray.300", "trueGray.600")(props)
+    }
+  };
+  return styleObject;
+} // function getBg(props: Record<string, any>) {
+//   const { theme, status, variant } = props;
+//   let { colorScheme } = props;
+//   colorScheme = getColorScheme(
+//     props,
+//     colorScheme !== 'primary' ? colorScheme : status
+//   );
+//   const lightBg =
+//     variant === 'solid'
+//       ? getColor(theme, `${colorScheme}.400`, colorScheme)
+//       : getColor(theme, `${colorScheme}.100`, colorScheme);
+//   const darkBg =
+//     variant === 'solid'
+//       ? getColor(theme, `${colorScheme}.700`, colorScheme)
+//       : getColor(theme, `${colorScheme}.400`, colorScheme);
+//   return mode(lightBg, darkBg)(props);
+// }
+
+
+function variantSubtle(props) {
+  const {
+    colorScheme: c
+  } = props;
+  let bg = "".concat(c, ".100");
+  bg = (0, _tools.mode)(bg, "".concat(c, ".200"))(props);
+  let color;
+
+  if (props.isDisabled) {
+    bg = (0, _tools.mode)("muted.300", "muted.500")(props);
+  } else {
+    color = (0, _tools.mode)("".concat(c, ".500"), "".concat(c, ".600"))(props);
+  }
+
+  const styleObject = {
+    _text: {
+      color: color
+    },
+    _web: {
+      outlineWidth: '0'
+    },
+    bg,
+    _hover: {
+      _text: {
+        color: (0, _tools.mode)("".concat(c, ".600"), "".concat(c, ".700"))(props)
+      },
+      bg: (0, _tools.mode)("".concat(c, ".200"), "".concat(c, ".300"))(props)
+    },
+    _pressed: {
+      _text: {
+        color: (0, _tools.mode)("".concat(c, ".700"), "".concat(c, ".800"))(props)
+      },
+      bg: (0, _tools.mode)("".concat(c, ".300"), "".concat(c, ".400"))(props)
+    }
+  };
+  return styleObject;
+}
+
+function variantLink(props) {
+  const {
+    colorScheme: c
+  } = props;
+  return { ...variantGhost(props),
+    _text: {
+      textDecorationLine: _reactNative.Platform.select({
+        ios: 'underline',
+        web: 'underline'
+      }),
+      color: c === 'muted' ? (0, _tools.mode)("muted.800", "".concat(c, ".200"))(props) : props.isDisabled ? disabledTextColor(props) : (0, _tools.mode)("".concat(c, ".500"), "".concat(c, ".300"))(props)
+    },
+    _hover: {
+      _text: {
+        color: (0, _tools.mode)("".concat(c, ".600"), "".concat(c, ".400"))(props),
+        textDecorationLine: 'underline'
+      }
+    },
+    _focusVisible: {
+      _text: {
+        color: (0, _tools.mode)("".concat(c, ".600"), "".concat(c, ".400"))(props),
+        textDecorationLine: 'underline'
+      }
+    },
+    _pressed: {
+      _text: {
+        color: (0, _tools.mode)("".concat(c, ".700"), "".concat(c, ".500"))(props)
+      }
+    }
+  };
+}
+
+function variantUnstyled() {
+  return {};
+}
+
+const variants = {
+  ghost: variantGhost,
+  outline: variantOutline,
+  solid: variantSolid,
+  subtle: variantSubtle,
+  link: variantLink,
+  unstyled: variantUnstyled
+};
+const sizes = {
+  lg: {
+    px: '4',
+    py: '2',
+    _text: {
+      fontSize: 'md'
+    }
+  },
+  md: {
+    px: '3',
+    py: '2',
+    _text: {
+      fontSize: 'sm'
+    }
+  },
+  sm: {
+    px: '2',
+    py: '2',
+    _text: {
+      fontSize: 'xs'
+    }
+  },
+  xs: {
+    px: '2',
+    py: '2',
+    _text: {
+      fontSize: '2xs'
+    }
+  }
+};
+const defaultProps = {
+  variant: 'solid',
+  size: 'md',
+  colorScheme: 'primary'
+};
+const ButtonGroup = {
+  baseStyle: {
+    direction: 'row'
+  },
+  defaultProps: {
+    space: 2
+  }
+};
+exports.ButtonGroup = ButtonGroup;
+var _default = {
+  baseStyle,
+  variants,
+  sizes,
+  defaultProps
+};
+exports.default = _default;
+//# sourceMappingURL=button.js.map

package/lib/commonjs/theme/v33x-theme/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["button.ts"],"names":["disabledTextColor","props","baseStyle","primary","theme","colors","focusRing","Platform","OS","boxShadow","zIndex","borderRadius","flexDirection","justifyContent","alignItems","_web","cursor","isDisabled","isLoading","_text","fontWeight","_focusVisible","style","variant","_stack","space","_loading","opacity","_disabled","_spinner","size","focusable","variantGhost","colorScheme","c","color","bg","outlineWidth","_hover","borderColor","_pressed","variantOutline","borderWidth","variantSolid","styleObject","_focus","variantSubtle","variantLink","textDecorationLine","select","ios","web","variantUnstyled","variants","ghost","outline","solid","subtle","link","unstyled","sizes","lg","px","py","fontSize","md","sm","xs","defaultProps","ButtonGroup","direction"],"mappings":";;;;;;;AAAA;;AACA;;AACA,MAAMA,iBAAiB,GAAIC,KAAD,IAAgB,2CAA+BA,KAA/B,CAA1C;;AAEA,MAAMC,SAAS,GAAID,KAAD,IAAgB;AAChC,QAAM;AAAEE,IAAAA;AAAF,MAAcF,KAAK,CAACG,KAAN,CAAYC,MAAhC;AACA,QAAMC,SAAS,GACbC,sBAASC,EAAT,KAAgB,KAAhB,GACI,iBACE;AAAEC,IAAAA,SAAS,YAAKN,OAAO,CAAC,GAAD,CAAZ,qBAAX;AAAgDO,IAAAA,MAAM,EAAE;AAAxD,GADF,EAEE;AAAED,IAAAA,SAAS,YAAKN,OAAO,CAAC,GAAD,CAAZ,qBAAX;AAAgDO,IAAAA,MAAM,EAAE;AAAxD,GAFF,EAGET,KAHF,CADJ,GAKI,EANN;AAQA,SAAO;AACLU,IAAAA,YAAY,EAAE,IADT;AAELC,IAAAA,aAAa,EAAE,KAFV;AAGLC,IAAAA,cAAc,EAAE,QAHX;AAILC,IAAAA,UAAU,EAAE,QAJP;AAKLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,MAAM,EAAEf,KAAK,CAACgB,UAAN,GACJ,aADI,GAEJhB,KAAK,CAACiB,SAAN,GACA,SADA,GAEA;AALA,KALD;AAYLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,UAAU,EAAE;AADP,KAZF;AAeLC,IAAAA,aAAa,EAAE;AACbC,MAAAA,KAAK,EAAErB,KAAK,CAACsB,OAAN,KAAkB,UAAlB,GAA+B,EAAE,GAAGjB;AAAL,OAA/B,GAAkD;AAD5C,KAfV;AAkBLkB,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,CADD;AAENX,MAAAA,UAAU,EAAE;AAFN,KAlBH;AAsBLY,IAAAA,QAAQ,EAAE;AACRC,MAAAA,OAAO,EAAE;AADD,KAtBL;AAyBLC,IAAAA,SAAS,EAAE;AACTD,MAAAA,OAAO,EAAE;AADA,KAzBN;AA4BLE,IAAAA,QAAQ,EAAE;AACRC,MAAAA,IAAI,EAAE,IADE;AAERC,MAAAA,SAAS,EAAE;AAFH;AA5BL,GAAP;AAiCD,CA3CD;;AA6CA,SAASC,YAAT,CAAsB/B,KAAtB,EAAmC;AACjC,QAAM;AAAEgC,IAAAA,WAAW,EAAEC;AAAf,MAAqBjC,KAA3B;;AACA,MAAIiC,CAAC,KAAK,OAAV,EAAmB;AACjB,WAAO;AACLf,MAAAA,KAAK,EAAE;AACLgB,QAAAA,KAAK,EAAEnC,iBAAiB,CAACC,KAAD;AADnB;AADF,KAAP;AAKD;;AAED,SAAO;AACLkB,IAAAA,KAAK,EAAE;AACLgB,MAAAA,KAAK,EAAElC,KAAK,CAACgB,UAAN,GACHjB,iBAAiB,CAACC,KAAD,CADd,GAEH,2BAAQiC,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B;AAHC,KADF;AAMLmC,IAAAA,EAAE,EAAE,aANC;AAOLrB,IAAAA,IAAI,EAAE;AACJsB,MAAAA,YAAY,EAAE;AADV,KAPD;AAULC,IAAAA,MAAM,EAAE;AACNC,MAAAA,WAAW,EAAE,2BAAQL,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B,CADP;AAENmC,MAAAA,EAAE,EAAE,2BAAe,2BAAQF,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B,CAAf,EAAoD,GAApD,EAAyDA,KAAK,CAACG,KAA/D;AAFE,KAVH;AAcLiB,IAAAA,aAAa,EAAE;AACbkB,MAAAA,WAAW,EAAE,2BAAQL,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B,CADA;AAEbmC,MAAAA,EAAE,EAAE,2BAAe,2BAAQF,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B,CAAf,EAAoD,GAApD,EAAyDA,KAAK,CAACG,KAA/D;AAFS,KAdV;AAkBLoC,IAAAA,QAAQ,EAAE;AACRD,MAAAA,WAAW,EAAE,2BAAQL,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B,CADL;AAERmC,MAAAA,EAAE,EAAE,2BAAe,2BAAQF,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B,CAAf,EAAoD,GAApD,EAAyDA,KAAK,CAACG,KAA/D;AAFI,KAlBL;AAsBLyB,IAAAA,QAAQ,EAAE;AACRC,MAAAA,IAAI,EAAE;AADE;AAtBL,GAAP;AA0BD;;AAED,SAASW,cAAT,CAAwBxC,KAAxB,EAAqC;AACnC,QAAM;AAAEgC,IAAAA,WAAW,EAAEC;AAAf,MAAqBjC,KAA3B;AACA,QAAMsC,WAAW,GAAG,2CAA+BtC,KAA/B,CAApB;AACA,SAAO;AACLyC,IAAAA,WAAW,EAAE,GADR;AAELH,IAAAA,WAAW,EACTL,CAAC,KAAK,OAAN,GACIK,WADJ,GAEItC,KAAK,CAACgB,UAAN,GACAjB,iBAAiB,CAACC,KAAD,CADjB,GAEA,2BAAQiC,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B,CAPD;AAQL,OAAG+B,YAAY,CAAC/B,KAAD;AARV,GAAP;AAUD;;AAED,SAAS0C,YAAT,CAAsB1C,KAAtB,EAAmC;AACjC,QAAM;AAAEgC,IAAAA,WAAW,EAAEC;AAAf,MAAqBjC,KAA3B;AACA,MAAImC,EAAE,aAAMF,CAAN,SAAN;;AACA,MAAIjC,KAAK,CAACgB,UAAV,EAAsB;AACpBmB,IAAAA,EAAE,GAAG,2CAA+BnC,KAA/B,CAAL;AACD;;AAED,QAAM2C,WAAW,GAAG;AAClB7B,IAAAA,IAAI,EAAE;AACJsB,MAAAA,YAAY,EAAE;AADV,KADY;AAIlBD,IAAAA,EAJkB;AAKlBE,IAAAA,MAAM,EAAE;AACNF,MAAAA,EAAE,YAAKF,CAAL;AADI,KALU;AAQlBM,IAAAA,QAAQ,EAAE;AACRJ,MAAAA,EAAE,YAAKF,CAAL;AADM,KARQ;AAWlBW,IAAAA,MAAM,EAAE;AACNT,MAAAA,EAAE,YAAKF,CAAL;AADI,KAXU;AAclBR,IAAAA,QAAQ,EAAE;AACRU,MAAAA,EAAE,EAAE,0CAAuBF,CAAvB,WAAgCjC,KAAhC,CADI;AAER0B,MAAAA,OAAO,EAAE;AAFD,KAdQ;AAkBlBC,IAAAA,SAAS,EAAE;AAAEQ,MAAAA,EAAE,EAAE,iDAAqCnC,KAArC;AAAN;AAlBO,GAApB;AAqBA,SAAO2C,WAAP;AACD,C,CAED;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;;AAEA,SAASE,aAAT,CAAuB7C,KAAvB,EAAoC;AAClC,QAAM;AAAEgC,IAAAA,WAAW,EAAEC;AAAf,MAAqBjC,KAA3B;AACA,MAAImC,EAAE,aAAMF,CAAN,SAAN;AACAE,EAAAA,EAAE,GAAG,iBAAKA,EAAL,YAAYF,CAAZ,WAAqBjC,KAArB,CAAL;AACA,MAAIkC,KAAJ;;AACA,MAAIlC,KAAK,CAACgB,UAAV,EAAsB;AACpBmB,IAAAA,EAAE,GAAG,2CAA+BnC,KAA/B,CAAL;AACD,GAFD,MAEO;AACLkC,IAAAA,KAAK,GAAG,2BAAQD,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B,CAAR;AACD;;AACD,QAAM2C,WAAW,GAAG;AAClBzB,IAAAA,KAAK,EAAE;AACLgB,MAAAA,KAAK,EAAEA;AADF,KADW;AAIlBpB,IAAAA,IAAI,EAAE;AACJsB,MAAAA,YAAY,EAAE;AADV,KAJY;AAOlBD,IAAAA,EAPkB;AAQlBE,IAAAA,MAAM,EAAE;AACNnB,MAAAA,KAAK,EAAE;AAAEgB,QAAAA,KAAK,EAAE,2BAAQD,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B;AAAT,OADD;AAENmC,MAAAA,EAAE,EAAE,2BAAQF,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B;AAFE,KARU;AAYlBuC,IAAAA,QAAQ,EAAE;AACRrB,MAAAA,KAAK,EAAE;AAAEgB,QAAAA,KAAK,EAAE,2BAAQD,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B;AAAT,OADC;AAERmC,MAAAA,EAAE,EAAE,2BAAQF,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B;AAFI;AAZQ,GAApB;AAkBA,SAAO2C,WAAP;AACD;;AAED,SAASG,WAAT,CAAqB9C,KAArB,EAAkC;AAChC,QAAM;AAAEgC,IAAAA,WAAW,EAAEC;AAAf,MAAqBjC,KAA3B;AAEA,SAAO,EACL,GAAG+B,YAAY,CAAC/B,KAAD,CADV;AAELkB,IAAAA,KAAK,EAAE;AACL6B,MAAAA,kBAAkB,EAAEzC,sBAAS0C,MAAT,CAAgB;AAClCC,QAAAA,GAAG,EAAE,WAD6B;AAElCC,QAAAA,GAAG,EAAE;AAF6B,OAAhB,CADf;AAKLhB,MAAAA,KAAK,EACHD,CAAC,KAAK,OAAN,GACI,wCAAqBA,CAArB,WAA8BjC,KAA9B,CADJ,GAEIA,KAAK,CAACgB,UAAN,GACAjB,iBAAiB,CAACC,KAAD,CADjB,GAEA,2BAAQiC,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B;AAVD,KAFF;AAcLqC,IAAAA,MAAM,EAAE;AACNnB,MAAAA,KAAK,EAAE;AACLgB,QAAAA,KAAK,EAAE,2BAAQD,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B,CADF;AAEL+C,QAAAA,kBAAkB,EAAE;AAFf;AADD,KAdH;AAoBL3B,IAAAA,aAAa,EAAE;AACbF,MAAAA,KAAK,EAAE;AACLgB,QAAAA,KAAK,EAAE,2BAAQD,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B,CADF;AAEL+C,QAAAA,kBAAkB,EAAE;AAFf;AADM,KApBV;AA0BLR,IAAAA,QAAQ,EAAE;AACRrB,MAAAA,KAAK,EAAE;AAAEgB,QAAAA,KAAK,EAAE,2BAAQD,CAAR,qBAAoBA,CAApB,WAA6BjC,KAA7B;AAAT;AADC;AA1BL,GAAP;AA8BD;;AAED,SAASmD,eAAT,GAA2B;AACzB,SAAO,EAAP;AACD;;AAED,MAAMC,QAAQ,GAAG;AACfC,EAAAA,KAAK,EAAEtB,YADQ;AAEfuB,EAAAA,OAAO,EAAEd,cAFM;AAGfe,EAAAA,KAAK,EAAEb,YAHQ;AAIfc,EAAAA,MAAM,EAAEX,aAJO;AAKfY,EAAAA,IAAI,EAAEX,WALS;AAMfY,EAAAA,QAAQ,EAAEP;AANK,CAAjB;AASA,MAAMQ,KAAK,GAAG;AACZC,EAAAA,EAAE,EAAE;AACFC,IAAAA,EAAE,EAAE,GADF;AAEFC,IAAAA,EAAE,EAAE,GAFF;AAGF5C,IAAAA,KAAK,EAAE;AACL6C,MAAAA,QAAQ,EAAE;AADL;AAHL,GADQ;AAQZC,EAAAA,EAAE,EAAE;AACFH,IAAAA,EAAE,EAAE,GADF;AAEFC,IAAAA,EAAE,EAAE,GAFF;AAGF5C,IAAAA,KAAK,EAAE;AACL6C,MAAAA,QAAQ,EAAE;AADL;AAHL,GARQ;AAeZE,EAAAA,EAAE,EAAE;AACFJ,IAAAA,EAAE,EAAE,GADF;AAEFC,IAAAA,EAAE,EAAE,GAFF;AAGF5C,IAAAA,KAAK,EAAE;AACL6C,MAAAA,QAAQ,EAAE;AADL;AAHL,GAfQ;AAsBZG,EAAAA,EAAE,EAAE;AACFL,IAAAA,EAAE,EAAE,GADF;AAEFC,IAAAA,EAAE,EAAE,GAFF;AAGF5C,IAAAA,KAAK,EAAE;AACL6C,MAAAA,QAAQ,EAAE;AADL;AAHL;AAtBQ,CAAd;AA+BA,MAAMI,YAAY,GAAG;AACnB7C,EAAAA,OAAO,EAAE,OADU;AAEnBO,EAAAA,IAAI,EAAE,IAFa;AAGnBG,EAAAA,WAAW,EAAE;AAHM,CAArB;AAMO,MAAMoC,WAAW,GAAG;AACzBnE,EAAAA,SAAS,EAAE;AAAEoE,IAAAA,SAAS,EAAE;AAAb,GADc;AAEzBF,EAAAA,YAAY,EAAE;AAAE3C,IAAAA,KAAK,EAAE;AAAT;AAFW,CAApB;;eAKQ;AACbvB,EAAAA,SADa;AAEbmD,EAAAA,QAFa;AAGbO,EAAAA,KAHa;AAIbQ,EAAAA;AAJa,C","sourcesContent":["import { Dict, mode, transparentize } from '../tools';\r\nimport { Platform } from 'react-native';\r\nconst disabledTextColor = (props: any) => mode(`muted.500`, `muted.300`)(props);\r\n\r\nconst baseStyle = (props: any) => {\r\n  const { primary } = props.theme.colors;\r\n  const focusRing =\r\n    Platform.OS === 'web'\r\n      ? mode(\r\n          { boxShadow: `${primary[400]} 0px 0px 0px 2px`, zIndex: 1 },\r\n          { boxShadow: `${primary[500]} 0px 0px 0px 2px`, zIndex: 1 }\r\n        )(props)\r\n      : {};\r\n\r\n  return {\r\n    borderRadius: 'sm',\r\n    flexDirection: 'row',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    _web: {\r\n      cursor: props.isDisabled\r\n        ? 'not-allowed'\r\n        : props.isLoading\r\n        ? 'default'\r\n        : 'pointer',\r\n    },\r\n    _text: {\r\n      fontWeight: 'medium',\r\n    },\r\n    _focusVisible: {\r\n      style: props.variant !== 'unstyled' ? { ...focusRing } : {},\r\n    },\r\n    _stack: {\r\n      space: 2,\r\n      alignItems: 'center',\r\n    },\r\n    _loading: {\r\n      opacity: '80',\r\n    },\r\n    _disabled: {\r\n      opacity: '50',\r\n    },\r\n    _spinner: {\r\n      size: 'sm',\r\n      focusable: false,\r\n    },\r\n  };\r\n};\r\n\r\nfunction variantGhost(props: Dict) {\r\n  const { colorScheme: c } = props;\r\n  if (c === 'muted') {\r\n    return {\r\n      _text: {\r\n        color: disabledTextColor(props),\r\n      },\r\n    };\r\n  }\r\n\r\n  return {\r\n    _text: {\r\n      color: props.isDisabled\r\n        ? disabledTextColor(props)\r\n        : mode(`${c}.500`, `${c}.300`)(props),\r\n    },\r\n    bg: 'transparent',\r\n    _web: {\r\n      outlineWidth: '0',\r\n    },\r\n    _hover: {\r\n      borderColor: mode(`${c}.500`, `${c}.200`)(props),\r\n      bg: transparentize(mode(`${c}.200`, `${c}.400`)(props), 0.5)(props.theme),\r\n    },\r\n    _focusVisible: {\r\n      borderColor: mode(`${c}.700`, `${c}.200`)(props),\r\n      bg: transparentize(mode(`${c}.200`, `${c}.400`)(props), 0.5)(props.theme),\r\n    },\r\n    _pressed: {\r\n      borderColor: mode(`${c}.600`, `${c}.200`)(props),\r\n      bg: transparentize(mode(`${c}.300`, `${c}.500`)(props), 0.5)(props.theme),\r\n    },\r\n    _spinner: {\r\n      size: 'sm',\r\n    },\r\n  };\r\n}\r\n\r\nfunction variantOutline(props: Dict) {\r\n  const { colorScheme: c } = props;\r\n  const borderColor = mode(`muted.200`, `muted.500`)(props);\r\n  return {\r\n    borderWidth: '1',\r\n    borderColor:\r\n      c === 'muted'\r\n        ? borderColor\r\n        : props.isDisabled\r\n        ? disabledTextColor(props)\r\n        : mode(`${c}.300`, `${c}.300`)(props),\r\n    ...variantGhost(props),\r\n  };\r\n}\r\n\r\nfunction variantSolid(props: Dict) {\r\n  const { colorScheme: c } = props;\r\n  let bg = `${c}.500`;\r\n  if (props.isDisabled) {\r\n    bg = mode(`muted.300`, `muted.500`)(props);\r\n  }\r\n\r\n  const styleObject = {\r\n    _web: {\r\n      outlineWidth: '0',\r\n    },\r\n    bg,\r\n    _hover: {\r\n      bg: `${c}.600`,\r\n    },\r\n    _pressed: {\r\n      bg: `${c}.700`,\r\n    },\r\n    _focus: {\r\n      bg: `${c}.600`,\r\n    },\r\n    _loading: {\r\n      bg: mode(`warmGray.50`, `${c}.300`)(props),\r\n      opacity: '50',\r\n    },\r\n    _disabled: { bg: mode(`trueGray.300`, `trueGray.600`)(props) },\r\n  };\r\n\r\n  return styleObject;\r\n}\r\n\r\n// function getBg(props: Record<string, any>) {\r\n//   const { theme, status, variant } = props;\r\n//   let { colorScheme } = props;\r\n\r\n//   colorScheme = getColorScheme(\r\n//     props,\r\n//     colorScheme !== 'primary' ? colorScheme : status\r\n//   );\r\n//   const lightBg =\r\n//     variant === 'solid'\r\n//       ? getColor(theme, `${colorScheme}.400`, colorScheme)\r\n//       : getColor(theme, `${colorScheme}.100`, colorScheme);\r\n\r\n//   const darkBg =\r\n//     variant === 'solid'\r\n//       ? getColor(theme, `${colorScheme}.700`, colorScheme)\r\n//       : getColor(theme, `${colorScheme}.400`, colorScheme);\r\n//   return mode(lightBg, darkBg)(props);\r\n// }\r\n\r\nfunction variantSubtle(props: Dict) {\r\n  const { colorScheme: c } = props;\r\n  let bg = `${c}.100`;\r\n  bg = mode(bg, `${c}.200`)(props);\r\n  let color;\r\n  if (props.isDisabled) {\r\n    bg = mode(`muted.300`, `muted.500`)(props);\r\n  } else {\r\n    color = mode(`${c}.500`, `${c}.600`)(props);\r\n  }\r\n  const styleObject = {\r\n    _text: {\r\n      color: color,\r\n    },\r\n    _web: {\r\n      outlineWidth: '0',\r\n    },\r\n    bg,\r\n    _hover: {\r\n      _text: { color: mode(`${c}.600`, `${c}.700`)(props) },\r\n      bg: mode(`${c}.200`, `${c}.300`)(props),\r\n    },\r\n    _pressed: {\r\n      _text: { color: mode(`${c}.700`, `${c}.800`)(props) },\r\n      bg: mode(`${c}.300`, `${c}.400`)(props),\r\n    },\r\n  };\r\n\r\n  return styleObject;\r\n}\r\n\r\nfunction variantLink(props: Dict) {\r\n  const { colorScheme: c } = props;\r\n\r\n  return {\r\n    ...variantGhost(props),\r\n    _text: {\r\n      textDecorationLine: Platform.select({\r\n        ios: 'underline',\r\n        web: 'underline',\r\n      }),\r\n      color:\r\n        c === 'muted'\r\n          ? mode(`muted.800`, `${c}.200`)(props)\r\n          : props.isDisabled\r\n          ? disabledTextColor(props)\r\n          : mode(`${c}.500`, `${c}.300`)(props),\r\n    },\r\n    _hover: {\r\n      _text: {\r\n        color: mode(`${c}.600`, `${c}.400`)(props),\r\n        textDecorationLine: 'underline',\r\n      },\r\n    },\r\n    _focusVisible: {\r\n      _text: {\r\n        color: mode(`${c}.600`, `${c}.400`)(props),\r\n        textDecorationLine: 'underline',\r\n      },\r\n    },\r\n    _pressed: {\r\n      _text: { color: mode(`${c}.700`, `${c}.500`)(props) },\r\n    },\r\n  };\r\n}\r\n\r\nfunction variantUnstyled() {\r\n  return {};\r\n}\r\n\r\nconst variants = {\r\n  ghost: variantGhost,\r\n  outline: variantOutline,\r\n  solid: variantSolid,\r\n  subtle: variantSubtle,\r\n  link: variantLink,\r\n  unstyled: variantUnstyled,\r\n};\r\n\r\nconst sizes = {\r\n  lg: {\r\n    px: '4',\r\n    py: '2',\r\n    _text: {\r\n      fontSize: 'md',\r\n    },\r\n  },\r\n  md: {\r\n    px: '3',\r\n    py: '2',\r\n    _text: {\r\n      fontSize: 'sm',\r\n    },\r\n  },\r\n  sm: {\r\n    px: '2',\r\n    py: '2',\r\n    _text: {\r\n      fontSize: 'xs',\r\n    },\r\n  },\r\n  xs: {\r\n    px: '2',\r\n    py: '2',\r\n    _text: {\r\n      fontSize: '2xs',\r\n    },\r\n  },\r\n};\r\n\r\nconst defaultProps = {\r\n  variant: 'solid',\r\n  size: 'md',\r\n  colorScheme: 'primary',\r\n};\r\n\r\nexport const ButtonGroup = {\r\n  baseStyle: { direction: 'row' },\r\n  defaultProps: { space: 2 },\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  variants,\r\n  sizes,\r\n  defaultProps,\r\n};\r\n"]}

package/lib/commonjs/theme/v33x-theme/components/card.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const baseStyle = {
+  shadow: 4,
+  borderRadius: 'md',
+  padding: 4,
+  overflow: 'hidden'
+};
+const defaultProps = {};
+var _default = {
+  baseStyle,
+  defaultProps
+};
+exports.default = _default;
+//# sourceMappingURL=card.js.map

package/lib/commonjs/theme/v33x-theme/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["card.ts"],"names":["baseStyle","shadow","borderRadius","padding","overflow","defaultProps"],"mappings":";;;;;;AAAA,MAAMA,SAAS,GAAG;AAChBC,EAAAA,MAAM,EAAE,CADQ;AAEhBC,EAAAA,YAAY,EAAE,IAFE;AAGhBC,EAAAA,OAAO,EAAE,CAHO;AAIhBC,EAAAA,QAAQ,EAAE;AAJM,CAAlB;AAMA,MAAMC,YAAY,GAAG,EAArB;eACe;AACbL,EAAAA,SADa;AAEbK,EAAAA;AAFa,C","sourcesContent":["const baseStyle = {\r\n  shadow: 4,\r\n  borderRadius: 'md',\r\n  padding: 4,\r\n  overflow: 'hidden',\r\n};\r\nconst defaultProps = {};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"]}

package/lib/commonjs/theme/v33x-theme/components/center.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// For Square and circle variation
+const sizes = {
+  'xs': {
+    height: 10,
+    width: 10
+  },
+  'sm': {
+    height: 12,
+    width: 12
+  },
+  'md': {
+    height: 16,
+    width: 16
+  },
+  'lg': {
+    height: 24,
+    width: 24
+  },
+  'xl': {
+    height: 32,
+    width: 32
+  },
+  '2xl': {
+    height: 40,
+    width: 40
+  }
+};
+var _default = {
+  baseStyle: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  sizes
+};
+exports.default = _default;
+//# sourceMappingURL=center.js.map

package/lib/commonjs/theme/v33x-theme/components/center.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["center.ts"],"names":["sizes","height","width","baseStyle","display","alignItems","justifyContent"],"mappings":";;;;;;AAAA;AACA,MAAMA,KAAK,GAAG;AACZ,QAAM;AACJC,IAAAA,MAAM,EAAE,EADJ;AAEJC,IAAAA,KAAK,EAAE;AAFH,GADM;AAKZ,QAAM;AACJD,IAAAA,MAAM,EAAE,EADJ;AAEJC,IAAAA,KAAK,EAAE;AAFH,GALM;AASZ,QAAM;AACJD,IAAAA,MAAM,EAAE,EADJ;AAEJC,IAAAA,KAAK,EAAE;AAFH,GATM;AAaZ,QAAM;AACJD,IAAAA,MAAM,EAAE,EADJ;AAEJC,IAAAA,KAAK,EAAE;AAFH,GAbM;AAiBZ,QAAM;AACJD,IAAAA,MAAM,EAAE,EADJ;AAEJC,IAAAA,KAAK,EAAE;AAFH,GAjBM;AAqBZ,SAAO;AACLD,IAAAA,MAAM,EAAE,EADH;AAELC,IAAAA,KAAK,EAAE;AAFF;AArBK,CAAd;eA2Be;AACbC,EAAAA,SAAS,EAAE;AACTC,IAAAA,OAAO,EAAE,MADA;AAETC,IAAAA,UAAU,EAAE,QAFH;AAGTC,IAAAA,cAAc,EAAE;AAHP,GADE;AAMbN,EAAAA;AANa,C","sourcesContent":["// For Square and circle variation\r\nconst sizes = {\r\n  'xs': {\r\n    height: 10,\r\n    width: 10,\r\n  },\r\n  'sm': {\r\n    height: 12,\r\n    width: 12,\r\n  },\r\n  'md': {\r\n    height: 16,\r\n    width: 16,\r\n  },\r\n  'lg': {\r\n    height: 24,\r\n    width: 24,\r\n  },\r\n  'xl': {\r\n    height: 32,\r\n    width: 32,\r\n  },\r\n  '2xl': {\r\n    height: 40,\r\n    width: 40,\r\n  },\r\n};\r\n\r\nexport default {\r\n  baseStyle: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n  },\r\n  sizes,\r\n};\r\n"]}

package/lib/commonjs/theme/v33x-theme/components/checkbox-group.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+const baseStyle = () => {
+  return {
+    alignItems: 'flex-start'
+  };
+};
+
+var _default = {
+  baseStyle
+};
+exports.default = _default;
+//# sourceMappingURL=checkbox-group.js.map

package/lib/commonjs/theme/v33x-theme/components/checkbox-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["checkbox-group.ts"],"names":["baseStyle","alignItems"],"mappings":";;;;;;;AAAA,MAAMA,SAAS,GAAG,MAAM;AACtB,SAAO;AACLC,IAAAA,UAAU,EAAE;AADP,GAAP;AAGD,CAJD;;eAMe;AACbD,EAAAA;AADa,C","sourcesContent":["const baseStyle = () => {\r\n  return {\r\n    alignItems: 'flex-start',\r\n  };\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n};\r\n"]}

package/lib/commonjs/theme/v33x-theme/components/checkbox.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tools = require("../tools");
+
+const baseStyle = props => {
+  const {
+    colorScheme,
+    theme
+  } = props;
+  return {
+    justifyContent: 'flex-start',
+    flexDirection: 'row',
+    borderWidth: 2,
+    borderRadius: 'sm',
+    borderColor: (0, _tools.mode)('muted.300', 'muted.600')(props),
+    bg: (0, _tools.mode)('muted.50', 'muted.700')(props),
+    // matching background color
+    opacity: 1,
+    _web: {
+      cursor: 'pointer'
+    },
+    _stack: {
+      direction: 'row',
+      alignItems: 'center',
+      space: 2,
+      _web: {
+        cursor: props.isDisabled ? 'not-allowed' : 'pointer'
+      }
+    },
+    _text: {
+      ml: 2,
+      color: (0, _tools.mode)('darkText', 'lightText')(props)
+    },
+    _interactionBox: {
+      position: 'absolute',
+      borderRadius: 'full',
+      p: 5,
+      w: '100%',
+      h: '100%',
+      zIndex: -1,
+      _web: {
+        transition: 'height 200ms, width 200ms',
+        pointerEvents: 'none'
+      }
+    },
+    _hover: {
+      _interactionBox: {
+        bg: (0, _tools.transparentize)('muted.200', 0.3)(theme)
+      }
+    },
+    _focus: {
+      _interactionBox: {
+        bg: (0, _tools.transparentize)("".concat(colorScheme, ".200"), 0.5)(theme)
+      }
+    },
+    _focusVisible: {
+      _interactionBox: {
+        bg: (0, _tools.transparentize)("".concat(colorScheme, ".200"), 0.5)(theme)
+      }
+    },
+    _disabled: {
+      _interactionBox: {
+        bg: 'transparent'
+      },
+      _web: {
+        cursor: 'not-allowed'
+      },
+      opacity: 0.4
+    },
+    _pressed: {
+      _interactionBox: {
+        bg: (0, _tools.transparentize)("".concat(colorScheme, ".200"), 0.5)(theme)
+      }
+    },
+    _checked: {
+      borderColor: (0, _tools.mode)("".concat(colorScheme, ".600"), "".concat(colorScheme, ".200"))(props),
+      bg: (0, _tools.mode)("".concat(colorScheme, ".600"), "".concat(colorScheme, ".300"))(props)
+    },
+    _invalid: {
+      borderColor: (0, _tools.mode)('error.600', 'error.400')(props)
+    },
+    _icon: {
+      color: (0, _tools.mode)("muted.50", "muted.800")(props) // matching background color
+
+    }
+  };
+};
+
+const sizes = {
+  lg: {
+    _icon: {
+      size: 6
+    },
+    _text: {
+      fontSize: 'xl'
+    }
+  },
+  md: {
+    _icon: {
+      size: 5
+    },
+    _text: {
+      fontSize: 'lg'
+    }
+  },
+  sm: {
+    _icon: {
+      size: 4
+    },
+    _text: {
+      fontSize: 'md'
+    }
+  }
+};
+const defaultProps = {
+  defaultIsChecked: false,
+  size: 'sm',
+  colorScheme: 'primary'
+};
+var _default = {
+  baseStyle,
+  sizes,
+  defaultProps
+};
+exports.default = _default;
+//# sourceMappingURL=checkbox.js.map

package/lib/commonjs/theme/v33x-theme/components/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["checkbox.ts"],"names":["baseStyle","props","colorScheme","theme","justifyContent","flexDirection","borderWidth","borderRadius","borderColor","bg","opacity","_web","cursor","_stack","direction","alignItems","space","isDisabled","_text","ml","color","_interactionBox","position","p","w","h","zIndex","transition","pointerEvents","_hover","_focus","_focusVisible","_disabled","_pressed","_checked","_invalid","_icon","sizes","lg","size","fontSize","md","sm","defaultProps","defaultIsChecked"],"mappings":"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","sourcesContent":["import { mode, transparentize } from '../tools';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  const { colorScheme, theme } = props;\r\n\r\n  return {\r\n    justifyContent: 'flex-start',\r\n    flexDirection: 'row',\r\n    borderWidth: 2,\r\n    borderRadius: 'sm',\r\n    borderColor: mode('muted.300', 'muted.600')(props),\r\n    bg: mode('muted.50', 'muted.700')(props), // matching background color\r\n    opacity: 1,\r\n    _web: {\r\n      cursor: 'pointer',\r\n    },\r\n    _stack: {\r\n      direction: 'row',\r\n      alignItems: 'center',\r\n      space: 2,\r\n      _web: {\r\n        cursor: props.isDisabled ? 'not-allowed' : 'pointer',\r\n      },\r\n    },\r\n    _text: {\r\n      ml: 2,\r\n      color: mode('darkText', 'lightText')(props),\r\n    },\r\n    _interactionBox: {\r\n      position: 'absolute',\r\n      borderRadius: 'full',\r\n      p: 5,\r\n      w: '100%',\r\n      h: '100%',\r\n      zIndex: -1,\r\n      _web: {\r\n        transition: 'height 200ms, width 200ms',\r\n        pointerEvents: 'none',\r\n      },\r\n    },\r\n    _hover: {\r\n      _interactionBox: {\r\n        bg: transparentize('muted.200', 0.3)(theme),\r\n      },\r\n    },\r\n    _focus: {\r\n      _interactionBox: {\r\n        bg: transparentize(`${colorScheme}.200`, 0.5)(theme),\r\n      },\r\n    },\r\n    _focusVisible: {\r\n      _interactionBox: {\r\n        bg: transparentize(`${colorScheme}.200`, 0.5)(theme),\r\n      },\r\n    },\r\n    _disabled: {\r\n      _interactionBox: {\r\n        bg: 'transparent',\r\n      },\r\n      _web: {\r\n        cursor: 'not-allowed',\r\n      },\r\n      opacity: 0.4,\r\n    },\r\n    _pressed: {\r\n      _interactionBox: {\r\n        bg: transparentize(`${colorScheme}.200`, 0.5)(theme),\r\n      },\r\n    },\r\n    _checked: {\r\n      borderColor: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props),\r\n      bg: mode(`${colorScheme}.600`, `${colorScheme}.300`)(props),\r\n    },\r\n    _invalid: {\r\n      borderColor: mode('error.600', 'error.400')(props),\r\n    },\r\n    _icon: {\r\n      color: mode(`muted.50`, `muted.800`)(props), // matching background color\r\n    },\r\n  };\r\n};\r\n\r\nconst sizes = {\r\n  lg: { _icon: { size: 6 }, _text: { fontSize: 'xl' } },\r\n  md: { _icon: { size: 5 }, _text: { fontSize: 'lg' } },\r\n  sm: { _icon: { size: 4 }, _text: { fontSize: 'md' } },\r\n};\r\n\r\nconst defaultProps = {\r\n  defaultIsChecked: false,\r\n  size: 'sm',\r\n  colorScheme: 'primary',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  sizes,\r\n  defaultProps,\r\n};\r\n"]}

package/lib/commonjs/theme/v33x-theme/components/circle.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const sizes = {
+  'xs': {
+    height: 10,
+    width: 10
+  },
+  'sm': {
+    height: 12,
+    width: 12
+  },
+  'md': {
+    height: 16,
+    width: 16
+  },
+  'lg': {
+    height: 24,
+    width: 24
+  },
+  'xl': {
+    height: 32,
+    width: 32
+  },
+  '2xl': {
+    height: 40,
+    width: 40
+  }
+};
+const baseStyle = {
+  rounded: 'full',
+  alignItems: 'center',
+  justifyContent: 'center'
+};
+var _default = {
+  baseStyle,
+  sizes
+};
+exports.default = _default;
+//# sourceMappingURL=circle.js.map

package/lib/commonjs/theme/v33x-theme/components/circle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["circle.ts"],"names":["sizes","height","width","baseStyle","rounded","alignItems","justifyContent"],"mappings":";;;;;;AAAA,MAAMA,KAAK,GAAG;AACZ,QAAM;AACJC,IAAAA,MAAM,EAAE,EADJ;AAEJC,IAAAA,KAAK,EAAE;AAFH,GADM;AAKZ,QAAM;AACJD,IAAAA,MAAM,EAAE,EADJ;AAEJC,IAAAA,KAAK,EAAE;AAFH,GALM;AASZ,QAAM;AACJD,IAAAA,MAAM,EAAE,EADJ;AAEJC,IAAAA,KAAK,EAAE;AAFH,GATM;AAaZ,QAAM;AACJD,IAAAA,MAAM,EAAE,EADJ;AAEJC,IAAAA,KAAK,EAAE;AAFH,GAbM;AAiBZ,QAAM;AACJD,IAAAA,MAAM,EAAE,EADJ;AAEJC,IAAAA,KAAK,EAAE;AAFH,GAjBM;AAqBZ,SAAO;AACLD,IAAAA,MAAM,EAAE,EADH;AAELC,IAAAA,KAAK,EAAE;AAFF;AArBK,CAAd;AA2BA,MAAMC,SAAS,GAAG;AAChBC,EAAAA,OAAO,EAAE,MADO;AAEhBC,EAAAA,UAAU,EAAE,QAFI;AAGhBC,EAAAA,cAAc,EAAE;AAHA,CAAlB;eAMe;AACbH,EAAAA,SADa;AAEbH,EAAAA;AAFa,C","sourcesContent":["const sizes = {\r\n  'xs': {\r\n    height: 10,\r\n    width: 10,\r\n  },\r\n  'sm': {\r\n    height: 12,\r\n    width: 12,\r\n  },\r\n  'md': {\r\n    height: 16,\r\n    width: 16,\r\n  },\r\n  'lg': {\r\n    height: 24,\r\n    width: 24,\r\n  },\r\n  'xl': {\r\n    height: 32,\r\n    width: 32,\r\n  },\r\n  '2xl': {\r\n    height: 40,\r\n    width: 40,\r\n  },\r\n};\r\n\r\nconst baseStyle = {\r\n  rounded: 'full',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  sizes,\r\n};\r\n"]}