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

package/lib/commonjs/theme/components/slider.js

@@ -0,0 +1,201 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Slider = exports.SliderFilledTrack = exports.SliderThumb = exports.SliderTrack = void 0;
+const SliderTrack = {
+  baseStyle: ({
+    isVertical,
+    size
+  }) => {
+    return {
+      bg: 'muted.200',
+      borderRadius: 'lg',
+      overflow: 'hidden',
+      style: {
+        height: isVertical ? '100%' : size,
+        width: !isVertical ? '100%' : size
+      },
+      _pressable: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: isVertical ? '100%' : size,
+        width: !isVertical ? '100%' : size,
+        py: !isVertical ? '3' : undefined,
+        px: isVertical ? '3' : undefined
+      },
+      _dark: {
+        bg: 'muted.700'
+      }
+    };
+  }
+};
+exports.SliderTrack = SliderTrack;
+const SliderThumb = {
+  baseStyle: props => {
+    const {
+      colorScheme
+    } = props;
+    const {
+      primary
+    } = props.theme.colors;
+    return {
+      borderRadius: 'full',
+      zIndex: 999,
+      alignItems: 'center',
+      justifyContent: 'center',
+      scaleOnPressed: 1,
+      _interactionBox: {
+        position: 'absolute',
+        borderRadius: 'full',
+        zIndex: -1
+      },
+      _stack: {
+        direction: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        space: 2
+      },
+      bg: "".concat(colorScheme, ".600"),
+      _hover: {
+        _web: {
+          outlineWidth: '4px',
+          outlineColor: primary[300],
+          outlineStyle: 'solid'
+        }
+      },
+      _focus: {
+        _web: {
+          outlineWidth: '2px',
+          outlineColor: primary[400],
+          outlineStyle: 'solid'
+        }
+      },
+      _pressed: {
+        _interactionBox: {
+          borderWidth: '8',
+          borderColor: "".concat(colorScheme, ".300")
+        }
+      },
+      _dark: {
+        bg: "".concat(colorScheme, ".500"),
+        _hover: {
+          _web: {
+            outlineWidth: '4px',
+            outlineColor: primary[800],
+            outlineStyle: 'solid'
+          }
+        },
+        _focus: {
+          _web: {
+            outlineWidth: '2px',
+            outlineColor: primary[400],
+            outlineStyle: 'solid'
+          }
+        },
+        _pressed: {
+          _interactionBox: {
+            borderWidth: '8',
+            borderColor: "".concat(colorScheme, ".800")
+          }
+        }
+      },
+      // shadow: 6,
+      _web: {
+        cursor: 'pointer'
+      }
+    };
+  },
+  defaultProps: {
+    colorScheme: 'primary'
+  },
+  sizes: {
+    lg: {
+      _interactionBox: '3'
+    },
+    md: {
+      _interactionBox: '2'
+    },
+    sm: {
+      _interactionBox: '2.5'
+    }
+  }
+};
+exports.SliderThumb = SliderThumb;
+const SliderFilledTrack = {
+  baseStyle: ({
+    orientation,
+    isReversed,
+    sliderTrackPosition,
+    size,
+    colorScheme
+  }) => {
+    return {
+      left: orientation !== 'vertical' && !isReversed ? 0 : undefined,
+      bottom: orientation === 'vertical' && !isReversed ? 0 : undefined,
+      right: orientation !== 'vertical' && isReversed ? 0 : undefined,
+      top: orientation === 'vertical' && isReversed ? 0 : undefined,
+      style: orientation === 'vertical' ? {
+        height: sliderTrackPosition,
+        width: size
+      } : {
+        width: sliderTrackPosition,
+        height: size
+      },
+      bg: "".concat(colorScheme, ".600"),
+      _dark: {
+        bg: "".concat(colorScheme, ".500")
+      }
+    };
+  },
+  defaultProps: {
+    colorScheme: 'primary'
+  }
+};
+exports.SliderFilledTrack = SliderFilledTrack;
+const sizes = {
+  lg: {
+    thumbSize: 6,
+    sliderTrackHeight: 6,
+    _interactionBox: {
+      p: '3'
+    }
+  },
+  md: {
+    thumbSize: 5,
+    sliderTrackHeight: 5,
+    _interactionBox: {
+      p: '2.5'
+    }
+  },
+  sm: {
+    thumbSize: 4,
+    sliderTrackHeight: 4,
+    _interactionBox: {
+      p: '2'
+    }
+  }
+};
+const Slider = {
+  baseStyle: props => {
+    return {
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: props.orientation === 'vertical' ? '100%' : undefined,
+      width: props.orientation !== 'vertical' ? '100%' : undefined,
+      _disabled: {
+        opacity: 0.4,
+        _web: {
+          cursor: 'not-allowed'
+        }
+      }
+    };
+  },
+  defaultProps: {
+    size: 'sm'
+  },
+  sizes
+};
+exports.Slider = Slider;
+//# sourceMappingURL=slider.js.map

