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

package/lib/module/theme/components/popover.js

@@ -0,0 +1,135 @@
+export const Popover = {
+  baseStyle: () => ({
+    _overlay: {
+      unmountOnExit: true
+    }
+  })
+};
+export const PopoverCloseButton = {
+  baseStyle: () => ({
+    position: 'absolute',
+    right: 3,
+    top: 3,
+    zIndex: 1,
+    p: '2',
+    bg: 'transparent',
+    borderRadius: 'sm',
+    _web: {
+      outlineWidth: 0,
+      cursor: 'pointer'
+    },
+    _icon: {
+      size: '4'
+    },
+    _light: {
+      _icon: {
+        color: 'muted.500'
+      },
+      _hover: {
+        bg: 'muted.200'
+      },
+      _pressed: {
+        bg: 'muted.300'
+      }
+    },
+    _dark: {
+      _icon: {
+        color: 'muted.400'
+      },
+      _hover: {
+        bg: 'muted.700'
+      },
+      _pressed: {
+        bg: 'muted.600'
+      }
+    }
+  })
+};
+export const PopoverBody = {
+  baseStyle: () => ({
+    p: '3',
+    shadow: '6',
+    bg: 'muted.50',
+    _text: {
+      color: 'text.900'
+    },
+    _dark: {
+      bg: 'muted.800',
+      _text: {
+        color: 'text.50'
+      }
+    }
+  })
+};
+export const PopoverContent = {
+  baseStyle: () => ({
+    //TODO: Box inside PopperContent is not able to resolve shadow
+    // shadow: '6',
+    borderColor: 'muted.300',
+    _text: {
+      color: 'text.900'
+    },
+    _dark: {
+      borderColor: 'muted.700',
+      _text: {
+        color: 'text.50'
+      }
+    },
+    borderWidth: 1,
+    rounded: 'md',
+    overflow: 'hidden'
+  })
+};
+export const PopoverHeader = {
+  baseStyle: () => ({
+    _web: {
+      accessibilityRole: 'header'
+    },
+    p: '4',
+    borderBottomWidth: '1',
+    _text: {
+      fontSize: 'md',
+      fontWeight: '700',
+      lineHeight: 'sm',
+      color: 'text.900'
+    },
+    bg: 'muted.50',
+    borderColor: 'muted.300',
+    _dark: {
+      bg: 'muted.800',
+      borderColor: 'muted.700',
+      _text: {
+        color: 'text.50'
+      }
+    }
+  })
+};
+export const PopoverArrow = {
+  baseStyle: () => ({
+    bg: 'muted.50',
+    borderColor: 'muted.300',
+    _dark: {
+      bg: 'muted.800',
+      borderColor: 'muted.700'
+    }
+  })
+};
+export const PopoverFooter = {
+  baseStyle: () => {
+    return {
+      p: '4',
+      shadow: '6',
+      flexDirection: 'row',
+      justifyContent: 'flex-end',
+      flexWrap: 'wrap',
+      borderTopWidth: 1,
+      bg: 'muted.50',
+      borderColor: 'muted.300',
+      _dark: {
+        bg: 'muted.800',
+        borderColor: 'muted.700'
+      }
+    };
+  }
+};
+//# sourceMappingURL=popover.js.map

