@prototyp/skeletor 1.0.6 → 1.0.7

package/lib/typescript/src/hooks/useAnimation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAnimation.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAnimation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,mDAAmD;AACnD,aAAK,SAAS,CAAC,IAAI,SAAS,MAAM,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAC5D,IAAI,EACJ,QAAQ,CAAC,qBAAqB,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,CACtD,CAAC;AACF,aAAK,UAAU,CAAC,IAAI,SAAS,MAAM,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAC7D,IAAI,EACJ,MAAM,EAAE,GAAG,MAAM,EAAE,CACpB,CAAC;AAEF,UAAU,aAAa;IACrB,qBAAqB;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,yHAAyH;IACzH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,YAAY,CAAC,IAAI,SAAS,MAAM,OAAO,CAAC,SAAS,CAAC;IACjE,MAAM,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAC9B,UAAU,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC5B,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,IAAI,SAAS,MAAM,OAAO,CAAC,SAAS,CAAC,EAChE,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,EACxB,aAAa,CAAC,EAAE,aAAa,GAC5B,YAAY,CAAC,IAAI,CAAC,CA8BpB"}

package/lib/typescript/src/hooks/useAnimationTimeline.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAnimationTimeline.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAnimationTimeline.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,UAAU,gBAAgB;IACxB,QAAQ,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;IAC9B,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,aAAK,aAAa,GAAG,gBAAgB,GAAG;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AACF,aAAK,eAAe,GAAG,gBAAgB,GAAG;IACxC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,UAAU,qBAAqB;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED;;;;;;;EAOE;AACF,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,qBAAqB,GAAG,IAAI,CAyGxE"}

package/lib/typescript/src/hooks/useAppState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAppState.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAppState.ts"],"names":[],"mappings":"AAGA,UAAU,MAAM;IACd,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,MAAM,QAiBjE"}

package/lib/typescript/src/hooks/useForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useForm.ts"],"names":[],"mappings":"AAEA,oBAAY,UAAU,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO;CAAE,CAAC;AAClE,aAAK,KAAK,CAAC,CAAC,IAAI;KACb,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CACf,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EACX,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,OAAO,KACd,OAAO,GAAG,SAAS;CACzB,CAAC;AAEF,oBAAY,MAAM,CAAC,CAAC,IAAI;KACrB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACrB,CAAC;AAEF,oBAAY,UAAU,CAAC,CAAC,IAAI;IAC1B,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1B,2UAA2U;IAC3U,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACjB,sGAAsG;IACtG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;;;8EA2B/C,OAAO;;wBAmBD,OAAO;;;;;;EAgDjC;AAED,0EAA0E;AAC1E,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;4BAE3C,CAAC,CAAC,MAAM,CAAC,CAAC;oEA6BV,OAAO,CAAC,CAAC;sBARO,MAAM,CAAC;2BAkBF,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,SAAS,OAAO,CAAC,CAAC;6BAY1C,OAAO,CAAC,CAAC;;;;EAuB1C"}

package/lib/typescript/src/hooks/useSkeletor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSkeletor.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSkeletor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAG3C,wBAAgB,WAAW,IAAI,cAAc,CAE5C"}

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

@@ -1,5 +0,0 @@
-export * from "./components";
-export * from "./hooks";
-export * from "./models";
-export * from "./utils";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/lib/typescript/src/models/Alignment.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alignment.d.ts","sourceRoot":"","sources":["../../../../src/models/Alignment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACtC,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CAClC"}

package/lib/typescript/src/models/Border.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Border.d.ts","sourceRoot":"","sources":["../../../../src/models/Border.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,MAAM,WAAW,MAAM;IACrB,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,sBAAsB,CAAC;QACtC,mBAAmB,CAAC,EAAE,sBAAsB,CAAC;QAC7C,oBAAoB,CAAC,EAAE,sBAAsB,CAAC;QAC9C,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;QAChD,uBAAuB,CAAC,EAAE,sBAAsB,CAAC;KAClD,CAAC;CACH"}

