@draftbit/core 46.4.4-5206b0.2 → 46.4.4-5976c7.2

package/lib/commonjs/components/DatePicker/DatePicker.js

@@ -21,6 +21,8 @@ var _Touchable = _interopRequireDefault(require("../Touchable"));
 
 var _DatePickerComponent = _interopRequireDefault(require("./DatePickerComponent"));
 
+var _utilities = require("../../utilities");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -57,7 +59,11 @@ const DatePicker = _ref => {
     rightIconName,
     leftIconMode = "inset",
     label,
+    labelSize,
+    labelColor,
     placeholder,
+    borderColor: inputBorderColor,
+    borderColorActive: inputBorderColorActive,
     ...props
   } = _ref;
   const [value, setValue] = React.useState(date || defaultValue);
@@ -74,6 +80,9 @@ const DatePicker = _ref => {
     measured: false,
     width: 0
   });
+  const {
+    textStyles
+  } = (0, _utilities.extractStyles)(style);
 
   const getValidDate = () => {
     if (!value) {
@@ -175,8 +184,8 @@ const DatePicker = _ref => {
 
   const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
   const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);
-  const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;
-  const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;
+  const MAXIMIZED_LABEL_FONT_SIZE = (textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontSize) || typography.subtitle1.fontSize;
+  const MINIMIZED_LABEL_FONT_SIZE = labelSize ? labelSize : typography.caption.fontSize;
   const hasActiveOutline = focused;
   let inputTextColor, activeColor, underlineColor, borderColor, placeholderColor, containerStyle, backgroundColor, inputStyle;
   inputTextColor = colors.strong;
@@ -188,9 +197,9 @@ const DatePicker = _ref => {
     underlineColor = "transparent";
     backgroundColor = colors.divider;
   } else {
-    activeColor = colors.primary;
-    placeholderColor = borderColor = colors.light;
-    underlineColor = colors.light;
+    activeColor = inputBorderColorActive || colors.primary;
+    placeholderColor = borderColor = inputBorderColor || colors.light;
+    underlineColor = inputBorderColor || colors.light;
     backgroundColor = colors.background;
   }
 
@@ -250,6 +259,7 @@ const DatePicker = _ref => {
   };
   const labelStyle = { ...typography.subtitle1,
     top: type === "solid" ? 16 : 0,
+    fontFamily: textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontFamily,
     left: leftIconName && leftIconMode === "inset" ? ICON_SIZE + (type === "solid" ? 16 : 12) : 0,
     transform: [{
       // Move label to top
@@ -273,7 +283,7 @@ const DatePicker = _ref => {
   };
   const inputStyles = [styles.input, inputStyle, type === "solid" ? {
     marginHorizontal: 12
-  } : {}]; // const render = (props) => <NativeTextInput {...props} />;
+  } : {}, textStyles]; // const render = (props) => <NativeTextInput {...props} />;
 
   return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.container, style]
@@ -319,7 +329,7 @@ const DatePicker = _ref => {
     style: [styles.placeholder, type === "solid" ? {
       paddingHorizontal: 12
     } : {}, labelStyle, {
-      color: colors.light,
+      color: labelColor || colors.light,
       opacity: labeled.interpolate({
         inputRange: [0, 1],
         outputRange: [hasActiveOutline ? 1 : 0, 0]
@@ -330,7 +340,7 @@ const DatePicker = _ref => {
     style: [styles.placeholder, type === "solid" ? {
       paddingHorizontal: 12
     } : {}, labelStyle, {
-      color: placeholderColor,
+      color: labelColor || placeholder,
       opacity: hasActiveOutline ? labeled : 1
     }],
     numberOfLines: 1

package/lib/commonjs/components/Portal/PortalManager.js

@@ -13,26 +13,29 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 /**
  * Portal host is the component which actually renders all Portals.
  */
 class PortalManager extends React.PureComponent {
   constructor() {
     super(...arguments);
-    this.state = {
+
+    _defineProperty(this, "state", {
       portals: []
-    };
+    });
 
-    this.mount = (key, children) => {
+    _defineProperty(this, "mount", (key, children) => {
       this.setState(state => ({
         portals: [...state.portals, {
           key,
           children
         }]
       }));
-    };
+    });
 
-    this.update = (key, children) => this.setState(state => ({
+    _defineProperty(this, "update", (key, children) => this.setState(state => ({
       portals: state.portals.map(item => {
         if (item.key === key) {
           return { ...item,
@@ -42,11 +45,11 @@ class PortalManager extends React.PureComponent {
 
         return item;
       })
-    }));
+    })));
 
-    this.unmount = key => this.setState(state => ({
+    _defineProperty(this, "unmount", key => this.setState(state => ({
       portals: state.portals.filter(item => item.key !== key)
-    }));
+    })));
   }
 
   render() {
@@ -68,15 +71,4 @@ class PortalManager extends React.PureComponent {
 
 }
 
-exports.default = PortalManager;le: false
-        /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */
-        ,
-        pointerEvents: "box-none",
-        style: _reactNative.StyleSheet.absoluteFill
-      }, children);
-    });
-  }
-
-}
-
 exports.default = PortalManager;

package/lib/commonjs/components/Stepper.js

@@ -15,6 +15,8 @@ var _theming = require("../theming");
 
 var _IconButton = _interopRequireDefault(require("./IconButton"));
 
+var _utilities = require("../utilities");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -28,7 +30,6 @@ const Stepper = _ref => {
     value: valueProp,
     defaultValue,
     style,
-    typeStyle,
     iconSize = 24,
     iconColor,
     onChange,
@@ -38,6 +39,10 @@ const Stepper = _ref => {
     },
     Icon
   } = _ref;
+  const {
+    viewStyles,
+    textStyles
+  } = (0, _utilities.extractStyles)(style);
   const [value, setValue] = (0, _react.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
 
   const isValidValue = valueArg => valueArg >= min && valueArg <= max;
@@ -60,7 +65,7 @@ const Stepper = _ref => {
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [{
       flexDirection: "row"
-    }, style]
+    }, viewStyles]
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     Icon: Icon,
     icon: "MaterialIcons/remove",
@@ -77,7 +82,7 @@ const Stepper = _ref => {
       alignSelf: "center",
       color: colors.medium,
       marginHorizontal: 8
-    }, typeStyle]
+    }, textStyles]
   }, value), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     Icon: Icon,
     icon: "MaterialIcons/add",

package/lib/commonjs/constants.js

@@ -16,4 +16,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
   ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
 });
 
-exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;

package/lib/commonjs/mappings/AudioPlayer.js

@@ -12,7 +12,17 @@ const SEED_DATA = {
   tag: "AudioPlayer",
   description: "Given a source URL, plays sounds & audio!",
   category: _types.COMPONENT_TYPES.media,
-  layout: {},
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position],
+  layout: {
+    backgroundColor: "#eee",
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 24,
+    flexDirection: "row",
+    alignItems: "center"
+  },
   props: {
     source: {
       group: _types.GROUPS.data,
@@ -23,7 +33,27 @@ const SEED_DATA = {
       defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
       formType: _types.FORM_TYPES.sourceUrl,
       propType: _types.PROP_TYPES.OBJECT
-    }
+    },
+    sliderColor: (0, _types.createColorProp)({
+      label: "Thumb Color",
+      defaultValue: "strong"
+    }),
+    completedTrackColor: (0, _types.createColorProp)({
+      label: "Completed Track Color",
+      defaultValue: "background"
+    }),
+    remainingTrackColor: (0, _types.createColorProp)({
+      label: "Remaining Track Color",
+      defaultValue: "light"
+    }),
+    trackThumbSize: (0, _types.createNumberProp)({
+      label: "Thumb Size",
+      defaultValue: 24
+    }),
+    playIconColor: (0, _types.createColorProp)({
+      label: "Play Icon Color",
+      defaultValue: "strong"
+    })
   }
 };
 exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/DatePicker.js

@@ -18,6 +18,12 @@ const SEED_DATA_PROPS = {
     required: true,
     group: _types.GROUPS.data
   },