package/lib/module/theme/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["popover.ts"],"names":["Popover","baseStyle","_overlay","unmountOnExit","PopoverCloseButton","position","right","top","zIndex","p","bg","borderRadius","_web","outlineWidth","cursor","_icon","size","_light","color","_hover","_pressed","_dark","PopoverBody","shadow","_text","PopoverContent","borderColor","borderWidth","rounded","overflow","PopoverHeader","accessibilityRole","borderBottomWidth","fontSize","fontWeight","lineHeight","PopoverArrow","PopoverFooter","flexDirection","justifyContent","flexWrap","borderTopWidth"],"mappings":"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","sourcesContent":["export const Popover = {\r\n  baseStyle: () => ({\r\n    _overlay: {\r\n      unmountOnExit: true,\r\n    },\r\n  }),\r\n};\r\n\r\nexport const PopoverCloseButton = {\r\n  baseStyle: () => ({\r\n    position: 'absolute',\r\n    right: 3,\r\n    top: 3,\r\n    zIndex: 1,\r\n    p: '2',\r\n    bg: 'transparent',\r\n    borderRadius: 'sm',\r\n    _web: {\r\n      outlineWidth: 0,\r\n      cursor: 'pointer',\r\n    },\r\n    _icon: {\r\n      size: '4',\r\n    },\r\n    _light: {\r\n      _icon: {\r\n        color: 'muted.500',\r\n      },\r\n      _hover: {\r\n        bg: 'muted.200',\r\n      },\r\n      _pressed: {\r\n        bg: 'muted.300',\r\n      },\r\n    },\r\n    _dark: {\r\n      _icon: {\r\n        color: 'muted.400',\r\n      },\r\n      _hover: {\r\n        bg: 'muted.700',\r\n      },\r\n      _pressed: {\r\n        bg: 'muted.600',\r\n      },\r\n    },\r\n  }),\r\n};\r\n\r\nexport const PopoverBody = {\r\n  baseStyle: () => ({\r\n    p: '3',\r\n    shadow: '6',\r\n    bg: 'muted.50',\r\n    _text: {\r\n      color: 'text.900',\r\n    },\r\n    _dark: {\r\n      bg: 'muted.800',\r\n      _text: {\r\n        color: 'text.50',\r\n      },\r\n    },\r\n  }),\r\n};\r\n\r\nexport const PopoverContent = {\r\n  baseStyle: () => ({\r\n    //TODO: Box inside PopperContent is not able to resolve shadow\r\n    // shadow: '6',\r\n    borderColor: 'muted.300',\r\n    _text: {\r\n      color: 'text.900',\r\n    },\r\n    _dark: {\r\n      borderColor: 'muted.700',\r\n      _text: {\r\n        color: 'text.50',\r\n      },\r\n    },\r\n    borderWidth: 1,\r\n    rounded: 'md',\r\n    overflow: 'hidden',\r\n  }),\r\n};\r\n\r\nexport const PopoverHeader = {\r\n  baseStyle: () => ({\r\n    _web: {\r\n      accessibilityRole: 'header',\r\n    },\r\n    p: '4',\r\n    borderBottomWidth: '1',\r\n    _text: {\r\n      fontSize: 'md',\r\n      fontWeight: '700',\r\n      lineHeight: 'sm',\r\n      color: 'text.900',\r\n    },\r\n    bg: 'muted.50',\r\n    borderColor: 'muted.300',\r\n    _dark: {\r\n      bg: 'muted.800',\r\n      borderColor: 'muted.700',\r\n      _text: {\r\n        color: 'text.50',\r\n      },\r\n    },\r\n  }),\r\n};\r\n\r\nexport const PopoverArrow = {\r\n  baseStyle: () => ({\r\n    bg: 'muted.50',\r\n    borderColor: 'muted.300',\r\n    _dark: {\r\n      bg: 'muted.800',\r\n      borderColor: 'muted.700',\r\n    },\r\n  }),\r\n};\r\n\r\nexport const PopoverFooter = {\r\n  baseStyle: () => {\r\n    return {\r\n      p: '4',\r\n      shadow: '6',\r\n      flexDirection: 'row',\r\n      justifyContent: 'flex-end',\r\n      flexWrap: 'wrap',\r\n      borderTopWidth: 1,\r\n      bg: 'muted.50',\r\n      borderColor: 'muted.300',\r\n      _dark: {\r\n        bg: 'muted.800',\r\n        borderColor: 'muted.700',\r\n      },\r\n    };\r\n  },\r\n};\r\n"]}

package/lib/module/theme/components/pressable.js

@@ -0,0 +1,31 @@
+const baseStyle = props => {
+  const {
+    primary
+  } = props.theme.colors;
+  return {
+    _focusVisible: {
+      _web: {
+        style: {
+          outlineWidth: 0,
+          boxShadow: "".concat(primary[400], " 0px 0px 0px 2px")
+        }
+      }
+    },
+    _dark: {
+      _focusVisible: {
+        _web: {
+          style: {
+            outlineWidth: 0,
+            boxShadow: "".concat(primary[500], " 0px 0px 0px 2px")
+          }
+        }
+      }
+    }
+  };
+};
+
+export default {
+  baseStyle,
+  defaultProps: {}
+};
+//# sourceMappingURL=pressable.js.map

package/lib/module/theme/components/pressable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["pressable.ts"],"names":["baseStyle","props","primary","theme","colors","_focusVisible","_web","style","outlineWidth","boxShadow","_dark","defaultProps"],"mappings":"AAAA,MAAMA,SAAS,GAAIC,KAAD,IAAgB;AAChC,QAAM;AAAEC,IAAAA;AAAF,MAAcD,KAAK,CAACE,KAAN,CAAYC,MAAhC;AAEA,SAAO;AACLC,IAAAA,aAAa,EAAE;AACbC,MAAAA,IAAI,EAAE;AACJC,QAAAA,KAAK,EAAE;AACLC,UAAAA,YAAY,EAAE,CADT;AAELC,UAAAA,SAAS,YAAKP,OAAO,CAAC,GAAD,CAAZ;AAFJ;AADH;AADO,KADV;AASLQ,IAAAA,KAAK,EAAE;AACLL,MAAAA,aAAa,EAAE;AACbC,QAAAA,IAAI,EAAE;AACJC,UAAAA,KAAK,EAAE;AACLC,YAAAA,YAAY,EAAE,CADT;AAELC,YAAAA,SAAS,YAAKP,OAAO,CAAC,GAAD,CAAZ;AAFJ;AADH;AADO;AADV;AATF,GAAP;AAoBD,CAvBD;;AAyBA,eAAe;AACbF,EAAAA,SADa;AAEbW,EAAAA,YAAY,EAAE;AAFD,CAAf","sourcesContent":["const baseStyle = (props: any) => {\r\n  const { primary } = props.theme.colors;\r\n\r\n  return {\r\n    _focusVisible: {\r\n      _web: {\r\n        style: {\r\n          outlineWidth: 0,\r\n          boxShadow: `${primary[400]} 0px 0px 0px 2px`,\r\n        },\r\n      },\r\n    },\r\n    _dark: {\r\n      _focusVisible: {\r\n        _web: {\r\n          style: {\r\n            outlineWidth: 0,\r\n            boxShadow: `${primary[500]} 0px 0px 0px 2px`,\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  defaultProps: {},\r\n};\r\n"]}