package/lib/typescript/src/models/Size.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Size.d.ts","sourceRoot":"","sources":["../../../../src/models/Size.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,WAAW,IAAI;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/lib/typescript/src/models/SkeletorConfig.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletorConfig.d.ts","sourceRoot":"","sources":["../../../../src/models/SkeletorConfig.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,IAAI,GAAG,SAAS,CAAC;IAC9B,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IAC3C,oBAAoB,EAAE,cAAc,GAAG,eAAe,GAAG,SAAS,CAAC;IACnE,gBAAgB,EAAE,MAAM,CAAC;CAC1B"}

package/lib/typescript/src/models/Spacing.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../../../src/models/Spacing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,WAAW,OAAO;IACtB,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,cAAc,CAAC;QAC3B,YAAY,CAAC,EAAE,cAAc,CAAC;QAC9B,UAAU,CAAC,EAAE,cAAc,CAAC;QAC5B,WAAW,CAAC,EAAE,cAAc,CAAC;QAC7B,gBAAgB,CAAC,EAAE,cAAc,CAAC;QAClC,cAAc,CAAC,EAAE,cAAc,CAAC;QAChC,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,UAAU,CAAC,EAAE,cAAc,CAAC;QAC5B,aAAa,CAAC,EAAE,cAAc,CAAC;QAC/B,WAAW,CAAC,EAAE,cAAc,CAAC;QAC7B,YAAY,CAAC,EAAE,cAAc,CAAC;QAC9B,iBAAiB,CAAC,EAAE,cAAc,CAAC;QACnC,eAAe,CAAC,EAAE,cAAc,CAAC;QACjC,OAAO,CAAC,EAAE,cAAc,CAAC;KAC1B,CAAC;CACH"}

package/lib/typescript/src/models/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC"}

package/lib/typescript/src/utils/extractAlignmentProperties.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"extractAlignmentProperties.d.ts","sourceRoot":"","sources":["../../../../src/utils/extractAlignmentProperties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,wBAAgB,0BAA0B,CAAC,KAAK,SAAS,SAAS,EAChE,KAAK,EAAE,KAAK,GACX,SAAS,CAQX"}

package/lib/typescript/src/utils/extractSizeProperties.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"extractSizeProperties.d.ts","sourceRoot":"","sources":["../../../../src/utils/extractSizeProperties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,wBAAgB,qBAAqB,CAAC,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAU5E"}

package/lib/typescript/src/utils/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./extractAlignmentProperties";
-export * from "./extractSizeProperties";
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/utils/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC"}

package/src/components/Block/Block.tsx

@@ -1,106 +0,0 @@
-import React, { PropsWithChildren, useMemo } from "react";
-import {
-  ScrollView,
-  StyleProp,
-  StyleSheet,
-  View,
-  ViewProps,
-  ViewStyle,
-} from "react-native";
-import { Alignment, Border, Size, Spacing } from "../../models";
-import { extractAlignmentProperties, extractSizeProperties } from "../../utils";
-
-interface SharedProps extends ViewProps {
-  background?: string;
-  overflow?: ViewStyle["overflow"];
-}
-
-interface BlockScrollViewProps extends SharedProps {
-  scrollable: true;
-  horizontal?: boolean;
-  showsVerticalScrollIndicator?: boolean;
-  showsHorizontalScrollIndicator?: boolean;
-  bounces?: boolean;
-  style?: StyleProp<ViewStyle>;
-}
-
-export interface BlockViewProps extends SharedProps {
-  scrollable?: false | undefined;
-}
-
-type BlockElementProps = SharedProps & Alignment & Spacing & Size & Border;
-
-const BlockElement: React.FC<PropsWithChildren<BlockElementProps>> = ({
-  children,
-  ...props
-}) => {
-  const { border, paddings, margins, background, style, overflow, ...view } =
-    props;
-
-  const size = extractSizeProperties(props);
-  const {
-    align: alignItems,
-    justify: justifyContent,
-    ...alignment
-  } = extractAlignmentProperties(props);
-
-  const styles = useMemo(
-    () =>
-      StyleSheet.flatten([
-        {
-          ...margins,
-          ...paddings,
-          ...alignment,
-          ...size,
-          ...border,
-          alignItems,
-          justifyContent,
-          backgroundColor: background,
-          overflow,
-        },
-        style,
-      ]),
-    [alignment, size, background, style, overflow, margins, paddings]
-  );
-
-  return (
-    <View {...view} style={styles}>
-      {children}
-    </View>
-  );
-};
-
-type BaseProps = Alignment & Spacing & Size & Border;
-export type BlockProps = (BlockViewProps | BlockScrollViewProps) & BaseProps;
-
-export const Block: React.FC<PropsWithChildren<BlockProps>> = ({
-  children,
-  ...props
-}) => {
-  const { scrollable, ...rest } = props;
-  const element = () => <BlockElement {...rest}>{children}</BlockElement>;
-
-  if (!scrollable) {
-    return element();
-  }
-
-  const {
-    horizontal,
-    showsHorizontalScrollIndicator,
-    showsVerticalScrollIndicator,
-    bounces,
-  } = props;
-
-  return (
-    <ScrollView
-      horizontal={horizontal}
-      keyboardShouldPersistTaps="handled"
-      showsHorizontalScrollIndicator={showsHorizontalScrollIndicator}
-      showsVerticalScrollIndicator={showsVerticalScrollIndicator}
-      contentContainerStyle={{ flexGrow: 1, backgroundColor: rest.background }}
-      bounces={bounces}
-    >
-      {element()}
-    </ScrollView>
-  );
-};

