@draftbit/core 47.0.0-eae99e.2 → 47.0.1-0e56b5.2

package/src/mappings/RowHeadlineImageIcon.ts

@@ -0,0 +1,116 @@
+import {
+  COMPONENT_TYPES,
+  createIconProp,
+  createTextProp,
+  createImageProp,
+  createStaticBoolProp,
+} from "@draftbit/types";
+
+const SEED_DATA_PROPS = {
+  title: createTextProp({
+    label: "Title",
+    description: "Headline text to display",
+  }),
+  icon: createIconProp({
+    defaultValue: null,
+  }),
+};
+
+const IMAGE_PROP = createImageProp();
+const MULTILINE_PROP = createStaticBoolProp({
+  defaultValue: true,
+  editable: false,
+});
+const SUBTITLE_PROP = createTextProp({
+  label: "Subtitle",
+  description: "Subtitle text to display",
+  defaultValue: "San Diego",
+});
+
+export const SEED_DATA = [
+  {
+    name: "Row Single Line Headline Icon",
+    tag: "RowHeadlineImageIcon",
+    description:
+      "A row with left aligned headline text and a right aligned icon",
+    category: COMPONENT_TYPES.row,
+    layout: {},
+    props: {
+      ...SEED_DATA_PROPS,
+    },
+  },
+  {
+    name: "Row Single Line Headline Icon Image",
+    tag: "RowHeadlineImageIcon",
+    description:
+      "A row with left aligned image and headline text and a right aligned icon",
+    category: COMPONENT_TYPES.row,
+    layout: {},
+    props: {
+      ...SEED_DATA_PROPS,
+      image: IMAGE_PROP,
+    },
+  },
+  {
+    name: "Row Double Line Headline Icon",
+    tag: "RowHeadlineImageIcon",
+    description:
+      "A row with left aligned headline text and subtitle text and a right aligned icon",
+    category: COMPONENT_TYPES.row,
+    layout: {},
+    props: {
+      ...SEED_DATA_PROPS,
+      subtitle: SUBTITLE_PROP,
+    },
+  },
+  {
+    name: "Row Double Line Headline Image Icon",
+    tag: "RowHeadlineImageIcon",
+    description:
+      "A row with left aligned headline text and subtitle text and a right aligned icon",
+    category: COMPONENT_TYPES.row,
+    layout: {},
+    props: {
+      ...SEED_DATA_PROPS,
+      image: IMAGE_PROP,
+      subtitle: SUBTITLE_PROP,
+    },
+  },
+  {
+    name: "Row Multiline Headline Icon",
+    tag: "RowHeadlineImageIcon",
+    description:
+      "A row with left aligned headline text and multiline subtitle text and a right aligned icon",
+    category: COMPONENT_TYPES.row,
+    layout: {},
+    props: {
+      ...SEED_DATA_PROPS,
+      multilineSubtitle: MULTILINE_PROP,
+      subtitle: createTextProp({
+        label: "Subtitle",
+        description: "Subtitle text to display",
+        defaultValue:
+          "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate",
+      }),
+    },
+  },
+  {
+    name: "Row Multiline Headline Image Icon",
+    tag: "RowHeadlineImageIcon",
+    description:
+      "A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon",
+    category: COMPONENT_TYPES.row,
+    layout: {},
+    props: {
+      ...SEED_DATA_PROPS,
+      image: IMAGE_PROP,
+      multilineSubtitle: MULTILINE_PROP,
+      subtitle: createTextProp({
+        label: "Subtitle",
+        description: "Subtitle text to display",
+        defaultValue:
+          "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate",
+      }),
+    },
+  },
+];

package/src/mappings/Stepper.js

@@ -1,11 +1,14 @@
-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/src/mappings/Stepper.ts

