@impulse-ui-native/data-state 2.0.1 → 2.1.1

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/dist/components/data-view.d.mts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { PropsWithChildren } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DataViewProps } from '../types/state-view.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/icon/types';
+import '@impulse-ui-native/primitives';
+
+declare const DataView: react.MemoExoticComponent<(props: PropsWithChildren<DataViewProps>) => react_jsx_runtime.JSX.Element>;
+
+export { DataView };

package/dist/components/data-view.js

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { View } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { EmptyDetails } from "./empty-details";
+import { ErrorDetails } from "./error-details";
+import { LoadingView } from "./loading-view";
+const DataView = memo((props) => {
+  const tokens = useComponentsTokens().dataState;
+  const {
+    error,
+    isEmpty,
+    loading,
+    errorViewProps,
+    emptyViewProps,
+    LoadingComponent,
+    contentContainerStyle,
+    children,
+    ...rest
+  } = props;
+  const content = useMemo(() => {
+    if (!error && !isEmpty) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(
+      View,
+      {
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: tokens.content.zIndex,
+        children: [
+          error ? /* @__PURE__ */ jsx(ErrorDetails, { ...errorViewProps }) : null,
+          isEmpty ? /* @__PURE__ */ jsx(EmptyDetails, { ...emptyViewProps }) : null
+        ]
+      }
+    );
+  }, [error, isEmpty, errorViewProps, emptyViewProps, tokens.content.zIndex]);
+  return /* @__PURE__ */ jsxs(
+    LoadingView,
+    {
+      ...rest,
+      LoadingComponent,
+      contentContainerStyle,
+      loading,
+      children: [
+        !error && !isEmpty && !loading ? children : null,
+        content
+      ]
+    }
+  );
+});
+export {
+  DataView
+};
+//# sourceMappingURL=data-view.js.map

package/dist/components/data-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/data-view.tsx"],"sourcesContent":["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"],"mappings":"AA8BM,SAKW,KALX;AA9BN,SAAS,MAAyB,eAAe;AAEjD,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAGpC,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAErB,MAAM,WAAW,KAAK,CAAC,UAA4C;AACxE,QAAM,SAAS,oBAAoB,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,UAAU,QAAQ,MAAM;AAC5B,QAAI,CAAC,SAAS,CAAC,SAAS;AACtB,aAAO;AAAA,IACT;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,gBAAe;AAAA,QACf,QAAQ,OAAO,QAAQ;AAAA,QAEtB;AAAA,kBAAQ,oBAAC,gBAAc,GAAG,gBAAgB,IAAK;AAAA,UAC/C,UAAU,oBAAC,gBAAc,GAAG,gBAAgB,IAAK;AAAA;AAAA;AAAA,IACpD;AAAA,EAEJ,GAAG,CAAC,OAAO,SAAS,gBAAgB,gBAAgB,OAAO,QAAQ,MAAM,CAAC;AAE1E,SACE;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":[]}

package/dist/components/empty-details.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StateViewProps } from '../types/state-view.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/icon/types';
+import '@impulse-ui-native/primitives';
+
+declare const EmptyDetails: react.MemoExoticComponent<(props: StateViewProps) => react_jsx_runtime.JSX.Element>;
+
+export { EmptyDetails };

