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

package/lib/module/theme/v33x-theme/components/number-input.js

@@ -0,0 +1,33 @@
+import { mode } from '../tools';
+const defaultProps = {
+  size: 'sm',
+  step: 1,
+  min: -Infinity,
+  max: Infinity,
+  defaultValue: '0',
+  keepWithinRange: true,
+  clampValueOnBlur: true,
+  focusInputOnChange: true,
+  getAriaValueText: true
+};
+export default {
+  defaultProps
+}; //Steppers
+
+const stepperbaseStyle = props => {
+  return {
+    bg: mode('primary.600', 'primary.200')(props),
+    iconColor: mode('gray.50', 'gray.800')(props),
+    _active: {},
+    _disabled: {
+      // iconColor: mode('gray.50', 'gray.300')(props),
+      // bg: mode('blackAlpha.200', 'whiteAlpha.300')(props),
+      opacity: 0.5
+    }
+  };
+};
+
+export const NumberInputStepper = {
+  baseStyle: stepperbaseStyle
+};
+//# sourceMappingURL=number-input.js.map

package/lib/module/theme/v33x-theme/components/number-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["number-input.ts"],"names":["mode","defaultProps","size","step","min","Infinity","max","defaultValue","keepWithinRange","clampValueOnBlur","focusInputOnChange","getAriaValueText","stepperbaseStyle","props","bg","iconColor","_active","_disabled","opacity","NumberInputStepper","baseStyle"],"mappings":"AAAA,SAASA,IAAT,QAAqB,UAArB;AAEA,MAAMC,YAAY,GAAG;AACnBC,EAAAA,IAAI,EAAE,IADa;AAEnBC,EAAAA,IAAI,EAAE,CAFa;AAGnBC,EAAAA,GAAG,EAAE,CAACC,QAHa;AAInBC,EAAAA,GAAG,EAAED,QAJc;AAKnBE,EAAAA,YAAY,EAAE,GALK;AAMnBC,EAAAA,eAAe,EAAE,IANE;AAOnBC,EAAAA,gBAAgB,EAAE,IAPC;AAQnBC,EAAAA,kBAAkB,EAAE,IARD;AASnBC,EAAAA,gBAAgB,EAAE;AATC,CAArB;AAYA,eAAe;AACbV,EAAAA;AADa,CAAf,C,CAIA;;AACA,MAAMW,gBAAgB,GAAIC,KAAD,IAAgC;AACvD,SAAO;AACLC,IAAAA,EAAE,EAAEd,IAAI,CAAC,aAAD,EAAgB,aAAhB,CAAJ,CAAmCa,KAAnC,CADC;AAELE,IAAAA,SAAS,EAAEf,IAAI,CAAC,SAAD,EAAY,UAAZ,CAAJ,CAA4Ba,KAA5B,CAFN;AAGLG,IAAAA,OAAO,EAAE,EAHJ;AAILC,IAAAA,SAAS,EAAE;AACT;AACA;AACAC,MAAAA,OAAO,EAAE;AAHA;AAJN,GAAP;AAUD,CAXD;;AAaA,OAAO,MAAMC,kBAAkB,GAAG;AAChCC,EAAAA,SAAS,EAAER;AADqB,CAA3B","sourcesContent":["import { mode } from '../tools';\r\n\r\nconst defaultProps = {\r\n  size: 'sm',\r\n  step: 1,\r\n  min: -Infinity,\r\n  max: Infinity,\r\n  defaultValue: '0',\r\n  keepWithinRange: true,\r\n  clampValueOnBlur: true,\r\n  focusInputOnChange: true,\r\n  getAriaValueText: true,\r\n};\r\n\r\nexport default {\r\n  defaultProps,\r\n};\r\n\r\n//Steppers\r\nconst stepperbaseStyle = (props: Record<string, any>) => {\r\n  return {\r\n    bg: mode('primary.600', 'primary.200')(props),\r\n    iconColor: mode('gray.50', 'gray.800')(props),\r\n    _active: {},\r\n    _disabled: {\r\n      // iconColor: mode('gray.50', 'gray.300')(props),\r\n      // bg: mode('blackAlpha.200', 'whiteAlpha.300')(props),\r\n      opacity: 0.5,\r\n    },\r\n  };\r\n};\r\n\r\nexport const NumberInputStepper = {\r\n  baseStyle: stepperbaseStyle,\r\n};\r\n"]}

package/lib/module/theme/v33x-theme/components/pin-input.js