package/lib/commonjs/theme/components/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["slider.ts"],"names":["SliderTrack","baseStyle","isVertical","size","bg","borderRadius","overflow","style","height","width","_pressable","alignItems","justifyContent","py","undefined","px","_dark","SliderThumb","props","colorScheme","primary","theme","colors","zIndex","scaleOnPressed","_interactionBox","position","_stack","direction","space","_hover","_web","outlineWidth","outlineColor","outlineStyle","_focus","_pressed","borderWidth","borderColor","cursor","defaultProps","sizes","lg","md","sm","SliderFilledTrack","orientation","isReversed","sliderTrackPosition","left","bottom","right","top","thumbSize","sliderTrackHeight","p","Slider","_disabled","opacity"],"mappings":"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","sourcesContent":["export const SliderTrack = {\r\n  baseStyle: ({ isVertical, size }: any) => {\r\n    return {\r\n      bg: 'muted.200',\r\n      borderRadius: 'lg',\r\n      overflow: 'hidden',\r\n      style: {\r\n        height: isVertical ? '100%' : size,\r\n        width: !isVertical ? '100%' : size,\r\n      },\r\n      _pressable: {\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        height: isVertical ? '100%' : size,\r\n        width: !isVertical ? '100%' : size,\r\n        py: !isVertical ? '3' : undefined,\r\n        px: isVertical ? '3' : undefined,\r\n      },\r\n      _dark: {\r\n        bg: 'muted.700',\r\n      },\r\n    };\r\n  },\r\n};\r\n\r\nexport const SliderThumb = {\r\n  baseStyle: (props: any) => {\r\n    const { colorScheme } = props;\r\n    const { primary } = props.theme.colors;\r\n    return {\r\n      borderRadius: 'full',\r\n      zIndex: 999,\r\n      alignItems: 'center',\r\n      justifyContent: 'center',\r\n      scaleOnPressed: 1,\r\n      _interactionBox: {\r\n        position: 'absolute',\r\n        borderRadius: 'full',\r\n        zIndex: -1,\r\n      },\r\n      _stack: {\r\n        direction: 'row',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        space: 2,\r\n      },\r\n      bg: `${colorScheme}.600`,\r\n      _hover: {\r\n        _web: {\r\n          outlineWidth: '4px',\r\n          outlineColor: primary[300],\r\n          outlineStyle: 'solid',\r\n        },\r\n      },\r\n      _focus: {\r\n        _web: {\r\n          outlineWidth: '2px',\r\n          outlineColor: primary[400],\r\n          outlineStyle: 'solid',\r\n        },\r\n      },\r\n      _pressed: {\r\n        _interactionBox: {\r\n          borderWidth: '8',\r\n          borderColor: `${colorScheme}.300`,\r\n        },\r\n      },\r\n\r\n      _dark: {\r\n        bg: `${colorScheme}.500`,\r\n        _hover: {\r\n          _web: {\r\n            outlineWidth: '4px',\r\n            outlineColor: primary[800],\r\n            outlineStyle: 'solid',\r\n          },\r\n        },\r\n        _focus: {\r\n          _web: {\r\n            outlineWidth: '2px',\r\n            outlineColor: primary[400],\r\n            outlineStyle: 'solid',\r\n          },\r\n        },\r\n        _pressed: {\r\n          _interactionBox: {\r\n            borderWidth: '8',\r\n            borderColor: `${colorScheme}.800`,\r\n          },\r\n        },\r\n      },\r\n      // shadow: 6,\r\n      _web: {\r\n        cursor: 'pointer',\r\n      },\r\n    };\r\n  },\r\n  defaultProps: {\r\n    colorScheme: 'primary',\r\n  },\r\n  sizes: {\r\n    lg: {\r\n      _interactionBox: '3',\r\n    },\r\n    md: {\r\n      _interactionBox: '2',\r\n    },\r\n    sm: {\r\n      _interactionBox: '2.5',\r\n    },\r\n  },\r\n};\r\n\r\nexport const SliderFilledTrack = {\r\n  baseStyle: ({\r\n    orientation,\r\n    isReversed,\r\n    sliderTrackPosition,\r\n    size,\r\n    colorScheme,\r\n  }: any) => {\r\n    return {\r\n      left: orientation !== 'vertical' && !isReversed ? 0 : undefined,\r\n      bottom: orientation === 'vertical' && !isReversed ? 0 : undefined,\r\n      right: orientation !== 'vertical' && isReversed ? 0 : undefined,\r\n      top: orientation === 'vertical' && isReversed ? 0 : undefined,\r\n      style:\r\n        orientation === 'vertical'\r\n          ? { height: sliderTrackPosition, width: size }\r\n          : { width: sliderTrackPosition, height: size },\r\n      bg: `${colorScheme}.600`,\r\n      _dark: {\r\n        bg: `${colorScheme}.500`,\r\n      },\r\n    };\r\n  },\r\n  defaultProps: {\r\n    colorScheme: 'primary',\r\n  },\r\n};\r\n\r\nconst sizes = {\r\n  lg: { thumbSize: 6, sliderTrackHeight: 6, _interactionBox: { p: '3' } },\r\n  md: { thumbSize: 5, sliderTrackHeight: 5, _interactionBox: { p: '2.5' } },\r\n  sm: { thumbSize: 4, sliderTrackHeight: 4, _interactionBox: { p: '2' } },\r\n};\r\n\r\nexport const Slider = {\r\n  baseStyle: (props: any) => {\r\n    return {\r\n      alignItems: 'center',\r\n      justifyContent: 'center',\r\n      height: props.orientation === 'vertical' ? '100%' : undefined,\r\n      width: props.orientation !== 'vertical' ? '100%' : undefined,\r\n      _disabled: {\r\n        opacity: 0.4,\r\n        _web: {\r\n          cursor: 'not-allowed',\r\n        },\r\n      },\r\n    };\r\n  },\r\n  defaultProps: {\r\n    size: 'sm',\r\n  },\r\n  sizes,\r\n};\r\n"]}