package/dist/components/empty-details.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { EmptyIcon } from "@impulse-ui-native/icon/icons/empty";
+import { Typography, View } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { StateActionsFooter } from "./state-actions-footer";
+const EmptyDetails = memo(function EmptyDetails2(props) {
+  const tokens = useComponentsTokens().dataState.details;
+  return /* @__PURE__ */ jsxs(View, { alignItems: "center", justifyContent: "center", gap: tokens.gap, children: [
+    /* @__PURE__ */ jsx(
+      EmptyIcon,
+      {
+        width: tokens.iconSize,
+        height: tokens.iconSize,
+        variant: props.variant,
+        color: tokens.iconColor
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography.Body, { children: props.text }),
+    /* @__PURE__ */ jsx(
+      StateActionsFooter,
+      {
+        onPressPrimaryAction: props.onPressPrimaryAction,
+        primaryActionLabel: props.primaryActionLabel,
+        onPressSecondaryAction: props.onPressSecondaryAction,
+        secondaryActionLabel: props.secondaryActionLabel
+      }
+    )
+  ] });
+});
+export {
+  EmptyDetails
+};
+//# sourceMappingURL=empty-details.js.map

package/dist/components/empty-details.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/empty-details.tsx"],"sourcesContent":["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"],"mappings":"AAaI,SACE,KADF;AAbJ,SAAS,YAAY;AAErB,SAAS,iBAAiB;AAC1B,SAAS,YAAY,YAAY;AACjC,SAAS,2BAA2B;AAGpC,SAAS,0BAA0B;AAE5B,MAAM,eAAe,KAAK,SAASA,cAAa,OAAuB;AAC5E,QAAM,SAAS,oBAAoB,EAAE,UAAU;AAE/C,SACE,qBAAC,QAAK,YAAW,UAAS,gBAAe,UAAS,KAAK,OAAO,KAC5D;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,QACf,SAAS,MAAM;AAAA,QACf,OAAO,OAAO;AAAA;AAAA,IAChB;AAAA,IACA,oBAAC,WAAW,MAAX,EAAiB,gBAAM,MAAK;AAAA,IAC7B;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;","names":["EmptyDetails"]}

package/dist/components/empty-view.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { EmptyViewProps } from '../types/state-view.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/icon/types';
+import '@impulse-ui-native/primitives';
+
+declare const EmptyView: react.MemoExoticComponent<(props: EmptyViewProps) => react_jsx_runtime.JSX.Element>;
+
+export { EmptyView };

package/dist/components/empty-view.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { View } from "@impulse-ui-native/primitives";
+const EmptyView = memo(function EmptyView2(props) {
+  const {
+    variant,
+    text,
+    isEmpty,
+    onPressPrimaryAction,
+    primaryActionLabel,
+    onPressSecondaryAction,
+    secondaryActionLabel,
+    contentContainerStyle,
+    children,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx(View, { ...rest, children: /* @__PURE__ */ jsx(View, { style: contentContainerStyle, children }) });
+});
+export {
+  EmptyView
+};
+//# sourceMappingURL=empty-view.js.map

package/dist/components/empty-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/empty-view.tsx"],"sourcesContent":["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"],"mappings":"AAsBM;AAtBN,SAAS,YAAY;AAErB,SAAS,YAAY;AAId,MAAM,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;","names":["EmptyView"]}

package/dist/components/error-details.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StateViewProps } from '../types/state-view.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/icon/types';
+import '@impulse-ui-native/primitives';
+
+declare const ErrorDetails: react.MemoExoticComponent<(props: StateViewProps) => react_jsx_runtime.JSX.Element>;
+
+export { ErrorDetails };

package/dist/components/error-details.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { CloudXIcon } from "@impulse-ui-native/icon/icons/cloud-x";
+import { Typography, View } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { StateActionsFooter } from "./state-actions-footer";
+const ErrorDetails = memo(function ErrorDetails2(props) {
+  const tokens = useComponentsTokens().dataState.details;
+  return /* @__PURE__ */ jsxs(View, { alignItems: "center", justifyContent: "center", gap: tokens.gap, children: [
+    /* @__PURE__ */ jsx(
+      CloudXIcon,
+      {
+        width: tokens.iconSize,
+        height: tokens.iconSize,
+        variant: props.variant,
+        color: tokens.iconColor
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography.Body, { children: props.text }),
+    /* @__PURE__ */ jsx(
+      StateActionsFooter,
+      {
+        onPressPrimaryAction: props.onPressPrimaryAction,
+        primaryActionLabel: props.primaryActionLabel,
+        onPressSecondaryAction: props.onPressSecondaryAction,
+        secondaryActionLabel: props.secondaryActionLabel
+      }
+    )
+  ] });
+});
+export {
+  ErrorDetails
+};
+//# sourceMappingURL=error-details.js.map

package/dist/components/error-details.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/error-details.tsx"],"sourcesContent":["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":"AAaI,SACE,KADF;AAbJ,SAAS,YAAY;AAErB,SAAS,kBAAkB;AAC3B,SAAS,YAAY,YAAY;AACjC,SAAS,2BAA2B;AAGpC,SAAS,0BAA0B;AAE5B,MAAM,eAAe,KAAK,SAASA,cAAa,OAAuB;AAC5E,QAAM,SAAS,oBAAoB,EAAE,UAAU;AAE/C,SACE,qBAAC,QAAK,YAAW,UAAS,gBAAe,UAAS,KAAK,OAAO,KAC5D;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,QACf,SAAS,MAAM;AAAA,QACf,OAAO,OAAO;AAAA;AAAA,IAChB;AAAA,IACA,oBAAC,WAAW,MAAX,EAAiB,gBAAM,MAAK;AAAA,IAC7B;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;","names":["ErrorDetails"]}

package/dist/components/error-view.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ErrorViewProps } from '../types/state-view.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/icon/types';
+import '@impulse-ui-native/primitives';
+
+declare const ErrorView: react.MemoExoticComponent<(props: ErrorViewProps) => react_jsx_runtime.JSX.Element>;
+
+export { ErrorView };

package/dist/components/error-view.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { View } from "@impulse-ui-native/primitives";
+const 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 }) });
+});
+export {
+  ErrorView
+};
+//# sourceMappingURL=error-view.js.map