+  labelSize: (0, _types.createNumberProp)({
+    label: "Label Size"
+  }),
+  labelColor: (0, _types.createColorProp)({
+    label: "Label Color"
+  }),
   mode: {
     label: "Mode",
     description: "Choose between date, time and datetime",
@@ -29,6 +35,12 @@ const SEED_DATA_PROPS = {
     options: ["date", "time", "datetime"],
     group: _types.GROUPS.basic
   },
+  borderColor: (0, _types.createColorProp)({
+    label: "Border Color"
+  }),
+  borderColorActive: (0, _types.createColorProp)({
+    label: "Border Color"
+  }),
   format: {
     label: "Format",
     description: "Create an output format for the date.",
@@ -145,6 +157,7 @@ const SEED_DATA = [{
   category: _types.COMPONENT_TYPES.input,
   layout: null,
   triggers: [_types.Triggers.OnDateChange],
+  StylesPanelSections: [_types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Size, _types.StylesPanelSections.Typography],
   props: { ...SEED_DATA_PROPS,
     type: {
       label: "Appearance",

package/lib/commonjs/mappings/Stepper.js

@@ -12,7 +12,7 @@ const SEED_DATA = [{
   tag: "Stepper",
   description: "A component used to control the quantity of something",
   category: _types.COMPONENT_TYPES.control,
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, ..._types.BLOCK_STYLES_SECTIONS],
   layout: {},
   triggers: [_types.Triggers.OnChange],
   props: {

package/lib/module/components/DatePicker/DatePicker.js

@@ -8,6 +8,7 @@ import { withTheme } from "../../theming";
 import Portal from "../Portal/Portal";
 import Touchable from "../Touchable";
 import DateTimePicker from "./DatePickerComponent";
+import { extractStyles } from "../../utilities";
 const AnimatedText = Animated.createAnimatedComponent(Text);
 const FOCUS_ANIMATION_DURATION = 150;
 const BLUR_ANIMATION_DURATION = 180;
@@ -35,7 +36,11 @@ const DatePicker = _ref => {
     rightIconName,
     leftIconMode = "inset",
     label,
+    labelSize,
+    labelColor,
     placeholder,
+    borderColor: inputBorderColor,
+    borderColorActive: inputBorderColorActive,
     ...props
   } = _ref;
   const [value, setValue] = React.useState(date || defaultValue);
@@ -52,6 +57,9 @@ const DatePicker = _ref => {
     measured: false,
     width: 0
   });
+  const {
+    textStyles
+  } = extractStyles(style);
 
   const getValidDate = () => {
     if (!value) {
@@ -153,8 +161,8 @@ const DatePicker = _ref => {
 
   const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
   const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);
-  const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;
-  const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;
+  const MAXIMIZED_LABEL_FONT_SIZE = (textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontSize) || typography.subtitle1.fontSize;
+  const MINIMIZED_LABEL_FONT_SIZE = labelSize ? labelSize : typography.caption.fontSize;
   const hasActiveOutline = focused;
   let inputTextColor, activeColor, underlineColor, borderColor, placeholderColor, containerStyle, backgroundColor, inputStyle;
   inputTextColor = colors.strong;
@@ -166,9 +174,9 @@ const DatePicker = _ref => {
     underlineColor = "transparent";
     backgroundColor = colors.divider;
   } else {
-    activeColor = colors.primary;
-    placeholderColor = borderColor = colors.light;
-    underlineColor = colors.light;
+    activeColor = inputBorderColorActive || colors.primary;
+    placeholderColor = borderColor = inputBorderColor || colors.light;
+    underlineColor = inputBorderColor || colors.light;
     backgroundColor = colors.background;
   }
 
@@ -228,6 +236,7 @@ const DatePicker = _ref => {
   };
   const labelStyle = { ...typography.subtitle1,
     top: type === "solid" ? 16 : 0,
+    fontFamily: textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontFamily,
     left: leftIconName && leftIconMode === "inset" ? ICON_SIZE + (type === "solid" ? 16 : 12) : 0,
     transform: [{
       // Move label to top
@@ -251,7 +260,7 @@ const DatePicker = _ref => {
   };
   const inputStyles = [styles.input, inputStyle, type === "solid" ? {
     marginHorizontal: 12
-  } : {}]; // const render = (props) => <NativeTextInput {...props} />;
+  } : {}, textStyles]; // const render = (props) => <NativeTextInput {...props} />;
 
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, style]
@@ -297,7 +306,7 @@ const DatePicker = _ref => {
     style: [styles.placeholder, type === "solid" ? {
       paddingHorizontal: 12
     } : {}, labelStyle, {
-      color: colors.light,
+      color: labelColor || colors.light,
       opacity: labeled.interpolate({
         inputRange: [0, 1],
         outputRange: [hasActiveOutline ? 1 : 0, 0]
@@ -308,7 +317,7 @@ const DatePicker = _ref => {
     style: [styles.placeholder, type === "solid" ? {
       paddingHorizontal: 12
     } : {}, labelStyle, {
-      color: placeholderColor,
+      color: labelColor || placeholder,
       opacity: hasActiveOutline ? labeled : 1
     }],
     numberOfLines: 1

package/lib/module/components/Stepper.js

@@ -3,6 +3,7 @@ import { View, Text } from "react-native";
 import { isNumber } from "lodash";
 import { withTheme } from "../theming";
 import IconButton from "./IconButton";
+import { extractStyles } from "../utilities";
 
 const Stepper = _ref => {
   let {
@@ -11,7 +12,6 @@ const Stepper = _ref => {
     value: valueProp,
     defaultValue,
     style,
-    typeStyle,
     iconSize = 24,
     iconColor,
     onChange,
@@ -21,6 +21,10 @@ const Stepper = _ref => {
     },
     Icon
   } = _ref;
+  const {
+    viewStyles,
+    textStyles
+  } = extractStyles(style);
   const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
 
   const isValidValue = valueArg => valueArg >= min && valueArg <= max;
@@ -43,7 +47,7 @@ const Stepper = _ref => {
   return /*#__PURE__*/React.createElement(View, {
     style: [{
       flexDirection: "row"
-    }, style]
+    }, viewStyles]
   }, /*#__PURE__*/React.createElement(IconButton, {
     Icon: Icon,
     icon: "MaterialIcons/remove",
@@ -60,7 +64,7 @@ const Stepper = _ref => {
       alignSelf: "center",
       color: colors.medium,
       marginHorizontal: 8
-    }, typeStyle]
+    }, textStyles]
   }, value), /*#__PURE__*/React.createElement(IconButton, {
     Icon: Icon,
     icon: "MaterialIcons/add",

package/lib/module/mappings/AudioPlayer.js

@@ -1,10 +1,20 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, StylesPanelSections, createColorProp, createNumberProp } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Audio Player",
   tag: "AudioPlayer",
   description: "Given a source URL, plays sounds & audio!",
   category: COMPONENT_TYPES.media,
-  layout: {},
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position],
+  layout: {
+    backgroundColor: "#eee",
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 24,
+    flexDirection: "row",
+    alignItems: "center"
+  },
   props: {
     source: {
       group: GROUPS.data,
@@ -15,6 +25,26 @@ export const SEED_DATA = {
       defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
       formType: FORM_TYPES.sourceUrl,
       propType: PROP_TYPES.OBJECT
-    }
+    },
+    sliderColor: createColorProp({
+      label: "Thumb Color",
+      defaultValue: "strong"
+    }),
+    completedTrackColor: createColorProp({
+      label: "Completed Track Color",
+      defaultValue: "background"
+    }),
+    remainingTrackColor: createColorProp({
+      label: "Remaining Track Color",
+      defaultValue: "light"
+    }),
+    trackThumbSize: createNumberProp({
+      label: "Thumb Size",
+      defaultValue: 24
+    }),
+    playIconColor: createColorProp({
+      label: "Play Icon Color",
+      defaultValue: "strong"
+    })
   }
 };

package/lib/module/mappings/DatePicker.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, StylesPanelSections, createNumberProp, createColorProp } from "@draftbit/types";
 const SEED_DATA_PROPS = {
   label: {
     label: "Label",
@@ -10,6 +10,12 @@ const SEED_DATA_PROPS = {
     required: true,
     group: GROUPS.data
   },
+  labelSize: createNumberProp({
+    label: "Label Size"
+  }),
+  labelColor: createColorProp({
+    label: "Label Color"
+  }),
   mode: {
     label: "Mode",
     description: "Choose between date, time and datetime",
@@ -21,6 +27,12 @@ const SEED_DATA_PROPS = {
     options: ["date", "time", "datetime"],
     group: GROUPS.basic
   },
+  borderColor: createColorProp({
+    label: "Border Color"
+  }),
+  borderColorActive: createColorProp({
+    label: "Border Color"
+  }),
   format: {
     label: "Format",
     description: "Create an output format for the date.",
@@ -137,6 +149,7 @@ export const SEED_DATA = [{
   category: COMPONENT_TYPES.input,
   layout: null,
   triggers: [Triggers.OnDateChange],
+  StylesPanelSections: [StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Size, StylesPanelSections.Typography],
   props: { ...SEED_DATA_PROPS,
     type: {
       label: "Appearance",

package/lib/module/mappings/Stepper.js

@@ -1,10 +1,10 @@
-import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
+import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = [{
   name: "Stepper",
   tag: "Stepper",
   description: "A component used to control the quantity of something",
   category: COMPONENT_TYPES.control,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  stylesPanelSections: [StylesPanelSections.Typography, ...BLOCK_STYLES_SECTIONS],
   layout: {},
   triggers: [Triggers.OnChange],
   props: {

package/lib/typescript/src/Provider.d.ts

@@ -8,3 +8,4 @@ export default class Provider extends React.Component<Props> {
     render(): JSX.Element;
 }
 export {};
+//# sourceMappingURL=Provider.d.ts.map

package/lib/typescript/src/Provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAC1D,MAAM;CAUP"}

package/lib/typescript/src/components/Accordion/AccordionGroup.d.ts

@@ -19,3 +19,4 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
     theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
 }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<AccordionGroupProps> & (({ label, expanded: expandedProp, openColor, closedColor, caretColor: caretColorProp, caretSize, icon, iconSize, style, children, theme, Icon, }: AccordionGroupProps) => JSX.Element), {}>;
 export default _default;
+//# sourceMappingURL=AccordionGroup.d.ts.map

package/lib/typescript/src/components/Accordion/AccordionGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,aAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AAoFb,wBAAyC"}

package/lib/typescript/src/components/Accordion/AccordionItem.d.ts

@@ -13,3 +13,4 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
     theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
 }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & (({ Icon, icon, label, style, iconColor, theme, ...rest }: Props) => JSX.Element), {}>;
 export default _default;
+//# sourceMappingURL=AccordionItem.d.ts.map

package/lib/typescript/src/components/Accordion/AccordionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AAoDb,wBAAwC"}

package/lib/typescript/src/components/Accordion/index.d.ts

@@ -1,2 +1,3 @@
 export { default as AccordionGroup } from "./AccordionGroup";
 export { default as AccordionItem } from "./AccordionItem";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/typescript/src/components/ActionSheet/ActionSheet.d.ts

@@ -6,3 +6,4 @@ interface Props {
 }
 declare const ActionSheet: ({ visible, onClose, children }: Props) => JSX.Element;
 export default ActionSheet;
+//# sourceMappingURL=ActionSheet.d.ts.map

package/lib/typescript/src/components/ActionSheet/ActionSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionSheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,WAAW,mCAA4C,KAAK,gBAsBjE,CAAC;AAkCF,eAAe,WAAW,CAAC"}

package/lib/typescript/src/components/ActionSheet/ActionSheetCancel.d.ts

@@ -8,3 +8,4 @@ declare type Props = {
 };
 declare const ActionSheetCancel: React.FC<React.PropsWithChildren<Props>>;
 export default ActionSheetCancel;
+//# sourceMappingURL=ActionSheetCancel.d.ts.map

package/lib/typescript/src/components/ActionSheet/ActionSheetCancel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSheetCancel.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionSheet/ActionSheetCancel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/D,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAc/D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/components/ActionSheet/ActionSheetItem.d.ts

@@ -8,3 +8,4 @@ declare type Props = {
 };
 declare const ActionSheetItem: React.FC<React.PropsWithChildren<Props>>;
 export default ActionSheetItem;
+//# sourceMappingURL=ActionSheetItem.d.ts.map

package/lib/typescript/src/components/ActionSheet/ActionSheetItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionSheet/ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,SAAS,EAET,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAgB7D,CAAC;AAwBF,eAAe,eAAe,CAAC"}

package/lib/typescript/src/components/ActionSheet/index.d.ts

@@ -1,3 +1,4 @@
 export { default as ActionSheet } from "./ActionSheet";
 export { default as ActionSheetItem } from "./ActionSheetItem";
 export { default as ActionSheetCancel } from "./ActionSheetCancel";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ActionSheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionSheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/typescript/src/components/AnimatedCircularProgress.d.ts

@@ -11,3 +11,4 @@ declare type Props = {
 } & CircularProgressProps;
 declare const AnimatedCircularProgress: React.FC<React.PropsWithChildren<Props>>;
 export default AnimatedCircularProgress;
+//# sourceMappingURL=AnimatedCircularProgress.d.ts.map

package/lib/typescript/src/components/AnimatedCircularProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedCircularProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/AnimatedCircularProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAER,cAAc,EAGf,MAAM,cAAc,CAAC;AACtB,OAAyB,EACvB,KAAK,IAAI,qBAAqB,EAC/B,MAAM,oBAAoB,CAAC;AAG5B,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC;CACxD,GAAG,qBAAqB,CAAC;AAE1B,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CA4EtE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/lib/typescript/src/components/AspectRatio.d.ts

@@ -6,3 +6,4 @@ declare type Props = {
 };
 declare const AspectRatio: React.FC<React.PropsWithChildren<Props>>;
 export default AspectRatio;
+//# sourceMappingURL=AspectRatio.d.ts.map

package/lib/typescript/src/components/AspectRatio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../../src/components/AspectRatio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAuBzD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/typescript/src/components/AvatarEdit.d.ts

@@ -13,3 +13,4 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
     theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
 }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
 export default _default;
+//# sourceMappingURL=AvatarEdit.d.ts.map

package/lib/typescript/src/components/AvatarEdit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarEdit.d.ts","sourceRoot":"","sources":["../../../../src/components/AvatarEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK/E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AAgDb,wBAAqC"}