package/lib/module/theme/components/progress.js

@@ -0,0 +1,65 @@
+const defaultProps = {
+  colorScheme: 'primary',
+  size: 'sm',
+  rounded: 'full',
+  min: 0,
+  max: 100,
+  value: 0,
+  isIndeterminate: false
+};
+
+function baseStyle(props) {
+  const {
+    colorScheme: c
+  } = props;
+  return {
+    overflow: 'hidden',
+    _filledTrack: {
+      bg: "".concat(c, ".600"),
+      shadow: 0,
+      height: '100%',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      rounded: 'full',
+      _text: {
+        color: 'white',
+        fontWeight: 'bold'
+      }
+    },
+    bg: 'muted.200',
+    _dark: {
+      bg: 'muted.700',
+      _filledTrack: {
+        bg: "".concat(c, ".400")
+      }
+    }
+  };
+}
+
+const sizes = {
+  'xs': {
+    height: 1
+  },
+  'sm': {
+    height: 2
+  },
+  'md': {
+    height: 3
+  },
+  'lg': {
+    height: 4
+  },
+  'xl': {
+    height: 5
+  },
+  '2xl': {
+    height: 6
+  }
+};
+export default {
+  baseStyle,
+  defaultProps,
+  sizes
+};
+//# sourceMappingURL=progress.js.map

package/lib/module/theme/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["progress.ts"],"names":["defaultProps","colorScheme","size","rounded","min","max","value","isIndeterminate","baseStyle","props","c","overflow","_filledTrack","bg","shadow","height","display","alignItems","justifyContent","_text","color","fontWeight","_dark","sizes"],"mappings":"AAAA,MAAMA,YAAY,GAAG;AACnBC,EAAAA,WAAW,EAAE,SADM;AAEnBC,EAAAA,IAAI,EAAE,IAFa;AAGnBC,EAAAA,OAAO,EAAE,MAHU;AAInBC,EAAAA,GAAG,EAAE,CAJc;AAKnBC,EAAAA,GAAG,EAAE,GALc;AAMnBC,EAAAA,KAAK,EAAE,CANY;AAOnBC,EAAAA,eAAe,EAAE;AAPE,CAArB;;AAUA,SAASC,SAAT,CAAmBC,KAAnB,EAA+C;AAC7C,QAAM;AAAER,IAAAA,WAAW,EAAES;AAAf,MAAqBD,KAA3B;AAEA,SAAO;AACLE,IAAAA,QAAQ,EAAE,QADL;AAELC,IAAAA,YAAY,EAAE;AACZC,MAAAA,EAAE,YAAKH,CAAL,SADU;AAEZI,MAAAA,MAAM,EAAE,CAFI;AAGZC,MAAAA,MAAM,EAAE,MAHI;AAIZC,MAAAA,OAAO,EAAE,MAJG;AAKZC,MAAAA,UAAU,EAAE,QALA;AAMZC,MAAAA,cAAc,EAAE,QANJ;AAOZf,MAAAA,OAAO,EAAE,MAPG;AAQZgB,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,OADF;AAELC,QAAAA,UAAU,EAAE;AAFP;AARK,KAFT;AAeLR,IAAAA,EAAE,EAAE,WAfC;AAgBLS,IAAAA,KAAK,EAAE;AACLT,MAAAA,EAAE,EAAE,WADC;AAELD,MAAAA,YAAY,EAAE;AACZC,QAAAA,EAAE,YAAKH,CAAL;AADU;AAFT;AAhBF,GAAP;AAuBD;;AAED,MAAMa,KAAK,GAAG;AACZ,QAAM;AACJR,IAAAA,MAAM,EAAE;AADJ,GADM;AAIZ,QAAM;AACJA,IAAAA,MAAM,EAAE;AADJ,GAJM;AAOZ,QAAM;AACJA,IAAAA,MAAM,EAAE;AADJ,GAPM;AAUZ,QAAM;AACJA,IAAAA,MAAM,EAAE;AADJ,GAVM;AAaZ,QAAM;AACJA,IAAAA,MAAM,EAAE;AADJ,GAbM;AAgBZ,SAAO;AACLA,IAAAA,MAAM,EAAE;AADH;AAhBK,CAAd;AAqBA,eAAe;AACbP,EAAAA,SADa;AAEbR,EAAAA,YAFa;AAGbuB,EAAAA;AAHa,CAAf","sourcesContent":["const defaultProps = {\r\n  colorScheme: 'primary',\r\n  size: 'sm',\r\n  rounded: 'full',\r\n  min: 0,\r\n  max: 100,\r\n  value: 0,\r\n  isIndeterminate: false,\r\n};\r\n\r\nfunction baseStyle(props: Record<string, any>) {\r\n  const { colorScheme: c } = props;\r\n\r\n  return {\r\n    overflow: 'hidden',\r\n    _filledTrack: {\r\n      bg: `${c}.600`,\r\n      shadow: 0,\r\n      height: '100%',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      justifyContent: 'center',\r\n      rounded: 'full',\r\n      _text: {\r\n        color: 'white',\r\n        fontWeight: 'bold',\r\n      },\r\n    },\r\n    bg: 'muted.200',\r\n    _dark: {\r\n      bg: 'muted.700',\r\n      _filledTrack: {\r\n        bg: `${c}.400`,\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nconst sizes = {\r\n  'xs': {\r\n    height: 1,\r\n  },\r\n  'sm': {\r\n    height: 2,\r\n  },\r\n  'md': {\r\n    height: 3,\r\n  },\r\n  'lg': {\r\n    height: 4,\r\n  },\r\n  'xl': {\r\n    height: 5,\r\n  },\r\n  '2xl': {\r\n    height: 6,\r\n  },\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n  sizes,\r\n};\r\n"]}

