@impulse-ui-native/data-state 2.0.0 → 2.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 ImpulseUI Native contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,46 @@
+# @impulse-ui-native/data-state
+
+Reusable loading, empty, error, and content-state composition for data-backed screens.
+
+## Installation
+
+```sh
+pnpm add @impulse-ui-native/data-state
+```
+
+## Main exports
+
+- `LoadingView` swaps content for a caller-provided loading component.
+- `EmptyView` renders empty-state copy and primary or secondary actions when `isEmpty` is true.
+- `ErrorView` renders error-state copy and actions when an error is present.
+- `DataView` coordinates loading, error, empty, and successful-content states in one component.
+- Public prop types describe each state view and its action footer.
+
+## Usage
+
+```tsx
+import { ActivityIndicator } from "react-native";
+
+import { DataView } from "@impulse-ui-native/data-state";
+
+<DataView
+  loading={query.isLoading}
+  error={query.error}
+  isEmpty={!query.data?.length}
+  LoadingComponent={ActivityIndicator}
+  errorViewProps={{
+    text: "Could not load projects.",
+    primaryActionLabel: "Try again",
+    onPressPrimaryAction: query.refetch,
+  }}
+  emptyViewProps={{
+    text: "No projects yet.",
+    primaryActionLabel: "Create project",
+    onPressPrimaryAction: openCreateProject,
+  }}
+>
+  <ProjectList projects={query.data ?? []} />
+</DataView>;
+```
+
+The views use component tokens from `ThemeProvider` for their layout, layering, and presentation.

package/dist/index.d.mts

@@ -1,9 +1,9 @@
 import * as react from 'react';
 import { ComponentType, PropsWithChildren } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PressableProps, ViewStyle } from 'react-native';
