@impulse-ui-native/data-state 2.0.0

package/dist/index.d.mts

@@ -0,0 +1,48 @@
+import * as react from 'react';
+import { ComponentType, PropsWithChildren } from 'react';
+import { PressableProps, ViewStyle } from 'react-native';
+import { IconProps } from '@impulse-ui-native/icon';
+import { ViewProps } from '@impulse-ui-native/primitives';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface StateActionsFooterProps extends ViewProps {
+    onPressPrimaryAction: PressableProps["onPress"];
+    primaryActionLabel: string;
+    onPressSecondaryAction?: PressableProps["onPress"];
+    secondaryActionLabel?: string;
+}
+interface StateViewProps extends StateActionsFooterProps, ViewProps {
+    text: string;
+    variant?: IconProps["variant"];
+    contentContainerStyle?: ViewStyle;
+}
+interface EmptyViewProps extends StateViewProps {
+    isEmpty: boolean;
+}
+interface ErrorViewProps extends StateViewProps {
+    error: Error | null;
+}
+interface LoadingViewProps extends ViewProps {
+    loading: boolean;
+    LoadingComponent: ComponentType;
+    contentContainerStyle?: ViewStyle;
+}
+interface DataViewProps extends ViewProps {
+    error: ErrorViewProps["error"];
+    isEmpty: EmptyViewProps["isEmpty"];
+    LoadingComponent: ComponentType;
+    loading: LoadingViewProps["loading"];
+    contentContainerStyle?: ViewStyle;
+    errorViewProps: StateViewProps;
+    emptyViewProps: StateViewProps;
+}
+
+declare const ErrorView: react.NamedExoticComponent<ErrorViewProps>;
+
+declare const EmptyView: react.NamedExoticComponent<EmptyViewProps>;
+
+declare const LoadingView: react.NamedExoticComponent<LoadingViewProps>;
+
+declare const DataView: react.MemoExoticComponent<(props: PropsWithChildren<DataViewProps>) => react_jsx_runtime.JSX.Element>;
+
+export { DataView, type DataViewProps, EmptyView, type EmptyViewProps, ErrorView, type ErrorViewProps, LoadingView, type LoadingViewProps, type StateActionsFooterProps, type StateViewProps };

package/dist/index.js