@@ -0,0 +1,61 @@
+const defaultProps = {
+  placeholder: '○',
+  size: 'md',
+  manageFocus: true,
+  space: 1
+};
+const sizes = {
+  '2xl': {
+    fontSize: '2xl',
+    p: 3,
+    width: '56px',
+    height: '56px',
+    textAlign: 'center',
+    borderRadius: 'lg'
+  },
+  'xl': {
+    fontSize: 'xl',
+    p: 3,
+    width: '52px',
+    height: '52px',
+    textAlign: 'center',
+    borderRadius: 'lg'
+  },
+  'lg': {
+    fontSize: 'lg',
+    p: 2,
+    width: '48px',
+    height: '48px',
+    textAlign: 'center',
+    borderRadius: 'md'
+  },
+  'md': {
+    fontSize: 'md',
+    p: 2,
+    width: '40px',
+    height: '40px',
+    textAlign: 'center',
+    borderRadius: 'md'
+  },
+  'sm': {
+    fontSize: 'sm',
+    p: 1,
+    width: '30px',
+    height: '30px',
+    textAlign: 'center',
+    borderRadius: 'md'
+  },
+  'xs': {
+    fontSize: 'xs',
+    p: 1,
+    width: '24px',
+    height: '24px',
+    textAlign: 'center',
+    borderRadius: 'md'
+  }
+};
+export default {
+  sizes,
+  defaultProps
+};
+//# sourceMappingURL=pin-input.js.map

package/lib/module/theme/v33x-theme/components/pin-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["pin-input.ts"],"names":["defaultProps","placeholder","size","manageFocus","space","sizes","fontSize","p","width","height","textAlign","borderRadius"],"mappings":"AAAA,MAAMA,YAAY,GAAG;AACnBC,EAAAA,WAAW,EAAE,GADM;AAEnBC,EAAAA,IAAI,EAAE,IAFa;AAGnBC,EAAAA,WAAW,EAAE,IAHM;AAInBC,EAAAA,KAAK,EAAE;AAJY,CAArB;AAOA,MAAMC,KAAK,GAAG;AACZ,SAAO;AACLC,IAAAA,QAAQ,EAAE,KADL;AAELC,IAAAA,CAAC,EAAE,CAFE;AAGLC,IAAAA,KAAK,EAAE,MAHF;AAILC,IAAAA,MAAM,EAAE,MAJH;AAKLC,IAAAA,SAAS,EAAE,QALN;AAMLC,IAAAA,YAAY,EAAE;AANT,GADK;AASZ,QAAM;AACJL,IAAAA,QAAQ,EAAE,IADN;AAEJC,IAAAA,CAAC,EAAE,CAFC;AAGJC,IAAAA,KAAK,EAAE,MAHH;AAIJC,IAAAA,MAAM,EAAE,MAJJ;AAKJC,IAAAA,SAAS,EAAE,QALP;AAMJC,IAAAA,YAAY,EAAE;AANV,GATM;AAiBZ,QAAM;AACJL,IAAAA,QAAQ,EAAE,IADN;AAEJC,IAAAA,CAAC,EAAE,CAFC;AAGJC,IAAAA,KAAK,EAAE,MAHH;AAIJC,IAAAA,MAAM,EAAE,MAJJ;AAKJC,IAAAA,SAAS,EAAE,QALP;AAMJC,IAAAA,YAAY,EAAE;AANV,GAjBM;AAyBZ,QAAM;AACJL,IAAAA,QAAQ,EAAE,IADN;AAEJC,IAAAA,CAAC,EAAE,CAFC;AAGJC,IAAAA,KAAK,EAAE,MAHH;AAIJC,IAAAA,MAAM,EAAE,MAJJ;AAKJC,IAAAA,SAAS,EAAE,QALP;AAMJC,IAAAA,YAAY,EAAE;AANV,GAzBM;AAiCZ,QAAM;AACJL,IAAAA,QAAQ,EAAE,IADN;AAEJC,IAAAA,CAAC,EAAE,CAFC;AAGJC,IAAAA,KAAK,EAAE,MAHH;AAIJC,IAAAA,MAAM,EAAE,MAJJ;AAKJC,IAAAA,SAAS,EAAE,QALP;AAMJC,IAAAA,YAAY,EAAE;AANV,GAjCM;AAyCZ,QAAM;AACJL,IAAAA,QAAQ,EAAE,IADN;AAEJC,IAAAA,CAAC,EAAE,CAFC;AAGJC,IAAAA,KAAK,EAAE,MAHH;AAIJC,IAAAA,MAAM,EAAE,MAJJ;AAKJC,IAAAA,SAAS,EAAE,QALP;AAMJC,IAAAA,YAAY,EAAE;AANV;AAzCM,CAAd;AAmDA,eAAe;AACbN,EAAAA,KADa;AAEbL,EAAAA;AAFa,CAAf","sourcesContent":["const defaultProps = {\r\n  placeholder: '○',\r\n  size: 'md',\r\n  manageFocus: true,\r\n  space: 1,\r\n};\r\n\r\nconst sizes = {\r\n  '2xl': {\r\n    fontSize: '2xl',\r\n    p: 3,\r\n    width: '56px',\r\n    height: '56px',\r\n    textAlign: 'center',\r\n    borderRadius: 'lg',\r\n  },\r\n  'xl': {\r\n    fontSize: 'xl',\r\n    p: 3,\r\n    width: '52px',\r\n    height: '52px',\r\n    textAlign: 'center',\r\n    borderRadius: 'lg',\r\n  },\r\n  'lg': {\r\n    fontSize: 'lg',\r\n    p: 2,\r\n    width: '48px',\r\n    height: '48px',\r\n    textAlign: 'center',\r\n    borderRadius: 'md',\r\n  },\r\n  'md': {\r\n    fontSize: 'md',\r\n    p: 2,\r\n    width: '40px',\r\n    height: '40px',\r\n    textAlign: 'center',\r\n    borderRadius: 'md',\r\n  },\r\n  'sm': {\r\n    fontSize: 'sm',\r\n    p: 1,\r\n    width: '30px',\r\n    height: '30px',\r\n    textAlign: 'center',\r\n    borderRadius: 'md',\r\n  },\r\n  'xs': {\r\n    fontSize: 'xs',\r\n    p: 1,\r\n    width: '24px',\r\n    height: '24px',\r\n    textAlign: 'center',\r\n    borderRadius: 'md',\r\n  },\r\n};\r\n\r\nexport default {\r\n  sizes,\r\n  defaultProps,\r\n};\r\n"]}

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