@@ -6,6 +6,7 @@ import {
   createStaticNumberProp,
   Triggers,
   BLOCK_STYLES_SECTIONS,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = [
@@ -14,7 +15,10 @@ export const SEED_DATA = [
     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/src/mappings/TextArea.js

@@ -1,4 +1,4 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, createDisabledProp, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Text Area",
     tag: "TextInput",
@@ -59,6 +59,17 @@ export const SEED_DATA = {
             formType: FORM_TYPES.boolean,
             propType: PROP_TYPES.BOOLEAN,
         },
+        blurOnSubmit: {
+            group: GROUPS.advanced,
+            label: "Blur On Submit",
+            description: "If true, the text field will blur when submitted. ",
+            editable: true,
+            required: false,
+            defaultValue: null,
+            formType: FORM_TYPES.boolean,
+            propType: PROP_TYPES.BOOLEAN,
+        },
+        disabled: createDisabledProp(),
         caretHidden: {
             group: GROUPS.advanced,
             label: "Hide Caret",
@@ -80,12 +91,12 @@ export const SEED_DATA = {
             propType: PROP_TYPES.BOOLEAN,
         },
         editable: {
-            group: GROUPS.advanced,
-            label: "Editable",
+            group: GROUPS.data,
+            label: "Editable?",
             description: "If false, the text is not editable",
             editable: true,
             required: false,
-            defaultValue: true,
+            defaultValue: null,
             formType: FORM_TYPES.boolean,
             propType: PROP_TYPES.BOOLEAN,
         },

package/src/mappings/TextArea.ts

@@ -5,6 +5,7 @@ import {
   PROP_TYPES,
   FIELD_NAME,
   Triggers,
+  createDisabledProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -69,6 +70,17 @@ export const SEED_DATA = {
       formType: FORM_TYPES.boolean,
       propType: PROP_TYPES.BOOLEAN,
     },
+    blurOnSubmit: {
+      group: GROUPS.advanced,
+      label: "Blur On Submit",
+      description: "If true, the text field will blur when submitted. ",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: FORM_TYPES.boolean,
+      propType: PROP_TYPES.BOOLEAN,
+    },
+    disabled: createDisabledProp(),
     caretHidden: {
       group: GROUPS.advanced,
       label: "Hide Caret",
@@ -91,12 +103,12 @@ export const SEED_DATA = {
       propType: PROP_TYPES.BOOLEAN,
     },
     editable: {
-      group: GROUPS.advanced,
-      label: "Editable",
+      group: GROUPS.data,
+      label: "Editable?",
       description: "If false, the text is not editable",
       editable: true,
       required: false,
-      defaultValue: true,
+      defaultValue: null,
       formType: FORM_TYPES.boolean,
       propType: PROP_TYPES.BOOLEAN,
     },

package/src/mappings/TextField.js

@@ -62,7 +62,7 @@ const SEED_DATA_PROPS = {
         propType: PROP_TYPES.BOOLEAN,
     },
     disabled: {
-        group: GROUPS.basic,
+        group: GROUPS.data,
         label: "Disabled",
         description: "Whether the input should be disabled. Will prevent input and show a greyed out state.",
         formType: FORM_TYPES.boolean,
@@ -72,12 +72,22 @@ const SEED_DATA_PROPS = {
         required: false,
     },
     editable: {
-        group: GROUPS.advanced,
-        label: "Editable",
+        group: GROUPS.data,
+        label: "Editable?",
         description: "If false, the text is not editable",
         editable: true,
         required: false,
-        defaultValue: true,
+        defaultValue: null,
+        formType: FORM_TYPES.boolean,
+        propType: PROP_TYPES.BOOLEAN,
+    },
+    blurOnSubmit: {
+        group: GROUPS.advanced,
+        label: "Blur On Submit",
+        description: "If true, the text field will blur when submitted. ",
+        editable: true,
+        required: false,
+        defaultValue: null,
         formType: FORM_TYPES.boolean,
         propType: PROP_TYPES.BOOLEAN,
     },

package/src/mappings/TextField.ts

@@ -77,7 +77,7 @@ const SEED_DATA_PROPS = {
     propType: PROP_TYPES.BOOLEAN,
   },
   disabled: {
-    group: GROUPS.basic,
+    group: GROUPS.data,
     label: "Disabled",
     description:
       "Whether the input should be disabled. Will prevent input and show a greyed out state.",
@@ -88,12 +88,22 @@ const SEED_DATA_PROPS = {
     required: false,
   },
   editable: {
-    group: GROUPS.advanced,
-    label: "Editable",
+    group: GROUPS.data,
+    label: "Editable?",
     description: "If false, the text is not editable",
     editable: true,
     required: false,
-    defaultValue: true,
+    defaultValue: null,
+    formType: FORM_TYPES.boolean,
+    propType: PROP_TYPES.BOOLEAN,
+  },
+  blurOnSubmit: {
+    group: GROUPS.advanced,
+    label: "Blur On Submit",
+    description: "If true, the text field will blur when submitted. ",
+    editable: true,
+    required: false,
+    defaultValue: null,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
   },

package/src/mappings/TextInput.js

@@ -1,4 +1,4 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections, } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections, createDisabledProp, } from "@draftbit/types";
 export const SEED_DATA_PROPS = {
     style: {
         group: GROUPS.basic,
@@ -150,12 +150,12 @@ export const SEED_DATA = [
                 propType: PROP_TYPES.BOOLEAN,
             },
             editable: {
-                group: GROUPS.advanced,
-                label: "Editable",
+                group: GROUPS.data,
+                label: "Editable?",
                 description: "If false, the text is not editable",
                 editable: true,
                 required: false,
-                defaultValue: true,
+                defaultValue: null,
                 formType: FORM_TYPES.boolean,
                 propType: PROP_TYPES.BOOLEAN,
             },
@@ -238,6 +238,16 @@ export const SEED_DATA = [
                 formType: FORM_TYPES.string,
                 propType: PROP_TYPES.STRING,
             },
+            blurOnSubmit: {
+                group: GROUPS.advanced,
+                label: "Blur On Submit",
+                description: "If true, the text field will blur when submitted. ",
+                editable: true,
+                required: false,
+                defaultValue: null,
+                formType: FORM_TYPES.boolean,
+                propType: PROP_TYPES.BOOLEAN,
+            },
             returnKeyType: {
                 group: GROUPS.advanced,
                 label: "Return Key Type",
@@ -317,6 +327,7 @@ export const SEED_DATA = [
                 formType: FORM_TYPES.number,
                 propType: PROP_TYPES.NUMBER,
             },
+            disabled: createDisabledProp(),
             scrollEnabled: {
                 group: GROUPS.basic,
                 label: "Scroll Enabled",

package/src/mappings/TextInput.ts

@@ -6,6 +6,7 @@ import {
   FIELD_NAME,
   Triggers,
   StylesPanelSections,
+  createDisabledProp,
 } from "@draftbit/types";
 
 export const SEED_DATA_PROPS = {
@@ -168,12 +169,12 @@ export const SEED_DATA = [
         propType: PROP_TYPES.BOOLEAN,
       },
       editable: {
-        group: GROUPS.advanced,
-        label: "Editable",
+        group: GROUPS.data,
+        label: "Editable?",
         description: "If false, the text is not editable",
         editable: true,
         required: false,
-        defaultValue: true,
+        defaultValue: null,
         formType: FORM_TYPES.boolean,
         propType: PROP_TYPES.BOOLEAN,
       },
@@ -258,6 +259,16 @@ export const SEED_DATA = [
         formType: FORM_TYPES.string,
         propType: PROP_TYPES.STRING,
       },
+      blurOnSubmit: {
+        group: GROUPS.advanced,
+        label: "Blur On Submit",
+        description: "If true, the text field will blur when submitted. ",
+        editable: true,
+        required: false,
+        defaultValue: null,
+        formType: FORM_TYPES.boolean,
+        propType: PROP_TYPES.BOOLEAN,
+      },
       returnKeyType: {
         group: GROUPS.advanced,
         label: "Return Key Type",
@@ -341,6 +352,7 @@ export const SEED_DATA = [
         formType: FORM_TYPES.number,
         propType: PROP_TYPES.NUMBER,
       },
+      disabled: createDisabledProp(),
       scrollEnabled: {
         group: GROUPS.basic,
         label: "Scroll Enabled",

package/src/mappings/ToggleButton.js

@@ -0,0 +1,50 @@
+import { GROUPS, COMPONENT_TYPES, createIconProp, createBoolProp, createColorProp, createStaticNumberProp, createFieldNameProp, createIconSizeProp, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Toggle Button",
+    tag: "ToggleButton",
+    category: COMPONENT_TYPES.deprecated,
+    stylesPanelSections: [
+        StylesPanelSections.Margins,
+        StylesPanelSections.Effects,
+        StylesPanelSections.Position,
+    ],
+    layout: {},
+    triggers: [Triggers.OnPress],
+    props: {
+        onPress: createActionProp(),
+        icon: createIconProp({
+            required: true,
+        }),
+        iconSize: createIconSizeProp(),
+        fieldName: createFieldNameProp({
+            defaultValue: false,
+            valuePropName: "toggled",
+        }),
+        disabled: createBoolProp({
+            label: "Disabled",
+            description: "Whether the button should be disabled",
+            group: GROUPS.basic,
+        }),
+        color: createColorProp({
+            group: GROUPS.basic,
+        }),
+        colorSecondary: createColorProp({
+            label: "Secondary Color",
+            group: GROUPS.basic,
+        }),
+        borderColor: createColorProp({
+            label: "Border Color",
+            group: GROUPS.basic,
+        }),
+        width: createStaticNumberProp({
+            label: "Width",
+            description: "Width",
+            defaultValue: 50,
+        }),
+        height: createStaticNumberProp({
+            label: "Height",
+            description: "Height",
+            defaultValue: 50,
+        }),
+    },
+};

package/src/mappings/ToggleButton.ts

@@ -0,0 +1,63 @@
+import {
+  GROUPS,
+  COMPONENT_TYPES,
+  createIconProp,
+  createBoolProp,
+  createColorProp,
+  createStaticNumberProp,
+  createFieldNameProp,
+  createIconSizeProp,
+  createActionProp,
+  Triggers,
+  StylesPanelSections,
+} from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Toggle Button",
+  tag: "ToggleButton",
+  category: COMPONENT_TYPES.deprecated,
+  stylesPanelSections: [
+    StylesPanelSections.Margins,
+    StylesPanelSections.Effects,
+    StylesPanelSections.Position,
+  ],
+  layout: {},
+  triggers: [Triggers.OnPress],
+  props: {
+    onPress: createActionProp(),
+    icon: createIconProp({
+      required: true,
+    }),
+    iconSize: createIconSizeProp(),
+    fieldName: createFieldNameProp({
+      defaultValue: false,
+      valuePropName: "toggled",
+    }),
+    disabled: createBoolProp({
+      label: "Disabled",
+      description: "Whether the button should be disabled",
+      group: GROUPS.basic,
+    }),
+    color: createColorProp({
+      group: GROUPS.basic,
+    }),
+    colorSecondary: createColorProp({
+      label: "Secondary Color",
+      group: GROUPS.basic,
+    }),
+    borderColor: createColorProp({
+      label: "Border Color",
+      group: GROUPS.basic,
+    }),
+    width: createStaticNumberProp({
+      label: "Width",
+      description: "Width",
+      defaultValue: 50,
+    }),
+    height: createStaticNumberProp({
+      label: "Height",
+      description: "Height",
+      defaultValue: 50,
+    }),
+  },
+};

package/src/styles/overlay.tsx

@@ -4,13 +4,13 @@ import { Animated } from "react-native";
 import DarkTheme from "./DarkTheme";
 
 const isAnimatedValue = (
-  it: number | Animated.AnimatedInterpolation
+  it: number | Animated.AnimatedInterpolation<string | number>
 ): it is Animated.Value => it instanceof Animated.Value;
 
 export default function overlay<T extends Animated.Value | number>(
   elevation: T,
   surfaceColor: string = DarkTheme.colors.surface
-): T extends number ? string : Animated.AnimatedInterpolation {
+): T extends number ? string : Animated.AnimatedInterpolation<string | number> {
   if (isAnimatedValue(elevation)) {
     const inputRange = [0, 1, 2, 3, 8, 24];
 

package/lib/commonjs/Provider.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Provider","React","Component","render","props","theme","children"],"sources":["Provider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ThemeProvider } from \"./theming\";\nimport PortalHost from \"./components/Portal/PortalHost\";\nimport { Theme } from \"@draftbit/types\";\n\ntype Props = {\n  children: React.ReactNode;\n  theme?: Theme;\n};\n\nexport default class Provider extends React.Component<Props> {\n  render() {\n    return (\n      <PortalHost>\n        {/* @ts-ignore */}\n        <ThemeProvider theme={this.props.theme}>\n          {this.props.children}\n        </ThemeProvider>\n      </PortalHost>\n    );\n  }\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAwD;AAAA;AAAA;AAQzC,MAAMA,QAAQ,SAASC,KAAK,CAACC,SAAS,CAAQ;EAC3DC,MAAM,GAAG;IACP,oBACE,oBAAC,mBAAU,qBAET,oBAAC,sBAAa;MAAC,KAAK,EAAE,IAAI,CAACC,KAAK,CAACC;IAAM,GACpC,IAAI,CAACD,KAAK,CAACE,QAAQ,CACN,CACL;EAEjB;AACF;AAAC"}

package/lib/commonjs/components/Accordion/AccordionGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AccordionGroup","label","expanded","expandedProp","openColor","closedColor","caretColor","caretColorProp","caretSize","icon","iconSize","style","children","theme","Icon","setExpanded","React","useState","textStyles","viewStyles","extractStyles","expandedColor","colors","primary","collapsedColor","labelColor","handlePressAction","styles","row","content","color","StyleSheet","create","flexDirection","alignItems","flex","justifyContent","marginRight","withTheme"],"sources":["AccordionGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  StyleProp,\n  TextStyle,\n  Pressable,\n} from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport { extractStyles } from \"../../utilities\";\n\ntype AccordionGroupProps = {\n  label?: string;\n  expanded?: boolean;\n  openColor?: string;\n  closedColor?: string;\n  caretColor?: string;\n  caretSize?: number;\n  icon?: string;\n  iconSize?: number;\n  style?: StyleProp<TextStyle>;\n  children?: React.ReactNode;\n  theme: Theme;\n} & IconSlot;\n\nconst AccordionGroup = ({\n  label,\n  expanded: expandedProp = false,\n  openColor,\n  closedColor,\n  caretColor: caretColorProp,\n  caretSize = 24,\n  icon,\n  iconSize = 24,\n  style,\n  children,\n  theme,\n  Icon,\n}: AccordionGroupProps) => {\n  const [expanded, setExpanded] = React.useState<boolean>(expandedProp);\n  const { textStyles, viewStyles } = extractStyles(style);\n  const expandedColor = openColor || theme.colors.primary;\n  const collapsedColor = closedColor || theme.colors.primary;\n  const labelColor = expanded ? expandedColor : collapsedColor;\n  const caretColor = caretColorProp || labelColor;\n\n  const handlePressAction = () => {\n    setExpanded(!expanded);\n  };\n\n  return (\n    <>\n      <Pressable\n        style={[styles.row, viewStyles]}\n        onPress={handlePressAction}\n        accessibilityRole=\"button\"\n      >\n        {icon ? (\n          <Icon\n            name={icon}\n            size={iconSize}\n            color={labelColor}\n            style={styles.icon}\n          />\n        ) : null}\n        <View style={styles.content}>\n          <Text\n            selectable={false}\n            style={[\n              textStyles,\n              {\n                color: labelColor,\n              },\n            ]}\n          >\n            {label}\n          </Text>\n        </View>\n        <Icon\n          name={\n            expanded\n              ? \"MaterialIcons/keyboard-arrow-up\"\n              : \"MaterialIcons/keyboard-arrow-down\"\n          }\n          color={caretColor}\n          size={caretSize}\n        />\n      </Pressable>\n      {expanded ? children : null}\n    </>\n  );\n};\n\nconst styles = StyleSheet.create({\n  row: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  content: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n  icon: {\n    marginRight: 8,\n  },\n});\n\nexport default withTheme(AccordionGroup);\n"],"mappings":";;;;;;AAAA;AACA;AAOA;AACA;AAGA;AAAgD;AAAA;AAAA;AAgBhD,MAAMA,cAAc,GAAG,QAaI;EAAA,IAbH;IACtBC,KAAK;IACLC,QAAQ,EAAEC,YAAY,GAAG,KAAK;IAC9BC,SAAS;IACTC,WAAW;IACXC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,GAAG,EAAE;IACdC,IAAI;IACJC,QAAQ,GAAG,EAAE;IACbC,KAAK;IACLC,QAAQ;IACRC,KAAK;IACLC;EACmB,CAAC;EACpB,MAAM,CAACZ,QAAQ,EAAEa,WAAW,CAAC,GAAGC,KAAK,CAACC,QAAQ,CAAUd,YAAY,CAAC;EACrE,MAAM;IAAEe,UAAU;IAAEC;EAAW,CAAC,GAAG,IAAAC,wBAAa,EAACT,KAAK,CAAC;EACvD,MAAMU,aAAa,GAAGjB,SAAS,IAAIS,KAAK,CAACS,MAAM,CAACC,OAAO;EACvD,MAAMC,cAAc,GAAGnB,WAAW,IAAIQ,KAAK,CAACS,MAAM,CAACC,OAAO;EAC1D,MAAME,UAAU,GAAGvB,QAAQ,GAAGmB,aAAa,GAAGG,cAAc;EAC5D,MAAMlB,UAAU,GAAGC,cAAc,IAAIkB,UAAU;EAE/C,MAAMC,iBAAiB,GAAG,MAAM;IAC9BX,WAAW,CAAC,CAACb,QAAQ,CAAC;EACxB,CAAC;EAED,oBACE,uDACE,oBAAC,sBAAS;IACR,KAAK,EAAE,CAACyB,MAAM,CAACC,GAAG,EAAET,UAAU,CAAE;IAChC,OAAO,EAAEO,iBAAkB;IAC3B,iBAAiB,EAAC;EAAQ,GAEzBjB,IAAI,gBACH,oBAAC,IAAI;IACH,IAAI,EAAEA,IAAK;IACX,IAAI,EAAEC,QAAS;IACf,KAAK,EAAEe,UAAW;IAClB,KAAK,EAAEE,MAAM,CAAClB;EAAK,EACnB,GACA,IAAI,eACR,oBAAC,iBAAI;IAAC,KAAK,EAAEkB,MAAM,CAACE;EAAQ,gBAC1B,oBAAC,aAAI;IACH,UAAU,EAAE,KAAM;IAClB,KAAK,EAAE,CACLX,UAAU,EACV;MACEY,KAAK,EAAEL;IACT,CAAC;EACD,GAEDxB,KAAK,CACD,CACF,eACP,oBAAC,IAAI;IACH,IAAI,EACFC,QAAQ,GACJ,iCAAiC,GACjC,mCACL;IACD,KAAK,EAAEI,UAAW;IAClB,IAAI,EAAEE;EAAU,EAChB,CACQ,EACXN,QAAQ,GAAGU,QAAQ,GAAG,IAAI,CAC1B;AAEP,CAAC;AAED,MAAMe,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,GAAG,EAAE;IACHK,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDL,OAAO,EAAE;IACPM,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACD3B,IAAI,EAAE;IACJ4B,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAAC,eAEY,IAAAC,kBAAS,EAACtC,cAAc,CAAC;AAAA"}

package/lib/commonjs/components/Accordion/AccordionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","extractStyles","styles","container","row","colors","primary","item","content","StyleSheet","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent","withTheme"],"sources":["AccordionItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Pressable,\n  StyleSheet,\n  View,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\nimport Text from \"../Text\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { extractStyles } from \"../../utilities\";\nimport { withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n  icon?: string;\n  label: string;\n  iconColor?: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst AccordionItem = ({\n  Icon,\n  icon,\n  label,\n  style,\n  iconColor,\n  theme,\n  ...rest\n}: Props) => {\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Pressable style={[styles.container, viewStyles]} {...rest}>\n      <View style={styles.row}>\n        {icon ? (\n          <Icon\n            name={icon}\n            size={24}\n            color={iconColor || theme.colors.primary}\n          />\n        ) : null}\n        <View style={[styles.item, styles.content]}>\n          <Text selectable={false} style={textStyles}>\n            {label}\n          </Text>\n        </View>\n      </View>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    padding: 8,\n  },\n  row: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    paddingLeft: 8,\n  },\n  item: {\n    marginVertical: 6,\n    paddingLeft: 8,\n  },\n  content: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n});\n\nexport default withTheme(AccordionItem);\n"],"mappings":";;;;;;AAAA;AACA;AAQA;AAEA;AACA;AAA0C;AAAA;AAAA;AAAA;AAW1C,MAAMA,aAAa,GAAG,QAQT;EAAA,IARU;IACrBC,IAAI;IACJC,IAAI;IACJC,KAAK;IACLC,KAAK;IACLC,SAAS;IACTC,KAAK;IACL,GAAGC;EACE,CAAC;EACN,MAAM;IAAEC,UAAU;IAAEC;EAAW,CAAC,GAAG,IAAAC,wBAAa,EAACN,KAAK,CAAC;EAEvD,oBACE,oBAAC,sBAAS;IAAC,KAAK,EAAE,CAACO,MAAM,CAACC,SAAS,EAAEH,UAAU;EAAE,GAAKF,IAAI,gBACxD,oBAAC,iBAAI;IAAC,KAAK,EAAEI,MAAM,CAACE;EAAI,GACrBX,IAAI,gBACH,oBAAC,IAAI;IACH,IAAI,EAAEA,IAAK;IACX,IAAI,EAAE,EAAG;IACT,KAAK,EAAEG,SAAS,IAAIC,KAAK,CAACQ,MAAM,CAACC;EAAQ,EACzC,GACA,IAAI,eACR,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACJ,MAAM,CAACK,IAAI,EAAEL,MAAM,CAACM,OAAO;EAAE,gBACzC,oBAAC,aAAI;IAAC,UAAU,EAAE,KAAM;IAAC,KAAK,EAAET;EAAW,GACxCL,KAAK,CACD,CACF,CACF,CACG;AAEhB,CAAC;AAED,MAAMQ,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,OAAO,EAAE;EACX,CAAC;EACDP,GAAG,EAAE;IACHQ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE;EACf,CAAC;EACDP,IAAI,EAAE;IACJQ,cAAc,EAAE,CAAC;IACjBD,WAAW,EAAE;EACf,CAAC;EACDN,OAAO,EAAE;IACPQ,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAAC,eAEY,IAAAC,kBAAS,EAAC3B,aAAa,CAAC;AAAA"}

package/lib/commonjs/components/Accordion/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export { default as AccordionGroup } from \"./AccordionGroup\";\nexport { default as AccordionItem } from \"./AccordionItem\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AAA2D"}

package/lib/commonjs/components/ActionSheet/ActionSheet.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ActionSheet","visible","onClose","children","styles","wrapper","overlay","groupWrapper","group","React","Children","toArray","filter","child","type","ActionSheetCancel","StyleSheet","create","flex","display","flexDirection","position","top","left","right","bottom","backgroundColor","opacity","justifyContent","marginBottom","borderRadius","marginHorizontal","marginVertical","overflow"],"sources":["ActionSheet.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport Portal from \"../Portal/Portal\";\nimport Touchable from \"../Touchable\";\nimport ActionSheetCancel from \"./ActionSheetCancel\";\n\ninterface Props {\n  visible: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n}\n\nconst ActionSheet = ({ visible = false, onClose, children }: Props) => {\n  return visible ? (\n    <Portal>\n      <Touchable style={styles.wrapper} onPress={onClose}>\n        <View style={styles.overlay} />\n        <View style={styles.groupWrapper}>\n          <View style={styles.group}>\n            {React.Children.toArray(children).filter(\n              (child: any) => child?.type !== ActionSheetCancel\n            )}\n          </View>\n          <View style={styles.group}>\n            {React.Children.toArray(children).filter(\n              (child: any) => child.type === ActionSheetCancel\n            )}\n          </View>\n        </View>\n      </Touchable>\n    </Portal>\n  ) : (\n    <></>\n  );\n};\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n  },\n  overlay: {\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    backgroundColor: \"#000000\",\n    opacity: 0.3,\n  },\n  groupWrapper: {\n    flex: 1,\n    flexDirection: \"column\",\n    justifyContent: \"flex-end\",\n    display: \"flex\",\n    marginBottom: 25,\n  },\n  group: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    borderRadius: 10,\n    marginHorizontal: 7,\n    marginVertical: 2.5,\n    overflow: \"hidden\",\n  },\n});\n\nexport default ActionSheet;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAAoD;AAQpD,MAAMA,WAAW,GAAG,QAAmD;EAAA,IAAlD;IAAEC,OAAO,GAAG,KAAK;IAAEC,OAAO;IAAEC;EAAgB,CAAC;EAChE,OAAOF,OAAO,gBACZ,6BAAC,eAAM,qBACL,6BAAC,kBAAS;IAAC,KAAK,EAAEG,MAAM,CAACC,OAAQ;IAAC,OAAO,EAAEH;EAAQ,gBACjD,6BAAC,iBAAI;IAAC,KAAK,EAAEE,MAAM,CAACE;EAAQ,EAAG,eAC/B,6BAAC,iBAAI;IAAC,KAAK,EAAEF,MAAM,CAACG;EAAa,gBAC/B,6BAAC,iBAAI;IAAC,KAAK,EAAEH,MAAM,CAACI;EAAM,GACvBC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACR,QAAQ,CAAC,CAACS,MAAM,CACrCC,KAAU,IAAK,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,IAAI,MAAKC,0BAAiB,CAClD,CACI,eACP,6BAAC,iBAAI;IAAC,KAAK,EAAEX,MAAM,CAACI;EAAM,GACvBC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACR,QAAQ,CAAC,CAACS,MAAM,CACrCC,KAAU,IAAKA,KAAK,CAACC,IAAI,KAAKC,0BAAiB,CACjD,CACI,CACF,CACG,CACL,gBAET,2DACD;AACH,CAAC;AAED,MAAMX,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,OAAO,EAAE;IACPa,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE;EACjB,CAAC;EACDd,OAAO,EAAE;IACPe,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE,SAAS;IAC1BC,OAAO,EAAE;EACX,CAAC;EACDpB,YAAY,EAAE;IACZW,IAAI,EAAE,CAAC;IACPE,aAAa,EAAE,QAAQ;IACvBQ,cAAc,EAAE,UAAU;IAC1BT,OAAO,EAAE,MAAM;IACfU,YAAY,EAAE;EAChB,CAAC;EACDrB,KAAK,EAAE;IACLW,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBU,YAAY,EAAE,EAAE;IAChBC,gBAAgB,EAAE,CAAC;IACnBC,cAAc,EAAE,GAAG;IACnBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAAC,eAEYjC,WAAW;AAAA"}

package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ActionSheetCancel","label","color","style","onPress"],"sources":["ActionSheetCancel.tsx"],"sourcesContent":["import React from \"react\";\nimport { StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport ActionSheetItem from \"./ActionSheetItem\";\n\ntype Props = {\n  label: string;\n  color: string;\n  style?: StyleProp<ViewStyle | TextStyle>;\n  onPress?: () => void;\n};\n\nconst ActionSheetCancel: React.FC<React.PropsWithChildren<Props>> = ({\n  label = \"Cancel\",\n  color,\n  style,\n  onPress,\n}) => {\n  return (\n    <ActionSheetItem\n      label={label}\n      color={color || \"#FF453A\"}\n      style={[style]}\n      onPress={onPress}\n    />\n  );\n};\n\nexport default ActionSheetCancel;\n"],"mappings":";;;;;;AAAA;AAEA;AAAgD;AAShD,MAAMA,iBAA2D,GAAG,QAK9D;EAAA,IAL+D;IACnEC,KAAK,GAAG,QAAQ;IAChBC,KAAK;IACLC,KAAK;IACLC;EACF,CAAC;EACC,oBACE,6BAAC,wBAAe;IACd,KAAK,EAAEH,KAAM;IACb,KAAK,EAAEC,KAAK,IAAI,SAAU;IAC1B,KAAK,EAAE,CAACC,KAAK,CAAE;IACf,OAAO,EAAEC;EAAQ,EACjB;AAEN,CAAC;AAAC,eAEaJ,iBAAiB;AAAA"}

package/lib/commonjs/components/ActionSheet/ActionSheetItem.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ActionSheetItem","label","style","color","onPress","textStyles","viewStyles","extractStyles","styles","wrapper","StyleSheet","create","borderBottomWidth","hairlineWidth","borderBottomColor","backgroundColor","minHeight","overflow","display","justifyContent","fontSize","textAlign","fontWeight","paddingHorizontal","paddingVertical","alignSelf"],"sources":["ActionSheetItem.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Text,\n  StyleSheet,\n  StyleProp,\n  TouchableOpacity,\n  ViewStyle,\n  TextStyle,\n} from \"react-native\";\nimport { extractStyles } from \"../../utilities\";\n\ntype Props = {\n  label: string;\n  color: string;\n  style?: StyleProp<ViewStyle | TextStyle>;\n  onPress?: () => void;\n};\n\nconst ActionSheetItem: React.FC<React.PropsWithChildren<Props>> = ({\n  label,\n  style,\n  color,\n  onPress,\n}) => {\n  const { textStyles, viewStyles } = extractStyles(style);\n  return (\n    <TouchableOpacity\n      activeOpacity={0.7}\n      style={[styles.wrapper, viewStyles]}\n      onPress={onPress}\n    >\n      <Text style={[styles.label, textStyles, { color }]}>{label}</Text>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    borderBottomWidth: StyleSheet.hairlineWidth,\n    borderBottomColor: \"#CCCCCC\",\n    backgroundColor: \"#F1F1F1\",\n    minHeight: 50,\n    overflow: \"hidden\",\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n  label: {\n    fontSize: 16,\n    textAlign: \"center\",\n    color: \"#0A84FF\",\n    fontWeight: \"500\",\n    overflow: \"hidden\",\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n    alignSelf: \"center\",\n  },\n});\n\nexport default ActionSheetItem;\n"],"mappings":";;;;;;AAAA;AACA;AAQA;AAAgD;AAShD,MAAMA,eAAyD,GAAG,QAK5D;EAAA,IAL6D;IACjEC,KAAK;IACLC,KAAK;IACLC,KAAK;IACLC;EACF,CAAC;EACC,MAAM;IAAEC,UAAU;IAAEC;EAAW,CAAC,GAAG,IAAAC,wBAAa,EAACL,KAAK,CAAC;EACvD,oBACE,6BAAC,6BAAgB;IACf,aAAa,EAAE,GAAI;IACnB,KAAK,EAAE,CAACM,MAAM,CAACC,OAAO,EAAEH,UAAU,CAAE;IACpC,OAAO,EAAEF;EAAQ,gBAEjB,6BAAC,iBAAI;IAAC,KAAK,EAAE,CAACI,MAAM,CAACP,KAAK,EAAEI,UAAU,EAAE;MAAEF;IAAM,CAAC;EAAE,GAAEF,KAAK,CAAQ,CACjD;AAEvB,CAAC;AAED,MAAMO,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/BF,OAAO,EAAE;IACPG,iBAAiB,EAAEF,uBAAU,CAACG,aAAa;IAC3CC,iBAAiB,EAAE,SAAS;IAC5BC,eAAe,EAAE,SAAS;IAC1BC,SAAS,EAAE,EAAE;IACbC,QAAQ,EAAE,QAAQ;IAClBC,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE;EAClB,CAAC;EACDlB,KAAK,EAAE;IACLmB,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,QAAQ;IACnBlB,KAAK,EAAE,SAAS;IAChBmB,UAAU,EAAE,KAAK;IACjBL,QAAQ,EAAE,QAAQ;IAClBM,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAAC,eAEYzB,eAAe;AAAA"}

