@masumdev/rn-ui 0.1.1 → 0.1.2

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 (117) hide show
  1. package/lib/commonjs/components/Accordion.js +3 -3
  2. package/lib/commonjs/components/Accordion.js.map +1 -1
  3. package/lib/commonjs/components/Alert.js +4 -4
  4. package/lib/commonjs/components/Alert.js.map +1 -1
  5. package/lib/commonjs/components/AlertDialog.js +5 -5
  6. package/lib/commonjs/components/AlertDialog.js.map +1 -1
  7. package/lib/commonjs/components/AspectRatio.js +2 -2
  8. package/lib/commonjs/components/AspectRatio.js.map +1 -1
  9. package/lib/commonjs/components/Attachment.js +5 -5
  10. package/lib/commonjs/components/Attachment.js.map +1 -1
  11. package/lib/commonjs/components/Avatar.js +7 -7
  12. package/lib/commonjs/components/Avatar.js.map +1 -1
  13. package/lib/commonjs/components/Badge.js +4 -4
  14. package/lib/commonjs/components/Badge.js.map +1 -1
  15. package/lib/commonjs/components/BottomSheet.js +2 -2
  16. package/lib/commonjs/components/BottomSheet.js.map +1 -1
  17. package/lib/commonjs/components/Box.js +2 -2
  18. package/lib/commonjs/components/Box.js.map +1 -1
  19. package/lib/commonjs/components/Breadcrumb.js +3 -3
  20. package/lib/commonjs/components/Breadcrumb.js.map +1 -1
  21. package/lib/commonjs/components/Bubble.js +5 -5
  22. package/lib/commonjs/components/Bubble.js.map +1 -1
  23. package/lib/commonjs/components/Button.js +5 -5
  24. package/lib/commonjs/components/Button.js.map +1 -1
  25. package/lib/commonjs/components/ButtonGroup.js +4 -4
  26. package/lib/commonjs/components/ButtonGroup.js.map +1 -1
  27. package/lib/commonjs/components/Calendar.js +4 -4
  28. package/lib/commonjs/components/Calendar.js.map +1 -1
  29. package/lib/commonjs/components/Card.js +2 -2
  30. package/lib/commonjs/components/Card.js.map +1 -1
  31. package/lib/commonjs/components/Carousel.js +5 -5
  32. package/lib/commonjs/components/Carousel.js.map +1 -1
  33. package/lib/commonjs/components/Checkbox.js +3 -3
  34. package/lib/commonjs/components/Checkbox.js.map +1 -1
  35. package/lib/commonjs/components/Combobox.js +9 -9
  36. package/lib/commonjs/components/Combobox.js.map +1 -1
  37. package/lib/commonjs/components/Command.js +5 -5
  38. package/lib/commonjs/components/Command.js.map +1 -1
  39. package/lib/commonjs/components/ContextMenu.js +10 -10
  40. package/lib/commonjs/components/ContextMenu.js.map +1 -1
  41. package/lib/commonjs/components/DataList.js +4 -4
  42. package/lib/commonjs/components/DataList.js.map +1 -1
  43. package/lib/commonjs/components/Divider.js +2 -2
  44. package/lib/commonjs/components/Divider.js.map +1 -1
  45. package/lib/commonjs/components/DropdownMenu.js +10 -10
  46. package/lib/commonjs/components/DropdownMenu.js.map +1 -1
  47. package/lib/commonjs/components/Empty.js +6 -6
  48. package/lib/commonjs/components/Empty.js.map +1 -1
  49. package/lib/commonjs/components/FloatingActionButton.js +6 -6
  50. package/lib/commonjs/components/FloatingActionButton.js.map +1 -1
  51. package/lib/commonjs/components/FormField.js +4 -4
  52. package/lib/commonjs/components/FormField.js.map +1 -1
  53. package/lib/commonjs/components/HoverCard.js +3 -3
  54. package/lib/commonjs/components/HoverCard.js.map +1 -1
  55. package/lib/commonjs/components/IconButton.js +6 -6
  56. package/lib/commonjs/components/IconButton.js.map +1 -1
  57. package/lib/commonjs/components/Input.js +4 -4
  58. package/lib/commonjs/components/Input.js.map +1 -1
  59. package/lib/commonjs/components/InputGroup.js +9 -9
  60. package/lib/commonjs/components/InputGroup.js.map +1 -1
  61. package/lib/commonjs/components/InputOTP.js +6 -6
  62. package/lib/commonjs/components/InputOTP.js.map +1 -1
  63. package/lib/commonjs/components/Item.js +11 -11
  64. package/lib/commonjs/components/Item.js.map +1 -1
  65. package/lib/commonjs/components/KeyboardAvoiding.js +2 -2
  66. package/lib/commonjs/components/KeyboardAvoiding.js.map +1 -1
  67. package/lib/commonjs/components/Label.js +2 -2
  68. package/lib/commonjs/components/Label.js.map +1 -1
  69. package/lib/commonjs/components/MetricCard.js +4 -4
  70. package/lib/commonjs/components/MetricCard.js.map +1 -1
  71. package/lib/commonjs/components/Pagination.js +4 -4
  72. package/lib/commonjs/components/Pagination.js.map +1 -1
  73. package/lib/commonjs/components/Popover.js +2 -2
  74. package/lib/commonjs/components/Popover.js.map +1 -1
  75. package/lib/commonjs/components/Progress.js +2 -2
  76. package/lib/commonjs/components/Progress.js.map +1 -1
  77. package/lib/commonjs/components/RadioGroup.js +4 -4
  78. package/lib/commonjs/components/RadioGroup.js.map +1 -1
  79. package/lib/commonjs/components/Select.js +4 -4
  80. package/lib/commonjs/components/Select.js.map +1 -1
  81. package/lib/commonjs/components/Sheet.js +5 -5
  82. package/lib/commonjs/components/Sheet.js.map +1 -1
  83. package/lib/commonjs/components/Skeleton.js +54 -18
  84. package/lib/commonjs/components/Skeleton.js.map +1 -1
  85. package/lib/commonjs/components/Slider.js +2 -2
  86. package/lib/commonjs/components/Slider.js.map +1 -1
  87. package/lib/commonjs/components/Stepper.js +5 -5
  88. package/lib/commonjs/components/Stepper.js.map +1 -1
  89. package/lib/commonjs/components/Switch.js +3 -3
  90. package/lib/commonjs/components/Switch.js.map +1 -1
  91. package/lib/commonjs/components/Table.js +5 -5
  92. package/lib/commonjs/components/Table.js.map +1 -1
  93. package/lib/commonjs/components/Tabs.js +5 -5
  94. package/lib/commonjs/components/Tabs.js.map +1 -1
  95. package/lib/commonjs/components/Text.js +2 -2
  96. package/lib/commonjs/components/Text.js.map +1 -1
  97. package/lib/commonjs/components/Textarea.js +1 -1
  98. package/lib/commonjs/components/Timeline.js +4 -4
  99. package/lib/commonjs/components/Timeline.js.map +1 -1
  100. package/lib/commonjs/components/Toast.js +8 -8
  101. package/lib/commonjs/components/Toast.js.map +1 -1
  102. package/lib/commonjs/components/index.js +52 -52
  103. package/lib/commonjs/index.js +12 -12
  104. package/lib/commonjs/index.js.map +1 -1
  105. package/lib/commonjs/theme/ThemeProvider.js +1 -1
  106. package/lib/commonjs/theme/createTheme.js +1 -1
  107. package/lib/commonjs/theme/index.js +5 -5
  108. package/lib/commonjs/theme/useTheme.js +1 -1
  109. package/lib/commonjs/theme/useThemeStyles.js +1 -1
  110. package/lib/commonjs/utils/index.js +1 -1
  111. package/lib/module/components/Skeleton.js +54 -18
  112. package/lib/module/components/Skeleton.js.map +1 -1
  113. package/lib/typescript/commonjs/components/Skeleton.d.ts +1 -1
  114. package/lib/typescript/commonjs/components/Skeleton.d.ts.map +1 -1
  115. package/lib/typescript/module/components/Skeleton.d.ts +1 -1
  116. package/lib/typescript/module/components/Skeleton.d.ts.map +1 -1
  117. package/package.json +7 -2