package/lib/module/theme/components/radio-group.js

@@ -0,0 +1,10 @@
+const baseStyle = () => {
+  return {
+    alignItems: 'flex-start'
+  };
+};
+
+export default {
+  baseStyle
+};
+//# sourceMappingURL=radio-group.js.map

package/lib/module/theme/components/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["radio-group.ts"],"names":["baseStyle","alignItems"],"mappings":"AAAA,MAAMA,SAAS,GAAG,MAAM;AACtB,SAAO;AACLC,IAAAA,UAAU,EAAE;AADP,GAAP;AAGD,CAJD;;AAMA,eAAe;AACbD,EAAAA;AADa,CAAf","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/module/theme/components/radio.js

@@ -0,0 +1,162 @@
+const baseStyle = props => {
+  const {
+    colorScheme: c,
+    theme
+  } = props;
+  const {
+    colors
+  } = theme;
+  return {
+    borderWidth: 2,
+    borderRadius: 'full',
+    p: 1,
+    bg: 'muted.50',
+    borderColor: 'muted.400',
+    _checked: {
+      borderColor: "".concat(c, ".600"),
+      _icon: {
+        color: "".concat(c, ".600")
+      },
+      _hover: {
+        borderColor: "".concat(c, ".700"),
+        _icon: {
+          color: "".concat(c, ".700")
+        },
+        _disabled: {
+          borderColor: "".concat(c, ".600"),
+          _icon: {
+            color: "".concat(c, ".600")
+          }
+        }
+      },
+      _pressed: {
+        borderColor: "".concat(c, ".800"),
+        _icon: {
+          color: "".concat(c, ".800")
+        }
+      }
+    },
+    _hover: {
+      borderColor: 'muted.500',
+      _disabled: {
+        borderColor: 'muted.400'
+      },
+      _checked: {
+        borderColor: "".concat(c, ".600")
+      }
+    },
+    _pressed: {
+      borderColor: 'muted.600'
+    },
+    _invalid: {
+      borderColor: 'error.600'
+    },
+    _dark: {
+      bg: 'muted.900',
+      borderColor: 'muted.500',
+      _checked: {
+        borderColor: "".concat(c, ".500"),
+        _icon: {
+          color: "".concat(c, ".500")
+        },
+        _hover: {
+          borderColor: "".concat(c, ".400"),
+          _icon: {
+            color: "".concat(c, ".400")
+          },
+          _disabled: {
+            borderColor: "".concat(c, ".500"),
+            _icon: {
+              color: "".concat(c, ".500")
+            }
+          }
+        },
+        _pressed: {
+          borderColor: "".concat(c, ".300"),
+          _icon: {
+            color: "".concat(c, ".300")
+          }
+        }
+      },
+      _hover: {
+        borderColor: 'muted.400',
+        _disabled: {
+          borderColor: 'muted.500'
+        },
+        _checked: {
+          borderColor: "".concat(c, ".600")
+        }
+      },
+      _pressed: {
+        borderColor: 'muted.300'
+      },
+      _invalid: {
+        borderColor: 'error.500'
+      }
+    },
+    _stack: {
+      direction: 'row',
+      alignItems: 'center',
+      space: 2,
+      _web: {
+        cursor: props.isDisabled ? 'not-allowed' : 'pointer'
+      }
+    },
+    _disabled: {
+      opacity: '0.6',
+      _icon: {
+        bg: 'transparent'
+      },
+      _stack: {
+        opacity: '0.6'
+      }
+    },
+    _focusVisible: {
+      _web: {
+        style: {
+          outlineWidth: '2px',
+          outlineColor: colors[c][400],
+          outlineStyle: 'solid'
+        }
+      }
+    }
+  };
+};
+
+const sizes = {
+  lg: {
+    _icon: {
+      size: 4
+    },
+    _text: {
+      fontSize: 'lg'
+    }
+  },
+  md: {
+    _icon: {
+      size: 3
+    },
+    _text: {
+      fontSize: 'md'
+    }
+  },
+  sm: {
+    _icon: {
+      size: 2
+    },
+    _text: {
+      fontSize: 'sm'
+    }
+  }
+};
+const defaultProps = {
+  defaultIsChecked: false,
+  size: 'md',
+  colorScheme: 'primary'
+};
+export default {
+  baseStyle,
+  sizes,
+  defaultProps
+};
+//# sourceMappingURL=radio.js.map

