react95-native-rabbl 0.1.1 → 0.1.2

package/dist/module/components/Tabs/Tabs.js

@@ -0,0 +1,157 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { StyleSheet, TouchableHighlight, View } from 'react-native';
+import { withTheme } from '../../core/theming';
+import { padding, margin, blockSizes, buildBorderStyles } from '../../styles/styles';
+import { Border } from '../../styles/styleElements';
+import { Text, Panel } from '../..';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Tabs = ({
+  children,
+  onChange,
+  stretch = false,
+  style,
+  theme,
+  value,
+  ...rest
+}) => {
+  const childrenWithProps = React.Children.map(children, child => {
+    if (! /*#__PURE__*/React.isValidElement(child)) {
+      return null;
+    }
+    const tabProps = {
+      //@ts-ignore
+      selected: child.props.value === value,
+      onPress: onChange,
+      stretch
+    };
+    return /*#__PURE__*/React.cloneElement(child, tabProps);
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    accessibilityRole: "tablist",
+    style: [styles.tabs, style],
+    ...rest,
+    children: [childrenWithProps, /*#__PURE__*/_jsx(View, {
+      style: [styles.tabBodyBorder, {
+        backgroundColor: theme.borderLight,
+        borderTopColor: theme.borderLightest
+      }]
+    })]
+  });
+};
+const Body = ({
+  children,
+  style,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(Panel, {
+    style: [styles.body, style],
+    ...rest,
+    children: children
+  });
+};
+const Tab = ({
+  children,
+  onPress = () => {},
+  selected,
+  stretch,
+  style,
+  theme,
+  value,
+  ...rest
+}) => {
+  const [isPressed, setIsPressed] = useState(false);
+  const borderStyles = buildBorderStyles(theme);
+  return /*#__PURE__*/_jsx(TouchableHighlight, {
+    onPress: () => onPress(value),
+    onHideUnderlay: () => setIsPressed(false),
+    onShowUnderlay: () => setIsPressed(true),
+    underlayColor: "none",
+    style: [styles.tab, {
+      zIndex: selected ? 1 : 0
+    }, stretch ? {
+      flexGrow: 1
+    } : {
+      width: 'auto'
+    }, selected ? margin(0, -8) : margin(0, 0), style],
+    accessibilityRole: "tab",
+    accessibilityState: {
+      selected
+    },
+    ...rest,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.tabContent, {
+        height: selected ? blockSizes.md + 4 : blockSizes.md
+      }, selected ? padding(0, 16) : padding(0, 10)],
+      children: [/*#__PURE__*/_jsx(Border, {
+        radius: 6,
+        style: [{
+          backgroundColor: theme.material
+        }],
+        sharedStyle: {
+          borderBottomWidth: 0,
+          borderBottomLeftRadius: 0,
+          borderBottomRightRadius: 0
+        }
+      }), /*#__PURE__*/_jsx(Text, {
+        children: children
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.mask, {
+          backgroundColor: theme.material
+        }]
+      }), isPressed && /*#__PURE__*/_jsx(View, {
+        style: [styles.focusOutline, borderStyles.focusOutline]
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  tabs: {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    paddingHorizontal: 8,
+    zIndex: 1,
+    bottom: -2
+  },
+  body: {
+    display: 'flex',
+    padding: 16
+  },
+  tab: {
+    alignSelf: 'flex-end'
+  },
+  tabContent: {
+    justifyContent: 'center',
+    width: 'auto'
+  },
+  tabBodyBorder: {
+    height: 4,
+    position: 'absolute',
+    left: 4,
+    right: 4,
+    bottom: -2,
+    borderTopWidth: 2
+  },
+  mask: {
+    height: 4,
+    position: 'absolute',
+    left: 4,
+    right: 4,
+    bottom: -2
+  },
+  focusOutline: {
+    position: 'absolute',
+    left: 6,
+    top: 6,
+    bottom: 4,
+    right: 6
+  }
+});
+const TabWithTheme = withTheme(Tab);
+const BodyWithTheme = withTheme(Body);
+Tabs.Tab = TabWithTheme;
+Tabs.Body = BodyWithTheme;
+export default withTheme(Tabs);
+//# sourceMappingURL=Tabs.js.map

package/dist/module/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","StyleSheet","TouchableHighlight","View","withTheme","padding","margin","blockSizes","buildBorderStyles","Border","Text","Panel","jsx","_jsx","jsxs","_jsxs","Tabs","children","onChange","stretch","style","theme","value","rest","childrenWithProps","Children","map","child","isValidElement","tabProps","selected","props","onPress","cloneElement","accessibilityRole","styles","tabs","tabBodyBorder","backgroundColor","borderLight","borderTopColor","borderLightest","Body","body","Tab","isPressed","setIsPressed","borderStyles","onHideUnderlay","onShowUnderlay","underlayColor","tab","zIndex","flexGrow","width","accessibilityState","tabContent","height","md","radius","material","sharedStyle","borderBottomWidth","borderBottomLeftRadius","borderBottomRightRadius","mask","focusOutline","create","display","flexDirection","alignItems","paddingHorizontal","bottom","alignSelf","justifyContent","position","left","right","borderTopWidth","top","TabWithTheme","BodyWithTheme"],"sourceRoot":"../../../../src","sources":["components/Tabs/Tabs.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAEEC,UAAU,EAEVC,kBAAkB,EAClBC,IAAI,QACC,cAAc;AAGrB,SAASC,SAAS,QAAQ,oBAAoB;AAE9C,SACEC,OAAO,EACPC,MAAM,EACNC,UAAU,EACVC,iBAAiB,QACZ,qBAAqB;AAC5B,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,IAAI,EAAEC,KAAK,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWpC,MAAMC,IAAI,GAAGA,CAAC;EACZC,QAAQ;EACRC,QAAQ;EACRC,OAAO,GAAG,KAAK;EACfC,KAAK;EACLC,KAAK;EACLC,KAAK;EACL,GAAGC;AACM,CAAC,KAAK;EACf,MAAMC,iBAAiB,GAAGzB,KAAK,CAAC0B,QAAQ,CAACC,GAAG,CAACT,QAAQ,EAAEU,KAAK,IAAI;IAC9D,IAAI,eAAC5B,KAAK,CAAC6B,cAAc,CAACD,KAAK,CAAC,EAAE;MAChC,OAAO,IAAI;IACb;IACA,MAAME,QAAQ,GAAG;MACf;MACAC,QAAQ,EAAEH,KAAK,CAACI,KAAK,CAACT,KAAK,KAAKA,KAAK;MACrCU,OAAO,EAAEd,QAAQ;MACjBC;IACF,CAAC;IACD,oBAAOpB,KAAK,CAACkC,YAAY,CAACN,KAAK,EAAEE,QAAQ,CAAC;EAC5C,CAAC,CAAC;EAEF,oBACEd,KAAA,CAACZ,IAAI;IAAC+B,iBAAiB,EAAC,SAAS;IAACd,KAAK,EAAE,CAACe,MAAM,CAACC,IAAI,EAAEhB,KAAK,CAAE;IAAA,GAAKG,IAAI;IAAAN,QAAA,GACpEO,iBAAiB,eAClBX,IAAA,CAACV,IAAI;MACHiB,KAAK,EAAE,CACLe,MAAM,CAACE,aAAa,EACpB;QACEC,eAAe,EAAEjB,KAAK,CAACkB,WAAW;QAClCC,cAAc,EAAEnB,KAAK,CAACoB;MACxB,CAAC;IACD,CACH,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAQD,MAAMC,IAAI,GAAGA,CAAC;EAAEzB,QAAQ;EAAEG,KAAK;EAAE,GAAGG;AAAmB,CAAC,KAAK;EAC3D,oBACEV,IAAA,CAACF,KAAK;IAACS,KAAK,EAAE,CAACe,MAAM,CAACQ,IAAI,EAAEvB,KAAK,CAAE;IAAA,GAAKG,IAAI;IAAAN,QAAA,EACzCA;EAAQ,CACJ,CAAC;AAEZ,CAAC;AAYD,MAAM2B,GAAG,GAAGA,CAAC;EACX3B,QAAQ;EACRe,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClBF,QAAQ;EACRX,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC,KAAK;EACL,GAAGC;AACK,CAAC,KAAK;EACd,MAAM,CAACsB,SAAS,EAAEC,YAAY,CAAC,GAAG9C,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAM+C,YAAY,GAAGvC,iBAAiB,CAACa,KAAK,CAAC;EAE7C,oBACER,IAAA,CAACX,kBAAkB;IACjB8B,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACV,KAAK,CAAE;IAC9B0B,cAAc,EAAEA,CAAA,KAAMF,YAAY,CAAC,KAAK,CAAE;IAC1CG,cAAc,EAAEA,CAAA,KAAMH,YAAY,CAAC,IAAI,CAAE;IACzCI,aAAa,EAAC,MAAM;IACpB9B,KAAK,EAAE,CACLe,MAAM,CAACgB,GAAG,EACV;MAAEC,MAAM,EAAEtB,QAAQ,GAAG,CAAC,GAAG;IAAE,CAAC,EAC5BX,OAAO,GAAG;MAAEkC,QAAQ,EAAE;IAAE,CAAC,GAAG;MAAEC,KAAK,EAAE;IAAO,CAAC,EAC7CxB,QAAQ,GAAGxB,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EACvCc,KAAK,CACL;IACFc,iBAAiB,EAAC,KAAK;IACvBqB,kBAAkB,EAAE;MAClBzB;IACF,CAAE;IAAA,GACEP,IAAI;IAAAN,QAAA,eAERF,KAAA,CAACZ,IAAI;MACHiB,KAAK,EAAE,CACLe,MAAM,CAACqB,UAAU,EACjB;QACEC,MAAM,EAAE3B,QAAQ,GAAGvB,UAAU,CAACmD,EAAE,GAAG,CAAC,GAAGnD,UAAU,CAACmD;MACpD,CAAC,EACD5B,QAAQ,GAAGzB,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,GAAGA,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,CAC1C;MAAAY,QAAA,gBAEFJ,IAAA,CAACJ,MAAM;QACLkD,MAAM,EAAE,CAAE;QACVvC,KAAK,EAAE,CACL;UACEkB,eAAe,EAAEjB,KAAK,CAACuC;QACzB,CAAC,CACD;QACFC,WAAW,EAAE;UACXC,iBAAiB,EAAE,CAAC;UACpBC,sBAAsB,EAAE,CAAC;UACzBC,uBAAuB,EAAE;QAC3B;MAAE,CACH,CAAC,eACFnD,IAAA,CAACH,IAAI;QAAAO,QAAA,EAAEA;MAAQ,CAAO,CAAC,eACvBJ,IAAA,CAACV,IAAI;QAACiB,KAAK,EAAE,CAACe,MAAM,CAAC8B,IAAI,EAAE;UAAE3B,eAAe,EAAEjB,KAAK,CAACuC;QAAS,CAAC;MAAE,CAAE,CAAC,EAClEf,SAAS,iBACRhC,IAAA,CAACV,IAAI;QAACiB,KAAK,EAAE,CAACe,MAAM,CAAC+B,YAAY,EAAEnB,YAAY,CAACmB,YAAY;MAAE,CAAE,CACjE;IAAA,CACG;EAAC,CACW,CAAC;AAEzB,CAAC;AAED,MAAM/B,MAAM,GAAGlC,UAAU,CAACkE,MAAM,CAAC;EAC/B/B,IAAI,EAAE;IACJgC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,UAAU;IACtBC,iBAAiB,EAAE,CAAC;IACpBnB,MAAM,EAAE,CAAC;IACToB,MAAM,EAAE,CAAC;EACX,CAAC;EACD7B,IAAI,EAAE;IACJyB,OAAO,EAAE,MAAM;IACf/D,OAAO,EAAE;EACX,CAAC;EACD8C,GAAG,EAAE;IACHsB,SAAS,EAAE;EACb,CAAC;EACDjB,UAAU,EAAE;IACVkB,cAAc,EAAE,QAAQ;IACxBpB,KAAK,EAAE;EACT,CAAC;EACDjB,aAAa,EAAE;IACboB,MAAM,EAAE,CAAC;IACTkB,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRL,MAAM,EAAE,CAAC,CAAC;IACVM,cAAc,EAAE;EAClB,CAAC;EACDb,IAAI,EAAE;IACJR,MAAM,EAAE,CAAC;IACTkB,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRL,MAAM,EAAE,CAAC;EACX,CAAC;EACDN,YAAY,EAAE;IACZS,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPG,GAAG,EAAE,CAAC;IACNP,MAAM,EAAE,CAAC;IACTK,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AACF,MAAMG,YAAY,GAAG5E,SAAS,CAACwC,GAAG,CAAC;AACnC,MAAMqC,aAAa,GAAG7E,SAAS,CAACsC,IAAI,CAAC;AAErC1B,IAAI,CAAC4B,GAAG,GAAGoC,YAAY;AACvBhE,IAAI,CAAC0B,IAAI,GAAGuC,aAAa;AAEzB,eAAe7E,SAAS,CAACY,IAAI,CAAC","ignoreList":[]}

package/dist/module/components/Tabs/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from './Tabs';
+//# sourceMappingURL=index.js.map

package/dist/module/components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../src","sources":["components/Tabs/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,QAAQ","ignoreList":[]}

package/dist/module/components/TextInput/TextInput.js

@@ -0,0 +1,61 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet, TextInput as NativeTextInput } from 'react-native';
+import { withTheme } from '../../core/theming';
+import { blockSizes, builtTextStyles } from '../../styles/styles';
+import { Border } from '../../styles/styleElements';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// TODO: implement scrollbars in TextInput
+
+const TextInput = ({
+  defaultValue,
+  disabled,
+  style = {},
+  theme,
+  value,
+  variant = 'default',
+  ...rest
+}) => {
+  const hasValue = !!(value || defaultValue);
+  const isFlat = variant === 'flat';
+  const getBackgroundColor = () => {
+    if (isFlat) {
+      return disabled ? theme.flatLight : 'transparent';
+    }
+    return disabled ? theme.material : theme.canvas;
+  };
+  const textStyles = builtTextStyles(theme);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, {
+      padding: isFlat ? 2 : 4
+    }, style],
+    children: [/*#__PURE__*/_jsx(Border, {
+      theme: theme,
+      variant: isFlat ? 'flat' : 'cutout'
+    }), /*#__PURE__*/_jsx(NativeTextInput, {
+      style: [styles.input, {
+        backgroundColor: getBackgroundColor()
+      }, textStyles.regular, disabled && hasValue ? textStyles.disabled : textStyles.default],
+      placeholderTextColor: theme.materialTextDisabled,
+      defaultValue: defaultValue,
+      value: value,
+      editable: !disabled
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      ,
+      ...rest
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    minHeight: blockSizes.md,
+    justifyContent: 'center'
+  },
+  input: {
+    flex: 1,
+    paddingHorizontal: 4
+  }
+});
+export default withTheme(TextInput);
+//# sourceMappingURL=TextInput.js.map

package/dist/module/components/TextInput/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","TextInput","NativeTextInput","withTheme","blockSizes","builtTextStyles","Border","jsx","_jsx","jsxs","_jsxs","defaultValue","disabled","style","theme","value","variant","rest","hasValue","isFlat","getBackgroundColor","flatLight","material","canvas","textStyles","styles","wrapper","padding","children","input","backgroundColor","regular","default","placeholderTextColor","materialTextDisabled","editable","create","minHeight","md","justifyContent","flex","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["components/TextInput/TextInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,EAEJC,UAAU,EACVC,SAAS,IAAIC,eAAe,QAEvB,cAAc;AAGrB,SAASC,SAAS,QAAQ,oBAAoB;AAE9C,SAASC,UAAU,EAAEC,eAAe,QAAQ,qBAAqB;AACjE,SAASC,MAAM,QAAQ,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWpD;;AAEA,MAAMT,SAAS,GAAGA,CAAC;EACjBU,YAAY;EACZC,QAAQ;EACRC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACLC,KAAK;EACLC,OAAO,GAAG,SAAS;EACnB,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,QAAQ,GAAG,CAAC,EAAEH,KAAK,IAAIJ,YAAY,CAAC;EAE1C,MAAMQ,MAAM,GAAGH,OAAO,KAAK,MAAM;EAEjC,MAAMI,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,IAAID,MAAM,EAAE;MACV,OAAOP,QAAQ,GAAGE,KAAK,CAACO,SAAS,GAAG,aAAa;IACnD;IACA,OAAOT,QAAQ,GAAGE,KAAK,CAACQ,QAAQ,GAAGR,KAAK,CAACS,MAAM;EACjD,CAAC;EAED,MAAMC,UAAU,GAAGnB,eAAe,CAACS,KAAK,CAAC;EACzC,oBACEJ,KAAA,CAACX,IAAI;IAACc,KAAK,EAAE,CAACY,MAAM,CAACC,OAAO,EAAE;MAAEC,OAAO,EAAER,MAAM,GAAG,CAAC,GAAG;IAAE,CAAC,EAAEN,KAAK,CAAE;IAAAe,QAAA,gBAChEpB,IAAA,CAACF,MAAM;MAACQ,KAAK,EAAEA,KAAM;MAACE,OAAO,EAAEG,MAAM,GAAG,MAAM,GAAG;IAAS,CAAE,CAAC,eAC7DX,IAAA,CAACN,eAAe;MACdW,KAAK,EAAE,CACLY,MAAM,CAACI,KAAK,EACZ;QACEC,eAAe,EAAEV,kBAAkB,CAAC;MACtC,CAAC,EACDI,UAAU,CAACO,OAAO,EAClBnB,QAAQ,IAAIM,QAAQ,GAAGM,UAAU,CAACZ,QAAQ,GAAGY,UAAU,CAACQ,OAAO,CAC/D;MACFC,oBAAoB,EAAEnB,KAAK,CAACoB,oBAAqB;MACjDvB,YAAY,EAAEA,YAAa;MAC3BI,KAAK,EAAEA,KAAM;MACboB,QAAQ,EAAE,CAACvB;MACX;MAAA;MAAA,GACIK;IAAI,CACT,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMQ,MAAM,GAAGzB,UAAU,CAACoC,MAAM,CAAC;EAC/BV,OAAO,EAAE;IACPW,SAAS,EAAEjC,UAAU,CAACkC,EAAE;IACxBC,cAAc,EAAE;EAClB,CAAC;EACDV,KAAK,EAAE;IACLW,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAetC,SAAS,CAACF,SAAS,CAAC","ignoreList":[]}

package/dist/module/components/TextInput/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from './TextInput';
+//# sourceMappingURL=index.js.map

package/dist/module/components/TextInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../src","sources":["components/TextInput/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,aAAa","ignoreList":[]}

package/dist/module/components/Toolbar/Toolbar.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View, ScrollView as RNScrollView } from 'react-native';
+import { ChevronIcon } from '../..';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const chevronIconSize = 20;
+// TODO: performance improvements (callbacks, refs ...etc)
+const ScrollView = ({
+  children,
+  scrollViewProps = {},
+  style,
+  ...rest
+}) => {
+  const [contentOffset, setContentOffset] = React.useState(0);
+  const [contentSize, setContentSize] = React.useState(0);
+  const [scrollViewSize, setScrollViewSize] = React.useState(0);
+
+  // TODO: that's a naive approach. if it causes problems
+  // trigger a callback when last child becomes fully visible
+  const lastElementVisible = contentOffset + scrollViewSize < contentSize - chevronIconSize;
+  const handleScroll = e => {
+    scrollViewProps.onScroll?.(e);
+    setContentOffset(e.nativeEvent.contentOffset.x);
+  };
+  const handleContentSizeChange = (width, height) => {
+    scrollViewProps.onContentSizeChange?.(width, height);
+    setContentSize(width);
+  };
+  const handleLayout = e => {
+    scrollViewProps.onLayout?.(e);
+    setScrollViewSize(e.nativeEvent.layout.width);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, {
+      flexDirection: 'row'
+    }, style],
+    ...rest,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.content],
+      children: /*#__PURE__*/_jsx(RNScrollView, {
+        ...scrollViewProps,
+        showsHorizontalScrollIndicator: false,
+        scrollEventThrottle: 100,
+        onScroll: handleScroll,
+        onContentSizeChange: handleContentSizeChange,
+        onLayout: handleLayout,
+        horizontal: true,
+        children: children
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.chevronIcon,
+      children: lastElementVisible && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(ChevronIcon, {
+          segments: 3,
+          direction: "right",
+          style: {
+            marginRight: 1
+          }
+        }), /*#__PURE__*/_jsx(ChevronIcon, {
+          segments: 3,
+          direction: "right"
+        })]
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    display: 'flex',
+    position: 'relative'
+  },
+  content: {
+    flexGrow: 1,
+    flexShrink: 1
+  },
+  chevronIcon: {
+    justifyContent: 'center',
+    flexDirection: 'row',
+    alignSelf: 'flex-start',
+    width: chevronIconSize
+  }
+});
+export default ScrollView;
+//# sourceMappingURL=Toolbar.js.map