-import { IconProps } from '@impulse-ui-native/icon';
+import { IconProps } from '@impulse-ui-native/icon/types';
 import { ViewProps } from '@impulse-ui-native/primitives';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface StateActionsFooterProps extends ViewProps {
     onPressPrimaryAction: PressableProps["onPress"];
@@ -37,11 +37,11 @@ interface DataViewProps extends ViewProps {
     emptyViewProps: StateViewProps;
 }
 
-declare const ErrorView: react.NamedExoticComponent<ErrorViewProps>;
+declare const ErrorView: react.MemoExoticComponent<(props: ErrorViewProps) => react_jsx_runtime.JSX.Element>;
 
-declare const EmptyView: react.NamedExoticComponent<EmptyViewProps>;
+declare const EmptyView: react.MemoExoticComponent<(props: EmptyViewProps) => react_jsx_runtime.JSX.Element>;
 
-declare const LoadingView: react.NamedExoticComponent<LoadingViewProps>;
+declare const LoadingView: react.MemoExoticComponent<(props: LoadingViewProps) => react_jsx_runtime.JSX.Element>;
 
 declare const DataView: react.MemoExoticComponent<(props: PropsWithChildren<DataViewProps>) => react_jsx_runtime.JSX.Element>;
 

package/dist/index.js

@@ -136,7 +136,7 @@ import { useComponentsTokens as useComponentsTokens5 } from "@impulse-ui-native/
 
 // src/components/empty-details.tsx
 import { memo as memo5 } from "react";
-import { EmptyIcon } from "@impulse-ui-native/icon";
+import { EmptyIcon } from "@impulse-ui-native/icon/icons/empty";
 import { Typography, View as View5 } from "@impulse-ui-native/primitives";
 import { useComponentsTokens as useComponentsTokens3 } from "@impulse-ui-native/theme";
 
@@ -199,7 +199,7 @@ var EmptyDetails = memo5(function EmptyDetails2(props) {
 
 // src/components/error-details.tsx
 import { memo as memo6 } from "react";
-import { CloudXIcon } from "@impulse-ui-native/icon";
+import { CloudXIcon } from "@impulse-ui-native/icon/icons/cloud-x";
 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";

package/dist/index.js.map

@@ -1 +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"]}
+{"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\";\n\nimport { View } from \"@impulse-ui-native/primitives\";\n\nimport { ErrorViewProps } from \"../types\";\n\nexport const ErrorView = memo(function ErrorView(props: ErrorViewProps) {\n  const {\n    variant,\n    text,\n    error,\n    onPressPrimaryAction,\n    onPressSecondaryAction,\n    primaryActionLabel,\n    secondaryActionLabel,\n    contentContainerStyle,\n    children,\n    ...rest\n  } = props;\n\n  return (\n    <View {...rest}>\n      <View style={contentContainerStyle}>{children}</View>\n    </View>\n  );\n});\n","import { memo } from \"react\";\n\nimport { View } from \"@impulse-ui-native/primitives\";\n\nimport { EmptyViewProps } from \"../types\";\n\nexport const EmptyView = memo(function EmptyView(props: EmptyViewProps) {\n  const {\n    variant,\n    text,\n    isEmpty,\n    onPressPrimaryAction,\n    primaryActionLabel,\n    onPressSecondaryAction,\n    secondaryActionLabel,\n    contentContainerStyle,\n    children,\n    ...rest\n  } = props;\n\n  return (\n    <View {...rest}>\n      <View style={contentContainerStyle}>{children}</View>\n    </View>\n  );\n});\n","import { memo, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { LayoutChangeEvent, StyleProp, ViewStyle } from \"react-native\";\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from \"react-native-reanimated\";\nimport { scheduleOnRN } from \"react-native-worklets\";\n\nimport { View } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport { LoadingViewProps } from \"../types\";\n\nexport const LoadingView = memo(function LoadingView(props: LoadingViewProps) {\n  const {\n    loading,\n    children,\n    LoadingComponent,\n    contentContainerStyle,\n    style,\n    ...rest\n  } = props;\n\n  const tokens = useComponentsTokens().dataState.loading;\n\n  const [shouldMountLoader, setShouldMountLoader] = useState(loading);\n  const [loaderHeight, setLoaderHeight] = useState(0);\n\n  const loaderOpacity = useSharedValue(loading ? 1 : 0);\n  const childrenOpacity = useSharedValue(loading ? 0 : 1);\n\n  const onLoaderLayout = useCallback((event: LayoutChangeEvent) => {\n    const height = event.nativeEvent.layout.height;\n\n    setLoaderHeight((prev) => {\n      if (prev === height) {\n        return prev;\n      }\n\n      return height;\n    });\n  }, []);\n\n  const containerStyle = useMemo<StyleProp<ViewStyle>>(\n    () => [\n      {\n        position: \"relative\",\n        minHeight: shouldMountLoader ? loaderHeight : undefined,\n      },\n      style,\n    ],\n    [loaderHeight, shouldMountLoader, style],\n  );\n\n  const loaderStyles = useAnimatedStyle(() => ({\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n    zIndex: tokens.loaderZIndex,\n    opacity: loaderOpacity.value,\n  }));\n\n  const childrenStyles = useAnimatedStyle(() => ({\n    opacity: childrenOpacity.value,\n  }));\n\n  const childrenContainerStyles = useMemo(\n    () => [contentContainerStyle, childrenStyles],\n    [contentContainerStyle, childrenStyles],\n  );\n\n  useEffect(() => {\n    if (loading) {\n      setShouldMountLoader(true);\n\n      loaderOpacity.value = 1;\n      childrenOpacity.value = 0;\n\n      return;\n    }\n\n    loaderOpacity.value = withTiming(\n      0,\n      {\n        duration: tokens.transitionDuration,\n        easing: Easing.linear,\n      },\n      (finished) => {\n        if (finished) {\n          scheduleOnRN(setShouldMountLoader, false);\n        }\n      },\n    );\n\n    childrenOpacity.value = withTiming(1, {\n      duration: tokens.transitionDuration,\n      easing: Easing.linear,\n    });\n  }, [loading, loaderOpacity, childrenOpacity, tokens.transitionDuration]);\n\n  return (\n    <View {...rest} style={containerStyle}>\n      <Animated.View style={childrenContainerStyles}>{children}</Animated.View>\n\n      {shouldMountLoader ? (\n        <Animated.View style={loaderStyles} pointerEvents=\"auto\">\n          <View onLayout={onLoaderLayout}>\n            <LoadingComponent />\n          </View>\n        </Animated.View>\n      ) : null}\n    </View>\n  );\n});\n","import { memo, PropsWithChildren, useMemo } from \"react\";\n\nimport { View } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport { DataViewProps } from \"../types\";\nimport { EmptyDetails } from \"./empty-details\";\nimport { ErrorDetails } from \"./error-details\";\nimport { LoadingView } from \"./loading-view\";\n\nexport const DataView = memo((props: PropsWithChildren<DataViewProps>) => {\n  const tokens = useComponentsTokens().dataState;\n  const {\n    error,\n    isEmpty,\n    loading,\n    errorViewProps,\n    emptyViewProps,\n    LoadingComponent,\n    contentContainerStyle,\n    children,\n    ...rest\n  } = props;\n\n  const content = useMemo(() => {\n    if (!error && !isEmpty) {\n      return null;\n    }\n\n    return (\n      <View\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        zIndex={tokens.content.zIndex}\n      >\n        {error ? <ErrorDetails {...errorViewProps} /> : null}\n        {isEmpty ? <EmptyDetails {...emptyViewProps} /> : null}\n      </View>\n    );\n  }, [error, isEmpty, errorViewProps, emptyViewProps, tokens.content.zIndex]);\n\n  return (\n    <LoadingView\n      {...rest}\n      LoadingComponent={LoadingComponent}\n      contentContainerStyle={contentContainerStyle}\n      loading={loading}\n    >\n      {!error && !isEmpty && !loading ? children : null}\n      {content}\n    </LoadingView>\n  );\n});\n","import { memo } from \"react\";\n\nimport { EmptyIcon } from \"@impulse-ui-native/icon/icons/empty\";\nimport { Typography, View } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport { StateViewProps } from \"../types\";\nimport { StateActionsFooter } from \"./state-actions-footer\";\n\nexport const EmptyDetails = memo(function EmptyDetails(props: StateViewProps) {\n  const tokens = useComponentsTokens().dataState.details;\n\n  return (\n    <View alignItems=\"center\" justifyContent=\"center\" gap={tokens.gap}>\n      <EmptyIcon\n        width={tokens.iconSize}\n        height={tokens.iconSize}\n        variant={props.variant}\n        color={tokens.iconColor}\n      />\n      <Typography.Body>{props.text}</Typography.Body>\n      <StateActionsFooter\n        onPressPrimaryAction={props.onPressPrimaryAction}\n        primaryActionLabel={props.primaryActionLabel}\n        onPressSecondaryAction={props.onPressSecondaryAction}\n        secondaryActionLabel={props.secondaryActionLabel}\n      />\n    </View>\n  );\n});\n","import { memo } from \"react\";\n\nimport { Button, View } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport { StateActionsFooterProps } from \"../types\";\n\nexport const StateActionsFooter = memo(function StateActionsFooter(\n  props: StateActionsFooterProps,\n) {\n  const tokens = useComponentsTokens().dataState.actionsFooter;\n  const {\n    onPressPrimaryAction,\n    onPressSecondaryAction,\n    primaryActionLabel,\n    secondaryActionLabel,\n    ...rest\n  } = props;\n\n  return (\n    <View\n      flexDirection=\"row\"\n      gap={tokens.gap}\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      {...rest}\n    >\n      <Button onPress={props.onPressPrimaryAction}>\n        {props.primaryActionLabel}\n      </Button>\n      {props.onPressSecondaryAction ? (\n        <Button variant=\"outlined\" onPress={props.onPressSecondaryAction}>\n          {props.secondaryActionLabel}\n        </Button>\n      ) : null}\n    </View>\n  );\n});\n","import { memo } from \"react\";\n\nimport { CloudXIcon } from \"@impulse-ui-native/icon/icons/cloud-x\";\nimport { Typography, View } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport { StateViewProps } from \"../types\";\nimport { StateActionsFooter } from \"./state-actions-footer\";\n\nexport const ErrorDetails = memo(function ErrorDetails(props: StateViewProps) {\n  const tokens = useComponentsTokens().dataState.details;\n\n  return (\n    <View alignItems=\"center\" justifyContent=\"center\" gap={tokens.gap}>\n      <CloudXIcon\n        width={tokens.iconSize}\n        height={tokens.iconSize}\n        variant={props.variant}\n        color={tokens.iconColor}\n      />\n      <Typography.Body>{props.text}</Typography.Body>\n      <StateActionsFooter\n        onPressPrimaryAction={props.onPressPrimaryAction}\n        primaryActionLabel={props.primaryActionLabel}\n        onPressSecondaryAction={props.onPressSecondaryAction}\n        secondaryActionLabel={props.secondaryActionLabel}\n      />\n    </View>\n  );\n});\n"],"mappings":";AAAA,SAAS,YAAY;AAErB,SAAS,YAAY;AAoBf;AAhBC,IAAM,YAAY,KAAK,SAASA,WAAU,OAAuB;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,SACE,oBAAC,QAAM,GAAG,MACR,8BAAC,QAAK,OAAO,uBAAwB,UAAS,GAChD;AAEJ,CAAC;;;ACzBD,SAAS,QAAAC,aAAY;AAErB,SAAS,QAAAC,aAAY;AAoBf,gBAAAC,YAAA;AAhBC,IAAM,YAAYF,MAAK,SAASG,WAAU,OAAuB;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,SACE,gBAAAD,KAACD,OAAA,EAAM,GAAG,MACR,0BAAAC,KAACD,OAAA,EAAK,OAAO,uBAAwB,UAAS,GAChD;AAEJ,CAAC;;;ACzBD,SAAS,QAAAG,OAAM,aAAa,WAAW,SAAS,gBAAgB;AAEhE,OAAO;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAE7B,SAAS,QAAAC,aAAY;AACrB,SAAS,2BAA2B;AA8FhC,SACE,OAAAC,MADF;AA1FG,IAAM,cAAcF,MAAK,SAASG,aAAY,OAAyB;AAC5E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,SAAS,oBAAoB,EAAE,UAAU;AAE/C,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,OAAO;AAClE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC;AAElD,QAAM,gBAAgB,eAAe,UAAU,IAAI,CAAC;AACpD,QAAM,kBAAkB,eAAe,UAAU,IAAI,CAAC;AAEtD,QAAM,iBAAiB,YAAY,CAAC,UAA6B;AAC/D,UAAM,SAAS,MAAM,YAAY,OAAO;AAExC,oBAAgB,CAAC,SAAS;AACxB,UAAI,SAAS,QAAQ;AACnB,eAAO;AAAA,MACT;AAEA,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB;AAAA,IACrB,MAAM;AAAA,MACJ;AAAA,QACE,UAAU;AAAA,QACV,WAAW,oBAAoB,eAAe;AAAA,MAChD;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,cAAc,mBAAmB,KAAK;AAAA,EACzC;AAEA,QAAM,eAAe,iBAAiB,OAAO;AAAA,IAC3C,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ,OAAO;AAAA,IACf,SAAS,cAAc;AAAA,EACzB,EAAE;AAEF,QAAM,iBAAiB,iBAAiB,OAAO;AAAA,IAC7C,SAAS,gBAAgB;AAAA,EAC3B,EAAE;AAEF,QAAM,0BAA0B;AAAA,IAC9B,MAAM,CAAC,uBAAuB,cAAc;AAAA,IAC5C,CAAC,uBAAuB,cAAc;AAAA,EACxC;AAEA,YAAU,MAAM;AACd,QAAI,SAAS;AACX,2BAAqB,IAAI;AAEzB,oBAAc,QAAQ;AACtB,sBAAgB,QAAQ;AAExB;AAAA,IACF;AAEA,kBAAc,QAAQ;AAAA,MACpB;AAAA,MACA;AAAA,QACE,UAAU,OAAO;AAAA,QACjB,QAAQ,OAAO;AAAA,MACjB;AAAA,MACA,CAAC,aAAa;AACZ,YAAI,UAAU;AACZ,uBAAa,sBAAsB,KAAK;AAAA,QAC1C;AAAA,MACF;AAAA,IACF;AAEA,oBAAgB,QAAQ,WAAW,GAAG;AAAA,MACpC,UAAU,OAAO;AAAA,MACjB,QAAQ,OAAO;AAAA,IACjB,CAAC;AAAA,EACH,GAAG,CAAC,SAAS,eAAe,iBAAiB,OAAO,kBAAkB,CAAC;AAEvE,SACE,qBAACF,OAAA,EAAM,GAAG,MAAM,OAAO,gBACrB;AAAA,oBAAAC,KAAC,SAAS,MAAT,EAAc,OAAO,yBAA0B,UAAS;AAAA,IAExD,oBACC,gBAAAA,KAAC,SAAS,MAAT,EAAc,OAAO,cAAc,eAAc,QAChD,0BAAAA,KAACD,OAAA,EAAK,UAAU,gBACd,0BAAAC,KAAC,oBAAiB,GACpB,GACF,IACE;AAAA,KACN;AAEJ,CAAC;;;ACrHD,SAAS,QAAAE,OAAyB,WAAAC,gBAAe;AAEjD,SAAS,QAAAC,aAAY;AACrB,SAAS,uBAAAC,4BAA2B;;;ACHpC,SAAS,QAAAC,aAAY;AAErB,SAAS,iBAAiB;AAC1B,SAAS,YAAY,QAAAC,aAAY;AACjC,SAAS,uBAAAC,4BAA2B;;;ACJpC,SAAS,QAAAC,aAAY;AAErB,SAAS,QAAQ,QAAAC,aAAY;AAC7B,SAAS,uBAAAC,4BAA2B;AAiBhC,SAOE,OAAAC,MAPF,QAAAC,aAAA;AAbG,IAAM,qBAAqBJ,MAAK,SAASK,oBAC9C,OACA;AACA,QAAM,SAASH,qBAAoB,EAAE,UAAU;AAC/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,SACE,gBAAAE;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,KAAK,OAAO;AAAA,MACZ,gBAAe;AAAA,MACf,YAAW;AAAA,MACV,GAAG;AAAA,MAEJ;AAAA,wBAAAE,KAAC,UAAO,SAAS,MAAM,sBACpB,gBAAM,oBACT;AAAA,QACC,MAAM,yBACL,gBAAAA,KAAC,UAAO,SAAQ,YAAW,SAAS,MAAM,wBACvC,gBAAM,sBACT,IACE;AAAA;AAAA;AAAA,EACN;AAEJ,CAAC;;;ADxBG,SACE,OAAAG,MADF,QAAAC,aAAA;AAJG,IAAM,eAAeC,MAAK,SAASC,cAAa,OAAuB;AAC5E,QAAM,SAASC,qBAAoB,EAAE,UAAU;AAE/C,SACE,gBAAAH,MAACI,OAAA,EAAK,YAAW,UAAS,gBAAe,UAAS,KAAK,OAAO,KAC5D;AAAA,oBAAAL;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,QACf,SAAS,MAAM;AAAA,QACf,OAAO,OAAO;AAAA;AAAA,IAChB;AAAA,IACA,gBAAAA,KAAC,WAAW,MAAX,EAAiB,gBAAM,MAAK;AAAA,IAC7B,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,sBAAsB,MAAM;AAAA,QAC5B,oBAAoB,MAAM;AAAA,QAC1B,wBAAwB,MAAM;AAAA,QAC9B,sBAAsB,MAAM;AAAA;AAAA,IAC9B;AAAA,KACF;AAEJ,CAAC;;;AE7BD,SAAS,QAAAM,aAAY;AAErB,SAAS,kBAAkB;AAC3B,SAAS,cAAAC,aAAY,QAAAC,aAAY;AACjC,SAAS,uBAAAC,4BAA2B;AAShC,SACE,OAAAC,MADF,QAAAC,aAAA;AAJG,IAAM,eAAeC,MAAK,SAASC,cAAa,OAAuB;AAC5E,QAAM,SAASC,qBAAoB,EAAE,UAAU;AAE/C,SACE,gBAAAH,MAACI,OAAA,EAAK,YAAW,UAAS,gBAAe,UAAS,KAAK,OAAO,KAC5D;AAAA,oBAAAL;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,QACf,SAAS,MAAM;AAAA,QACf,OAAO,OAAO;AAAA;AAAA,IAChB;AAAA,IACA,gBAAAA,KAACM,YAAW,MAAX,EAAiB,gBAAM,MAAK;AAAA,IAC7B,gBAAAN;AAAA,MAAC;AAAA;AAAA,QACC,sBAAsB,MAAM;AAAA,QAC5B,oBAAoB,MAAM;AAAA,QAC1B,wBAAwB,MAAM;AAAA,QAC9B,sBAAsB,MAAM;AAAA;AAAA,IAC9B;AAAA,KACF;AAEJ,CAAC;;;AHCK,SAKW,OAAAO,MALX,QAAAC,aAAA;AApBC,IAAM,WAAWC,MAAK,CAAC,UAA4C;AACxE,QAAM,SAASC,qBAAoB,EAAE;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,UAAUC,SAAQ,MAAM;AAC5B,QAAI,CAAC,SAAS,CAAC,SAAS;AACtB,aAAO;AAAA,IACT;AAEA,WACE,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,YAAW;AAAA,QACX,gBAAe;AAAA,QACf,QAAQ,OAAO,QAAQ;AAAA,QAEtB;AAAA,kBAAQ,gBAAAL,KAAC,gBAAc,GAAG,gBAAgB,IAAK;AAAA,UAC/C,UAAU,gBAAAA,KAAC,gBAAc,GAAG,gBAAgB,IAAK;AAAA;AAAA;AAAA,IACpD;AAAA,EAEJ,GAAG,CAAC,OAAO,SAAS,gBAAgB,gBAAgB,OAAO,QAAQ,MAAM,CAAC;AAE1E,SACE,gBAAAC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,SAAC,SAAS,CAAC,WAAW,CAAC,UAAU,WAAW;AAAA,QAC5C;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;","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

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/data-state",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "source": "src/index.ts",
   "module": "dist/index.js",
   "types": "dist/index.d.mts",
@@ -18,21 +18,21 @@
     "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"
+    "@impulse-ui-native/core": "2.1.0",
+    "@impulse-ui-native/primitives": "2.1.0",
+    "@impulse-ui-native/icon": "2.1.0",
+    "@impulse-ui-native/skeleton": "2.1.0",
+    "@impulse-ui-native/theme": "2.1.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",
+    "react": "19.2.3",
+    "react-native": "0.86.2",
+    "react-native-reanimated": "4.5.1",
+    "react-native-worklets": "0.10.1",
+    "typescript": "~6.0.3",
     "@impulse-ui-native/eslint-config": "1.0.0",
     "@impulse-ui-native/prettier-config": "1.0.0",
     "@impulse-ui-native/tsconfig": "1.0.0"