package/lib/module/theme/components/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["radio.ts"],"names":["baseStyle","props","colorScheme","c","theme","colors","borderWidth","borderRadius","p","bg","borderColor","_checked","_icon","color","_hover","_disabled","_pressed","_invalid","_dark","_stack","direction","alignItems","space","_web","cursor","isDisabled","opacity","_focusVisible","style","outlineWidth","outlineColor","outlineStyle","sizes","lg","size","_text","fontSize","md","sm","defaultProps","defaultIsChecked"],"mappings":"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","sourcesContent":["const baseStyle = (props: Record<string, any>) => {\r\n  const { colorScheme: c, theme } = props;\r\n  const { colors } = theme;\r\n  return {\r\n    borderWidth: 2,\r\n    borderRadius: 'full',\r\n    p: 1,\r\n\r\n    bg: 'muted.50',\r\n    borderColor: 'muted.400',\r\n\r\n    _checked: {\r\n      borderColor: `${c}.600`,\r\n      _icon: {\r\n        color: `${c}.600`,\r\n      },\r\n      _hover: {\r\n        borderColor: `${c}.700`,\r\n        _icon: { color: `${c}.700` },\r\n        _disabled: {\r\n          borderColor: `${c}.600`,\r\n          _icon: {\r\n            color: `${c}.600`,\r\n          },\r\n        },\r\n      },\r\n      _pressed: {\r\n        borderColor: `${c}.800`,\r\n        _icon: { color: `${c}.800` },\r\n      },\r\n    },\r\n\r\n    _hover: {\r\n      borderColor: 'muted.500',\r\n      _disabled: {\r\n        borderColor: 'muted.400',\r\n      },\r\n      _checked: { borderColor: `${c}.600` },\r\n    },\r\n\r\n    _pressed: {\r\n      borderColor: 'muted.600',\r\n    },\r\n\r\n    _invalid: {\r\n      borderColor: 'error.600',\r\n    },\r\n\r\n    _dark: {\r\n      bg: 'muted.900',\r\n      borderColor: 'muted.500',\r\n\r\n      _checked: {\r\n        borderColor: `${c}.500`,\r\n        _icon: {\r\n          color: `${c}.500`,\r\n        },\r\n        _hover: {\r\n          borderColor: `${c}.400`,\r\n          _icon: { color: `${c}.400` },\r\n          _disabled: {\r\n            borderColor: `${c}.500`,\r\n            _icon: {\r\n              color: `${c}.500`,\r\n            },\r\n          },\r\n        },\r\n        _pressed: {\r\n          borderColor: `${c}.300`,\r\n          _icon: { color: `${c}.300` },\r\n        },\r\n      },\r\n\r\n      _hover: {\r\n        borderColor: 'muted.400',\r\n        _disabled: {\r\n          borderColor: 'muted.500',\r\n        },\r\n        _checked: { borderColor: `${c}.600` },\r\n      },\r\n\r\n      _pressed: {\r\n        borderColor: 'muted.300',\r\n      },\r\n\r\n      _invalid: {\r\n        borderColor: 'error.500',\r\n      },\r\n    },\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\r\n    _disabled: {\r\n      opacity: '0.6',\r\n      _icon: {\r\n        bg: 'transparent',\r\n      },\r\n      _stack: {\r\n        opacity: '0.6',\r\n      },\r\n    },\r\n\r\n    _focusVisible: {\r\n      _web: {\r\n        style: {\r\n          outlineWidth: '2px',\r\n          outlineColor: colors[c][400],\r\n          outlineStyle: 'solid',\r\n        },\r\n      },\r\n    },\r\n  };\r\n};\r\n\r\nconst sizes = {\r\n  lg: {\r\n    _icon: { size: 4 },\r\n    _text: { fontSize: 'lg' },\r\n  },\r\n  md: {\r\n    _icon: { size: 3 },\r\n    _text: { fontSize: 'md' },\r\n  },\r\n  sm: {\r\n    _icon: { size: 2 },\r\n    _text: { fontSize: 'sm' },\r\n  },\r\n};\r\n\r\nconst defaultProps = {\r\n  defaultIsChecked: false,\r\n  size: 'md',\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/module/theme/components/scrollView.js

@@ -0,0 +1,7 @@
+const baseStyle = {};
+const defaultProps = {};
+export default {
+  baseStyle,
+  defaultProps
+};
+//# sourceMappingURL=scrollView.js.map

package/lib/module/theme/components/scrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scrollView.ts"],"names":["baseStyle","defaultProps"],"mappings":"AAAA,MAAMA,SAAS,GAAG,EAAlB;AACA,MAAMC,YAAY,GAAG,EAArB;AACA,eAAe;AACbD,EAAAA,SADa;AAEbC,EAAAA;AAFa,CAAf","sourcesContent":["const baseStyle = {};\r\nconst defaultProps = {};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"]}

package/lib/module/theme/components/sectionList.js

@@ -0,0 +1,7 @@
+const baseStyle = {};
+const defaultProps = {};
+export default {
+  baseStyle,
+  defaultProps
+};
+//# sourceMappingURL=sectionList.js.map

package/lib/module/theme/components/sectionList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["sectionList.ts"],"names":["baseStyle","defaultProps"],"mappings":"AAAA,MAAMA,SAAS,GAAG,EAAlB;AACA,MAAMC,YAAY,GAAG,EAArB;AACA,eAAe;AACbD,EAAAA,SADa;AAEbC,EAAAA;AAFa,CAAf","sourcesContent":["const baseStyle = {};\r\nconst defaultProps = {};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"]}