package/dist/module/components/Toolbar/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","ScrollView","RNScrollView","ChevronIcon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","chevronIconSize","children","scrollViewProps","style","rest","contentOffset","setContentOffset","useState","contentSize","setContentSize","scrollViewSize","setScrollViewSize","lastElementVisible","handleScroll","e","onScroll","nativeEvent","x","handleContentSizeChange","width","height","onContentSizeChange","handleLayout","onLayout","layout","styles","wrapper","flexDirection","content","showsHorizontalScrollIndicator","scrollEventThrottle","horizontal","chevronIcon","segments","direction","marginRight","create","display","position","flexGrow","flexShrink","justifyContent","alignSelf"],"sourceRoot":"../../../../src","sources":["components/Toolbar/Toolbar.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,UAAU,EACVC,IAAI,EACJC,UAAU,IAAIC,YAAY,QAGrB,cAAc;AAOrB,SAASC,WAAW,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpC,MAAMC,eAAe,GAAG,EAAE;AAQ1B;AACA,MAAMT,UAAU,GAAGA,CAAC;EAClBU,QAAQ;EACRC,eAAe,GAAG,CAAC,CAAC;EACpBC,KAAK;EACL,GAAGC;AACY,CAAC,KAAK;EACrB,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGlB,KAAK,CAACmB,QAAQ,CAAC,CAAC,CAAC;EAC3D,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGrB,KAAK,CAACmB,QAAQ,CAAC,CAAC,CAAC;EACvD,MAAM,CAACG,cAAc,EAAEC,iBAAiB,CAAC,GAAGvB,KAAK,CAACmB,QAAQ,CAAC,CAAC,CAAC;;EAE7D;EACA;EACA,MAAMK,kBAAkB,GACtBP,aAAa,GAAGK,cAAc,GAAGF,WAAW,GAAGR,eAAe;EAEhE,MAAMa,YAAY,GAAIC,CAA0C,IAAK;IACnEZ,eAAe,CAACa,QAAQ,GAAGD,CAAC,CAAC;IAC7BR,gBAAgB,CAACQ,CAAC,CAACE,WAAW,CAACX,aAAa,CAACY,CAAC,CAAC;EACjD,CAAC;EAED,MAAMC,uBAAuB,GAAGA,CAACC,KAAa,EAAEC,MAAc,KAAK;IACjElB,eAAe,CAACmB,mBAAmB,GAAGF,KAAK,EAAEC,MAAM,CAAC;IACpDX,cAAc,CAACU,KAAK,CAAC;EACvB,CAAC;EAED,MAAMG,YAAY,GAAIR,CAAoB,IAAK;IAC7CZ,eAAe,CAACqB,QAAQ,GAAGT,CAAC,CAAC;IAC7BH,iBAAiB,CAACG,CAAC,CAACE,WAAW,CAACQ,MAAM,CAACL,KAAK,CAAC;EAC/C,CAAC;EAED,oBACEpB,KAAA,CAACT,IAAI;IACHa,KAAK,EAAE,CACLsB,MAAM,CAACC,OAAO,EACd;MACEC,aAAa,EAAE;IACjB,CAAC,EACDxB,KAAK,CACL;IAAA,GACEC,IAAI;IAAAH,QAAA,gBAERN,IAAA,CAACL,IAAI;MAACa,KAAK,EAAE,CAACsB,MAAM,CAACG,OAAO,CAAE;MAAA3B,QAAA,eAC5BN,IAAA,CAACH,YAAY;QAAA,GACPU,eAAe;QACnB2B,8BAA8B,EAAE,KAAM;QACtCC,mBAAmB,EAAE,GAAI;QACzBf,QAAQ,EAAEF,YAAa;QACvBQ,mBAAmB,EAAEH,uBAAwB;QAC7CK,QAAQ,EAAED,YAAa;QACvBS,UAAU;QAAA9B,QAAA,EAETA;MAAQ,CACG;IAAC,CACX,CAAC,eACPN,IAAA,CAACL,IAAI;MAACa,KAAK,EAAEsB,MAAM,CAACO,WAAY;MAAA/B,QAAA,EAC7BW,kBAAkB,iBACjBb,KAAA,CAAAF,SAAA;QAAAI,QAAA,gBACEN,IAAA,CAACF,WAAW;UACVwC,QAAQ,EAAE,CAAE;UACZC,SAAS,EAAC,OAAO;UACjB/B,KAAK,EAAE;YAAEgC,WAAW,EAAE;UAAE;QAAE,CAC3B,CAAC,eACFxC,IAAA,CAACF,WAAW;UAACwC,QAAQ,EAAE,CAAE;UAACC,SAAS,EAAC;QAAO,CAAE,CAAC;MAAA,CAC9C;IACH,CACG,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMT,MAAM,GAAGpC,UAAU,CAAC+C,MAAM,CAAC;EAC/BV,OAAO,EAAE;IACPW,OAAO,EAAE,MAAM;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDV,OAAO,EAAE;IACPW,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE;EACd,CAAC;EACDR,WAAW,EAAE;IACXS,cAAc,EAAE,QAAQ;IACxBd,aAAa,EAAE,KAAK;IACpBe,SAAS,EAAE,YAAY;IACvBvB,KAAK,EAAEnB;EACT;AACF,CAAC,CAAC;AAEF,eAAeT,UAAU","ignoreList":[]}