@@ -0,0 +1,70 @@
+import { mode } from '../tools';
+export const PopoverCloseButton = {
+  baseStyle: props => ({
+    position: 'absolute',
+    right: 3,
+    top: 3,
+    zIndex: 1,
+    colorScheme: 'coolGray',
+    p: 2,
+    _icon: {
+      size: 3,
+      color: mode('coolGray.600', 'coolGray.100')(props)
+    }
+  })
+};
+export const PopoverBody = {
+  baseStyle: props => ({
+    pt: '2',
+    p: '3',
+    _text: {
+      color: mode('coolGray.600', 'coolGray.300')(props)
+    }
+  })
+};
+export const PopoverContent = {
+  baseStyle: props => ({
+    backgroundColor: mode('coolGray.50', 'gray.700')(props),
+    borderColor: mode('coolGray.200', 'coolGray.600')(props),
+    _text: {
+      color: mode('coolGray.800', 'warmGray.50')(props)
+    },
+    borderWidth: 1,
+    rounded: 'md',
+    overflow: 'hidden'
+  })
+};
+export const PopoverHeader = {
+  baseStyle: props => ({
+    _web: {
+      accessibilityRole: 'header'
+    },
+    py: '4',
+    px: '3',
+    borderBottomWidth: '1',
+    borderColor: mode('coolGray.200', 'gray.600')(props),
+    _text: {
+      fontSize: 'md',
+      fontWeight: 'semibold',
+      color: mode('coolGray.800', 'warmGray.50')(props),
+      lineHeight: 'sm'
+    }
+  })
+};
+export const PopoverArrow = {
+  baseStyle: props => ({
+    borderColor: mode('coolGray.200', 'coolGray.600')(props)
+  })
+};
+export const PopoverFooter = {
+  baseStyle: props => {
+    return {
+      p: '3',
+      bg: mode('coolGray.100', 'gray.600')(props),
+      flexDirection: 'row',
+      justifyContent: 'flex-end',
+      flexWrap: 'wrap'
+    };
+  }
+};
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["popover.ts"],"names":["mode","PopoverCloseButton","baseStyle","props","position","right","top","zIndex","colorScheme","p","_icon","size","color","PopoverBody","pt","_text","PopoverContent","backgroundColor","borderColor","borderWidth","rounded","overflow","PopoverHeader","_web","accessibilityRole","py","px","borderBottomWidth","fontSize","fontWeight","lineHeight","PopoverArrow","PopoverFooter","bg","flexDirection","justifyContent","flexWrap"],"mappings":"AAAA,SAASA,IAAT,QAAqB,UAArB;AAEA,OAAO,MAAMC,kBAAkB,GAAG;AAChCC,EAAAA,SAAS,EAAGC,KAAD,KAAiB;AAC1BC,IAAAA,QAAQ,EAAE,UADgB;AAE1BC,IAAAA,KAAK,EAAE,CAFmB;AAG1BC,IAAAA,GAAG,EAAE,CAHqB;AAI1BC,IAAAA,MAAM,EAAE,CAJkB;AAK1BC,IAAAA,WAAW,EAAE,UALa;AAM1BC,IAAAA,CAAC,EAAE,CANuB;AAO1BC,IAAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAE,CADD;AAELC,MAAAA,KAAK,EAAEZ,IAAI,CAAC,cAAD,EAAiB,cAAjB,CAAJ,CAAqCG,KAArC;AAFF;AAPmB,GAAjB;AADqB,CAA3B;AAeP,OAAO,MAAMU,WAAW,GAAG;AACzBX,EAAAA,SAAS,EAAGC,KAAD,KAAiB;AAC1BW,IAAAA,EAAE,EAAE,GADsB;AAE1BL,IAAAA,CAAC,EAAE,GAFuB;AAG1BM,IAAAA,KAAK,EAAE;AACLH,MAAAA,KAAK,EAAEZ,IAAI,CAAC,cAAD,EAAiB,cAAjB,CAAJ,CAAqCG,KAArC;AADF;AAHmB,GAAjB;AADc,CAApB;AAUP,OAAO,MAAMa,cAAc,GAAG;AAC5Bd,EAAAA,SAAS,EAAGC,KAAD,KAAiB;AAC1Bc,IAAAA,eAAe,EAAEjB,IAAI,CAAC,aAAD,EAAgB,UAAhB,CAAJ,CAAgCG,KAAhC,CADS;AAE1Be,IAAAA,WAAW,EAAElB,IAAI,CAAC,cAAD,EAAiB,cAAjB,CAAJ,CAAqCG,KAArC,CAFa;AAG1BY,IAAAA,KAAK,EAAE;AAAEH,MAAAA,KAAK,EAAEZ,IAAI,CAAC,cAAD,EAAiB,aAAjB,CAAJ,CAAoCG,KAApC;AAAT,KAHmB;AAI1BgB,IAAAA,WAAW,EAAE,CAJa;AAK1BC,IAAAA,OAAO,EAAE,IALiB;AAM1BC,IAAAA,QAAQ,EAAE;AANgB,GAAjB;AADiB,CAAvB;AAWP,OAAO,MAAMC,aAAa,GAAG;AAC3BpB,EAAAA,SAAS,EAAGC,KAAD,KAAiB;AAC1BoB,IAAAA,IAAI,EAAE;AACJC,MAAAA,iBAAiB,EAAE;AADf,KADoB;AAI1BC,IAAAA,EAAE,EAAE,GAJsB;AAK1BC,IAAAA,EAAE,EAAE,GALsB;AAM1BC,IAAAA,iBAAiB,EAAE,GANO;AAO1BT,IAAAA,WAAW,EAAElB,IAAI,CAAC,cAAD,EAAiB,UAAjB,CAAJ,CAAiCG,KAAjC,CAPa;AAQ1BY,IAAAA,KAAK,EAAE;AACLa,MAAAA,QAAQ,EAAE,IADL;AAELC,MAAAA,UAAU,EAAE,UAFP;AAGLjB,MAAAA,KAAK,EAAEZ,IAAI,CAAC,cAAD,EAAiB,aAAjB,CAAJ,CAAoCG,KAApC,CAHF;AAIL2B,MAAAA,UAAU,EAAE;AAJP;AARmB,GAAjB;AADgB,CAAtB;AAkBP,OAAO,MAAMC,YAAY,GAAG;AAC1B7B,EAAAA,SAAS,EAAGC,KAAD,KAAiB;AAC1Be,IAAAA,WAAW,EAAElB,IAAI,CAAC,cAAD,EAAiB,cAAjB,CAAJ,CAAqCG,KAArC;AADa,GAAjB;AADe,CAArB;AAMP,OAAO,MAAM6B,aAAa,GAAG;AAC3B9B,EAAAA,SAAS,EAAGC,KAAD,IAAgC;AACzC,WAAO;AACLM,MAAAA,CAAC,EAAE,GADE;AAELwB,MAAAA,EAAE,EAAEjC,IAAI,CAAC,cAAD,EAAiB,UAAjB,CAAJ,CAAiCG,KAAjC,CAFC;AAGL+B,MAAAA,aAAa,EAAE,KAHV;AAILC,MAAAA,cAAc,EAAE,UAJX;AAKLC,MAAAA,QAAQ,EAAE;AALL,KAAP;AAOD;AAT0B,CAAtB","sourcesContent":["import { mode } from '../tools';\r\n\r\nexport const PopoverCloseButton = {\r\n  baseStyle: (props: any) => ({\r\n    position: 'absolute',\r\n    right: 3,\r\n    top: 3,\r\n    zIndex: 1,\r\n    colorScheme: 'coolGray',\r\n    p: 2,\r\n    _icon: {\r\n      size: 3,\r\n      color: mode('coolGray.600', 'coolGray.100')(props),\r\n    },\r\n  }),\r\n};\r\n\r\nexport const PopoverBody = {\r\n  baseStyle: (props: any) => ({\r\n    pt: '2',\r\n    p: '3',\r\n    _text: {\r\n      color: mode('coolGray.600', 'coolGray.300')(props),\r\n    },\r\n  }),\r\n};\r\n\r\nexport const PopoverContent = {\r\n  baseStyle: (props: any) => ({\r\n    backgroundColor: mode('coolGray.50', 'gray.700')(props),\r\n    borderColor: mode('coolGray.200', 'coolGray.600')(props),\r\n    _text: { color: mode('coolGray.800', 'warmGray.50')(props) },\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: (props: any) => ({\r\n    _web: {\r\n      accessibilityRole: 'header',\r\n    },\r\n    py: '4',\r\n    px: '3',\r\n    borderBottomWidth: '1',\r\n    borderColor: mode('coolGray.200', 'gray.600')(props),\r\n    _text: {\r\n      fontSize: 'md',\r\n      fontWeight: 'semibold',\r\n      color: mode('coolGray.800', 'warmGray.50')(props),\r\n      lineHeight: 'sm',\r\n    },\r\n  }),\r\n};\r\n\r\nexport const PopoverArrow = {\r\n  baseStyle: (props: any) => ({\r\n    borderColor: mode('coolGray.200', 'coolGray.600')(props),\r\n  }),\r\n};\r\n\r\nexport const PopoverFooter = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      p: '3',\r\n      bg: mode('coolGray.100', 'gray.600')(props),\r\n      flexDirection: 'row',\r\n      justifyContent: 'flex-end',\r\n      flexWrap: 'wrap',\r\n    };\r\n  },\r\n};\r\n"]}

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