package/lib/module/theme/components/select.js

@@ -0,0 +1,80 @@
+export const Select = {
+  baseStyle: () => {
+    return {
+      selection: {
+        start: 0
+      },
+      _customDropdownIconProps: {
+        color: 'muted.500',
+        mr: '3',
+        size: '6',
+        p: '1'
+      },
+      _hover: {
+        borderColor: 'primary.600'
+      },
+      _focus: {
+        borderColor: 'primary.600'
+      },
+      _disabled: {
+        bg: 'muted.100',
+        placeholderTextColor: 'muted.700'
+      },
+      _invalid: {
+        borderColor: 'error.600'
+      },
+      _dark: {
+        _customDropdownIconProps: {
+          color: 'muted.400',
+          mr: '3'
+        },
+        _hover: {
+          borderColor: 'primary.500'
+        },
+        _focus: {
+          borderColor: 'primary.500'
+        },
+        _disabled: {
+          bg: 'muted.800',
+          opacity: '80',
+          placeholderTextColor: 'text.50'
+        },
+        _invalid: {
+          borderColor: 'error.500'
+        }
+      },
+      _webSelect: {
+        style: {
+          appearance: 'none',
+          WebkitAppearance: 'none',
+          MozAppearance: 'none',
+          position: 'absolute',
+          width: '100%',
+          height: '100%',
+          opacity: 0,
+          zIndex: 1
+        }
+      },
+      _web: {
+        pointerEvents: 'none'
+      },
+      _actionSheetBody: {
+        w: '100%'
+      },
+      _actionSheetContent: {}
+    };
+  },
+  defaultProps: {
+    optimized: true
+  }
+}; // SelectIcon - only for custom variant
+
+export const SelectItem = {
+  baseStyle: {
+    p: '1',
+    px: '2',
+    borderRadius: '0',
+    minH: '0'
+  }
+};
+//# sourceMappingURL=select.js.map