package/src/components/Block/index.ts

@@ -1 +0,0 @@
-export * from "./Block";

package/src/components/InputFocusScrollView/InputFocusScrollView.tsx

@@ -1,113 +0,0 @@
-import React, { useRef, useState } from "react";
-import {
-  Platform,
-  LayoutChangeEvent,
-  NativeSyntheticEvent,
-  ScrollView,
-  ScrollViewProps,
-  StyleSheet,
-  TextInputFocusEventData,
-  Dimensions,
-  UIManager,
-  findNodeHandle,
-  TextInput,
-} from "react-native";
-import { Spacing } from "../../models";
-
-export interface InputFocusScrollViewProps
-  extends Omit<ScrollViewProps, "children">,
-    Spacing {
-  /** Percentage of screen to add to element position. Values between 0 and 1. Use this if you want to position the input focus somewhere other than the top of the screen. Defaults to 0.3 */
-  focusPositionOffset?: number;
-  height?: "full" | "auto";
-  children: (
-    onInputFocus: (e: NativeSyntheticEvent<TextInputFocusEventData>) => void
-  ) => React.ReactNode;
-}
-
-/**
- * This scroll view will automatically scroll to an active input field rendered within it, provided you attach the onInputFocus callback to the input onFocus prop.
- *
- * The return value is a lambda component, returning a callback which you attach to input fields rendered within it.
- * @example <InputFocusScrollView>{(onInputFocus) => <TextInput onFocus={onInputFocus} ... />}</InputFocusScrollView>
- * NOTE: This works on iOS only, Android does this by default with @param android:windowSoftInputMode
- */
-export const InputFocusScrollView: React.FC<InputFocusScrollViewProps> = ({
-  children,
-  style,
-  contentContainerStyle,
-  height = "full",
-  focusPositionOffset = 0.3,
-  margins,
-  paddings,
-  ...rest
-}) => {
-  const screenHeight = useRef(Dimensions.get("screen").height).current;
-  const ref = useRef<ScrollView>(null);
-  /** Cached scroll position to keep focus on input if layout shifts. */
-  const [scrollPosition, setScrollPosition] = useState<number | null>(null);
-  const [scrollTarget, setScrollTarget] = useState<number | null>(null);
-
-  function onInputFocus(e: NativeSyntheticEvent<TextInputFocusEventData>) {
-    if (Platform.OS !== "ios" || !scrollTarget) return;
-
-    (e.currentTarget as unknown as TextInput).measureLayout(
-      scrollTarget,
-      (nope, top, nuuh, elementHeight) => {
-        let scrollY = top - elementHeight;
-        if (focusPositionOffset !== undefined) {
-          scrollY = scrollY - screenHeight * focusPositionOffset;
-        }
-
-        // Cache scroll position for layout shift cases
-        setScrollPosition(scrollY);
-        // Scroll to input position
-        ref.current?.scrollTo({ y: scrollY });
-      },
-      () => console.error("failed to measure layout")
-    );
-  }
-
-  /** Handle layout shifts by programmatically scrolling to the same input position without animation. */
-  function onContentSizeChange() {
-    if (Platform.OS !== "ios" || !scrollPosition) {
-      return;
-    }
-    ref.current?.scrollTo({ y: scrollPosition, animated: false });
-    setScrollPosition(null);
-  }
-
-  const containerStyles = StyleSheet.flatten([styles[height], margins, style]);
-
-  const contentStyles = StyleSheet.flatten([
-    styles.content,
-    { ...paddings },
-    contentContainerStyle,
-  ]);
-
-  return (
-    <ScrollView
-      ref={ref}
-      scrollToOverflowEnabled
-      scrollEventThrottle={16}
-      onLayout={(e) => setScrollTarget(e.currentTarget)}
-      onContentSizeChange={onContentSizeChange}
-      showsVerticalScrollIndicator={false}
-      showsHorizontalScrollIndicator={false}
-      style={containerStyles}
-      contentContainerStyle={contentStyles}
-      {...rest}
-    >
-      {children(onInputFocus)}
-    </ScrollView>
-  );
-};
-
-const styles = StyleSheet.create({
-  full: { height: "100%" },
-  auto: { height: "auto" },
-  content: {
-    flexGrow: 1,
-    paddingBottom: 30,
-  },
-});