package/lib/commonjs/theme/components/spinner.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  baseStyle: {
+    color: 'primary.600'
+  },
+  sizes: {
+    sm: 'small',
+    lg: 'large'
+  },
+  defaultProps: {
+    size: 'small'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=spinner.js.map

package/lib/commonjs/theme/components/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["spinner.ts"],"names":["baseStyle","color","sizes","sm","lg","defaultProps","size"],"mappings":";;;;;;eAAe;AACbA,EAAAA,SAAS,EAAE;AACTC,IAAAA,KAAK,EAAE;AADE,GADE;AAIbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,EAAE,EAAE,OADC;AAELC,IAAAA,EAAE,EAAE;AAFC,GAJM;AAQbC,EAAAA,YAAY,EAAE;AACZC,IAAAA,IAAI,EAAE;AADM;AARD,C","sourcesContent":["export default {\r\n  baseStyle: {\r\n    color: 'primary.600',\r\n  },\r\n  sizes: {\r\n    sm: 'small',\r\n    lg: 'large',\r\n  },\r\n  defaultProps: {\r\n    size: 'small',\r\n  },\r\n};\r\n"]}

package/lib/commonjs/theme/components/square.js

@@ -0,0 +1,42 @@
+"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 = {
+  alignItems: 'center',
+  justifyContent: 'center'
+};
+var _default = {
+  baseStyle,
+  sizes
+};
+exports.default = _default;
+//# sourceMappingURL=square.js.map