package/dist/components/error-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/error-view.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"],"mappings":"AAsBM;AAtBN,SAAS,YAAY;AAErB,SAAS,YAAY;AAId,MAAM,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;","names":["ErrorView"]}

package/dist/components/index.d.mts

@@ -0,0 +1,10 @@
+export { ErrorView } from './error-view.mjs';
+export { EmptyView } from './empty-view.mjs';
+export { LoadingView } from './loading-view.mjs';
+export { DataView } from './data-view.mjs';
+import '../types/state-view.types.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-native';
+import '@impulse-ui-native/icon/types';
+import '@impulse-ui-native/primitives';

package/dist/components/index.js

@@ -0,0 +1,11 @@
+import { ErrorView } from "./error-view";
+import { EmptyView } from "./empty-view";
+import { LoadingView } from "./loading-view";
+import { DataView } from "./data-view";
+export {
+  DataView,
+  EmptyView,
+  ErrorView,
+  LoadingView
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export { ErrorView } from \"./error-view\";\nexport { EmptyView } from \"./empty-view\";\nexport { LoadingView } from \"./loading-view\";\nexport { DataView } from \"./data-view\";\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;","names":[]}

package/dist/components/loading-view.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LoadingViewProps } from '../types/state-view.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/icon/types';
+import '@impulse-ui-native/primitives';
+
+declare const LoadingView: react.MemoExoticComponent<(props: LoadingViewProps) => react_jsx_runtime.JSX.Element>;
+
+export { LoadingView };

package/dist/components/loading-view.js

@@ -0,0 +1,93 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useMemo, useState } from "react";
+import Animated, {
+  Easing,
+  useAnimatedStyle,
+  useSharedValue,
+  withTiming
+} from "react-native-reanimated";
+import { scheduleOnRN } from "react-native-worklets";
+import { View } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+const LoadingView = memo(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(View, { ...rest, style: containerStyle, children: [
+    /* @__PURE__ */ jsx(Animated.View, { style: childrenContainerStyles, children }),
+    shouldMountLoader ? /* @__PURE__ */ jsx(Animated.View, { style: loaderStyles, pointerEvents: "auto", children: /* @__PURE__ */ jsx(View, { onLayout: onLoaderLayout, children: /* @__PURE__ */ jsx(LoadingComponent, {}) }) }) : null
+  ] });
+});
+export {
+  LoadingView
+};
+//# sourceMappingURL=loading-view.js.map

package/dist/components/loading-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/loading-view.tsx"],"sourcesContent":["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"],"mappings":"AAyGI,SACE,KADF;AAzGJ,SAAS,MAAM,aAAa,WAAW,SAAS,gBAAgB;AAEhE,OAAO;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAE7B,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAI7B,MAAM,cAAc,KAAK,SAASA,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,qBAAC,QAAM,GAAG,MAAM,OAAO,gBACrB;AAAA,wBAAC,SAAS,MAAT,EAAc,OAAO,yBAA0B,UAAS;AAAA,IAExD,oBACC,oBAAC,SAAS,MAAT,EAAc,OAAO,cAAc,eAAc,QAChD,8BAAC,QAAK,UAAU,gBACd,8BAAC,oBAAiB,GACpB,GACF,IACE;AAAA,KACN;AAEJ,CAAC;","names":["LoadingView"]}

package/dist/components/state-actions-footer.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StateActionsFooterProps } from '../types/state-view.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/icon/types';
+import '@impulse-ui-native/primitives';
+
+declare const StateActionsFooter: react.MemoExoticComponent<(props: StateActionsFooterProps) => react_jsx_runtime.JSX.Element>;
+
+export { StateActionsFooter };