package/src/components/InputFocusScrollView/index.ts

@@ -1 +0,0 @@
-export * from "./InputFocusScrollView";

package/src/components/Screen/Screen.tsx

@@ -1,91 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import {
-  SafeAreaView,
-  View,
-  ViewProps,
-  StyleSheet,
-  StatusBar,
-  Platform,
-  Dimensions,
-} from "react-native";
-import { useSkeletor } from "../../hooks";
-import { Block } from "../Block";
-
-type OwnProps = {
-  /** Pass a specific background view OR just a background color value. Custom components should be 100% height and width. */
-  background?: JSX.Element | string;
-  hideTopSafeArea?: boolean;
-  hideBottomSafeArea?: boolean;
-  bottomSafeAreaColor?: string;
-  topSafeAreaColor?: string;
-  statusBarType?: "default" | "light-content" | "dark-content";
-  isLandscape?: boolean;
-};
-
-export type ScreenProps = OwnProps & ViewProps;
-
-export const Screen: React.FC<PropsWithChildren<ScreenProps>> = ({
-  background,
-  children,
-  hideBottomSafeArea,
-  hideTopSafeArea,
-  bottomSafeAreaColor,
-  topSafeAreaColor,
-  style,
-  statusBarType,
-  isLandscape,
-  ...rest
-}) => {
-  const { defaultStatusBarType } = useSkeletor();
-
-  return (
-    <>
-      {background &&
-        (typeof background === "string" ? (
-          <View style={[styles.container, { backgroundColor: background }]} />
-        ) : (
-          <View style={styles.container}>{background}</View>
-        ))}
-
-      {!hideTopSafeArea && (
-        <SafeAreaView style={{ backgroundColor: topSafeAreaColor }} />
-      )}
-
-      <StatusBar
-        translucent
-        backgroundColor="transparent"
-        barStyle={statusBarType || defaultStatusBarType}
-      />
-
-      <Block
-        paddings={{
-          paddingTop:
-            Platform.OS === "android" && !isLandscape
-              ? StatusBar.currentHeight || 24
-              : 0,
-        }}
-        flex={1}
-        style={style}
-        {...rest}
-      >
-        {children}
-      </Block>
-
-      {!hideBottomSafeArea && (
-        <SafeAreaView
-          style={{
-            backgroundColor: bottomSafeAreaColor,
-          }}
-        />
-      )}
-    </>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    position: "absolute",
-    height: Dimensions.get("screen").height,
-    width: Dimensions.get("screen").width,
-  },
-});

package/src/components/Screen/index.ts

@@ -1 +0,0 @@
-export * from "./Screen";

