@impulse-ui-native/primitives 5.0.0 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/README.md +5 -42
  2. package/dist/components/atoms/avatar.js +5 -2
  3. package/dist/components/atoms/avatar.js.map +1 -1
  4. package/dist/components/atoms/badge/addon.js +6 -2
  5. package/dist/components/atoms/badge/addon.js.map +1 -1
  6. package/dist/components/atoms/badge/root.js.map +1 -1
  7. package/dist/components/atoms/divider.js.map +1 -1
  8. package/dist/components/atoms/index.d.mts +0 -2
  9. package/dist/components/atoms/index.js +0 -2
  10. package/dist/components/atoms/index.js.map +1 -1
  11. package/dist/components/atoms/pressable.js.map +1 -1
  12. package/dist/components/atoms/safe-area-view.js.map +1 -1
  13. package/dist/components/atoms/tag.js.map +1 -1
  14. package/dist/components/atoms/view.js.map +1 -1
  15. package/dist/components/index.d.mts +0 -6
  16. package/dist/components/index.js +0 -2
  17. package/dist/components/index.js.map +1 -1
  18. package/dist/hocs/create-preset.hoc.js.map +1 -1
  19. package/dist/index.d.mts +0 -6
  20. package/dist/types/index.d.mts +0 -3
  21. package/dist/types/index.js +0 -3
  22. package/dist/types/index.js.map +1 -1
  23. package/package.json +5 -5
  24. package/dist/components/atoms/circular-progress.d.mts +0 -16
  25. package/dist/components/atoms/circular-progress.js +0 -144
  26. package/dist/components/atoms/circular-progress.js.map +0 -1
  27. package/dist/components/atoms/linear-progress.d.mts +0 -17
  28. package/dist/components/atoms/linear-progress.js +0 -97
  29. package/dist/components/atoms/linear-progress.js.map +0 -1
  30. package/dist/components/atoms/progress.d.mts +0 -9
  31. package/dist/components/atoms/progress.js +0 -66
  32. package/dist/components/atoms/progress.js.map +0 -1
  33. package/dist/components/card/card.d.mts +0 -17
  34. package/dist/components/card/card.js +0 -18
  35. package/dist/components/card/card.js.map +0 -1
  36. package/dist/components/card/content.d.mts +0 -10
  37. package/dist/components/card/content.js +0 -30
  38. package/dist/components/card/content.js.map +0 -1
  39. package/dist/components/card/footer.d.mts +0 -10
  40. package/dist/components/card/footer.js +0 -30
  41. package/dist/components/card/footer.js.map +0 -1
  42. package/dist/components/card/header.d.mts +0 -10
  43. package/dist/components/card/header.js +0 -30
  44. package/dist/components/card/header.js.map +0 -1
  45. package/dist/components/card/index.d.mts +0 -7
  46. package/dist/components/card/index.js +0 -5
  47. package/dist/components/card/index.js.map +0 -1
  48. package/dist/components/card/media.d.mts +0 -10
  49. package/dist/components/card/media.js +0 -30
  50. package/dist/components/card/media.js.map +0 -1
  51. package/dist/components/card/pressable.d.mts +0 -10
  52. package/dist/components/card/pressable.js +0 -27
  53. package/dist/components/card/pressable.js.map +0 -1
  54. package/dist/components/card/root.d.mts +0 -10
  55. package/dist/components/card/root.js +0 -21
  56. package/dist/components/card/root.js.map +0 -1
  57. package/dist/components/card/root.styles.d.mts +0 -13
  58. package/dist/components/card/root.styles.js +0 -17
  59. package/dist/components/card/root.styles.js.map +0 -1
  60. package/dist/components/list/content.d.mts +0 -11
  61. package/dist/components/list/content.js +0 -27
  62. package/dist/components/list/content.js.map +0 -1
  63. package/dist/components/list/index.d.mts +0 -8
  64. package/dist/components/list/index.js +0 -5
  65. package/dist/components/list/index.js.map +0 -1
  66. package/dist/components/list/item.d.mts +0 -11
  67. package/dist/components/list/item.js +0 -32
  68. package/dist/components/list/item.js.map +0 -1
  69. package/dist/components/list/leading.d.mts +0 -11
  70. package/dist/components/list/leading.js +0 -32
  71. package/dist/components/list/leading.js.map +0 -1
  72. package/dist/components/list/list.d.mts +0 -18
  73. package/dist/components/list/list.js +0 -18
  74. package/dist/components/list/list.js.map +0 -1
  75. package/dist/components/list/pressable.d.mts +0 -11
  76. package/dist/components/list/pressable.js +0 -37
  77. package/dist/components/list/pressable.js.map +0 -1
  78. package/dist/components/list/root.d.mts +0 -11
  79. package/dist/components/list/root.js +0 -33
  80. package/dist/components/list/root.js.map +0 -1
  81. package/dist/components/list/trailing.d.mts +0 -11
  82. package/dist/components/list/trailing.js +0 -32
  83. package/dist/components/list/trailing.js.map +0 -1
  84. package/dist/hooks/use-indeterminate-progress-animation.hook.d.mts +0 -5
  85. package/dist/hooks/use-indeterminate-progress-animation.hook.js +0 -26
  86. package/dist/hooks/use-indeterminate-progress-animation.hook.js.map +0 -1
  87. package/dist/types/card.types.d.mts +0 -21
  88. package/dist/types/card.types.js +0 -1
  89. package/dist/types/card.types.js.map +0 -1
  90. package/dist/types/list.types.d.mts +0 -21
  91. package/dist/types/list.types.js +0 -1
  92. package/dist/types/list.types.js.map +0 -1
  93. package/dist/types/progress.types.d.mts +0 -15
  94. package/dist/types/progress.types.js +0 -1
  95. package/dist/types/progress.types.js.map +0 -1
  96. package/dist/utils/progress.utils.d.mts +0 -9
  97. package/dist/utils/progress.utils.js +0 -27
  98. package/dist/utils/progress.utils.js.map +0 -1