package/dist/components/state-actions-footer.js

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { Button, View } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+const StateActionsFooter = memo(function StateActionsFooter2(props) {
+  const tokens = useComponentsTokens().dataState.actionsFooter;
+  const {
+    onPressPrimaryAction,
+    onPressSecondaryAction,
+    primaryActionLabel,
+    secondaryActionLabel,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      flexDirection: "row",
+      gap: tokens.gap,
+      justifyContent: "center",
+      alignItems: "center",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(Button, { onPress: props.onPressPrimaryAction, children: props.primaryActionLabel }),
+        props.onPressSecondaryAction ? /* @__PURE__ */ jsx(Button, { variant: "outlined", onPress: props.onPressSecondaryAction, children: props.secondaryActionLabel }) : null
+      ]
+    }
+  );
+});
+export {
+  StateActionsFooter
+};
+//# sourceMappingURL=state-actions-footer.js.map

package/dist/components/state-actions-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/state-actions-footer.tsx"],"sourcesContent":["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"],"mappings":"AAoBI,SAOE,KAPF;AApBJ,SAAS,YAAY;AAErB,SAAS,QAAQ,YAAY;AAC7B,SAAS,2BAA2B;AAI7B,MAAM,qBAAqB,KAAK,SAASA,oBAC9C,OACA;AACA,QAAM,SAAS,oBAAoB,EAAE,UAAU;AAC/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,KAAK,OAAO;AAAA,MACZ,gBAAe;AAAA,MACf,YAAW;AAAA,MACV,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAO,SAAS,MAAM,sBACpB,gBAAM,oBACT;AAAA,QACC,MAAM,yBACL,oBAAC,UAAO,SAAQ,YAAW,SAAS,MAAM,wBACvC,gBAAM,sBACT,IACE;AAAA;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["StateActionsFooter"]}

package/dist/index.d.mts

@@ -1,48 +1,10 @@
-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 };
+export { ErrorView } from './components/error-view.mjs';
+export { EmptyView } from './components/empty-view.mjs';
+export { LoadingView } from './components/loading-view.mjs';
+export { DataView } from './components/data-view.mjs';
+export { DataViewProps, EmptyViewProps, ErrorViewProps, LoadingViewProps, StateActionsFooterProps, StateViewProps } from './types/state-view.types.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-native';
+import '@impulse-ui-native/icon/types';
+import '@impulse-ui-native/primitives';

package/dist/index.js

@@ -1,283 +1,3 @@
-// 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
-};
+export * from "./components";
+export * from "./types";
 //# sourceMappingURL=index.js.map

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":";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"]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/types/index.d.mts

@@ -0,0 +1,5 @@
+export { DataViewProps, EmptyViewProps, ErrorViewProps, LoadingViewProps, StateActionsFooterProps, StateViewProps } from './state-view.types.mjs';
+import 'react';
+import 'react-native';
+import '@impulse-ui-native/icon/types';
+import '@impulse-ui-native/primitives';

package/dist/types/index.js

@@ -0,0 +1,2 @@
+export * from "./state-view.types";
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./state-view.types\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/types/state-view.types.d.mts

@@ -0,0 +1,38 @@
+import { ComponentType } from 'react';
+import { PressableProps, ViewStyle } from 'react-native';
+import { IconProps } from '@impulse-ui-native/icon/types';
+import { ViewProps } from '@impulse-ui-native/primitives';
+
+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;
+}
+
+export type { DataViewProps, EmptyViewProps, ErrorViewProps, LoadingViewProps, StateActionsFooterProps, StateViewProps };

package/dist/types/state-view.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=state-view.types.js.map

package/dist/types/state-view.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/data-state",
-  "version": "2.0.1",
+  "version": "2.1.1",
   "source": "src/index.ts",
   "module": "dist/index.js",
   "types": "dist/index.d.mts",
@@ -17,25 +17,26 @@
     "README.md",
     "LICENSE"
   ],
+  "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/primitives": "2.0.1",
-    "@impulse-ui-native/theme": "2.0.1",
-    "@impulse-ui-native/icon": "2.0.1",
-    "@impulse-ui-native/skeleton": "2.0.1",
-    "@impulse-ui-native/core": "2.0.1"
+    "@impulse-ui-native/primitives": "2.1.1",
+    "@impulse-ui-native/icon": "2.1.1",
+    "@impulse-ui-native/skeleton": "2.1.1",
+    "@impulse-ui-native/theme": "2.1.1",
+    "@impulse-ui-native/core": "2.1.1"
   },
   "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/tsconfig": "1.0.0",
-    "@impulse-ui-native/prettier-config": "1.0.0"
+    "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/tsconfig": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=18",