package/lib/commonjs/theme/components/square.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["square.ts"],"names":["sizes","height","width","baseStyle","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,UAAU,EAAE,QADI;AAEhBC,EAAAA,cAAc,EAAE;AAFA,CAAlB;eAKe;AACbF,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  alignItems: 'center',\r\n  justifyContent: 'center',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  sizes,\r\n};\r\n"]}

package/lib/commonjs/theme/components/stack.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const baseStyle = {};
+const defaultProps = {}; // sizes in stack means the height or width of the spacer elements that get's added between the children, in other
+// words it maps to space prop that user passes.
+
+const sizes = {
+  'gutter': 0,
+  '2xs': 1,
+  'xs': 2,
+  'sm': 3,
+  'md': 4,
+  'lg': 6,
+  'xl': 7,
+  '2xl': 8
+};
+var _default = {
+  baseStyle,
+  defaultProps,
+  sizes
+};
+exports.default = _default;
+//# sourceMappingURL=stack.js.map

package/lib/commonjs/theme/components/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["stack.ts"],"names":["baseStyle","defaultProps","sizes"],"mappings":";;;;;;AAAA,MAAMA,SAAS,GAAG,EAAlB;AACA,MAAMC,YAAY,GAAG,EAArB,C,CACA;AACA;;AACA,MAAMC,KAAK,GAAG;AACZ,YAAU,CADE;AAEZ,SAAO,CAFK;AAGZ,QAAM,CAHM;AAIZ,QAAM,CAJM;AAKZ,QAAM,CALM;AAMZ,QAAM,CANM;AAOZ,QAAM,CAPM;AAQZ,SAAO;AARK,CAAd;eAUe;AACbF,EAAAA,SADa;AAEbC,EAAAA,YAFa;AAGbC,EAAAA;AAHa,C","sourcesContent":["const baseStyle = {};\r\nconst defaultProps = {};\r\n// sizes in stack means the height or width of the spacer elements that get's added between the children, in other\r\n// words it maps to space prop that user passes.\r\nconst sizes = {\r\n  'gutter': 0,\r\n  '2xs': 1,\r\n  'xs': 2,\r\n  'sm': 3,\r\n  'md': 4,\r\n  'lg': 6,\r\n  'xl': 7,\r\n  '2xl': 8,\r\n};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n  sizes,\r\n};\r\n"]}