@@ -0,0 +1,5 @@
+export default {
+  baseStyle: {},
+  defaultProps: {}
+};
+//# sourceMappingURL=pressable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["pressable.ts"],"names":["baseStyle","defaultProps"],"mappings":"AAAA,eAAe;AACbA,EAAAA,SAAS,EAAE,EADE;AAEbC,EAAAA,YAAY,EAAE;AAFD,CAAf","sourcesContent":["export default {\r\n  baseStyle: {},\r\n  defaultProps: {},\r\n};\r\n"]}

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

@@ -0,0 +1,57 @@
+import { mode, getColorScheme } from '../tools';
+const defaultProps = {
+  colorScheme: 'primary',
+  size: 'sm',
+  rounded: 'full',
+  min: 0,
+  max: 100,
+  value: 0,
+  isIndeterminate: false
+};
+
+function baseStyle(props) {
+  const colorScheme = getColorScheme(props);
+  return {
+    bg: "".concat(colorScheme, ".200"),
+    overflow: 'hidden',
+    _filledTrack: {
+      bg: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".500"))(props),
+      shadow: 0,
+      height: '100%',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      _text: {
+        color: 'white',
+        fontWeight: 'bold'
+      }
+    }
+  };
+}
+
+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/v33x-theme/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["progress.ts"],"names":["mode","getColorScheme","defaultProps","colorScheme","size","rounded","min","max","value","isIndeterminate","baseStyle","props","bg","overflow","_filledTrack","shadow","height","display","alignItems","justifyContent","_text","color","fontWeight","sizes"],"mappings":"AAAA,SAASA,IAAT,EAAeC,cAAf,QAAqC,UAArC;AAEA,MAAMC,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,QAAMR,WAAW,GAAGF,cAAc,CAACU,KAAD,CAAlC;AAEA,SAAO;AACLC,IAAAA,EAAE,YAAKT,WAAL,SADG;AAELU,IAAAA,QAAQ,EAAE,QAFL;AAGLC,IAAAA,YAAY,EAAE;AACZF,MAAAA,EAAE,EAAEZ,IAAI,WAAIG,WAAJ,qBAA0BA,WAA1B,UAAJ,CAAiDQ,KAAjD,CADQ;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;AAOZC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,OADF;AAELC,QAAAA,UAAU,EAAE;AAFP;AAPK;AAHT,GAAP;AAgBD;;AAED,MAAMC,KAAK,GAAG;AACZ,QAAM;AACJP,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;AACbN,EAAAA,SADa;AAEbR,EAAAA,YAFa;AAGbqB,EAAAA;AAHa,CAAf","sourcesContent":["import { mode, getColorScheme } from '../tools';\r\n\r\nconst 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 = getColorScheme(props);\r\n\r\n  return {\r\n    bg: `${colorScheme}.200`,\r\n    overflow: 'hidden',\r\n    _filledTrack: {\r\n      bg: mode(`${colorScheme}.600`, `${colorScheme}.500`)(props),\r\n      shadow: 0,\r\n      height: '100%',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      justifyContent: 'center',\r\n      _text: {\r\n        color: 'white',\r\n        fontWeight: 'bold',\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/v33x-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/v33x-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/v33x-theme/components/radio.js

@@ -0,0 +1,120 @@
+import { mode } from '../tools';
+
+const baseStyle = props => {
+  const {
+    colorScheme
+  } = props;
+  return {
+    borderWidth: 2,
+    borderRadius: 'full',
+    p: 0.5,
+    borderColor: mode('muted.300', 'muted.600')(props),
+    bg: mode('muted.50', 'muted.700')(props),
+    // matching background color
+    _stack: {
+      direction: 'row',
+      alignItems: 'center',
+      space: 2,
+      _web: {
+        cursor: props.isDisabled ? 'not-allowed' : 'pointer'
+      }
+    },
+    _interactionBox: {
+      borderRadius: 'full',
+      size: 3,
+      position: 'absolute',
+      zIndex: -1,
+      _web: {
+        transition: 'height 200ms, width 200ms',
+        pointerEvents: 'none'
+      }
+    },
+    _icon: {
+      color: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".200"))(props) // matching background color
+
+    },
+    _hover: {
+      _interactionBox: {
+        bg: 'muted.200:alpha.30',
+        size: 8
+      }
+    },
+    _focus: {
+      _interactionBox: {
+        bg: "".concat(colorScheme, ".200:alpha.50"),
+        size: 8
+      }
+    },
+    _focusVisible: {
+      _interactionBox: {
+        bg: "".concat(colorScheme, ".200:alpha.50"),
+        size: 8
+      }
+    },
+    _checked: {
+      borderColor: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".200"))(props)
+    },
+    _disabled: {
+      opacity: 0.4,
+      _interactionBox: {
+        bg: 'transparent'
+      },
+      _icon: {
+        bg: 'transparent'
+      },
+      _stack: {
+        opacity: '0.4'
+      }
+    },
+    _invalid: {
+      borderColor: mode('error.600', 'error.400')(props)
+    },
+    _pressed: {
+      _interactionBox: {
+        bg: "".concat(colorScheme, ".200:alpha.50"),
+        size: 10
+      }
+    }
+  };
+};
+
+const sizes = {
+  lg: {
+    _icon: {
+      size: 4
+    },
+    // _interactionBox: { size: 5 },
+    _text: {
+      fontSize: 'lg'
+    }
+  },
+  md: {
+    _icon: {
+      size: 3
+    },
+    // _interactionBox: { size: 16 },
+    _text: {
+      fontSize: 'md'
+    }
+  },
+  sm: {
+    _icon: {
+      size: 2
+    },
+    // _interactionBox: { size: 3 },
+    _text: {
+      fontSize: 'sm'
+    }
+  }
+};
+const defaultProps = {
+  defaultIsChecked: false,
+  size: 'md',
+  colorScheme: 'primary'
+};
+export default {
+  baseStyle,
+  sizes,
+  defaultProps
+};
+//# sourceMappingURL=radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["radio.ts"],"names":["mode","baseStyle","props","colorScheme","borderWidth","borderRadius","p","borderColor","bg","_stack","direction","alignItems","space","_web","cursor","isDisabled","_interactionBox","size","position","zIndex","transition","pointerEvents","_icon","color","_hover","_focus","_focusVisible","_checked","_disabled","opacity","_invalid","_pressed","sizes","lg","_text","fontSize","md","sm","defaultProps","defaultIsChecked"],"mappings":"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","sourcesContent":["import { mode } from '../tools';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  const { colorScheme } = props;\r\n  return {\r\n    borderWidth: 2,\r\n    borderRadius: 'full',\r\n    p: 0.5,\r\n    borderColor: mode('muted.300', 'muted.600')(props),\r\n    bg: mode('muted.50', 'muted.700')(props), // matching background color\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    _interactionBox: {\r\n      borderRadius: 'full',\r\n      size: 3,\r\n      position: 'absolute',\r\n      zIndex: -1,\r\n      _web: {\r\n        transition: 'height 200ms, width 200ms',\r\n        pointerEvents: 'none',\r\n      },\r\n    },\r\n    _icon: {\r\n      color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props), // matching background color\r\n    },\r\n    _hover: {\r\n      _interactionBox: {\r\n        bg: 'muted.200:alpha.30',\r\n        size: 8,\r\n      },\r\n    },\r\n    _focus: {\r\n      _interactionBox: {\r\n        bg: `${colorScheme}.200:alpha.50`,\r\n        size: 8,\r\n      },\r\n    },\r\n    _focusVisible: {\r\n      _interactionBox: {\r\n        bg: `${colorScheme}.200:alpha.50`,\r\n        size: 8,\r\n      },\r\n    },\r\n    _checked: {\r\n      borderColor: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props),\r\n    },\r\n    _disabled: {\r\n      opacity: 0.4,\r\n      _interactionBox: {\r\n        bg: 'transparent',\r\n      },\r\n      _icon: {\r\n        bg: 'transparent',\r\n      },\r\n      _stack: {\r\n        opacity: '0.4',\r\n      },\r\n    },\r\n    _invalid: {\r\n      borderColor: mode('error.600', 'error.400')(props),\r\n    },\r\n    _pressed: {\r\n      _interactionBox: {\r\n        bg: `${colorScheme}.200:alpha.50`,\r\n        size: 10,\r\n      },\r\n    },\r\n  };\r\n};\r\n\r\nconst sizes = {\r\n  lg: {\r\n    _icon: { size: 4 },\r\n    // _interactionBox: { size: 5 },\r\n    _text: { fontSize: 'lg' },\r\n  },\r\n  md: {\r\n    _icon: { size: 3 },\r\n    // _interactionBox: { size: 16 },\r\n    _text: { fontSize: 'md' },\r\n  },\r\n  sm: {\r\n    _icon: { size: 2 },\r\n    // _interactionBox: { size: 3 },\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/v33x-theme/components/scrollView.js

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