package/src/components/SkeletorProvider/SkeletorContext.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { SkeletorConfig } from "../../models";
-
-export const SkeletorDefaults: SkeletorConfig = {
-  defaultFont: undefined,
-  defaultFontSize: [12, 16],
-  defaultStatusBarType: "dark-content",
-  defaultTextColor: "black",
-};
-
-export const SkeletorContext =
-  React.createContext<SkeletorConfig>(SkeletorDefaults);

package/src/components/SkeletorProvider/SkeletorProvider.tsx

@@ -1,18 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { SkeletorConfig } from "../../models";
-import { SkeletorContext, SkeletorDefaults } from "./SkeletorContext";
-
-type Props = Partial<SkeletorConfig>;
-
-/** Create a Font.d.ts type in your typescript types directory and define fonts as follows:
- * @example type Font = "Helvetica" | "Montserrat" ...  */
-export const SkeletorProvider: React.FC<PropsWithChildren<Props>> = ({
-  children,
-  ...config
-}) => {
-  return (
-    <SkeletorContext.Provider value={{ ...SkeletorDefaults, ...config }}>
-      {children}
-    </SkeletorContext.Provider>
-  );
-};

package/src/components/SkeletorProvider/index.ts

@@ -1,2 +0,0 @@
-export * from "./SkeletorProvider";
-export * from "./SkeletorContext";

package/src/components/Text/Text.tsx

@@ -1,99 +0,0 @@
-import React, { PropsWithChildren, useMemo } from "react";
-import {
-  StyleSheet,
-  Text as RNText,
-  TextProps as RNTextProps,
-  TextStyle,
-} from "react-native";
-import { Size, Spacing } from "../../models";
-import { extractSizeProperties } from "../../utils";
-import { useSkeletor } from "../../hooks";
-
-interface OwnProps extends RNTextProps {
-  /** Create a Font.d.ts type in your typescript types directory and define fonts as follows:
-   * @example type Font = "Helvetica" | "Montserrat" ...  */
-  font?: Font;
-  /** Either define [fontSize, lineHeight] or just one size applied to both fontSize and lineHeight */
-  size?: [number, number] | number;
-  textTransform?: TextStyle["textTransform"];
-  letterSpacing?: TextStyle["letterSpacing"];
-  color?: string;
-  textAlign?: TextStyle["textAlign"];
-  opacity?: TextStyle["opacity"];
-}
-
-export type TextProps = OwnProps & Spacing & Size;
-
-/** Create a Font.d.ts type in your typescript types directory and define fonts as follows:
- * @example type Font = "Helvetica" | "Montserrat" ...  */
-export const Text: React.FC<PropsWithChildren<TextProps>> = ({
-  font,
-  size,
-  textTransform,
-  letterSpacing,
-  color,
-  style,
-  children,
-  textAlign,
-  opacity,
-  margins,
-  paddings,
-  ...props
-}) => {
-  const { defaultFont, defaultFontSize, defaultTextColor } = useSkeletor();
-  const sizeProps = extractSizeProperties(props);
-
-  const textSize = useMemo(() => {
-    function mapper(value: [number, number] | number) {
-      if (Array.isArray(value)) {
-        const [fontSize, lineHeight] = value;
-        return { fontSize, lineHeight };
-      } else {
-        return { fontSize: value, lineHeight: value };
-      }
-    }
-
-    return mapper(size || defaultFontSize);
-  }, [size, defaultFontSize]);
-
-  const styles = useMemo(
-    () =>
-      StyleSheet.flatten([
-        {
-          color: color || defaultTextColor,
-          ...textSize,
-          fontFamily: font || defaultFont,
-          opacity,
-          textAlign,
-          textTransform,
-          letterSpacing,
-          ...margins,
-          ...paddings,
-          ...sizeProps,
-        },
-        style,
-      ]),
-    [
-      color,
-      font,
-      opacity,
-      textAlign,
-      textTransform,
-      textSize,
-      margins,
-      paddings,
-      style,
-    ]
-  );
-
-  return (
-    <RNText
-      style={styles}
-      allowFontScaling={false}
-      maxFontSizeMultiplier={1}
-      {...props}
-    >
-      {children}
-    </RNText>
-  );
-};