package/lib/commonjs/theme/components/stat.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const defaultProps = {
+  _statLabel: {
+    fontSize: 'xl'
+  },
+  _statNumber: {
+    fontSize: '4xl',
+    fontWeight: 'bold',
+    my: 2
+  },
+  _statHelpText: {
+    _text: {
+      color: 'gray.500',
+      fontSize: 'xl'
+    },
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  _statGroup: {
+    flexWrap: 'wrap',
+    space: 4,
+    justifyContent: 'space-between'
+  }
+};
+var _default = {
+  defaultProps
+};
+exports.default = _default;
+//# sourceMappingURL=stat.js.map

package/lib/commonjs/theme/components/stat.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["stat.ts"],"names":["defaultProps","_statLabel","fontSize","_statNumber","fontWeight","my","_statHelpText","_text","color","flexDirection","alignItems","_statGroup","flexWrap","space","justifyContent"],"mappings":";;;;;;AAAA,MAAMA,YAAY,GAAG;AACnBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,QAAQ,EAAE;AADA,GADO;AAInBC,EAAAA,WAAW,EAAE;AACXD,IAAAA,QAAQ,EAAE,KADC;AAEXE,IAAAA,UAAU,EAAE,MAFD;AAGXC,IAAAA,EAAE,EAAE;AAHO,GAJM;AASnBC,EAAAA,aAAa,EAAE;AACbC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,UADF;AAELN,MAAAA,QAAQ,EAAE;AAFL,KADM;AAKbO,IAAAA,aAAa,EAAE,KALF;AAMbC,IAAAA,UAAU,EAAE;AANC,GATI;AAiBnBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,QAAQ,EAAE,MADA;AAEVC,IAAAA,KAAK,EAAE,CAFG;AAGVC,IAAAA,cAAc,EAAE;AAHN;AAjBO,CAArB;eAwBe;AACbd,EAAAA;AADa,C","sourcesContent":["const defaultProps = {\r\n  _statLabel: {\r\n    fontSize: 'xl',\r\n  },\r\n  _statNumber: {\r\n    fontSize: '4xl',\r\n    fontWeight: 'bold',\r\n    my: 2,\r\n  },\r\n  _statHelpText: {\r\n    _text: {\r\n      color: 'gray.500',\r\n      fontSize: 'xl',\r\n    },\r\n    flexDirection: 'row',\r\n    alignItems: 'center',\r\n  },\r\n  _statGroup: {\r\n    flexWrap: 'wrap',\r\n    space: 4,\r\n    justifyContent: 'space-between',\r\n  },\r\n};\r\n\r\nexport default {\r\n  defaultProps,\r\n};\r\n"]}

package/lib/commonjs/theme/components/statusBar.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const baseStyle = {};
+const defaultProps = {};
+var _default = {
+  baseStyle,
+  defaultProps
+};
+exports.default = _default;
+//# sourceMappingURL=statusBar.js.map

package/lib/commonjs/theme/components/statusBar.js.map

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

package/lib/commonjs/theme/components/switch.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+const baseStyle = props => {
+  const {
+    colorScheme: c
+  } = props;
+  return {
+    _disabled: {
+      opacity: 0.4
+    },
+    _invalid: {
+      borderColor: 'error.600',
+      borderWidth: 2,
+      borderRadius: 12
+    },
+    onThumbColor: 'muted.50',
+    offThumbColor: 'muted.50',
+    offTrackColor: 'muted.300',
+    onTrackColor: "".concat(c, ".600"),
+    _hover: {
+      offTrackColor: 'muted.400',
+      onTrackColor: "".concat(c, ".700")
+    },
+    _dark: {
+      offTrackColor: 'muted.700',
+      onTrackColor: "".concat(c, ".500"),
+      _hover: {
+        offTrackColor: 'muted.600',
+        onTrackColor: "".concat(c, ".400")
+      },
+      _invalid: {
+        borderColor: 'error.500'
+      }
+    }
+  };
+};
+
+const sizes = {
+  sm: {
+    style: {
+      transform: [{
+        scale: 0.75
+      }]
+    }
+  },
+  md: {},
+  lg: {
+    style: {
+      transform: [{
+        scale: 1.25
+      }]
+    },
+    margin: 1
+  }
+};
+const defaultProps = {
+  size: 'md',
+  colorScheme: 'primary'
+};
+var _default = {
+  baseStyle,
+  sizes,
+  defaultProps
+};
+exports.default = _default;
+//# sourceMappingURL=switch.js.map