package/lib/module/theme/components/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["select.ts"],"names":["Select","baseStyle","selection","start","_customDropdownIconProps","color","mr","size","p","_hover","borderColor","_focus","_disabled","bg","placeholderTextColor","_invalid","_dark","opacity","_webSelect","style","appearance","WebkitAppearance","MozAppearance","position","width","height","zIndex","_web","pointerEvents","_actionSheetBody","w","_actionSheetContent","defaultProps","optimized","SelectItem","px","borderRadius","minH"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;AACpBC,EAAAA,SAAS,EAAE,MAAM;AACf,WAAO;AACLC,MAAAA,SAAS,EAAE;AACTC,QAAAA,KAAK,EAAE;AADE,OADN;AAKLC,MAAAA,wBAAwB,EAAE;AACxBC,QAAAA,KAAK,EAAE,WADiB;AAExBC,QAAAA,EAAE,EAAE,GAFoB;AAGxBC,QAAAA,IAAI,EAAE,GAHkB;AAIxBC,QAAAA,CAAC,EAAE;AAJqB,OALrB;AAWLC,MAAAA,MAAM,EAAE;AACNC,QAAAA,WAAW,EAAE;AADP,OAXH;AAcLC,MAAAA,MAAM,EAAE;AACND,QAAAA,WAAW,EAAE;AADP,OAdH;AAiBLE,MAAAA,SAAS,EAAE;AACTC,QAAAA,EAAE,EAAE,WADK;AAETC,QAAAA,oBAAoB,EAAE;AAFb,OAjBN;AAqBLC,MAAAA,QAAQ,EAAE;AACRL,QAAAA,WAAW,EAAE;AADL,OArBL;AAyBLM,MAAAA,KAAK,EAAE;AACLZ,QAAAA,wBAAwB,EAAE;AAAEC,UAAAA,KAAK,EAAE,WAAT;AAAsBC,UAAAA,EAAE,EAAE;AAA1B,SADrB;AAELG,QAAAA,MAAM,EAAE;AACNC,UAAAA,WAAW,EAAE;AADP,SAFH;AAKLC,QAAAA,MAAM,EAAE;AACND,UAAAA,WAAW,EAAE;AADP,SALH;AAQLE,QAAAA,SAAS,EAAE;AACTC,UAAAA,EAAE,EAAE,WADK;AAETI,UAAAA,OAAO,EAAE,IAFA;AAGTH,UAAAA,oBAAoB,EAAE;AAHb,SARN;AAaLC,QAAAA,QAAQ,EAAE;AACRL,UAAAA,WAAW,EAAE;AADL;AAbL,OAzBF;AA2CLQ,MAAAA,UAAU,EAAE;AACVC,QAAAA,KAAK,EAAE;AACLC,UAAAA,UAAU,EAAE,MADP;AAELC,UAAAA,gBAAgB,EAAE,MAFb;AAGLC,UAAAA,aAAa,EAAE,MAHV;AAILC,UAAAA,QAAQ,EAAE,UAJL;AAKLC,UAAAA,KAAK,EAAE,MALF;AAMLC,UAAAA,MAAM,EAAE,MANH;AAOLR,UAAAA,OAAO,EAAE,CAPJ;AAQLS,UAAAA,MAAM,EAAE;AARH;AADG,OA3CP;AAuDLC,MAAAA,IAAI,EAAE;AACJC,QAAAA,aAAa,EAAE;AADX,OAvDD;AA2DLC,MAAAA,gBAAgB,EAAE;AAChBC,QAAAA,CAAC,EAAE;AADa,OA3Db;AA8DLC,MAAAA,mBAAmB,EAAE;AA9DhB,KAAP;AAgED,GAlEmB;AAmEpBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,SAAS,EAAE;AADC;AAnEM,CAAf,C,CAwEP;;AACA,OAAO,MAAMC,UAAU,GAAG;AACxBjC,EAAAA,SAAS,EAAE;AACTO,IAAAA,CAAC,EAAE,GADM;AAET2B,IAAAA,EAAE,EAAE,GAFK;AAGTC,IAAAA,YAAY,EAAE,GAHL;AAITC,IAAAA,IAAI,EAAE;AAJG;AADa,CAAnB","sourcesContent":["export const Select = {\r\n  baseStyle: () => {\r\n    return {\r\n      selection: {\r\n        start: 0,\r\n      },\r\n\r\n      _customDropdownIconProps: {\r\n        color: 'muted.500',\r\n        mr: '3',\r\n        size: '6',\r\n        p: '1',\r\n      },\r\n      _hover: {\r\n        borderColor: 'primary.600',\r\n      },\r\n      _focus: {\r\n        borderColor: 'primary.600',\r\n      },\r\n      _disabled: {\r\n        bg: 'muted.100',\r\n        placeholderTextColor: 'muted.700',\r\n      },\r\n      _invalid: {\r\n        borderColor: 'error.600',\r\n      },\r\n\r\n      _dark: {\r\n        _customDropdownIconProps: { color: 'muted.400', mr: '3' },\r\n        _hover: {\r\n          borderColor: 'primary.500',\r\n        },\r\n        _focus: {\r\n          borderColor: 'primary.500',\r\n        },\r\n        _disabled: {\r\n          bg: 'muted.800',\r\n          opacity: '80',\r\n          placeholderTextColor: 'text.50',\r\n        },\r\n        _invalid: {\r\n          borderColor: 'error.500',\r\n        },\r\n      },\r\n\r\n      _webSelect: {\r\n        style: {\r\n          appearance: 'none',\r\n          WebkitAppearance: 'none',\r\n          MozAppearance: 'none',\r\n          position: 'absolute',\r\n          width: '100%',\r\n          height: '100%',\r\n          opacity: 0,\r\n          zIndex: 1,\r\n        },\r\n      },\r\n      _web: {\r\n        pointerEvents: 'none',\r\n      },\r\n\r\n      _actionSheetBody: {\r\n        w: '100%',\r\n      },\r\n      _actionSheetContent: {},\r\n    };\r\n  },\r\n  defaultProps: {\r\n    optimized: true,\r\n  },\r\n};\r\n\r\n// SelectIcon - only for custom variant\r\nexport const SelectItem = {\r\n  baseStyle: {\r\n    p: '1',\r\n    px: '2',\r\n    borderRadius: '0',\r\n    minH: '0',\r\n  },\r\n};\r\n"]}

package/lib/module/theme/components/simple-grid.js

@@ -0,0 +1,7 @@
+const baseStyle = {};
+const defaultProps = {};
+export default {
+  baseStyle,
+  defaultProps
+};
+//# sourceMappingURL=simple-grid.js.map

package/lib/module/theme/components/simple-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["simple-grid.ts"],"names":["baseStyle","defaultProps"],"mappings":"AAAA,MAAMA,SAAS,GAAG,EAAlB;AACA,MAAMC,YAAY,GAAG,EAArB;AACA,eAAe;AACbD,EAAAA,SADa;AAEbC,EAAAA;AAFa,CAAf","sourcesContent":["const baseStyle = {};\r\nconst defaultProps = {};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"]}