package/src/components/Text/index.ts

@@ -1 +0,0 @@
-export * from "./Text";

package/src/components/index.ts

@@ -1,5 +0,0 @@
-export * from "./Text";
-export * from "./Screen";
-export * from "./Block";
-export * from "./SkeletorProvider";
-export * from "./InputFocusScrollView";

package/src/hooks/index.ts

@@ -1,6 +0,0 @@
-export * from "./useForm";
-export * from "./useAnimation";
-export * from "./useAnimationTimeline";
-export * from "./useAppState";
-export * from "./useSkeletor";
-export * from "./useAndroidBackHandler";

package/src/hooks/useAndroidBackHandler.ts

@@ -1,45 +0,0 @@
-import { useEffect } from "react";
-import { BackHandler } from "react-native";
-
-interface DefaultProps {
-  /** Whether the custom handler is enabled or disabled. */
-  enabled: boolean;
-}
-interface WithCallback extends DefaultProps {
-  /** Callback function to execute on back button press. Will disable default behavior. */
-  handlePress: () => void;
-}
-
-interface WithDisable extends DefaultProps {
-  /** Whether or not the default android back button behavior will be blocked */
-  disableDefault: boolean;
-}
-
-export type AndroidBackHandlerConfig = WithCallback | WithDisable;
-
-function isWithCallback(
-  props: AndroidBackHandlerConfig,
-): props is WithCallback {
-  return Object.keys(props).some((key) => key === "handlePress");
-}
-
-export function useAndroidBackHandler(props: AndroidBackHandlerConfig) {
-  const { enabled } = props;
-
-  useEffect(() => {
-    if (!enabled) {
-      return;
-    }
-
-    const handler = BackHandler.addEventListener("hardwareBackPress", () => {
-      if (isWithCallback(props)) {
-        props.handlePress();
-        return true;
-      }
-
-      return props.disableDefault;
-    });
-
-    return handler.remove;
-  }, [enabled]);
-}

package/src/hooks/useAnimation.ts

@@ -1,62 +0,0 @@
-import { useMemo, useRef } from "react";
-import { Animated, ViewStyle } from "react-native";
-
-/** Any is a hotfix, requires more investigation */
-type Animation<Keys extends keyof Partial<ViewStyle>> = Record<
-  Keys,
-  Animated.AnimatedInterpolation<string | number> | any
->;
-type Definition<Keys extends keyof Partial<ViewStyle>> = Record<
-  Keys,
-  number[] | string[]
->;
-
-interface Configuration {
-  /** In miliseconds */
-  duration: number;
-  /** Loop will disable native driver because it breaks the loop animation (at least it did last time I tested in 2020.) */
-  loop?: boolean;
-  useNativeDriver?: boolean;
-}
-
-export interface AnimationSet<Keys extends keyof Partial<ViewStyle>> {
-  values: Animated.Value[];
-  definitions: Definition<Keys>;
-  animations: Animation<Keys>;
-  configuration: Configuration;
-}
-
-export function useAnimation<Keys extends keyof Partial<ViewStyle>>(
-  styles: Definition<Keys>,
-  configuration?: Configuration,
-): AnimationSet<Keys> {
-  const keys = Object.keys(styles).map((key) => key as Keys);
-  /** Values always start at 0. These are not output values, more like indexes to output values defined in the array. */
-  const values = useRef(keys.map(() => new Animated.Value(0))).current;
-
-  const animations = useMemo(() => {
-    const result: Partial<Animation<Keys>> = {};
-
-    keys.forEach((key, index) => {
-      const value = values[index];
-      // We know the definition exists, otherwise we wouldn't be here.
-      const definition = styles[key]!;
-
-      const interpolation = value.interpolate({
-        inputRange: definition.map((_, i) => i),
-        outputRange: definition,
-      });
-
-      result[key] = interpolation;
-    });
-
-    return result as Animation<Keys>;
-  }, [styles]);
-
-  return {
-    values,
-    animations,
-    configuration: configuration || { duration: 250 },
-    definitions: styles,
-  };
-}