package/lib/commonjs/theme/components/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["switch.ts"],"names":["baseStyle","props","colorScheme","c","_disabled","opacity","_invalid","borderColor","borderWidth","borderRadius","onThumbColor","offThumbColor","offTrackColor","onTrackColor","_hover","_dark","sizes","sm","style","transform","scale","md","lg","margin","defaultProps","size"],"mappings":";;;;;;;AAAA,MAAMA,SAAS,GAAIC,KAAD,IAAgC;AAChD,QAAM;AAAEC,IAAAA,WAAW,EAAEC;AAAf,MAAqBF,KAA3B;AACA,SAAO;AACLG,IAAAA,SAAS,EAAE;AACTC,MAAAA,OAAO,EAAE;AADA,KADN;AAILC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,WAAW,EAAE,WADL;AAERC,MAAAA,WAAW,EAAE,CAFL;AAGRC,MAAAA,YAAY,EAAE;AAHN,KAJL;AASLC,IAAAA,YAAY,EAAE,UATT;AAULC,IAAAA,aAAa,EAAE,UAVV;AAWLC,IAAAA,aAAa,EAAE,WAXV;AAYLC,IAAAA,YAAY,YAAKV,CAAL,SAZP;AAaLW,IAAAA,MAAM,EAAE;AACNF,MAAAA,aAAa,EAAE,WADT;AAENC,MAAAA,YAAY,YAAKV,CAAL;AAFN,KAbH;AAkBLY,IAAAA,KAAK,EAAE;AACLH,MAAAA,aAAa,EAAE,WADV;AAELC,MAAAA,YAAY,YAAKV,CAAL,SAFP;AAGLW,MAAAA,MAAM,EAAE;AACNF,QAAAA,aAAa,EAAE,WADT;AAENC,QAAAA,YAAY,YAAKV,CAAL;AAFN,OAHH;AAOLG,MAAAA,QAAQ,EAAE;AACRC,QAAAA,WAAW,EAAE;AADL;AAPL;AAlBF,GAAP;AA8BD,CAhCD;;AAkCA,MAAMS,KAAK,GAAG;AACZC,EAAAA,EAAE,EAAE;AACFC,IAAAA,KAAK,EAAE;AACLC,MAAAA,SAAS,EAAE,CAAC;AAAEC,QAAAA,KAAK,EAAE;AAAT,OAAD;AADN;AADL,GADQ;AAMZC,EAAAA,EAAE,EAAE,EANQ;AAOZC,EAAAA,EAAE,EAAE;AACFJ,IAAAA,KAAK,EAAE;AACLC,MAAAA,SAAS,EAAE,CAAC;AAAEC,QAAAA,KAAK,EAAE;AAAT,OAAD;AADN,KADL;AAIFG,IAAAA,MAAM,EAAE;AAJN;AAPQ,CAAd;AAeA,MAAMC,YAAY,GAAG;AACnBC,EAAAA,IAAI,EAAE,IADa;AAEnBvB,EAAAA,WAAW,EAAE;AAFM,CAArB;eAKe;AACbF,EAAAA,SADa;AAEbgB,EAAAA,KAFa;AAGbQ,EAAAA;AAHa,C","sourcesContent":["const baseStyle = (props: Record<string, any>) => {\r\n  const { colorScheme: c } = props;\r\n  return {\r\n    _disabled: {\r\n      opacity: 0.4,\r\n    },\r\n    _invalid: {\r\n      borderColor: 'error.600',\r\n      borderWidth: 2,\r\n      borderRadius: 12,\r\n    },\r\n    onThumbColor: 'muted.50',\r\n    offThumbColor: 'muted.50',\r\n    offTrackColor: 'muted.300',\r\n    onTrackColor: `${c}.600`,\r\n    _hover: {\r\n      offTrackColor: 'muted.400',\r\n      onTrackColor: `${c}.700`,\r\n    },\r\n\r\n    _dark: {\r\n      offTrackColor: 'muted.700',\r\n      onTrackColor: `${c}.500`,\r\n      _hover: {\r\n        offTrackColor: 'muted.600',\r\n        onTrackColor: `${c}.400`,\r\n      },\r\n      _invalid: {\r\n        borderColor: 'error.500',\r\n      },\r\n    },\r\n  };\r\n};\r\n\r\nconst sizes = {\r\n  sm: {\r\n    style: {\r\n      transform: [{ scale: 0.75 }],\r\n    },\r\n  },\r\n  md: {},\r\n  lg: {\r\n    style: {\r\n      transform: [{ scale: 1.25 }],\r\n    },\r\n    margin: 1,\r\n  },\r\n};\r\n\r\nconst defaultProps = {\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"]}