package/lib/module/theme/components/skeleton.js

@@ -0,0 +1,42 @@
+// Skeleton
+export const Skeleton = {
+  baseStyle: () => {
+    return {
+      startColor: 'muted.200',
+      _dark: {
+        startColor: 'muted.600'
+      },
+      endColor: 'transparent',
+      overflow: 'hidden',
+      fadeDuration: 0.1,
+      speed: 1.0,
+      h: '10',
+      w: '100%'
+    };
+  }
+}; // SkeletonText
+
+export const SkeletonText = {
+  baseStyle: () => {
+    return {
+      startColor: 'muted.200',
+      _dark: {
+        startColor: 'muted.600'
+      },
+      endColor: 'transparent',
+      fadeDuration: 0.1,
+      w: '100%',
+      speed: 1.0,
+      flexDirection: 'column',
+      _line: {
+        h: 3,
+        rounded: 'full'
+      }
+    };
+  },
+  defaultProps: {
+    lines: 3,
+    space: 3
+  }
+};
+//# sourceMappingURL=skeleton.js.map

package/lib/module/theme/components/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["skeleton.ts"],"names":["Skeleton","baseStyle","startColor","_dark","endColor","overflow","fadeDuration","speed","h","w","SkeletonText","flexDirection","_line","rounded","defaultProps","lines","space"],"mappings":"AAAA;AACA,OAAO,MAAMA,QAAQ,GAAG;AACtBC,EAAAA,SAAS,EAAE,MAAM;AACf,WAAO;AACLC,MAAAA,UAAU,EAAE,WADP;AAELC,MAAAA,KAAK,EAAE;AACLD,QAAAA,UAAU,EAAE;AADP,OAFF;AAKLE,MAAAA,QAAQ,EAAE,aALL;AAMLC,MAAAA,QAAQ,EAAE,QANL;AAOLC,MAAAA,YAAY,EAAE,GAPT;AAQLC,MAAAA,KAAK,EAAE,GARF;AASLC,MAAAA,CAAC,EAAE,IATE;AAULC,MAAAA,CAAC,EAAE;AAVE,KAAP;AAYD;AAdqB,CAAjB,C,CAiBP;;AACA,OAAO,MAAMC,YAAY,GAAG;AAC1BT,EAAAA,SAAS,EAAE,MAAM;AACf,WAAO;AACLC,MAAAA,UAAU,EAAE,WADP;AAELC,MAAAA,KAAK,EAAE;AACLD,QAAAA,UAAU,EAAE;AADP,OAFF;AAKLE,MAAAA,QAAQ,EAAE,aALL;AAMLE,MAAAA,YAAY,EAAE,GANT;AAOLG,MAAAA,CAAC,EAAE,MAPE;AAQLF,MAAAA,KAAK,EAAE,GARF;AASLI,MAAAA,aAAa,EAAE,QATV;AAULC,MAAAA,KAAK,EAAE;AACLJ,QAAAA,CAAC,EAAE,CADE;AAELK,QAAAA,OAAO,EAAE;AAFJ;AAVF,KAAP;AAeD,GAjByB;AAkB1BC,EAAAA,YAAY,EAAE;AACZC,IAAAA,KAAK,EAAE,CADK;AAEZC,IAAAA,KAAK,EAAE;AAFK;AAlBY,CAArB","sourcesContent":["// Skeleton\r\nexport const Skeleton = {\r\n  baseStyle: () => {\r\n    return {\r\n      startColor: 'muted.200',\r\n      _dark: {\r\n        startColor: 'muted.600',\r\n      },\r\n      endColor: 'transparent',\r\n      overflow: 'hidden',\r\n      fadeDuration: 0.1,\r\n      speed: 1.0,\r\n      h: '10',\r\n      w: '100%',\r\n    };\r\n  },\r\n};\r\n\r\n// SkeletonText\r\nexport const SkeletonText = {\r\n  baseStyle: () => {\r\n    return {\r\n      startColor: 'muted.200',\r\n      _dark: {\r\n        startColor: 'muted.600',\r\n      },\r\n      endColor: 'transparent',\r\n      fadeDuration: 0.1,\r\n      w: '100%',\r\n      speed: 1.0,\r\n      flexDirection: 'column',\r\n      _line: {\r\n        h: 3,\r\n        rounded: 'full',\r\n      },\r\n    };\r\n  },\r\n  defaultProps: {\r\n    lines: 3,\r\n    space: 3,\r\n  },\r\n};\r\n"]}