@@ -1 +1 @@
1
- {"version":3,"names":["_theme","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_components","_utils"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,MAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,MAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,MAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,MAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
1
+ {"version":3,"names":["_index","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_index2","_index3"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,OAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,OAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,OAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,OAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
@@ -7,7 +7,7 @@ exports.ThemeContext = void 0;
7
7
  exports.ThemeProvider = ThemeProvider;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _reactNative = require("react-native");
10
- var _createTheme = require("./createTheme");
10
+ var _createTheme = require("./createTheme.js");
11
11
  var _jsxRuntime = require("react/jsx-runtime");
12
12
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
13
13
  const ThemeContext = exports.ThemeContext = /*#__PURE__*/(0, _react.createContext)(null);
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.createTheme = createTheme;
7
7
  exports.mergeTheme = mergeTheme;
8
- var _tokens = require("./tokens");
8
+ var _tokens = require("./tokens.js");
9
9
  function isRecord(value) {
10
10
  return !!value && typeof value === "object" && !Array.isArray(value);
11
11
  }
@@ -75,9 +75,9 @@ Object.defineProperty(exports, "useThemeStyles", {
75
75
  return _useThemeStyles.useThemeStyles;
76
76
  }
77
77
  });
78
- var _ThemeProvider = require("./ThemeProvider");
79
- var _createTheme = require("./createTheme");
80
- var _useTheme = require("./useTheme");
81
- var _useThemeStyles = require("./useThemeStyles");
82
- var _tokens = require("./tokens");
78
+ var _ThemeProvider = require("./ThemeProvider.js");
79
+ var _createTheme = require("./createTheme.js");
80
+ var _useTheme = require("./useTheme.js");
81
+ var _useThemeStyles = require("./useThemeStyles.js");
82
+ var _tokens = require("./tokens.js");
83
83
  //# sourceMappingURL=index.js.map
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useTheme = useTheme;
7
7
  var _react = require("react");
8
- var _ThemeProvider = require("./ThemeProvider");
8
+ var _ThemeProvider = require("./ThemeProvider.js");
9
9
  function useTheme() {
10
10
  const value = (0, _react.useContext)(_ThemeProvider.ThemeContext);
11
11
  if (!value) {
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.useThemeStyles = useThemeStyles;
7
7
  var _react = require("react");
8
8
  var _reactNative = require("react-native");
9
- var _useTheme = require("./useTheme");
9
+ var _useTheme = require("./useTheme.js");
10
10
  function useThemeStyles(factory) {
11
11
  const {
12
12
  theme
@@ -9,5 +9,5 @@ Object.defineProperty(exports, "withAlpha", {
9
9
  return _color.withAlpha;
10
10
  }
11
11
  });
12
- var _color = require("./color");
12
+ var _color = require("./color.js");
13
13
  //# sourceMappingURL=index.js.map
@@ -1,45 +1,81 @@
1
1
  "use strict";
2
2
 
3
3
  import React from "react";
4
- import { View } from "react-native";
5
- import Animated, { cancelAnimation, useAnimatedStyle, useSharedValue, withRepeat, withSequence, withTiming } from "react-native-reanimated";
4
+ import { StyleSheet } from "react-native";
5
+ import Animated, { cancelAnimation, Easing, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from "react-native-reanimated";
6
6
  import { useTheme } from "../theme/index.js";
7
7
  import { jsx as _jsx } from "react/jsx-runtime";
8
8
  export function Skeleton({
9
9
  animated = true,
10
10
  radius = "md",
11
11
  style,
12
+ onLayout,
12
13
  ...props
13
14
  }) {
14
15
  const {
15
16
  colors,
16
17
  radii
17
18
  } = useTheme();
18
- const opacity = useSharedValue(animated ? 0.55 : 1);
19
+ const [containerWidth, setContainerWidth] = React.useState(0);
20
+ const opacity = useSharedValue(0.6);
21
+ const translateX = useSharedValue(-100);
19
22
  React.useEffect(() => {
20
23
  if (!animated) {
21
24
  cancelAnimation(opacity);
25
+ cancelAnimation(translateX);
22
26
  opacity.value = 1;
23
27
  return;
24
28
  }
25
- opacity.value = withRepeat(withSequence(withTiming(1, {
26
- duration: 700
27
- }), withTiming(0.55, {
28
- duration: 700
29
- })), -1, true);
30
- return () => cancelAnimation(opacity);
31
- }, [animated, opacity]);
32
- const animatedStyle = useAnimatedStyle(() => ({
29
+
30
+ // Pulse animation
31
+ opacity.value = 0.5;
32
+ opacity.value = withRepeat(withTiming(1, {
33
+ duration: 900,
34
+ easing: Easing.inOut(Easing.ease)
35
+ }), -1, true);
36
+
37
+ // Shimmer sweep animation
38
+ const targetWidth = containerWidth > 0 ? containerWidth * 1.5 : 300;
39
+ translateX.value = -targetWidth;
40
+ translateX.value = withRepeat(withTiming(targetWidth, {
41
+ duration: 1300,
42
+ easing: Easing.linear
43
+ }), -1, false);
44
+ return () => {
45
+ cancelAnimation(opacity);
46
+ cancelAnimation(translateX);
47
+ };
48
+ }, [animated, containerWidth, opacity, translateX]);
49
+ const handleLayout = e => {
50
+ const w = e.nativeEvent.layout.width;
51
+ if (w > 0 && w !== containerWidth) {
52
+ setContainerWidth(w);
53
+ }
54
+ onLayout?.(e);
55
+ };
56
+ const containerAnimatedStyle = useAnimatedStyle(() => ({
33
57
  opacity: opacity.value
34
58
  }));
59
+ const shimmerAnimatedStyle = useAnimatedStyle(() => ({
60
+ transform: [{
61
+ translateX: translateX.value
62
+ }]
63
+ }));
35
64
  return /*#__PURE__*/_jsx(Animated.View, {
36
- style: animatedStyle,
37
- children: /*#__PURE__*/_jsx(View, {
38
- style: [{
39
- backgroundColor: colors.backgroundSubtle,
40
- borderRadius: radii[radius]
41
- }, style],
42
- ...props
65
+ style: [{
66
+ backgroundColor: colors.backgroundSubtle,
67
+ borderRadius: radii[radius],
68
+ overflow: "hidden",
69
+ position: "relative"
70
+ }, style, containerAnimatedStyle],
71
+ onLayout: handleLayout,
72
+ ...props,
73
+ children: animated && /*#__PURE__*/_jsx(Animated.View, {
74
+ style: [StyleSheet.absoluteFill, {
75
+ width: "50%",
76
+ backgroundColor: colors.surface,
77
+ opacity: 0.35
78
+ }, shimmerAnimatedStyle]
43
79
  })
44
80
  });
45
81
  }
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","Animated","cancelAnimation","useAnimatedStyle","useSharedValue","withRepeat","withSequence","withTiming","useTheme","jsx","_jsx","Skeleton","animated","radius","style","props","colors","radii","opacity","useEffect","value","duration","animatedStyle","children","backgroundColor","backgroundSubtle","borderRadius"],"sourceRoot":"../../../src","sources":["components/Skeleton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,QAIC,cAAc;AACrB,OAAOC,QAAQ,IACbC,eAAe,EACfC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,YAAY,EACZC,UAAU,QACL,yBAAyB;AAEhC,SAASC,QAAQ,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpC,OAAO,SAASC,QAAQA,CAAC;EACvBC,QAAQ,GAAG,IAAI;EACfC,MAAM,GAAG,IAAI;EACbC,KAAK;EACL,GAAGC;AACU,CAAC,EAAE;EAChB,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGT,QAAQ,CAAC,CAAC;EACpC,MAAMU,OAAO,GAAGd,cAAc,CAACQ,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC;EAEnDb,KAAK,CAACoB,SAAS,CAAC,MAAM;IACpB,IAAI,CAACP,QAAQ,EAAE;MACbV,eAAe,CAACgB,OAAO,CAAC;MACxBA,OAAO,CAACE,KAAK,GAAG,CAAC;MACjB;IACF;IAEAF,OAAO,CAACE,KAAK,GAAGf,UAAU,CACxBC,YAAY,CACVC,UAAU,CAAC,CAAC,EAAE;MAAEc,QAAQ,EAAE;IAAI,CAAC,CAAC,EAChCd,UAAU,CAAC,IAAI,EAAE;MAAEc,QAAQ,EAAE;IAAI,CAAC,CACpC,CAAC,EACD,CAAC,CAAC,EACF,IACF,CAAC;IACD,OAAO,MAAMnB,eAAe,CAACgB,OAAO,CAAC;EACvC,CAAC,EAAE,CAACN,QAAQ,EAAEM,OAAO,CAAC,CAAC;EAEvB,MAAMI,aAAa,GAAGnB,gBAAgB,CAAC,OAAO;IAC5Ce,OAAO,EAAEA,OAAO,CAACE;EACnB,CAAC,CAAC,CAAC;EAEH,oBACEV,IAAA,CAACT,QAAQ,CAACD,IAAI;IAACc,KAAK,EAAEQ,aAAc;IAAAC,QAAA,eAClCb,IAAA,CAACV,IAAI;MACHc,KAAK,EAAE,CACL;QACEU,eAAe,EAAER,MAAM,CAACS,gBAAgB;QACxCC,YAAY,EAAET,KAAK,CAACJ,MAAM;MAC5B,CAAC,EACDC,KAAK,CACL;MAAA,GACEC;IAAK,CACV;EAAC,CACW,CAAC;AAEpB","ignoreList":[]}
1
+ {"version":3,"names":["React","StyleSheet","Animated","cancelAnimation","Easing","useAnimatedStyle","useSharedValue","withRepeat","withTiming","useTheme","jsx","_jsx","Skeleton","animated","radius","style","onLayout","props","colors","radii","containerWidth","setContainerWidth","useState","opacity","translateX","useEffect","value","duration","easing","inOut","ease","targetWidth","linear","handleLayout","e","w","nativeEvent","layout","width","containerAnimatedStyle","shimmerAnimatedStyle","transform","View","backgroundColor","backgroundSubtle","borderRadius","overflow","position","children","absoluteFill","surface"],"sourceRoot":"../../../src","sources":["components/Skeleton.tsx"],"mappings":"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","ignoreList":[]}
@@ -6,5 +6,5 @@ export interface SkeletonProps extends ViewProps {
6
6
  radius?: keyof ReturnType<typeof useTheme>["radii"];
7
7
  style?: StyleProp<ViewStyle>;
8
8
  }
9
- export declare function Skeleton({ animated, radius, style, ...props }: SkeletonProps): React.JSX.Element;
9
+ export declare function Skeleton({ animated, radius, style, onLayout, ...props }: SkeletonProps): React.JSX.Element;
10
10
  //# sourceMappingURL=Skeleton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAe,EACf,MAAa,EACb,KAAK,EACL,GAAG,KAAK,EACT,EAAE,aAAa,qBAwCf"}
1
+ {"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAe,EACf,MAAa,EACb,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,qBAuFf"}
@@ -6,5 +6,5 @@ export interface SkeletonProps extends ViewProps {
6
6
  radius?: keyof ReturnType<typeof useTheme>["radii"];
7
7
  style?: StyleProp<ViewStyle>;
8
8
  }
9
- export declare function Skeleton({ animated, radius, style, ...props }: SkeletonProps): React.JSX.Element;
9
+ export declare function Skeleton({ animated, radius, style, onLayout, ...props }: SkeletonProps): React.JSX.Element;
10
10
  //# sourceMappingURL=Skeleton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAU,CAAC;AAEpC,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAe,EACf,MAAa,EACb,KAAK,EACL,GAAG,KAAK,EACT,EAAE,aAAa,qBAwCf"}
1
+ {"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAU,CAAC;AAEpC,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAe,EACf,MAAa,EACb,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,qBAuFf"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@masumdev/rn-ui",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "description": "A reusable React Native UI kit with typed theme tokens, light/dark mode, and composable core components.",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -62,7 +62,12 @@
62
62
  "source": "src",
63
63
  "output": "lib",
64
64
  "targets": [
65
- "commonjs",
65
+ [
66
+ "commonjs",
67
+ {
68
+ "esm": true
69
+ }
70
+ ],
66
71
  [
67
72
  "module",
68
73
  {