package/lib/commonjs/components/ActionSheet/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export { default as ActionSheet } from \"./ActionSheet\";\nexport { default as ActionSheetItem } from \"./ActionSheetItem\";\nexport { default as ActionSheetCancel } from \"./ActionSheetCancel\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAmE"}

package/lib/commonjs/components/Banner.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ELEVATION","DEFAULT_MAX_WIDTH","Banner","initiallyVisible","dismissable","icon","buttonColor","content","contentStyle","style","theme","Icon","rest","visible","setVisible","React","useState","useEffect","current","position","useRef","Animated","Value","layout","setLayout","height","measured","timing","duration","toValue","useNativeDriver","start","handleLayout","nativeEvent","multiply","translateY","add","styles","container","shadow","wrapper","absolute","transform","opacity","marginBottom","message","color","colors","text","actions","primary","StyleSheet","create","elevation","overflow","alignSelf","width","maxWidth","top","flexDirection","justifyContent","marginHorizontal","marginTop","margin","flex","withTheme"],"sources":["Banner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Button,\n  Text,\n  View,\n  ViewStyle,\n  StyleSheet,\n  StyleProp,\n  Animated,\n} from \"react-native\";\nimport Surface from \"./Surface\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\nconst ELEVATION = 1;\nconst DEFAULT_MAX_WIDTH = 960;\n\ntype Props = {\n  initiallyVisible: boolean;\n  dismissable: boolean;\n  buttonColor?: string;\n  icon?: string;\n  content?: string;\n  contentStyle?: StyleProp<ViewStyle>;\n  style?: StyleProp<ViewStyle>;\n  ref?: React.RefObject<View>;\n  /**\n   * @optional\n   */\n  theme: Theme;\n} & IconSlot;\n\ntype NativeEvent = {\n  nativeEvent: {\n    layout: {\n      x: number;\n      y: number;\n      width: number;\n      height: number;\n    };\n  };\n};\n\nconst Banner: React.FC<React.PropsWithChildren<Props>> = ({\n  initiallyVisible = true,\n  dismissable = true,\n  icon,\n  buttonColor,\n  content,\n  contentStyle,\n  style,\n  theme,\n  Icon,\n  ...rest\n}) => {\n  const [visible, setVisible] = React.useState(initiallyVisible);\n\n  React.useEffect(() => {\n    if (initiallyVisible) {\n      setVisible(true);\n    }\n  }, [initiallyVisible]);\n\n  const { current: position } = React.useRef<Animated.Value>(\n    new Animated.Value(visible ? 1 : 0)\n  );\n  const [layout, setLayout] = React.useState<{\n    height: number;\n    measured: boolean;\n  }>({\n    height: 0,\n    measured: false,\n  });\n\n  React.useEffect(() => {\n    if (visible) {\n      // show\n      Animated.timing(position, {\n        duration: 250,\n        toValue: 1,\n        useNativeDriver: false,\n      }).start();\n    } else {\n      // hide\n      Animated.timing(position, {\n        duration: 200,\n        toValue: 0,\n        useNativeDriver: false,\n      }).start();\n    }\n  }, [visible, position]);\n\n  const handleLayout = ({ nativeEvent }: NativeEvent) => {\n    const { height } = nativeEvent.layout;\n    setLayout({ height, measured: true });\n  };\n\n  // The banner animation has 2 parts:\n  // 1. Blank spacer element which animates its height to move the content\n  // 2. Actual banner which animates its translateY\n  // In initial render, we position everything normally and measure the height of the banner\n  // Once we have the height, we apply the height to the spacer and switch the banner to position: absolute\n  // We need this because we need to move the content below as if banner's height was being animated\n  // However we can't animated banner's height directly as it'll also resize the content inside\n  const height = Animated.multiply(position, layout.height);\n\n  const translateY = Animated.multiply(\n    Animated.add(position, -1),\n    layout.height\n  );\n\n  return (\n    <Surface\n      {...rest}\n      style={[styles.container, shadow(ELEVATION) as ViewStyle, style]}\n    >\n      <View style={[styles.wrapper, contentStyle]}>\n        <Animated.View style={{ height }} />\n        <Animated.View\n          onLayout={handleLayout}\n          style={[\n            layout.measured || !visible\n              ? // If we have measured banner's height or it's invisible,\n                // Position it absolutely, the layout will be taken care of the spacer\n                [styles.absolute, { transform: [{ translateY }] }]\n              : // Otherwise position it normally\n                null,\n            !layout.measured && !visible\n              ? // If we haven't measured banner's height yet and it's invisible,\n                // hide it with opacity: 0 so user doesn't see it\n                { opacity: 0 }\n              : null,\n          ]}\n        >\n          <View\n            style={[styles.content, { marginBottom: dismissable ? 0 : 16 }]}\n          >\n            {icon ? (\n              <View style={styles.icon}>\n                <Icon name={icon} size={40} />\n              </View>\n            ) : null}\n            <Text\n              style={[styles.message, { color: theme.colors.text }]}\n              accessibilityLiveRegion={visible ? \"polite\" : \"none\"}\n              accessibilityRole=\"alert\"\n            >\n              {content}\n            </Text>\n          </View>\n          {dismissable ? (\n            <View style={styles.actions}>\n              <Button\n                color={buttonColor || theme.colors.primary}\n                title=\"Close\"\n                onPress={() => setVisible(false)}\n              />\n            </View>\n          ) : null}\n        </Animated.View>\n      </View>\n    </Surface>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    elevation: ELEVATION,\n  },\n  wrapper: {\n    overflow: \"hidden\",\n    alignSelf: \"center\",\n    width: \"100%\",\n    maxWidth: DEFAULT_MAX_WIDTH,\n  },\n  absolute: {\n    position: \"absolute\",\n    top: 0,\n    width: \"100%\",\n  },\n  content: {\n    flexDirection: \"row\",\n    justifyContent: \"flex-start\",\n    marginHorizontal: 8,\n    marginTop: 16,\n    marginBottom: 0,\n  },\n  icon: {\n    margin: 8,\n  },\n  message: {\n    flex: 1,\n    margin: 8,\n  },\n  actions: {\n    flexDirection: \"row\",\n    justifyContent: \"flex-end\",\n    margin: 8,\n  },\n});\n\nexport default withTheme(Banner);\n"],"mappings":"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"}