package/dist/module/components/Toolbar/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from './Toolbar';
+//# sourceMappingURL=index.js.map

package/dist/module/components/Toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../src","sources":["components/Toolbar/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,WAAW","ignoreList":[]}

package/dist/module/components/Typography/Anchor.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import React from 'react';
+import { withTheme } from '../../core/theming';
+import { Text } from '../..';
+
+// TODO: separate Anchor props from React95 Text component
+import { jsx as _jsx } from "react/jsx-runtime";
+const Anchor = ({
+  children,
+  style,
+  theme,
+  underline = false,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(Text, {
+    style: [{
+      color: theme.anchor,
+      textDecorationLine: underline ? 'underline' : 'none'
+    }, style],
+    ...rest,
+    children: children
+  });
+};
+export default withTheme(Anchor);
+//# sourceMappingURL=Anchor.js.map

package/dist/module/components/Typography/Anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","withTheme","Text","jsx","_jsx","Anchor","children","style","theme","underline","rest","color","anchor","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/Typography/Anchor.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,SAAS,QAAQ,oBAAoB;AAE9C,SAASC,IAAI,QAAQ,OAAO;;AAE5B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOA,MAAMC,MAAM,GAAGA,CAAC;EACdC,QAAQ;EACRC,KAAK;EACLC,KAAK;EACLC,SAAS,GAAG,KAAK;EACjB,GAAGC;AACE,CAAC,KAAK;EACX,oBACEN,IAAA,CAACF,IAAI;IACHK,KAAK,EAAE,CACL;MACEI,KAAK,EAAEH,KAAK,CAACI,MAAM;MACnBC,kBAAkB,EAAEJ,SAAS,GAAG,WAAW,GAAG;IAChD,CAAC,EACDF,KAAK,CACL;IAAA,GACEG,IAAI;IAAAJ,QAAA,EAEPA;EAAQ,CACL,CAAC;AAEX,CAAC;AAED,eAAeL,SAAS,CAACI,MAAM,CAAC","ignoreList":[]}

package/dist/module/components/Typography/Text.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import React from 'react';
+import { Text as NativeText } from 'react-native';
+import { withTheme } from '../../core/theming';
+import { builtTextStyles } from '../../styles/styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+// TODO: set proper lineHeight and make it so that it automatically adjusts for every fontSize
+const Text = ({
+  bold = false,
+  children,
+  disabled = false,
+  secondary = false,
+  theme,
+  style,
+  ...rest
+}) => {
+  const textStyles = builtTextStyles(theme);
+  const getTextStyle = () => {
+    if (disabled) {
+      return textStyles.disabled;
+    }
+    if (secondary) {
+      return textStyles.secondary;
+    }
+    return textStyles.default;
+  };
+  return /*#__PURE__*/_jsx(NativeText, {
+    style: [bold ? textStyles.bold : textStyles.regular, getTextStyle(), style],
+    ...rest,
+    children: children
+  });
+};
+export default withTheme(Text);
+//# sourceMappingURL=Text.js.map

package/dist/module/components/Typography/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","NativeText","withTheme","builtTextStyles","jsx","_jsx","bold","children","disabled","secondary","theme","style","rest","textStyles","getTextStyle","default","regular"],"sourceRoot":"../../../../src","sources":["components/Typography/Text.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,IAAIC,UAAU,QAA8B,cAAc;AAEvE,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,eAAe,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYtD;AACA,MAAML,IAAI,GAAGA,CAAC;EACZM,IAAI,GAAG,KAAK;EACZC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,SAAS,GAAG,KAAK;EACjBC,KAAK;EACLC,KAAK;EACL,GAAGC;AACM,CAAC,KAAK;EACf,MAAMC,UAAU,GAAGV,eAAe,CAACO,KAAK,CAAC;EAEzC,MAAMI,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIN,QAAQ,EAAE;MACZ,OAAOK,UAAU,CAACL,QAAQ;IAC5B;IAEA,IAAIC,SAAS,EAAE;MACb,OAAOI,UAAU,CAACJ,SAAS;IAC7B;IAEA,OAAOI,UAAU,CAACE,OAAO;EAC3B,CAAC;EAED,oBACEV,IAAA,CAACJ,UAAU;IACTU,KAAK,EAAE,CACLL,IAAI,GAAGO,UAAU,CAACP,IAAI,GAAGO,UAAU,CAACG,OAAO,EAC3CF,YAAY,CAAC,CAAC,EACdH,KAAK,CACL;IAAA,GACEC,IAAI;IAAAL,QAAA,EAEPA;EAAQ,CACC,CAAC;AAEjB,CAAC;AAED,eAAeL,SAAS,CAACF,IAAI,CAAC","ignoreList":[]}

package/dist/module/components/Typography/Text.spec.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import React from 'react';
+import { render } from '@testing-library/react-native';
+import { Text } from '../..';
+import { jsx as _jsx } from "react/jsx-runtime";
+const mockOpenUrl = jest.fn(url => Promise.resolve(url));
+describe('<Text />', () => {
+  beforeEach(() => {
+    mockOpenUrl.mockClear();
+    jest.doMock('react-native/Libraries/Linking/Linking', () => ({
+      openURL: mockOpenUrl
+    }));
+  });
+  it('should render children', () => {
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(Text, {
+      children: "Potato"
+    }));
+    expect(getByText('Potato')).toBeTruthy();
+  });
+  it('should render custom styles', () => {
+    const style = {
+      color: 'papayawhip'
+    };
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(Text, {
+      style: style,
+      children: "Potato"
+    }));
+    expect(getByText('Potato')).toHaveStyle(style);
+  });
+});
+//# sourceMappingURL=Text.spec.js.map