package/lib/module/theme/v33x-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/v33x-theme/components/sectionList.js

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

package/lib/module/theme/v33x-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/v33x-theme/components/select.js

@@ -0,0 +1,56 @@
+import { mode } from '../tools';
+export const Select = {
+  baseStyle: props => {
+    return {
+      _webSelect: {
+        appearance: 'none',
+        WebkitAppearance: 'none',
+        MozAppearance: 'none',
+        position: 'absolute',
+        width: '100%',
+        height: '100%',
+        opacity: 0,
+        zIndex: 1
+      },
+      customDropdownIconProps: {
+        size: '6',
+        p: '1',
+        pl: '0',
+        color: 'trueGray.400'
+      },
+      _web: {
+        pointerEvents: 'none'
+      },
+      _disabled: {
+        opacity: '80',
+        bg: mode('muted.100', 'muted.700')(props)
+      },
+      _invalid: {
+        borderColor: mode('danger.600', 'danger.300')(props)
+      },
+      _focus: {
+        borderColor: mode('primary.400', 'primary.500')(props)
+      },
+      _hover: {
+        bg: mode('gray.100', 'gray.700')(props)
+      },
+      _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/v33x-theme/components/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["select.ts"],"names":["mode","Select","baseStyle","props","_webSelect","appearance","WebkitAppearance","MozAppearance","position","width","height","opacity","zIndex","customDropdownIconProps","size","p","pl","color","_web","pointerEvents","_disabled","bg","_invalid","borderColor","_focus","_hover","_actionSheetBody","w","_actionSheetContent","defaultProps","optimized","SelectItem","px","borderRadius","minH"],"mappings":"AAAA,SAASA,IAAT,QAAqB,UAArB;AACA,OAAO,MAAMC,MAAM,GAAG;AACpBC,EAAAA,SAAS,EAAGC,KAAD,IAAgC;AACzC,WAAO;AACLC,MAAAA,UAAU,EAAE;AACVC,QAAAA,UAAU,EAAE,MADF;AAEVC,QAAAA,gBAAgB,EAAE,MAFR;AAGVC,QAAAA,aAAa,EAAE,MAHL;AAIVC,QAAAA,QAAQ,EAAE,UAJA;AAKVC,QAAAA,KAAK,EAAE,MALG;AAMVC,QAAAA,MAAM,EAAE,MANE;AAOVC,QAAAA,OAAO,EAAE,CAPC;AAQVC,QAAAA,MAAM,EAAE;AARE,OADP;AAWLC,MAAAA,uBAAuB,EAAE;AACvBC,QAAAA,IAAI,EAAE,GADiB;AAEvBC,QAAAA,CAAC,EAAE,GAFoB;AAGvBC,QAAAA,EAAE,EAAE,GAHmB;AAIvBC,QAAAA,KAAK,EAAE;AAJgB,OAXpB;AAiBLC,MAAAA,IAAI,EAAE;AACJC,QAAAA,aAAa,EAAE;AADX,OAjBD;AAoBLC,MAAAA,SAAS,EAAE;AACTT,QAAAA,OAAO,EAAE,IADA;AAETU,QAAAA,EAAE,EAAErB,IAAI,CAAC,WAAD,EAAc,WAAd,CAAJ,CAA+BG,KAA/B;AAFK,OApBN;AAwBLmB,MAAAA,QAAQ,EAAE;AACRC,QAAAA,WAAW,EAAEvB,IAAI,CAAC,YAAD,EAAe,YAAf,CAAJ,CAAiCG,KAAjC;AADL,OAxBL;AA2BLqB,MAAAA,MAAM,EAAE;AACND,QAAAA,WAAW,EAAEvB,IAAI,CAAC,aAAD,EAAgB,aAAhB,CAAJ,CAAmCG,KAAnC;AADP,OA3BH;AA8BLsB,MAAAA,MAAM,EAAE;AACNJ,QAAAA,EAAE,EAAErB,IAAI,CAAC,UAAD,EAAa,UAAb,CAAJ,CAA6BG,KAA7B;AADE,OA9BH;AAiCLuB,MAAAA,gBAAgB,EAAE;AAChBC,QAAAA,CAAC,EAAE;AADa,OAjCb;AAoCLC,MAAAA,mBAAmB,EAAE;AApChB,KAAP;AAsCD,GAxCmB;AAyCpBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,SAAS,EAAE;AADC;AAzCM,CAAf,C,CA8CP;;AACA,OAAO,MAAMC,UAAU,GAAG;AACxB7B,EAAAA,SAAS,EAAE;AACTa,IAAAA,CAAC,EAAE,GADM;AAETiB,IAAAA,EAAE,EAAE,GAFK;AAGTC,IAAAA,YAAY,EAAE,GAHL;AAITC,IAAAA,IAAI,EAAE;AAJG;AADa,CAAnB","sourcesContent":["import { mode } from '../tools';\r\nexport const Select = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      _webSelect: {\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      customDropdownIconProps: {\r\n        size: '6',\r\n        p: '1',\r\n        pl: '0',\r\n        color: 'trueGray.400',\r\n      },\r\n      _web: {\r\n        pointerEvents: 'none',\r\n      },\r\n      _disabled: {\r\n        opacity: '80',\r\n        bg: mode('muted.100', 'muted.700')(props),\r\n      },\r\n      _invalid: {\r\n        borderColor: mode('danger.600', 'danger.300')(props),\r\n      },\r\n      _focus: {\r\n        borderColor: mode('primary.400', 'primary.500')(props),\r\n      },\r\n      _hover: {\r\n        bg: mode('gray.100', 'gray.700')(props),\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/v33x-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/v33x-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/v33x-theme/components/skeleton.js

@@ -0,0 +1,37 @@
+import { mode } from '../tools'; // Skeleton
+
+export const Skeleton = {
+  baseStyle: props => {
+    return {
+      startColor: mode('muted.200', 'muted.600')(props),
+      endColor: 'transparent',
+      overflow: 'hidden',
+      fadeDuration: 0.1,
+      speed: 1.0,
+      h: '10',
+      w: '100%'
+    };
+  }
+}; // SkeletonText
+
+export const SkeletonText = {
+  baseStyle: props => {
+    return {
+      startColor: mode('muted.200', 'muted.600')(props),
+      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/v33x-theme/components/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["skeleton.ts"],"names":["mode","Skeleton","baseStyle","props","startColor","endColor","overflow","fadeDuration","speed","h","w","SkeletonText","flexDirection","_line","rounded","defaultProps","lines","space"],"mappings":"AAAA,SAASA,IAAT,QAAqB,UAArB,C,CAEA;;AACA,OAAO,MAAMC,QAAQ,GAAG;AACtBC,EAAAA,SAAS,EAAGC,KAAD,IAAgC;AACzC,WAAO;AACLC,MAAAA,UAAU,EAAEJ,IAAI,CAAC,WAAD,EAAc,WAAd,CAAJ,CAA+BG,KAA/B,CADP;AAELE,MAAAA,QAAQ,EAAE,aAFL;AAGLC,MAAAA,QAAQ,EAAE,QAHL;AAILC,MAAAA,YAAY,EAAE,GAJT;AAKLC,MAAAA,KAAK,EAAE,GALF;AAMLC,MAAAA,CAAC,EAAE,IANE;AAOLC,MAAAA,CAAC,EAAE;AAPE,KAAP;AASD;AAXqB,CAAjB,C,CAcP;;AACA,OAAO,MAAMC,YAAY,GAAG;AAC1BT,EAAAA,SAAS,EAAGC,KAAD,IAAgC;AACzC,WAAO;AACLC,MAAAA,UAAU,EAAEJ,IAAI,CAAC,WAAD,EAAc,WAAd,CAAJ,CAA+BG,KAA/B,CADP;AAELE,MAAAA,QAAQ,EAAE,aAFL;AAGLE,MAAAA,YAAY,EAAE,GAHT;AAILG,MAAAA,CAAC,EAAE,MAJE;AAKLF,MAAAA,KAAK,EAAE,GALF;AAMLI,MAAAA,aAAa,EAAE,QANV;AAOLC,MAAAA,KAAK,EAAE;AACLJ,QAAAA,CAAC,EAAE,CADE;AAELK,QAAAA,OAAO,EAAE;AAFJ;AAPF,KAAP;AAYD,GAdyB;AAe1BC,EAAAA,YAAY,EAAE;AACZC,IAAAA,KAAK,EAAE,CADK;AAEZC,IAAAA,KAAK,EAAE;AAFK;AAfY,CAArB","sourcesContent":["import { mode } from '../tools';\r\n\r\n// Skeleton\r\nexport const Skeleton = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      startColor: mode('muted.200', 'muted.600')(props),\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: (props: Record<string, any>) => {\r\n    return {\r\n      startColor: mode('muted.200', 'muted.600')(props),\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"]}

package/lib/module/theme/v33x-theme/components/slider.js

@@ -0,0 +1,94 @@
+import { getColorScheme, mode } from '../tools';
+export const SliderTrack = {
+  baseStyle: ({
+    isVertical,
+    size,
+    ...props
+  }) => {
+    const simplifiedColorScheme = getColorScheme(props);
+    return {
+      bg: "".concat(simplifiedColorScheme, ".100"),
+      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
+      }
+    };
+  }
+};
+export const SliderThumb = {
+  baseStyle: props => {
+    const simplifiedColorScheme = getColorScheme(props);
+    return {
+      borderRadius: 99999,
+      zIndex: 999,
+      alignItems: 'center',
+      justifyContent: 'center',
+      bg: mode("".concat(simplifiedColorScheme, ".600"), "".concat(simplifiedColorScheme, ".300"))(props),
+      scaleOnPressed: 1.2
+    };
+  }
+};
+export const SliderFilledTrack = {
+  baseStyle: ({
+    orientation,
+    isReversed,
+    sliderTrackPosition,
+    size,
+    ...props
+  }) => {
+    const simplifiedColorScheme = getColorScheme(props);
+    return {
+      bg: mode("".concat(simplifiedColorScheme, ".600"), "".concat(simplifiedColorScheme, ".300"))(props),
+      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
+      }
+    };
+  }
+};
+const sizes = {
+  lg: {
+    thumbSize: 6,
+    sliderSize: 6
+  },
+  md: {
+    thumbSize: 5,
+    sliderSize: 5
+  },
+  sm: {
+    thumbSize: 4,
+    sliderSize: 4
+  }
+};
+export const Slider = {
+  baseStyle: props => {
+    return {
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: props.orientation === 'vertical' ? '100%' : undefined,
+      width: props.orientation !== 'vertical' ? '100%' : undefined
+    };
+  },
+  defaultProps: {
+    size: 'sm'
+  },
+  sizes
+};
+//# sourceMappingURL=slider.js.map