@@ -0,0 +1,283 @@
+// src/components/error-view.tsx
+import { memo } from "react";
+import { View } from "@impulse-ui-native/primitives";
+import { jsx } from "react/jsx-runtime";
+var ErrorView = memo(function ErrorView2(props) {
+  const {
+    variant,
+    text,
+    error,
+    onPressPrimaryAction,
+    onPressSecondaryAction,
+    primaryActionLabel,
+    secondaryActionLabel,
+    contentContainerStyle,
+    children,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx(View, { ...rest, children: /* @__PURE__ */ jsx(View, { style: contentContainerStyle, children }) });
+});
+
+// src/components/empty-view.tsx
+import { memo as memo2 } from "react";
+import { View as View2 } from "@impulse-ui-native/primitives";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var EmptyView = memo2(function EmptyView2(props) {
+  const {
+    variant,
+    text,
+    isEmpty,
+    onPressPrimaryAction,
+    primaryActionLabel,
+    onPressSecondaryAction,
+    secondaryActionLabel,
+    contentContainerStyle,
+    children,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx2(View2, { ...rest, children: /* @__PURE__ */ jsx2(View2, { style: contentContainerStyle, children }) });
+});
+
+// src/components/loading-view.tsx
+import { memo as memo3, useCallback, useEffect, useMemo, useState } from "react";
+import Animated, {
+  Easing,
+  useAnimatedStyle,
+  useSharedValue,
+  withTiming
+} from "react-native-reanimated";
+import { scheduleOnRN } from "react-native-worklets";
+import { View as View3 } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var LoadingView = memo3(function LoadingView2(props) {
+  const {
+    loading,
+    children,
+    LoadingComponent,
+    contentContainerStyle,
+    style,
+    ...rest
+  } = props;
+  const tokens = useComponentsTokens().dataState.loading;
+  const [shouldMountLoader, setShouldMountLoader] = useState(loading);
+  const [loaderHeight, setLoaderHeight] = useState(0);
+  const loaderOpacity = useSharedValue(loading ? 1 : 0);
+  const childrenOpacity = useSharedValue(loading ? 0 : 1);
+  const onLoaderLayout = useCallback((event) => {
+    const height = event.nativeEvent.layout.height;
+    setLoaderHeight((prev) => {
+      if (prev === height) {
+        return prev;
+      }
+      return height;
+    });
+  }, []);
+  const containerStyle = useMemo(
+    () => [
+      {
+        position: "relative",
+        minHeight: shouldMountLoader ? loaderHeight : void 0
+      },
+      style
+    ],
+    [loaderHeight, shouldMountLoader, style]
+  );
+  const loaderStyles = useAnimatedStyle(() => ({
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    top: 0,
+    zIndex: tokens.loaderZIndex,
+    opacity: loaderOpacity.value
+  }));
+  const childrenStyles = useAnimatedStyle(() => ({
+    opacity: childrenOpacity.value
+  }));
+  const childrenContainerStyles = useMemo(
+    () => [contentContainerStyle, childrenStyles],
+    [contentContainerStyle, childrenStyles]
+  );
+  useEffect(() => {
+    if (loading) {
+      setShouldMountLoader(true);
+      loaderOpacity.value = 1;
+      childrenOpacity.value = 0;
+      return;
+    }
+    loaderOpacity.value = withTiming(
+      0,
+      {
+        duration: tokens.transitionDuration,
+        easing: Easing.linear
+      },
+      (finished) => {
+        if (finished) {
+          scheduleOnRN(setShouldMountLoader, false);
+        }
+      }
+    );
+    childrenOpacity.value = withTiming(1, {
+      duration: tokens.transitionDuration,
+      easing: Easing.linear
+    });
+  }, [loading, loaderOpacity, childrenOpacity, tokens.transitionDuration]);
+  return /* @__PURE__ */ jsxs(View3, { ...rest, style: containerStyle, children: [
+    /* @__PURE__ */ jsx3(Animated.View, { style: childrenContainerStyles, children }),
+    shouldMountLoader ? /* @__PURE__ */ jsx3(Animated.View, { style: loaderStyles, pointerEvents: "auto", children: /* @__PURE__ */ jsx3(View3, { onLayout: onLoaderLayout, children: /* @__PURE__ */ jsx3(LoadingComponent, {}) }) }) : null
+  ] });
+});
+
+// src/components/data-view.tsx
+import { memo as memo7, useMemo as useMemo2 } from "react";
+import { View as View7 } from "@impulse-ui-native/primitives";
+import { useComponentsTokens as useComponentsTokens5 } from "@impulse-ui-native/theme";
+
+// src/components/empty-details.tsx
+import { memo as memo5 } from "react";
+import { EmptyIcon } from "@impulse-ui-native/icon";
+import { Typography, View as View5 } from "@impulse-ui-native/primitives";
+import { useComponentsTokens as useComponentsTokens3 } from "@impulse-ui-native/theme";
+
+// src/components/state-actions-footer.tsx
+import { memo as memo4 } from "react";
+import { Button, View as View4 } from "@impulse-ui-native/primitives";
+import { useComponentsTokens as useComponentsTokens2 } from "@impulse-ui-native/theme";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var StateActionsFooter = memo4(function StateActionsFooter2(props) {
+  const tokens = useComponentsTokens2().dataState.actionsFooter;
+  const {
+    onPressPrimaryAction,
+    onPressSecondaryAction,
+    primaryActionLabel,
+    secondaryActionLabel,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsxs2(
+    View4,
+    {
+      flexDirection: "row",
+      gap: tokens.gap,
+      justifyContent: "center",
+      alignItems: "center",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx4(Button, { onPress: props.onPressPrimaryAction, children: props.primaryActionLabel }),
+        props.onPressSecondaryAction ? /* @__PURE__ */ jsx4(Button, { variant: "outlined", onPress: props.onPressSecondaryAction, children: props.secondaryActionLabel }) : null
+      ]
+    }
+  );
+});
+
+// src/components/empty-details.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var EmptyDetails = memo5(function EmptyDetails2(props) {
+  const tokens = useComponentsTokens3().dataState.details;
+  return /* @__PURE__ */ jsxs3(View5, { alignItems: "center", justifyContent: "center", gap: tokens.gap, children: [
+    /* @__PURE__ */ jsx5(
+      EmptyIcon,
+      {
+        width: tokens.iconSize,
+        height: tokens.iconSize,
+        variant: props.variant,
+        color: tokens.iconColor
+      }
+    ),
+    /* @__PURE__ */ jsx5(Typography.Body, { children: props.text }),
+    /* @__PURE__ */ jsx5(
+      StateActionsFooter,
+      {
+        onPressPrimaryAction: props.onPressPrimaryAction,
+        primaryActionLabel: props.primaryActionLabel,
+        onPressSecondaryAction: props.onPressSecondaryAction,
+        secondaryActionLabel: props.secondaryActionLabel
+      }
+    )
+  ] });
+});
+
+// src/components/error-details.tsx
+import { memo as memo6 } from "react";
+import { CloudXIcon } from "@impulse-ui-native/icon";
+import { Typography as Typography2, View as View6 } from "@impulse-ui-native/primitives";
+import { useComponentsTokens as useComponentsTokens4 } from "@impulse-ui-native/theme";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var ErrorDetails = memo6(function ErrorDetails2(props) {
+  const tokens = useComponentsTokens4().dataState.details;
+  return /* @__PURE__ */ jsxs4(View6, { alignItems: "center", justifyContent: "center", gap: tokens.gap, children: [
+    /* @__PURE__ */ jsx6(
+      CloudXIcon,
+      {
+        width: tokens.iconSize,
+        height: tokens.iconSize,
+        variant: props.variant,
+        color: tokens.iconColor
+      }
+    ),
+    /* @__PURE__ */ jsx6(Typography2.Body, { children: props.text }),
+    /* @__PURE__ */ jsx6(
+      StateActionsFooter,
+      {
+        onPressPrimaryAction: props.onPressPrimaryAction,
+        primaryActionLabel: props.primaryActionLabel,
+        onPressSecondaryAction: props.onPressSecondaryAction,
+        secondaryActionLabel: props.secondaryActionLabel
+      }
+    )
+  ] });
+});
+
+// src/components/data-view.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var DataView = memo7((props) => {
+  const tokens = useComponentsTokens5().dataState;
+  const {
+    error,
+    isEmpty,
+    loading,
+    errorViewProps,
+    emptyViewProps,
+    LoadingComponent,
+    contentContainerStyle,
+    children,
+    ...rest
+  } = props;
+  const content = useMemo2(() => {
+    if (!error && !isEmpty) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs5(
+      View7,
+      {
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: tokens.content.zIndex,
+        children: [
+          error ? /* @__PURE__ */ jsx7(ErrorDetails, { ...errorViewProps }) : null,
+          isEmpty ? /* @__PURE__ */ jsx7(EmptyDetails, { ...emptyViewProps }) : null
+        ]
+      }
+    );
+  }, [error, isEmpty, errorViewProps, emptyViewProps, tokens.content.zIndex]);
+  return /* @__PURE__ */ jsxs5(
+    LoadingView,
+    {
+      ...rest,
+      LoadingComponent,
+      contentContainerStyle,
+      loading,
+      children: [
+        !error && !isEmpty && !loading ? children : null,
+        content
+      ]
+    }
+  );
+});
+export {
+  DataView,
+  EmptyView,
+  ErrorView,
+  LoadingView
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/error-view.tsx","../src/components/empty-view.tsx","../src/components/loading-view.tsx","../src/components/data-view.tsx","../src/components/empty-details.tsx","../src/components/state-actions-footer.tsx","../src/components/error-details.tsx"],"sourcesContent":["import { memo } from \"react\";\r\n\r\nimport { View } from \"@impulse-ui-native/primitives\";\r\n\r\nimport { ErrorViewProps } from \"../types\";\r\n\r\nexport const ErrorView = memo(function ErrorView(props: ErrorViewProps) {\r\n  const {\r\n    variant,\r\n    text,\r\n    error,\r\n    onPressPrimaryAction,\r\n    onPressSecondaryAction,\r\n    primaryActionLabel,\r\n    secondaryActionLabel,\r\n    contentContainerStyle,\r\n    children,\r\n    ...rest\r\n  } = props;\r\n\r\n  return (\r\n    <View {...rest}>\r\n      <View style={contentContainerStyle}>{children}</View>\r\n    </View>\r\n  );\r\n});\r\n","import { memo } from \"react\";\r\n\r\nimport { View } from \"@impulse-ui-native/primitives\";\r\n\r\nimport { EmptyViewProps } from \"../types\";\r\n\r\nexport const EmptyView = memo(function EmptyView(props: EmptyViewProps) {\r\n  const {\r\n    variant,\r\n    text,\r\n    isEmpty,\r\n    onPressPrimaryAction,\r\n    primaryActionLabel,\r\n    onPressSecondaryAction,\r\n    secondaryActionLabel,\r\n    contentContainerStyle,\r\n    children,\r\n    ...rest\r\n  } = props;\r\n\r\n  return (\r\n    <View {...rest}>\r\n      <View style={contentContainerStyle}>{children}</View>\r\n    </View>\r\n  );\r\n});\r\n","import { memo, useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport { LayoutChangeEvent, StyleProp, ViewStyle } from \"react-native\";\r\nimport Animated, {\r\n  Easing,\r\n  useAnimatedStyle,\r\n  useSharedValue,\r\n  withTiming,\r\n} from \"react-native-reanimated\";\r\nimport { scheduleOnRN } from \"react-native-worklets\";\r\n\r\nimport { View } from \"@impulse-ui-native/primitives\";\r\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\r\n\r\nimport { LoadingViewProps } from \"../types\";\r\n\r\nexport const LoadingView = memo(function LoadingView(props: LoadingViewProps) {\r\n  const {\r\n    loading,\r\n    children,\r\n    LoadingComponent,\r\n    contentContainerStyle,\r\n    style,\r\n    ...rest\r\n  } = props;\r\n\r\n  const tokens = useComponentsTokens().dataState.loading;\r\n\r\n  const [shouldMountLoader, setShouldMountLoader] = useState(loading);\r\n  const [loaderHeight, setLoaderHeight] = useState(0);\r\n\r\n  const loaderOpacity = useSharedValue(loading ? 1 : 0);\r\n  const childrenOpacity = useSharedValue(loading ? 0 : 1);\r\n\r\n  const onLoaderLayout = useCallback((event: LayoutChangeEvent) => {\r\n    const height = event.nativeEvent.layout.height;\r\n\r\n    setLoaderHeight((prev) => {\r\n      if (prev === height) {\r\n        return prev;\r\n      }\r\n\r\n      return height;\r\n    });\r\n  }, []);\r\n\r\n  const containerStyle = useMemo<StyleProp<ViewStyle>>(\r\n    () => [\r\n      {\r\n        position: \"relative\",\r\n        minHeight: shouldMountLoader ? loaderHeight : undefined,\r\n      },\r\n      style,\r\n    ],\r\n    [loaderHeight, shouldMountLoader, style],\r\n  );\r\n\r\n  const loaderStyles = useAnimatedStyle(() => ({\r\n    position: \"absolute\",\r\n    bottom: 0,\r\n    left: 0,\r\n    right: 0,\r\n    top: 0,\r\n    zIndex: tokens.loaderZIndex,\r\n    opacity: loaderOpacity.value,\r\n  }));\r\n\r\n  const childrenStyles = useAnimatedStyle(() => ({\r\n    opacity: childrenOpacity.value,\r\n  }));\r\n\r\n  const childrenContainerStyles = useMemo(\r\n    () => [contentContainerStyle, childrenStyles],\r\n    [contentContainerStyle, childrenStyles],\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (loading) {\r\n      setShouldMountLoader(true);\r\n\r\n      loaderOpacity.value = 1;\r\n      childrenOpacity.value = 0;\r\n\r\n      return;\r\n    }\r\n\r\n    loaderOpacity.value = withTiming(\r\n      0,\r\n      {\r\n        duration: tokens.transitionDuration,\r\n        easing: Easing.linear,\r\n      },\r\n      (finished) => {\r\n        if (finished) {\r\n          scheduleOnRN(setShouldMountLoader, false);\r\n        }\r\n      },\r\n    );\r\n\r\n    childrenOpacity.value = withTiming(1, {\r\n      duration: tokens.transitionDuration,\r\n      easing: Easing.linear,\r\n    });\r\n  }, [loading, loaderOpacity, childrenOpacity, tokens.transitionDuration]);\r\n\r\n  return (\r\n    <View {...rest} style={containerStyle}>\r\n      <Animated.View style={childrenContainerStyles}>{children}</Animated.View>\r\n\r\n      {shouldMountLoader ? (\r\n        <Animated.View style={loaderStyles} pointerEvents=\"auto\">\r\n          <View onLayout={onLoaderLayout}>\r\n            <LoadingComponent />\r\n          </View>\r\n        </Animated.View>\r\n      ) : null}\r\n    </View>\r\n  );\r\n});\r\n","import { memo, PropsWithChildren, useMemo } from \"react\";\r\n\r\nimport { View } from \"@impulse-ui-native/primitives\";\r\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\r\n\r\nimport { DataViewProps } from \"../types\";\r\nimport { EmptyDetails } from \"./empty-details\";\r\nimport { ErrorDetails } from \"./error-details\";\r\nimport { LoadingView } from \"./loading-view\";\r\n\r\nexport const DataView = memo((props: PropsWithChildren<DataViewProps>) => {\r\n  const tokens = useComponentsTokens().dataState;\r\n  const {\r\n    error,\r\n    isEmpty,\r\n    loading,\r\n    errorViewProps,\r\n    emptyViewProps,\r\n    LoadingComponent,\r\n    contentContainerStyle,\r\n    children,\r\n    ...rest\r\n  } = props;\r\n\r\n  const content = useMemo(() => {\r\n    if (!error && !isEmpty) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <View\r\n        alignItems=\"center\"\r\n        justifyContent=\"center\"\r\n        zIndex={tokens.content.zIndex}\r\n      >\r\n        {error ? <ErrorDetails {...errorViewProps} /> : null}\r\n        {isEmpty ? <EmptyDetails {...emptyViewProps} /> : null}\r\n      </View>\r\n    );\r\n  }, [error, isEmpty, errorViewProps, emptyViewProps, tokens.content.zIndex]);\r\n\r\n  return (\r\n    <LoadingView\r\n      {...rest}\r\n      LoadingComponent={LoadingComponent}\r\n      contentContainerStyle={contentContainerStyle}\r\n      loading={loading}\r\n    >\r\n      {!error && !isEmpty && !loading ? children : null}\r\n      {content}\r\n    </LoadingView>\r\n  );\r\n});\r\n","import { memo } from \"react\";\r\n\r\nimport { EmptyIcon } from \"@impulse-ui-native/icon\";\r\nimport { Typography, View } from \"@impulse-ui-native/primitives\";\r\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\r\n\r\nimport { StateViewProps } from \"../types\";\r\nimport { StateActionsFooter } from \"./state-actions-footer\";\r\n\r\nexport const EmptyDetails = memo(function EmptyDetails(props: StateViewProps) {\r\n  const tokens = useComponentsTokens().dataState.details;\r\n\r\n  return (\r\n    <View alignItems=\"center\" justifyContent=\"center\" gap={tokens.gap}>\r\n      <EmptyIcon\r\n        width={tokens.iconSize}\r\n        height={tokens.iconSize}\r\n        variant={props.variant}\r\n        color={tokens.iconColor}\r\n      />\r\n      <Typography.Body>{props.text}</Typography.Body>\r\n      <StateActionsFooter\r\n        onPressPrimaryAction={props.onPressPrimaryAction}\r\n        primaryActionLabel={props.primaryActionLabel}\r\n        onPressSecondaryAction={props.onPressSecondaryAction}\r\n        secondaryActionLabel={props.secondaryActionLabel}\r\n      />\r\n    </View>\r\n  );\r\n});\r\n","import { memo } from \"react\";\r\n\r\nimport { Button, View } from \"@impulse-ui-native/primitives\";\r\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\r\n\r\nimport { StateActionsFooterProps } from \"../types\";\r\n\r\nexport const StateActionsFooter = memo(function StateActionsFooter(\r\n  props: StateActionsFooterProps,\r\n) {\r\n  const tokens = useComponentsTokens().dataState.actionsFooter;\r\n  const {\r\n    onPressPrimaryAction,\r\n    onPressSecondaryAction,\r\n    primaryActionLabel,\r\n    secondaryActionLabel,\r\n    ...rest\r\n  } = props;\r\n\r\n  return (\r\n    <View\r\n      flexDirection=\"row\"\r\n      gap={tokens.gap}\r\n      justifyContent=\"center\"\r\n      alignItems=\"center\"\r\n      {...rest}\r\n    >\r\n      <Button onPress={props.onPressPrimaryAction}>\r\n        {props.primaryActionLabel}\r\n      </Button>\r\n      {props.onPressSecondaryAction ? (\r\n        <Button variant=\"outlined\" onPress={props.onPressSecondaryAction}>\r\n          {props.secondaryActionLabel}\r\n        </Button>\r\n      ) : null}\r\n    </View>\r\n  );\r\n});\r\n","import { memo } from \"react\";\r\n\r\nimport { CloudXIcon } from \"@impulse-ui-native/icon\";\r\nimport { Typography, View } from \"@impulse-ui-native/primitives\";\r\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\r\n\r\nimport { StateViewProps } from \"../types\";\r\nimport { StateActionsFooter } from \"./state-actions-footer\";\r\n\r\nexport const ErrorDetails = memo(function ErrorDetails(props: StateViewProps) {\r\n  const tokens = useComponentsTokens().dataState.details;\r\n\r\n  return (\r\n    <View alignItems=\"center\" justifyContent=\"center\" gap={tokens.gap}>\r\n      <CloudXIcon\r\n        width={tokens.iconSize}\r\n        height={tokens.iconSize}\r\n        variant={props.variant}\r\n        color={tokens.iconColor}\r\n      />\r\n      <Typography.Body>{props.text}</Typography.Body>\r\n      <StateActionsFooter\r\n        onPressPrimaryAction={props.onPressPrimaryAction}\r\n        primaryActionLabel={props.primaryActionLabel}\r\n        onPressSecondaryAction={props.onPressSecondaryAction}\r\n        secondaryActionLabel={props.secondaryActionLabel}\r\n      />\r\n    </View>\r\n  );\r\n});\r\n"],"mappings":"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","names":["ErrorView","memo","View","jsx","EmptyView","memo","View","jsx","LoadingView","memo","useMemo","View","useComponentsTokens","memo","View","useComponentsTokens","memo","View","useComponentsTokens","jsx","jsxs","StateActionsFooter","jsx","jsxs","memo","EmptyDetails","useComponentsTokens","View","memo","Typography","View","useComponentsTokens","jsx","jsxs","memo","ErrorDetails","useComponentsTokens","View","Typography","jsx","jsxs","memo","useComponentsTokens","useMemo","View"]}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@impulse-ui-native/data-state",
+  "version": "2.0.0",
+  "source": "src/index.ts",
+  "module": "dist/index.js",
+  "types": "dist/index.d.mts",
+  "react-native": "src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "react-native": "./src/index.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "dependencies": {
+    "@impulse-ui-native/theme": "2.0.0",
+    "@impulse-ui-native/core": "2.0.0",
+    "@impulse-ui-native/primitives": "2.0.0",
+    "@impulse-ui-native/skeleton": "2.0.0",
+    "@impulse-ui-native/icon": "2.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "~19.2.14",
+    "eslint": "^9.38.0",
+    "prettier": "^3.6.2",
+    "react": "19.2.0",
+    "react-native": "0.83.6",
+    "react-native-reanimated": "4.2.1",
+    "react-native-worklets": "0.7.4",
+    "typescript": "~5.9.2",
+    "@impulse-ui-native/eslint-config": "1.0.0",
+    "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/tsconfig": "1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.73",
+    "react-native-reanimated": ">=3.6.0",
+    "react-native-worklets": ">=0.5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "prettier": "@impulse-ui-native/prettier-config",
+  "scripts": {
+    "build": "tsup --config tsup.config.ts",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "pnpm exec eslint . --fix",
+    "format": "prettier --write \"./**/*.{ts,tsx,js,jsx,json,md}\" --ignore-path ../../.prettierignore"
+  }
+}