package/dist/module/components/Typography/Text.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","render","Text","jsx","_jsx","mockOpenUrl","jest","fn","url","Promise","resolve","describe","beforeEach","mockClear","doMock","openURL","it","getByText","children","expect","toBeTruthy","style","color","toHaveStyle"],"sourceRoot":"../../../../src","sources":["components/Typography/Text.spec.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,+BAA+B;AAEtD,SAASC,IAAI,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7B,MAAMC,WAAW,GAAGC,IAAI,CAACC,EAAE,CAACC,GAAG,IAAIC,OAAO,CAACC,OAAO,CAACF,GAAG,CAAC,CAAC;AAExDG,QAAQ,CAAC,UAAU,EAAE,MAAM;EACzBC,UAAU,CAAC,MAAM;IACfP,WAAW,CAACQ,SAAS,CAAC,CAAC;IAEvBP,IAAI,CAACQ,MAAM,CAAC,wCAAwC,EAAE,OAAO;MAC3DC,OAAO,EAAEV;IACX,CAAC,CAAC,CAAC;EACL,CAAC,CAAC;EAEFW,EAAE,CAAC,wBAAwB,EAAE,MAAM;IACjC,MAAM;MAAEC;IAAU,CAAC,GAAGhB,MAAM,cAACG,IAAA,CAACF,IAAI;MAAAgB,QAAA,EAAC;IAAM,CAAM,CAAC,CAAC;IAEjDC,MAAM,CAACF,SAAS,CAAC,QAAQ,CAAC,CAAC,CAACG,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFJ,EAAE,CAAC,6BAA6B,EAAE,MAAM;IACtC,MAAMK,KAAK,GAAG;MAAEC,KAAK,EAAE;IAAa,CAAC;IAErC,MAAM;MAAEL;IAAU,CAAC,GAAGhB,MAAM,cAACG,IAAA,CAACF,IAAI;MAACmB,KAAK,EAAEA,KAAM;MAAAH,QAAA,EAAC;IAAM,CAAM,CAAC,CAAC;IAE/DC,MAAM,CAACF,SAAS,CAAC,QAAQ,CAAC,CAAC,CAACM,WAAW,CAACF,KAAK,CAAC;EAChD,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/dist/module/components/Typography/Title.js