package/lib/commonjs/components/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CONSTANTS","baseHeight","borderRadius","padding","icon","Base","Icon","title","onPress","loading","disabled","style","props","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","buttonStyles","StyleSheet","flatten","titleStyles","justifyContent","pressed","styles","base","opacity","Solid","theme","roundness","backgroundColor","colors","primary","ButtonSolid","withTheme","Button","Outline","outline","borderColor","ButtonOutline","create","position","flexDirection","alignItems","minHeight","paddingHorizontal","Platform","select","web","cursor","userSelect","borderWidth","bare","undefined","marginRight","marginTop","alignSelf","default","marginBottom"],"sources":["Button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Text,\n  Pressable,\n  Platform,\n  StyleSheet,\n  TextStyle,\n  PressableProps,\n  ActivityIndicator,\n} from \"react-native\";\n\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nconst CONSTANTS = {\n  baseHeight: 42,\n  borderRadius: 4,\n  padding: 8,\n  icon: 24,\n};\n\ntype BaseProps = {\n  title: string;\n  disabled: boolean;\n  loading: boolean;\n  style?: TextStyle;\n  onPress: () => void;\n  icon?: string;\n} & PressableProps &\n  IconSlot;\n\ntype Props = {\n  title: string;\n  disabled: boolean;\n  loading: boolean;\n  style?: TextStyle;\n  onPress: () => void;\n  icon?: string;\n  theme: Theme;\n} & PressableProps &\n  IconSlot;\n\nfunction Base({\n  Icon,\n  icon,\n  title,\n  onPress,\n  loading,\n  disabled,\n  style,\n  ...props\n}: BaseProps): JSX.Element {\n  const {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n    ...buttonStyles\n  } = StyleSheet.flatten(style || ({} as TextStyle));\n\n  const titleStyles: TextStyle = {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n  };\n\n  if (textAlign === \"left\") {\n    buttonStyles.justifyContent = \"flex-start\";\n  }\n\n  if (textAlign === \"right\") {\n    buttonStyles.justifyContent = \"flex-end\";\n  }\n\n  return (\n    <Pressable\n      onPress={onPress}\n      disabled={disabled || loading}\n      style={({ pressed }) => {\n        return [\n          styles.base,\n          {\n            opacity: pressed || disabled ? 0.75 : 1,\n          },\n          buttonStyles,\n        ];\n      }}\n      {...props}\n    >\n      {loading ? (\n        <ActivityIndicator size=\"small\" color={color} style={styles.loading} />\n      ) : null}\n      {icon && !loading ? (\n        <Icon\n          name={icon}\n          color={color as string}\n          style={styles.icon}\n          size={CONSTANTS.icon}\n        />\n      ) : null}\n      <Text style={titleStyles}>{title}</Text>\n    </Pressable>\n  );\n}\n\nconst Solid = ({ style, theme, ...props }: Props): JSX.Element => {\n  return (\n    <Base\n      style={[\n        {\n          color: \"#FFF\",\n          borderRadius: theme.roundness,\n          backgroundColor: theme.colors.primary,\n        },\n        style,\n      ]}\n      {...props}\n    />\n  );\n};\n\nconst ButtonSolid: any = withTheme(Solid);\nexport { ButtonSolid };\n\nconst Button: any = withTheme(Solid);\nexport { Button };\n\nconst Outline = ({ style, theme, ...props }: Props): JSX.Element => {\n  return (\n    <Base\n      style={[\n        styles.outline,\n        {\n          borderRadius: theme.roundness,\n          borderColor: theme.colors.primary,\n          color: theme.colors.primary,\n        },\n        style,\n      ]}\n      {...props}\n    />\n  );\n};\n\nconst ButtonOutline: any = withTheme(Outline);\nexport { ButtonOutline };\n\nconst styles = StyleSheet.create({\n  base: {\n    position: \"relative\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    minHeight: CONSTANTS.baseHeight,\n    paddingHorizontal: 12,\n    fontFamily: \"System\",\n    fontWeight: \"700\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  outline: {\n    backgroundColor: \"transparent\",\n    borderWidth: 1,\n  },\n  bare: {\n    backgroundColor: \"transparent\",\n    padding: 0,\n    minHeight: undefined,\n  },\n  loading: {\n    marginRight: 6,\n  },\n  icon: {\n    ...Platform.select({\n      web: {\n        marginTop: 1,\n        marginRight: 4,\n        alignSelf: \"center\",\n      },\n      default: {\n        marginBottom: 2,\n        marginRight: 4,\n        alignSelf: \"center\",\n      },\n    }),\n  },\n});\n"],"mappings":";;;;;;AAAA;AACA;AAUA;AAAuC;AAAA;AAAA;AAKvC,MAAMA,SAAS,GAAG;EAChBC,UAAU,EAAE,EAAE;EACdC,YAAY,EAAE,CAAC;EACfC,OAAO,EAAE,CAAC;EACVC,IAAI,EAAE;AACR,CAAC;AAuBD,SAASC,IAAI,OASc;EAAA,IATb;IACZC,IAAI;IACJF,IAAI;IACJG,KAAK;IACLC,OAAO;IACPC,OAAO;IACPC,QAAQ;IACRC,KAAK;IACL,GAAGC;EACM,CAAC;EACV,MAAM;IACJC,KAAK;IACLC,UAAU;IACVC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACbC,aAAa;IACbC,SAAS;IACTC,kBAAkB;IAClBC,mBAAmB;IACnBC,mBAAmB;IACnB,GAAGC;EACL,CAAC,GAAGC,uBAAU,CAACC,OAAO,CAACf,KAAK,IAAK,CAAC,CAAe,CAAC;EAElD,MAAMgB,WAAsB,GAAG;IAC7Bd,KAAK;IACLC,UAAU;IACVC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACbC,aAAa;IACbC,SAAS;IACTC,kBAAkB;IAClBC,mBAAmB;IACnBC;EACF,CAAC;EAED,IAAIH,SAAS,KAAK,MAAM,EAAE;IACxBI,YAAY,CAACI,cAAc,GAAG,YAAY;EAC5C;EAEA,IAAIR,SAAS,KAAK,OAAO,EAAE;IACzBI,YAAY,CAACI,cAAc,GAAG,UAAU;EAC1C;EAEA,oBACE,oBAAC,sBAAS;IACR,OAAO,EAAEpB,OAAQ;IACjB,QAAQ,EAAEE,QAAQ,IAAID,OAAQ;IAC9B,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEoB;MAAQ,CAAC;MACjB,OAAO,CACLC,MAAM,CAACC,IAAI,EACX;QACEC,OAAO,EAAEH,OAAO,IAAInB,QAAQ,GAAG,IAAI,GAAG;MACxC,CAAC,EACDc,YAAY,CACb;IACH;EAAE,GACEZ,KAAK,GAERH,OAAO,gBACN,oBAAC,8BAAiB;IAAC,IAAI,EAAC,OAAO;IAAC,KAAK,EAAEI,KAAM;IAAC,KAAK,EAAEiB,MAAM,CAACrB;EAAQ,EAAG,GACrE,IAAI,EACPL,IAAI,IAAI,CAACK,OAAO,gBACf,oBAAC,IAAI;IACH,IAAI,EAAEL,IAAK;IACX,KAAK,EAAES,KAAgB;IACvB,KAAK,EAAEiB,MAAM,CAAC1B,IAAK;IACnB,IAAI,EAAEJ,SAAS,CAACI;EAAK,EACrB,GACA,IAAI,eACR,oBAAC,iBAAI;IAAC,KAAK,EAAEuB;EAAY,GAAEpB,KAAK,CAAQ,CAC9B;AAEhB;AAEA,MAAM0B,KAAK,GAAG,SAAoD;EAAA,IAAnD;IAAEtB,KAAK;IAAEuB,KAAK;IAAE,GAAGtB;EAAa,CAAC;EAC9C,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACL;MACEC,KAAK,EAAE,MAAM;MACbX,YAAY,EAAEgC,KAAK,CAACC,SAAS;MAC7BC,eAAe,EAAEF,KAAK,CAACG,MAAM,CAACC;IAChC,CAAC,EACD3B,KAAK;EACL,GACEC,KAAK,EACT;AAEN,CAAC;AAED,MAAM2B,WAAgB,GAAG,IAAAC,kBAAS,EAACP,KAAK,CAAC;AAAC;AAG1C,MAAMQ,MAAW,GAAG,IAAAD,kBAAS,EAACP,KAAK,CAAC;AAAC;AAGrC,MAAMS,OAAO,GAAG,SAAoD;EAAA,IAAnD;IAAE/B,KAAK;IAAEuB,KAAK;IAAE,GAAGtB;EAAa,CAAC;EAChD,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACLkB,MAAM,CAACa,OAAO,EACd;MACEzC,YAAY,EAAEgC,KAAK,CAACC,SAAS;MAC7BS,WAAW,EAAEV,KAAK,CAACG,MAAM,CAACC,OAAO;MACjCzB,KAAK,EAAEqB,KAAK,CAACG,MAAM,CAACC;IACtB,CAAC,EACD3B,KAAK;EACL,GACEC,KAAK,EACT;AAEN,CAAC;AAED,MAAMiC,aAAkB,GAAG,IAAAL,kBAAS,EAACE,OAAO,CAAC;AAAC;AAG9C,MAAMZ,MAAM,GAAGL,uBAAU,CAACqB,MAAM,CAAC;EAC/Bf,IAAI,EAAE;IACJgB,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBrB,cAAc,EAAE,QAAQ;IACxBsB,SAAS,EAAElD,SAAS,CAACC,UAAU;IAC/BkD,iBAAiB,EAAE,EAAE;IACrBrC,UAAU,EAAE,QAAQ;IACpBC,UAAU,EAAE,KAAK;IACjB,GAAGqC,qBAAQ,CAACC,MAAM,CAAC;MACjBC,GAAG,EAAE;QACHC,MAAM,EAAE,SAAS;QACjBC,UAAU,EAAE;MACd;IACF,CAAC;EACH,CAAC;EACDb,OAAO,EAAE;IACPP,eAAe,EAAE,aAAa;IAC9BqB,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJtB,eAAe,EAAE,aAAa;IAC9BjC,OAAO,EAAE,CAAC;IACV+C,SAAS,EAAES;EACb,CAAC;EACDlD,OAAO,EAAE;IACPmD,WAAW,EAAE;EACf,CAAC;EACDxD,IAAI,EAAE;IACJ,GAAGgD,qBAAQ,CAACC,MAAM,CAAC;MACjBC,GAAG,EAAE;QACHO,SAAS,EAAE,CAAC;QACZD,WAAW,EAAE,CAAC;QACdE,SAAS,EAAE;MACb,CAAC;MACDC,OAAO,EAAE;QACPC,YAAY,EAAE,CAAC;QACfJ,WAAW,EAAE,CAAC;QACdE,SAAS,EAAE;MACb;IACF,CAAC;EACH;AACF,CAAC,CAAC"}