@@ -1,27 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { memo, useCallback } from "react";
3
- import { StyleSheet } from "react-native";
4
- import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
5
- import { Pressable } from "../atoms/pressable";
6
- import { cardRootStyles } from "./root.styles";
7
- const CardPressable = memo(function CardPressable2({
8
- disabled,
9
- style,
10
- ...props
11
- }) {
12
- const styles = useThemedStyles(cardRootStyles);
13
- const extractedStyleProps = useStyleProps(props);
14
- const rootStyle = useCallback(
15
- (state) => StyleSheet.flatten([
16
- styles.root,
17
- extractedStyleProps,
18
- typeof style === "function" ? style(state) : style
19
- ]),
20
- [extractedStyleProps, style, styles.root]
21
- );
22
- return /* @__PURE__ */ jsx(Pressable, { ...props, disabled: disabled === true, style: rootStyle });
23
- });
24
- export {
25
- CardPressable
26
- };
27
- //# sourceMappingURL=pressable.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/card/pressable.tsx"],"sourcesContent":["import type {\n PressableStateCallbackType,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport { memo, useCallback, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { CardPressableProps } from \"../../types\";\nimport { Pressable } from \"../atoms/pressable\";\nimport { cardRootStyles } from \"./root.styles\";\n\nexport const CardPressable = memo(function CardPressable({\n disabled,\n style,\n ...props\n}: CardPressableProps) {\n const styles = useThemedStyles(cardRootStyles);\n const extractedStyleProps = useStyleProps(props);\n\n const rootStyle = useCallback(\n (state: PressableStateCallbackType): StyleProp<ViewStyle> =>\n StyleSheet.flatten([\n styles.root,\n extractedStyleProps,\n typeof style === \"function\" ? style(state) : style,\n ]),\n [extractedStyleProps, style, styles.root],\n );\n\n return (\n <Pressable {...props} disabled={disabled === true} style={rootStyle} />\n );\n});\n"],"mappings":"AAiCI;AA5BJ,SAAS,MAAM,mBAA4B;AAC3C,SAAS,kBAAkB;AAE3B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAExB,MAAM,gBAAgB,KAAK,SAASA,eAAc;AAAA,EACvD;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,SAAS,gBAAgB,cAAc;AAC7C,QAAM,sBAAsB,cAAc,KAAK;AAE/C,QAAM,YAAY;AAAA,IAChB,CAAC,UACC,WAAW,QAAQ;AAAA,MACjB,OAAO;AAAA,MACP;AAAA,MACA,OAAO,UAAU,aAAa,MAAM,KAAK,IAAI;AAAA,IAC/C,CAAC;AAAA,IACH,CAAC,qBAAqB,OAAO,OAAO,IAAI;AAAA,EAC1C;AAEA,SACE,oBAAC,aAAW,GAAG,OAAO,UAAU,aAAa,MAAM,OAAO,WAAW;AAEzE,CAAC;","names":["CardPressable"]}
@@ -1,10 +0,0 @@
1
- import * as react from 'react';
2
- import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import { CardRootProps } from '../../types/card.types.mjs';
4
- import 'react-native';
5
- import '@impulse-ui-native/theme';
6
- import '../../types/view.types.mjs';
7
-
8
- declare const CardRoot: react.MemoExoticComponent<({ style, ...props }: CardRootProps) => react_jsx_runtime.JSX.Element>;
9
-
10
- export { CardRoot };
@@ -1,21 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { memo, useMemo } from "react";
3
- import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
4
- import { View } from "../atoms/view";
5
- import { cardRootStyles } from "./root.styles";
6
- const CardRoot = memo(function CardRoot2({
7
- style,
8
- ...props
9
- }) {
10
- const styles = useThemedStyles(cardRootStyles);
11
- const extractedStyleProps = useStyleProps(props);
12
- const rootStyle = useMemo(
13
- () => [styles.root, extractedStyleProps, style],
14
- [extractedStyleProps, style, styles.root]
15
- );
16
- return /* @__PURE__ */ jsx(View, { ...props, style: rootStyle });
17
- });
18
- export {
19
- CardRoot
20
- };
21
- //# sourceMappingURL=root.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/card/root.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\n\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { CardRootProps } from \"../../types\";\nimport { View } from \"../atoms/view\";\nimport { cardRootStyles } from \"./root.styles\";\n\nexport const CardRoot = memo(function CardRoot({\n style,\n ...props\n}: CardRootProps) {\n const styles = useThemedStyles(cardRootStyles);\n const extractedStyleProps = useStyleProps(props);\n const rootStyle = useMemo(\n () => [styles.root, extractedStyleProps, style],\n [extractedStyleProps, style, styles.root],\n );\n\n return <View {...props} style={rootStyle} />;\n});\n"],"mappings":"AAmBS;AAnBT,SAAS,MAAM,eAAe;AAE9B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAExB,MAAM,WAAW,KAAK,SAASA,UAAS;AAAA,EAC7C;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,SAAS,gBAAgB,cAAc;AAC7C,QAAM,sBAAsB,cAAc,KAAK;AAC/C,QAAM,YAAY;AAAA,IAChB,MAAM,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,IAC9C,CAAC,qBAAqB,OAAO,OAAO,IAAI;AAAA,EAC1C;AAEA,SAAO,oBAAC,QAAM,GAAG,OAAO,OAAO,WAAW;AAC5C,CAAC;","names":["CardRoot"]}
@@ -1,13 +0,0 @@
1
- import { AppTheme } from '@impulse-ui-native/theme';
2
-
3
- declare function cardRootStyles(theme: AppTheme): {
4
- root: {
5
- overflow: "hidden";
6
- backgroundColor: string;
7
- borderColor: string;
8
- borderRadius: number;
9
- borderWidth: number;
10
- };
11
- };
12
-
13
- export { cardRootStyles };
@@ -1,17 +0,0 @@
1
- import { StyleSheet } from "react-native";
2
- function cardRootStyles(theme) {
3
- const tokens = theme.components.card;
4
- return StyleSheet.create({
5
- root: {
6
- overflow: "hidden",
7
- backgroundColor: tokens.backgroundColor,
8
- borderColor: tokens.borderColor,
9
- borderRadius: tokens.borderRadius,
10
- borderWidth: tokens.borderWidth
11
- }
12
- });
13
- }
14
- export {
15
- cardRootStyles
16
- };
17
- //# sourceMappingURL=root.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/card/root.styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\n\nexport function cardRootStyles(theme: AppTheme) {\n const tokens = theme.components.card;\n\n return StyleSheet.create({\n root: {\n overflow: \"hidden\",\n backgroundColor: tokens.backgroundColor,\n borderColor: tokens.borderColor,\n borderRadius: tokens.borderRadius,\n borderWidth: tokens.borderWidth,\n },\n });\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAIpB,SAAS,eAAe,OAAiB;AAC9C,QAAM,SAAS,MAAM,WAAW;AAEhC,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,iBAAiB,OAAO;AAAA,MACxB,aAAa,OAAO;AAAA,MACpB,cAAc,OAAO;AAAA,MACrB,aAAa,OAAO;AAAA,IACtB;AAAA,EACF,CAAC;AACH;","names":[]}
@@ -1,11 +0,0 @@
1
- import * as react from 'react';
2
- import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import { ListContentProps } from '../../types/list.types.mjs';
4
- import '../../types/button.types.mjs';
5
- import 'react-native';
6
- import '@impulse-ui-native/theme';
7
- import '../../types/view.types.mjs';
8
-
9
- declare const ListContent: react.MemoExoticComponent<({ style, ...props }: ListContentProps) => react_jsx_runtime.JSX.Element>;
10
-
11
- export { ListContent };
@@ -1,27 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { memo, useMemo } from "react";
3
- import { StyleSheet } from "react-native";
4
- import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
5
- import { View } from "../atoms/view";
6
- const ListContent = memo(function ListContent2({
7
- style,
8
- ...props
9
- }) {
10
- const extractedStyleProps = useStyleProps(props);
11
- const styles = useThemedStyles(themedStyles);
12
- const composedStyle = useMemo(
13
- () => [styles.part, extractedStyleProps, style],
14
- [styles.part, extractedStyleProps, style]
15
- );
16
- return /* @__PURE__ */ jsx(View, { ...props, style: composedStyle });
17
- });
18
- function themedStyles(theme) {
19
- const tokens = theme.components.list;
20
- return StyleSheet.create({
21
- part: { flex: 1, minWidth: 0, gap: tokens.content.gap }
22
- });
23
- }
24
- export {
25
- ListContent
26
- };
27
- //# sourceMappingURL=content.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/list/content.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ListContentProps } from \"../../types\";\nimport { View } from \"../atoms/view\";\n\nexport const ListContent = memo(function ListContent({\n style,\n ...props\n}: ListContentProps) {\n const extractedStyleProps = useStyleProps(props);\n const styles = useThemedStyles(themedStyles);\n const composedStyle = useMemo(\n () => [styles.part, extractedStyleProps, style],\n [styles.part, extractedStyleProps, style],\n );\n return <View {...props} style={composedStyle} />;\n});\nfunction themedStyles(theme: AppTheme) {\n const tokens = theme.components.list;\n return StyleSheet.create({\n part: { flex: 1, minWidth: 0, gap: tokens.content.gap },\n });\n}\n"],"mappings":"AAmBS;AAnBT,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAG3B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,YAAY;AAEd,MAAM,cAAc,KAAK,SAASA,aAAY;AAAA,EACnD;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,sBAAsB,cAAc,KAAK;AAC/C,QAAM,SAAS,gBAAgB,YAAY;AAC3C,QAAM,gBAAgB;AAAA,IACpB,MAAM,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,IAC9C,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,EAC1C;AACA,SAAO,oBAAC,QAAM,GAAG,OAAO,OAAO,eAAe;AAChD,CAAC;AACD,SAAS,aAAa,OAAiB;AACrC,QAAM,SAAS,MAAM,WAAW;AAChC,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,KAAK,OAAO,QAAQ,IAAI;AAAA,EACxD,CAAC;AACH;","names":["ListContent"]}
@@ -1,8 +0,0 @@
1
- export { List } from './list.mjs';
2
- import 'react';
3
- import 'react/jsx-runtime';
4
- import '../../types/list.types.mjs';
5
- import '../../types/button.types.mjs';
6
- import 'react-native';
7
- import '@impulse-ui-native/theme';
8
- import '../../types/view.types.mjs';
@@ -1,5 +0,0 @@
1
- import { List } from "./list";
2
- export {
3
- List
4
- };
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/list/index.ts"],"sourcesContent":["export { List } from \"./list\";\n"],"mappings":"AAAA,SAAS,YAAY;","names":[]}
@@ -1,11 +0,0 @@
1
- import * as react from 'react';
2
- import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import { ListItemProps } from '../../types/list.types.mjs';
4
- import '../../types/button.types.mjs';
5
- import 'react-native';
6
- import '@impulse-ui-native/theme';
7
- import '../../types/view.types.mjs';
8
-
9
- declare const ListItem: react.MemoExoticComponent<({ style, ...props }: ListItemProps) => react_jsx_runtime.JSX.Element>;
10
-
11
- export { ListItem };
@@ -1,32 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { memo, useMemo } from "react";
3
- import { StyleSheet } from "react-native";
4
- import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
5
- import { View } from "../atoms/view";
6
- const ListItem = memo(function ListItem2({
7
- style,
8
- ...props
9
- }) {
10
- const extractedStyleProps = useStyleProps(props);
11
- const styles = useThemedStyles(themedStyles);
12
- const composedStyle = useMemo(
13
- () => [styles.part, extractedStyleProps, style],
14
- [styles.part, extractedStyleProps, style]
15
- );
16
- return /* @__PURE__ */ jsx(View, { ...props, style: composedStyle });
17
- });
18
- function themedStyles(theme) {
19
- const tokens = theme.components.list;
20
- return StyleSheet.create({
21
- part: {
22
- flexDirection: "row",
23
- alignItems: "center",
24
- gap: tokens.item.gap,
25
- padding: tokens.item.padding
26
- }
27
- });
28
- }
29
- export {
30
- ListItem
31
- };
32
- //# sourceMappingURL=item.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/list/item.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ListItemProps } from \"../../types\";\nimport { View } from \"../atoms/view\";\n\nexport const ListItem = memo(function ListItem({\n style,\n ...props\n}: ListItemProps) {\n const extractedStyleProps = useStyleProps(props);\n const styles = useThemedStyles(themedStyles);\n const composedStyle = useMemo(\n () => [styles.part, extractedStyleProps, style],\n [styles.part, extractedStyleProps, style],\n );\n return <View {...props} style={composedStyle} />;\n});\nfunction themedStyles(theme: AppTheme) {\n const tokens = theme.components.list;\n return StyleSheet.create({\n part: {\n flexDirection: \"row\",\n alignItems: \"center\",\n gap: tokens.item.gap,\n padding: tokens.item.padding,\n },\n });\n}\n"],"mappings":"AAmBS;AAnBT,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAG3B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,YAAY;AAEd,MAAM,WAAW,KAAK,SAASA,UAAS;AAAA,EAC7C;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,sBAAsB,cAAc,KAAK;AAC/C,QAAM,SAAS,gBAAgB,YAAY;AAC3C,QAAM,gBAAgB;AAAA,IACpB,MAAM,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,IAC9C,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,EAC1C;AACA,SAAO,oBAAC,QAAM,GAAG,OAAO,OAAO,eAAe;AAChD,CAAC;AACD,SAAS,aAAa,OAAiB;AACrC,QAAM,SAAS,MAAM,WAAW;AAChC,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM;AAAA,MACJ,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,KAAK,OAAO,KAAK;AAAA,MACjB,SAAS,OAAO,KAAK;AAAA,IACvB;AAAA,EACF,CAAC;AACH;","names":["ListItem"]}
@@ -1,11 +0,0 @@
1
- import * as react from 'react';
2
- import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import { ListLeadingProps } from '../../types/list.types.mjs';
4
- import '../../types/button.types.mjs';
5
- import 'react-native';
6
- import '@impulse-ui-native/theme';
7
- import '../../types/view.types.mjs';
8
-
9
- declare const ListLeading: react.MemoExoticComponent<({ style, ...props }: ListLeadingProps) => react_jsx_runtime.JSX.Element>;
10
-
11
- export { ListLeading };
@@ -1,32 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { memo, useMemo } from "react";
3
- import { StyleSheet } from "react-native";
4
- import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
5
- import { View } from "../atoms/view";
6
- const ListLeading = memo(function ListLeading2({
7
- style,
8
- ...props
9
- }) {
10
- const extractedStyleProps = useStyleProps(props);
11
- const styles = useThemedStyles(themedStyles);
12
- const composedStyle = useMemo(
13
- () => [styles.part, extractedStyleProps, style],
14
- [styles.part, extractedStyleProps, style]
15
- );
16
- return /* @__PURE__ */ jsx(View, { ...props, style: composedStyle });
17
- });
18
- function themedStyles(theme) {
19
- const tokens = theme.components.list;
20
- return StyleSheet.create({
21
- part: {
22
- gap: tokens.item.gap,
23
- flexShrink: 0,
24
- alignItems: "center",
25
- justifyContent: "center"
26
- }
27
- });
28
- }
29
- export {
30
- ListLeading
31
- };
32
- //# sourceMappingURL=leading.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/list/leading.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ListLeadingProps } from \"../../types\";\nimport { View } from \"../atoms/view\";\n\nexport const ListLeading = memo(function ListLeading({\n style,\n ...props\n}: ListLeadingProps) {\n const extractedStyleProps = useStyleProps(props);\n const styles = useThemedStyles(themedStyles);\n const composedStyle = useMemo(\n () => [styles.part, extractedStyleProps, style],\n [styles.part, extractedStyleProps, style],\n );\n return <View {...props} style={composedStyle} />;\n});\nfunction themedStyles(theme: AppTheme) {\n const tokens = theme.components.list;\n return StyleSheet.create({\n part: {\n gap: tokens.item.gap,\n flexShrink: 0,\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n });\n}\n"],"mappings":"AAmBS;AAnBT,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAG3B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,YAAY;AAEd,MAAM,cAAc,KAAK,SAASA,aAAY;AAAA,EACnD;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,sBAAsB,cAAc,KAAK;AAC/C,QAAM,SAAS,gBAAgB,YAAY;AAC3C,QAAM,gBAAgB;AAAA,IACpB,MAAM,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,IAC9C,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,EAC1C;AACA,SAAO,oBAAC,QAAM,GAAG,OAAO,OAAO,eAAe;AAChD,CAAC;AACD,SAAS,aAAa,OAAiB;AACrC,QAAM,SAAS,MAAM,WAAW;AAChC,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM;AAAA,MACJ,KAAK,OAAO,KAAK;AAAA,MACjB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAClB;AAAA,EACF,CAAC;AACH;","names":["ListLeading"]}
@@ -1,18 +0,0 @@
1
- import * as react from 'react';
2
- import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import { ListRootProps, ListItemProps, ListPressableProps, ListLeadingProps, ListContentProps, ListTrailingProps } from '../../types/list.types.mjs';
4
- import '../../types/button.types.mjs';
5
- import 'react-native';
6
- import '@impulse-ui-native/theme';
7
- import '../../types/view.types.mjs';
8
-
9
- declare const List: {
10
- Root: react.MemoExoticComponent<({ style, ...props }: ListRootProps) => react_jsx_runtime.JSX.Element>;
11
- Item: react.MemoExoticComponent<({ style, ...props }: ListItemProps) => react_jsx_runtime.JSX.Element>;
12
- Pressable: react.MemoExoticComponent<({ disabled, style, ...props }: ListPressableProps) => react_jsx_runtime.JSX.Element>;
13
- Leading: react.MemoExoticComponent<({ style, ...props }: ListLeadingProps) => react_jsx_runtime.JSX.Element>;
14
- Content: react.MemoExoticComponent<({ style, ...props }: ListContentProps) => react_jsx_runtime.JSX.Element>;
15
- Trailing: react.MemoExoticComponent<({ style, ...props }: ListTrailingProps) => react_jsx_runtime.JSX.Element>;
16
- };
17
-
18
- export { List };
@@ -1,18 +0,0 @@
1
- import { ListContent } from "./content";
2
- import { ListItem } from "./item";
3
- import { ListLeading } from "./leading";
4
- import { ListPressable } from "./pressable";
5
- import { ListRoot } from "./root";
6
- import { ListTrailing } from "./trailing";
7
- const List = {
8
- Root: ListRoot,
9
- Item: ListItem,
10
- Pressable: ListPressable,
11
- Leading: ListLeading,
12
- Content: ListContent,
13
- Trailing: ListTrailing
14
- };
15
- export {
16
- List
17
- };
18
- //# sourceMappingURL=list.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/list/list.tsx"],"sourcesContent":["import { ListContent } from \"./content\";\nimport { ListItem } from \"./item\";\nimport { ListLeading } from \"./leading\";\nimport { ListPressable } from \"./pressable\";\nimport { ListRoot } from \"./root\";\nimport { ListTrailing } from \"./trailing\";\n\nexport const List = {\n Root: ListRoot,\n Item: ListItem,\n Pressable: ListPressable,\n Leading: ListLeading,\n Content: ListContent,\n Trailing: ListTrailing,\n};\n"],"mappings":"AAAA,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAEtB,MAAM,OAAO;AAAA,EAClB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AACZ;","names":[]}
@@ -1,11 +0,0 @@
1
- import * as react from 'react';
2
- import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import { ListPressableProps } from '../../types/list.types.mjs';
4
- import '../../types/button.types.mjs';
5
- import 'react-native';
6
- import '@impulse-ui-native/theme';
7
- import '../../types/view.types.mjs';
8
-
9
- declare const ListPressable: react.MemoExoticComponent<({ disabled, style, ...props }: ListPressableProps) => react_jsx_runtime.JSX.Element>;
10
-
11
- export { ListPressable };
@@ -1,37 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { memo, useCallback } from "react";
3
- import { StyleSheet } from "react-native";
4
- import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
5
- import { Pressable } from "../atoms/pressable";
6
- const ListPressable = memo(function ListPressable2({
7
- disabled,
8
- style,
9
- ...props
10
- }) {
11
- const styles = useThemedStyles(themedStyles);
12
- const extractedStyleProps = useStyleProps(props);
13
- const rootStyle = useCallback(
14
- (state) => StyleSheet.flatten([
15
- styles.root,
16
- extractedStyleProps,
17
- typeof style === "function" ? style(state) : style
18
- ]),
19
- [extractedStyleProps, style, styles.root]
20
- );
21
- return /* @__PURE__ */ jsx(Pressable, { ...props, disabled: disabled === true, style: rootStyle });
22
- });
23
- function themedStyles(theme) {
24
- const tokens = theme.components.list.item;
25
- return StyleSheet.create({
26
- root: {
27
- flexDirection: "row",
28
- alignItems: "center",
29
- gap: tokens.gap,
30
- padding: tokens.padding
31
- }
32
- });
33
- }
34
- export {
35
- ListPressable
36
- };
37
- //# sourceMappingURL=pressable.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/list/pressable.tsx"],"sourcesContent":["import type {\n PressableStateCallbackType,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport { memo, useCallback } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ListPressableProps } from \"../../types\";\nimport { Pressable } from \"../atoms/pressable\";\n\nexport const ListPressable = memo(function ListPressable({\n disabled,\n style,\n ...props\n}: ListPressableProps) {\n const styles = useThemedStyles(themedStyles);\n const extractedStyleProps = useStyleProps(props);\n\n const rootStyle = useCallback(\n (state: PressableStateCallbackType): StyleProp<ViewStyle> =>\n StyleSheet.flatten([\n styles.root,\n extractedStyleProps,\n typeof style === \"function\" ? style(state) : style,\n ]),\n [extractedStyleProps, style, styles.root],\n );\n\n return (\n <Pressable {...props} disabled={disabled === true} style={rootStyle} />\n );\n});\n\nfunction themedStyles(theme: AppTheme) {\n const tokens = theme.components.list.item;\n return StyleSheet.create({\n root: {\n flexDirection: \"row\",\n alignItems: \"center\",\n gap: tokens.gap,\n padding: tokens.padding,\n },\n });\n}\n"],"mappings":"AAiCI;AA5BJ,SAAS,MAAM,mBAAmB;AAClC,SAAS,kBAAkB;AAG3B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,iBAAiB;AAEnB,MAAM,gBAAgB,KAAK,SAASA,eAAc;AAAA,EACvD;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,SAAS,gBAAgB,YAAY;AAC3C,QAAM,sBAAsB,cAAc,KAAK;AAE/C,QAAM,YAAY;AAAA,IAChB,CAAC,UACC,WAAW,QAAQ;AAAA,MACjB,OAAO;AAAA,MACP;AAAA,MACA,OAAO,UAAU,aAAa,MAAM,KAAK,IAAI;AAAA,IAC/C,CAAC;AAAA,IACH,CAAC,qBAAqB,OAAO,OAAO,IAAI;AAAA,EAC1C;AAEA,SACE,oBAAC,aAAW,GAAG,OAAO,UAAU,aAAa,MAAM,OAAO,WAAW;AAEzE,CAAC;AAED,SAAS,aAAa,OAAiB;AACrC,QAAM,SAAS,MAAM,WAAW,KAAK;AACrC,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM;AAAA,MACJ,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,KAAK,OAAO;AAAA,MACZ,SAAS,OAAO;AAAA,IAClB;AAAA,EACF,CAAC;AACH;","names":["ListPressable"]}
@@ -1,11 +0,0 @@
1
- import * as react from 'react';
2
- import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import { ListRootProps } from '../../types/list.types.mjs';
4
- import '../../types/button.types.mjs';
5
- import 'react-native';
6
- import '@impulse-ui-native/theme';
7
- import '../../types/view.types.mjs';
8
-
9
- declare const ListRoot: react.MemoExoticComponent<({ style, ...props }: ListRootProps) => react_jsx_runtime.JSX.Element>;
10
-
11
- export { ListRoot };
@@ -1,33 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { memo, useMemo } from "react";
3
- import { StyleSheet } from "react-native";
4
- import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
5
- import { View } from "../atoms/view";
6
- const ListRoot = memo(function ListRoot2({
7
- style,
8
- ...props
9
- }) {
10
- const extractedStyleProps = useStyleProps(props);
11
- const styles = useThemedStyles(themedStyles);
12
- const composedStyle = useMemo(
13
- () => [styles.part, extractedStyleProps, style],
14
- [styles.part, extractedStyleProps, style]
15
- );
16
- return /* @__PURE__ */ jsx(View, { ...props, style: composedStyle });
17
- });
18
- function themedStyles(theme) {
19
- const tokens = theme.components.list;
20
- return StyleSheet.create({
21
- part: {
22
- backgroundColor: tokens.backgroundColor,
23
- borderColor: tokens.borderColor,
24
- borderWidth: tokens.borderWidth,
25
- borderRadius: tokens.borderRadius,
26
- overflow: "hidden"
27
- }
28
- });
29
- }
30
- export {
31
- ListRoot
32
- };
33
- //# sourceMappingURL=root.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/list/root.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ListRootProps } from \"../../types\";\nimport { View } from \"../atoms/view\";\n\nexport const ListRoot = memo(function ListRoot({\n style,\n ...props\n}: ListRootProps) {\n const extractedStyleProps = useStyleProps(props);\n const styles = useThemedStyles(themedStyles);\n const composedStyle = useMemo(\n () => [styles.part, extractedStyleProps, style],\n [styles.part, extractedStyleProps, style],\n );\n return <View {...props} style={composedStyle} />;\n});\nfunction themedStyles(theme: AppTheme) {\n const tokens = theme.components.list;\n return StyleSheet.create({\n part: {\n backgroundColor: tokens.backgroundColor,\n borderColor: tokens.borderColor,\n borderWidth: tokens.borderWidth,\n borderRadius: tokens.borderRadius,\n overflow: \"hidden\",\n },\n });\n}\n"],"mappings":"AAmBS;AAnBT,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAG3B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,YAAY;AAEd,MAAM,WAAW,KAAK,SAASA,UAAS;AAAA,EAC7C;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,sBAAsB,cAAc,KAAK;AAC/C,QAAM,SAAS,gBAAgB,YAAY;AAC3C,QAAM,gBAAgB;AAAA,IACpB,MAAM,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,IAC9C,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,EAC1C;AACA,SAAO,oBAAC,QAAM,GAAG,OAAO,OAAO,eAAe;AAChD,CAAC;AACD,SAAS,aAAa,OAAiB;AACrC,QAAM,SAAS,MAAM,WAAW;AAChC,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM;AAAA,MACJ,iBAAiB,OAAO;AAAA,MACxB,aAAa,OAAO;AAAA,MACpB,aAAa,OAAO;AAAA,MACpB,cAAc,OAAO;AAAA,MACrB,UAAU;AAAA,IACZ;AAAA,EACF,CAAC;AACH;","names":["ListRoot"]}
@@ -1,11 +0,0 @@
1
- import * as react from 'react';
2
- import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import { ListTrailingProps } from '../../types/list.types.mjs';
4
- import '../../types/button.types.mjs';
5
- import 'react-native';
6
- import '@impulse-ui-native/theme';
7
- import '../../types/view.types.mjs';
8
-
9
- declare const ListTrailing: react.MemoExoticComponent<({ style, ...props }: ListTrailingProps) => react_jsx_runtime.JSX.Element>;
10
-
11
- export { ListTrailing };
@@ -1,32 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { memo, useMemo } from "react";
3
- import { StyleSheet } from "react-native";
4
- import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
5
- import { View } from "../atoms/view";
6
- const ListTrailing = memo(function ListTrailing2({
7
- style,
8
- ...props
9
- }) {
10
- const extractedStyleProps = useStyleProps(props);
11
- const styles = useThemedStyles(themedStyles);
12
- const composedStyle = useMemo(
13
- () => [styles.part, extractedStyleProps, style],
14
- [styles.part, extractedStyleProps, style]
15
- );
16
- return /* @__PURE__ */ jsx(View, { ...props, style: composedStyle });
17
- });
18
- function themedStyles(theme) {
19
- const tokens = theme.components.list;
20
- return StyleSheet.create({
21
- part: {
22
- flexShrink: 0,
23
- flexDirection: "row",
24
- alignItems: "center",
25
- gap: tokens.item.gap
26
- }
27
- });
28
- }
29
- export {
30
- ListTrailing
31
- };
32
- //# sourceMappingURL=trailing.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/list/trailing.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ListTrailingProps } from \"../../types\";\nimport { View } from \"../atoms/view\";\n\nexport const ListTrailing = memo(function ListTrailing({\n style,\n ...props\n}: ListTrailingProps) {\n const extractedStyleProps = useStyleProps(props);\n const styles = useThemedStyles(themedStyles);\n const composedStyle = useMemo(\n () => [styles.part, extractedStyleProps, style],\n [styles.part, extractedStyleProps, style],\n );\n return <View {...props} style={composedStyle} />;\n});\nfunction themedStyles(theme: AppTheme) {\n const tokens = theme.components.list;\n return StyleSheet.create({\n part: {\n flexShrink: 0,\n flexDirection: \"row\",\n alignItems: \"center\",\n gap: tokens.item.gap,\n },\n });\n}\n"],"mappings":"AAmBS;AAnBT,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAG3B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,YAAY;AAEd,MAAM,eAAe,KAAK,SAASA,cAAa;AAAA,EACrD;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,sBAAsB,cAAc,KAAK;AAC/C,QAAM,SAAS,gBAAgB,YAAY;AAC3C,QAAM,gBAAgB;AAAA,IACpB,MAAM,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,IAC9C,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,EAC1C;AACA,SAAO,oBAAC,QAAM,GAAG,OAAO,OAAO,eAAe;AAChD,CAAC;AACD,SAAS,aAAa,OAAiB;AACrC,QAAM,SAAS,MAAM,WAAW;AAChC,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,KAAK,OAAO,KAAK;AAAA,IACnB;AAAA,EACF,CAAC;AACH;","names":["ListTrailing"]}
@@ -1,5 +0,0 @@
1
- import { Animated } from 'react-native';
2
-
3
- declare function useIndeterminateProgressAnimation(duration: number): Animated.Value;
4
-
5
- export { useIndeterminateProgressAnimation };
@@ -1,26 +0,0 @@
1
- import { useEffect, useRef } from "react";
2
- import { Animated, Easing } from "react-native";
3
- function useIndeterminateProgressAnimation(duration) {
4
- const progress = useRef(new Animated.Value(0)).current;
5
- useEffect(() => {
6
- progress.stopAnimation();
7
- progress.setValue(0);
8
- const animation = Animated.loop(
9
- Animated.timing(progress, {
10
- duration,
11
- easing: Easing.linear,
12
- toValue: 1,
13
- useNativeDriver: true
14
- })
15
- );
16
- animation.start();
17
- return () => {
18
- animation.stop();
19
- };
20
- }, [duration, progress]);
21
- return progress;
22
- }
23
- export {
24
- useIndeterminateProgressAnimation
25
- };
26
- //# sourceMappingURL=use-indeterminate-progress-animation.hook.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/hooks/use-indeterminate-progress-animation.hook.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { Animated, Easing } from \"react-native\";\n\nexport function useIndeterminateProgressAnimation(duration: number) {\n const progress = useRef(new Animated.Value(0)).current;\n\n useEffect(() => {\n progress.stopAnimation();\n progress.setValue(0);\n\n const animation = Animated.loop(\n Animated.timing(progress, {\n duration,\n easing: Easing.linear,\n toValue: 1,\n useNativeDriver: true,\n }),\n );\n\n animation.start();\n\n return () => {\n animation.stop();\n };\n }, [duration, progress]);\n\n return progress;\n}\n"],"mappings":"AAAA,SAAS,WAAW,cAAc;AAClC,SAAS,UAAU,cAAc;AAE1B,SAAS,kCAAkC,UAAkB;AAClE,QAAM,WAAW,OAAO,IAAI,SAAS,MAAM,CAAC,CAAC,EAAE;AAE/C,YAAU,MAAM;AACd,aAAS,cAAc;AACvB,aAAS,SAAS,CAAC;AAEnB,UAAM,YAAY,SAAS;AAAA,MACzB,SAAS,OAAO,UAAU;AAAA,QACxB;AAAA,QACA,QAAQ,OAAO;AAAA,QACf,SAAS;AAAA,QACT,iBAAiB;AAAA,MACnB,CAAC;AAAA,IACH;AAEA,cAAU,MAAM;AAEhB,WAAO,MAAM;AACX,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,SAAO;AACT;","names":[]}
@@ -1,21 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { PressableProps, StyleProp, ViewStyle } from 'react-native';
3
- import { DimensionProps, SpacingProps, ShadowProps } from '@impulse-ui-native/theme';
4
- import { ViewProps } from './view.types.mjs';
5
-
6
- interface CardRootProps extends ViewProps {
7
- }
8
- interface CardPressableProps extends Omit<PressableProps, "children">, DimensionProps, SpacingProps, ShadowProps {
9
- children?: ReactNode;
10
- pressedStyle?: StyleProp<ViewStyle>;
11
- }
12
- interface CardHeaderProps extends ViewProps {
13
- }
14
- interface CardContentProps extends ViewProps {
15
- }
16
- interface CardFooterProps extends ViewProps {
17
- }
18
- interface CardMediaProps extends ViewProps {
19
- }
20
-
21
- export type { CardContentProps, CardFooterProps, CardHeaderProps, CardMediaProps, CardPressableProps, CardRootProps };
@@ -1 +0,0 @@
1
- //# sourceMappingURL=card.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -1,21 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { PressableCoreProps } from './button.types.mjs';
3
- import { ViewProps } from './view.types.mjs';
4
- import 'react-native';
5
- import '@impulse-ui-native/theme';
6
-
7
- interface ListRootProps extends ViewProps {
8
- }
9
- interface ListItemProps extends ViewProps {
10
- }
11
- interface ListPressableProps extends Omit<PressableCoreProps, "children" | "size" | "variant" | "loading"> {
12
- children?: ReactNode;
13
- }
14
- interface ListLeadingProps extends ViewProps {
15
- }
16
- interface ListContentProps extends ViewProps {
17
- }
18
- interface ListTrailingProps extends ViewProps {
19
- }
20
-
21
- export type { ListContentProps, ListItemProps, ListLeadingProps, ListPressableProps, ListRootProps, ListTrailingProps };
@@ -1 +0,0 @@
1
- //# sourceMappingURL=list.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -1,15 +0,0 @@
1
- import { ViewProps, ColorValue } from 'react-native';
2
- import { ComponentSize, ProgressTone, ProgressVariant } from '@impulse-ui-native/theme';
3
-
4
- interface ProgressProps extends Omit<ViewProps, "children"> {
5
- color?: ColorValue;
6
- max?: number;
7
- min?: number;
8
- size?: ComponentSize;
9
- tone?: ProgressTone;
10
- trackColor?: ColorValue;
11
- value?: number;
12
- variant?: ProgressVariant;
13
- }
14
-
15
- export type { ProgressProps };
@@ -1 +0,0 @@
1
- //# sourceMappingURL=progress.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -1,9 +0,0 @@
1
- interface NormalizedProgressValue {
2
- fraction: number;
3
- max: number;
4
- min: number;
5
- value: number | undefined;
6
- }
7
- declare function normalizeProgressValue(value: number | undefined, min: number, max: number): NormalizedProgressValue;
8
-
9
- export { type NormalizedProgressValue, normalizeProgressValue };