@@ -0,0 +1,59 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { withTheme } from '../../core/theming';
+import { Divider } from '../..';
+import Text from './Text';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Title = ({
+  align = 'center',
+  children,
+  theme,
+  ...rest
+}) => {
+  const getAlignment = () => {
+    switch (align) {
+      case 'left':
+        return 'flex-start';
+      case 'right':
+        return 'flex-end';
+      default:
+        return 'center';
+    }
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper],
+    children: [/*#__PURE__*/_jsx(Divider, {
+      style: [styles.divider]
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        paddingLeft: align !== 'left' ? 8 : 0,
+        paddingRight: align !== 'right' ? 8 : 0,
+        backgroundColor: theme.material,
+        alignSelf: getAlignment()
+      },
+      children: /*#__PURE__*/_jsx(Text, {
+        ...rest,
+        children: children
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    position: 'relative',
+    width: '100%'
+  },
+  divider: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: '50%',
+    transform: [{
+      translateY: -1
+    }]
+  }
+});
+export default withTheme(Title);
+//# sourceMappingURL=Title.js.map

package/dist/module/components/Typography/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","withTheme","Divider","Text","jsx","_jsx","jsxs","_jsxs","Title","align","children","theme","rest","getAlignment","style","styles","wrapper","divider","paddingLeft","paddingRight","backgroundColor","material","alignSelf","create","position","width","left","right","top","transform","translateY"],"sourceRoot":"../../../../src","sources":["components/Typography/Title.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAG/C,SAASC,SAAS,QAAQ,oBAAoB;AAE9C,SAASC,OAAO,QAAQ,OAAO;AAC/B,OAAOC,IAAI,MAAqB,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOzC,MAAMC,KAAK,GAAGA,CAAC;EAAEC,KAAK,GAAG,QAAQ;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,KAAK;EACvE,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,QAAQJ,KAAK;MACX,KAAK,MAAM;QACT,OAAO,YAAY;MACrB,KAAK,OAAO;QACV,OAAO,UAAU;MACnB;QACE,OAAO,QAAQ;IACnB;EACF,CAAC;EAED,oBACEF,KAAA,CAACP,IAAI;IAACc,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,CAAE;IAAAN,QAAA,gBAC5BL,IAAA,CAACH,OAAO;MAACY,KAAK,EAAE,CAACC,MAAM,CAACE,OAAO;IAAE,CAAE,CAAC,eACpCZ,IAAA,CAACL,IAAI;MACHc,KAAK,EAAE;QACLI,WAAW,EAAET,KAAK,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC;QACrCU,YAAY,EAAEV,KAAK,KAAK,OAAO,GAAG,CAAC,GAAG,CAAC;QACvCW,eAAe,EAAET,KAAK,CAACU,QAAQ;QAC/BC,SAAS,EAAET,YAAY,CAAC;MAC1B,CAAE;MAAAH,QAAA,eAEFL,IAAA,CAACF,IAAI;QAAA,GAAKS,IAAI;QAAAF,QAAA,EAAGA;MAAQ,CAAO;IAAC,CAC7B,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGhB,UAAU,CAACwB,MAAM,CAAC;EAC/BP,OAAO,EAAE;IACPQ,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT,CAAC;EACDR,OAAO,EAAE;IACPO,QAAQ,EAAE,UAAU;IACpBE,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE,KAAK;IACVC,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAE,CAAC;IAAE,CAAC;EAChC;AACF,CAAC,CAAC;AAEF,eAAe7B,SAAS,CAACO,KAAK,CAAC","ignoreList":[]}

package/dist/module/components/Typography/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { default as Text } from './Text';
+export { default as Title } from './Title';
+export { default as Anchor } from './Anchor';
+//# sourceMappingURL=index.js.map

package/dist/module/components/Typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Text","Title","Anchor"],"sourceRoot":"../../../../src","sources":["components/Typography/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,QAAQ;AACxC,SAASD,OAAO,IAAIE,KAAK,QAAQ,SAAS;AAC1C,SAASF,OAAO,IAAIG,MAAM,QAAQ,UAAU","ignoreList":[]}

package/dist/module/components/Window/Window.js

@@ -0,0 +1,102 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { withTheme } from '../../core/theming';
+import { Panel, Button, Text, CloseIcon } from '../..';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Window = ({
+  active = true,
+  children,
+  onClose,
+  onMaximize,
+  onMinimize,
+  style = {},
+  theme,
+  title = '',
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsxs(Panel, {
+    theme: theme,
+    variant: "raised",
+    elevation: 4,
+    style: [styles.window, {
+      backgroundColor: theme.material
+    }, style],
+    ...rest,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [styles.titleBar, styles.flex, {
+        backgroundColor: active ? theme.headerBackground : theme.headerNotActiveBackground
+      }],
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.flex],
+        children: /*#__PURE__*/_jsx(Text, {
+          theme: theme,
+          bold: true
+          // TODO: truncate window title when window is really small
+          ,
+          ellipsizeMode: "tail",
+          numberOfLines: 1,
+          style: [styles.titleBarText, {
+            color: active ? theme.headerText : theme.headerNotActiveText
+          }],
+          children: title
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: [styles.flex],
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: [styles.flex, styles.buttonGroup],
+          children: [onMinimize && /*#__PURE__*/_jsx(Button, {
+            theme: theme,
+            onPress: onMinimize,
+            style: [styles.button],
+            children: "_"
+          }), onMaximize && /*#__PURE__*/_jsx(Button, {
+            theme: theme,
+            onPress: onMaximize,
+            style: [styles.button],
+            children: "[]"
+          })]
+        }), onClose && /*#__PURE__*/_jsx(Button, {
+          theme: theme,
+          onPress: onClose,
+          style: [styles.button],
+          children: /*#__PURE__*/_jsx(CloseIcon, {})
+        })]
+      })]
+    }), children]
+  });
+};
+const styles = StyleSheet.create({
+  flex: {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignContent: 'center',
+    alignItems: 'center'
+  },
+  window: {
+    position: 'relative',
+    paddingVertical: 6,
+    paddingHorizontal: 6
+  },
+  titleBar: {
+    height: 36,
+    margin: 2,
+    paddingRight: 4,
+    paddingLeft: 8
+  },
+  titleBarText: {
+    flexShrink: 1
+  },
+  buttonGroup: {
+    marginRight: 6
+  },
+  button: {
+    height: 28,
+    width: 32,
+    padding: 0
+  }
+});
+export default withTheme(Window);
+//# sourceMappingURL=Window.js.map

package/dist/module/components/Window/Window.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","withTheme","Panel","Button","Text","CloseIcon","jsx","_jsx","jsxs","_jsxs","Window","active","children","onClose","onMaximize","onMinimize","style","theme","title","rest","variant","elevation","styles","window","backgroundColor","material","titleBar","flex","headerBackground","headerNotActiveBackground","bold","ellipsizeMode","numberOfLines","titleBarText","color","headerText","headerNotActiveText","buttonGroup","onPress","button","create","display","flexDirection","justifyContent","alignContent","alignItems","position","paddingVertical","paddingHorizontal","height","margin","paddingRight","paddingLeft","flexShrink","marginRight","width","padding"],"sourceRoot":"../../../../src","sources":["components/Window/Window.tsx"],"mappings":"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","ignoreList":[]}