myshell-react-lib 0.1.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 (151) hide show
  1. package/README.md +268 -0
  2. package/dist/assets/audio-playing.json +3657 -0
  3. package/dist/index.cjs +9654 -0
  4. package/dist/index.cjs.map +1 -0
  5. package/dist/index.d.cts +1431 -0
  6. package/dist/index.d.ts +1431 -0
  7. package/dist/index.js +8788 -0
  8. package/dist/index.js.map +1 -0
  9. package/package.json +140 -0
  10. package/src/common/assets/audio-playing.json +3657 -0
  11. package/src/common/constants/constants.ts +24 -0
  12. package/src/common/constants/types/common.ts +10 -0
  13. package/src/common/hooks/useAudioPlayer.tsx +198 -0
  14. package/src/common/hooks/useDevice.ts +26 -0
  15. package/src/common/hooks/useNativeBridge.ts +42 -0
  16. package/src/common/hooks/useNotification.tsx +179 -0
  17. package/src/common/hooks/useWindowWidth.ts +19 -0
  18. package/src/common/utils/common-helper.ts +81 -0
  19. package/src/components/ItemDemo.tsx +15 -0
  20. package/src/components/accordion.tsx +126 -0
  21. package/src/components/alert-dialog.tsx +148 -0
  22. package/src/components/alert.tsx +65 -0
  23. package/src/components/aspect-ratio.tsx +7 -0
  24. package/src/components/audio-player.tsx +58 -0
  25. package/src/components/avatar.tsx +133 -0
  26. package/src/components/badge.tsx +65 -0
  27. package/src/components/button/button.styles.ts +258 -0
  28. package/src/components/button/button.tsx +215 -0
  29. package/src/components/button/icon-button.styles.ts +101 -0
  30. package/src/components/button/icon-button.tsx +100 -0
  31. package/src/components/button/index.tsx +3 -0
  32. package/src/components/button/link-button.tsx +184 -0
  33. package/src/components/cascader.tsx +175 -0
  34. package/src/components/checkbox.tsx +135 -0
  35. package/src/components/command.tsx +155 -0
  36. package/src/components/context-menu.tsx +198 -0
  37. package/src/components/count-down.tsx +83 -0
  38. package/src/components/custom-notification.tsx +95 -0
  39. package/src/components/dialog.tsx +158 -0
  40. package/src/components/drawer.tsx +116 -0
  41. package/src/components/dropdown-menu.tsx +196 -0
  42. package/src/components/energy-progress.tsx +55 -0
  43. package/src/components/form.tsx +201 -0
  44. package/src/components/group.tsx +9 -0
  45. package/src/components/guide.tsx +243 -0
  46. package/src/components/icon.tsx +89 -0
  47. package/src/components/icons/outline/DownIcon.tsx +18 -0
  48. package/src/components/icons/outline/FilterIcon.tsx +21 -0
  49. package/src/components/icons/outline/arrow-left.tsx +16 -0
  50. package/src/components/icons/outline/arrow-up-tray.tsx +16 -0
  51. package/src/components/icons/outline/check-circle.tsx +17 -0
  52. package/src/components/icons/outline/config.tsx +42 -0
  53. package/src/components/icons/outline/pencil-square.tsx +16 -0
  54. package/src/components/icons/outline/trash.tsx +17 -0
  55. package/src/components/icons/outline/window.tsx +16 -0
  56. package/src/components/icons/outline/x-circle.tsx +17 -0
  57. package/src/components/icons/outline/x-mark.tsx +16 -0
  58. package/src/components/icons/solid/audio-playing.tsx +31 -0
  59. package/src/components/icons/solid/caret-down.tsx +14 -0
  60. package/src/components/icons/solid/code.tsx +18 -0
  61. package/src/components/icons/solid/drag.tsx +14 -0
  62. package/src/components/icons/solid/phone.tsx +23 -0
  63. package/src/components/icons/solid/rectangle-group.tsx +14 -0
  64. package/src/components/image.tsx +151 -0
  65. package/src/components/input.tsx +118 -0
  66. package/src/components/label.tsx +26 -0
  67. package/src/components/link.tsx +123 -0
  68. package/src/components/marquee/index.css +15 -0
  69. package/src/components/marquee/marquee.tsx +220 -0
  70. package/src/components/masonry.tsx +138 -0
  71. package/src/components/menubar.tsx +234 -0
  72. package/src/components/mobile/m-tooltip.tsx +34 -0
  73. package/src/components/modal.tsx +561 -0
  74. package/src/components/navigation-bar.tsx +100 -0
  75. package/src/components/number-input.tsx +143 -0
  76. package/src/components/page-content.tsx +16 -0
  77. package/src/components/popover.tsx +191 -0
  78. package/src/components/progress.tsx +80 -0
  79. package/src/components/radio-group.tsx +44 -0
  80. package/src/components/scroll-area.tsx +49 -0
  81. package/src/components/search-bar.tsx +140 -0
  82. package/src/components/secondary-navigation-bar.tsx +307 -0
  83. package/src/components/select.tsx +273 -0
  84. package/src/components/separator.tsx +31 -0
  85. package/src/components/sheet.tsx +143 -0
  86. package/src/components/skeleton.tsx +20 -0
  87. package/src/components/slider.tsx +160 -0
  88. package/src/components/spinner.tsx +48 -0
  89. package/src/components/swiper/index.module.scss +88 -0
  90. package/src/components/swiper/index.tsx +319 -0
  91. package/src/components/switch.tsx +67 -0
  92. package/src/components/tabs.tsx +325 -0
  93. package/src/components/textarea.tsx +71 -0
  94. package/src/components/toast/toast.tsx +182 -0
  95. package/src/components/toast/toaster.tsx +160 -0
  96. package/src/components/toast/use-toast.tsx +248 -0
  97. package/src/components/toggle-group.tsx +64 -0
  98. package/src/components/toggle.tsx +46 -0
  99. package/src/components/tooltip.tsx +283 -0
  100. package/src/components/typography.tsx +437 -0
  101. package/src/index.ts +66 -0
  102. package/src/lib/utils.ts +62 -0
  103. package/src/stories/Accordion.stories.tsx +64 -0
  104. package/src/stories/AccordionItem.stories.tsx +48 -0
  105. package/src/stories/Avatar.stories.ts +58 -0
  106. package/src/stories/Badge.stories.tsx +40 -0
  107. package/src/stories/BannerSwiper.stories.tsx +102 -0
  108. package/src/stories/Button.stories.tsx +543 -0
  109. package/src/stories/Checkbox.stories.tsx +161 -0
  110. package/src/stories/Configure.mdx +341 -0
  111. package/src/stories/CssProperties.mdx +30 -0
  112. package/src/stories/Description.stories.ts +70 -0
  113. package/src/stories/Display.stories.ts +64 -0
  114. package/src/stories/FeaturedSwiper.stories.tsx +6978 -0
  115. package/src/stories/GridSwiper.stories.tsx +1407 -0
  116. package/src/stories/Guide.stories.tsx +247 -0
  117. package/src/stories/Heading.stories.ts +89 -0
  118. package/src/stories/Icon.stories.ts +77 -0
  119. package/src/stories/IconButton.stories.tsx +301 -0
  120. package/src/stories/IconTextButton.stories.ts +59 -0
  121. package/src/stories/Image.stories.ts +55 -0
  122. package/src/stories/Input.stories.tsx +203 -0
  123. package/src/stories/Modal.stories.tsx +144 -0
  124. package/src/stories/NavigationBar.stories.tsx +81 -0
  125. package/src/stories/Notification.stories.tsx +276 -0
  126. package/src/stories/Popover.stories.tsx +100 -0
  127. package/src/stories/SearchBar.stories.ts +43 -0
  128. package/src/stories/SecondaryNavigationBar.stories.tsx +199 -0
  129. package/src/stories/Select.stories.tsx +107 -0
  130. package/src/stories/Separator.stories.tsx +49 -0
  131. package/src/stories/Spinner.stories.tsx +48 -0
  132. package/src/stories/SubHeading.stories.ts +64 -0
  133. package/src/stories/Swich.stories.tsx +69 -0
  134. package/src/stories/Tabs.stories.tsx +90 -0
  135. package/src/stories/Text.stories.ts +78 -0
  136. package/src/stories/Textarea.stories.tsx +155 -0
  137. package/src/stories/Toast.stories.tsx +424 -0
  138. package/src/stories/Tooltip.stories.tsx +244 -0
  139. package/src/stories/ViewAutoSwiper.stories.tsx +1408 -0
  140. package/src/styles/components-dark.scss +212 -0
  141. package/src/styles/components-light.scss +210 -0
  142. package/src/styles/design-dark.scss +330 -0
  143. package/src/styles/design-light.scss +345 -0
  144. package/src/styles/design2-dark.scss +319 -0
  145. package/src/styles/design2-light.scss +364 -0
  146. package/src/styles/font.css +19 -0
  147. package/src/styles/global.scss +251 -0
  148. package/src/styles/md-viewer.scss +155 -0
  149. package/src/styles/new-tokens.scss +255 -0
  150. package/src/styles/tokens.scss +401 -0
  151. package/src/types/scss.d.ts +24 -0
package/package.json ADDED
@@ -0,0 +1,140 @@
1
+ {
2
+ "name": "myshell-react-lib",
3
+ "version": "0.1.0",
4
+ "type": "module",
5
+ "description": "React component library with Tailwind CSS integration",
6
+ "main": "./dist/index.cjs",
7
+ "module": "./dist/index.js",
8
+ "types": "./dist/index.d.ts",
9
+ "files": [
10
+ "dist",
11
+ "src",
12
+ "README.md"
13
+ ],
14
+ "scripts": {
15
+ "build": "tsup",
16
+ "dev": "rollup -c -w",
17
+ "test": "jest",
18
+ "lint": "eslint src --ext .ts,.tsx",
19
+ "storybook": "storybook dev -p 6006",
20
+ "build-storybook": "storybook build"
21
+ },
22
+ "keywords": [
23
+ "react",
24
+ "components",
25
+ "tailwind",
26
+ "ui"
27
+ ],
28
+ "author": "",
29
+ "license": "MIT",
30
+ "peerDependencies": {
31
+ "next": "^14.0.0",
32
+ "react": "^18.0.0",
33
+ "react-dom": "^18.0.0",
34
+ "tailwindcss": "^3.3.0"
35
+ },
36
+ "dependencies": {
37
+ "@chromatic-com/storybook": "^3.2.6",
38
+ "@heroicons/react": "^2.2.0",
39
+ "@radix-ui/react-accordion": "^1.1.2",
40
+ "@radix-ui/react-alert-dialog": "^1.0.5",
41
+ "@radix-ui/react-aspect-ratio": "^1.0.3",
42
+ "@radix-ui/react-avatar": "^1.0.4",
43
+ "@radix-ui/react-checkbox": "^1.0.4",
44
+ "@radix-ui/react-context-menu": "^2.1.5",
45
+ "@radix-ui/react-dialog": "^1.0.5",
46
+ "@radix-ui/react-dropdown-menu": "^2.0.6",
47
+ "@radix-ui/react-label": "^2.0.2",
48
+ "@radix-ui/react-menubar": "^1.0.4",
49
+ "@radix-ui/react-popover": "^1.0.7",
50
+ "@radix-ui/react-progress": "^1.0.3",
51
+ "@radix-ui/react-radio-group": "^1.1.3",
52
+ "@radix-ui/react-scroll-area": "^1.0.5",
53
+ "@radix-ui/react-select": "^2.0.0",
54
+ "@radix-ui/react-separator": "^1.0.3",
55
+ "@radix-ui/react-slider": "^1.1.2",
56
+ "@radix-ui/react-slot": "^1.0.2",
57
+ "@radix-ui/react-switch": "^1.0.3",
58
+ "@radix-ui/react-tabs": "^1.0.4",
59
+ "@radix-ui/react-toast": "^1.1.5",
60
+ "@radix-ui/react-toggle": "^1.0.3",
61
+ "@radix-ui/react-toggle-group": "^1.0.4",
62
+ "@radix-ui/react-tooltip": "^1.0.7",
63
+ "@tailwindcss/typography": "github:tailwindcss/typography",
64
+ "class-variance-authority": "^0.7.0",
65
+ "clsx": "^2.0.0",
66
+ "cmdk": "^0.2.0",
67
+ "dayjs": "^1.11.13",
68
+ "driver.js": "^1.3.5",
69
+ "esbuild-postcss": "^0.0.4",
70
+ "ismobilejs": "^1.1.1",
71
+ "isomorphic-dompurify": "^2.22.0",
72
+ "lodash-es": "^4.17.21",
73
+ "lottie-web": "^5.12.2",
74
+ "lucide-react": "^0.294.0",
75
+ "next-themes": "^0.2.1",
76
+ "rc-image": "^7.11.0",
77
+ "react-hook-form": "^7.54.2",
78
+ "react-hot-toast": "^2.5.2",
79
+ "react-use": "^17.6.0",
80
+ "swiper": "^11.0.5",
81
+ "tailwind-merge": "^2.1.0",
82
+ "tailwindcss-animate": "^1.0.7",
83
+ "vaul": "^1.1.2"
84
+ },
85
+ "devDependencies": {
86
+ "@babel/core": "^7.22.5",
87
+ "@babel/preset-env": "^7.22.5",
88
+ "@babel/preset-react": "^7.22.5",
89
+ "@babel/preset-typescript": "^7.22.5",
90
+ "@rollup/plugin-babel": "^6.0.3",
91
+ "@rollup/plugin-commonjs": "^25.0.2",
92
+ "@rollup/plugin-json": "^6.1.0",
93
+ "@rollup/plugin-node-resolve": "^15.1.0",
94
+ "@rollup/plugin-typescript": "^11.1.1",
95
+ "@storybook/addon-essentials": "^8.4.2",
96
+ "@storybook/addon-interactions": "^8.4.2",
97
+ "@storybook/addon-links": "^8.4.2",
98
+ "@storybook/addon-onboarding": "^8.4.2",
99
+ "@storybook/blocks": "^8.4.2",
100
+ "@storybook/nextjs": "^8.4.2",
101
+ "@storybook/react": "^8.4.2",
102
+ "@storybook/react-webpack5": "^8.4.7",
103
+ "@storybook/test": "^8.4.2",
104
+ "@swc/core": "^1.11.13",
105
+ "@types/fs-extra": "^11.0.4",
106
+ "@types/lodash-es": "^4.17.12",
107
+ "@types/node": "^20.10.4",
108
+ "@types/react": "^18.3.18",
109
+ "@types/react-dom": "^18.3.5",
110
+ "@typescript-eslint/eslint-plugin": "^5.60.1",
111
+ "@typescript-eslint/parser": "^5.60.1",
112
+ "autoprefixer": "^10.4.14",
113
+ "dts-bundle-generator": "^9.5.1",
114
+ "esbuild-sass-plugin": "^3.3.1",
115
+ "eslint": "^8.43.0",
116
+ "eslint-plugin-react": "^7.32.2",
117
+ "eslint-plugin-react-hooks": "^4.6.0",
118
+ "jest": "^29.5.0",
119
+ "postcss": "^8.4.24",
120
+ "react": "^18.2.0",
121
+ "react-dom": "^18.2.0",
122
+ "rollup": "^3.25.3",
123
+ "rollup-plugin-dts": "^5.3.0",
124
+ "rollup-plugin-peer-deps-external": "^2.2.4",
125
+ "rollup-plugin-postcss": "^4.0.2",
126
+ "sass": "^1.69.5",
127
+ "storybook": "^8.4.2",
128
+ "tailwindcss": "^3.3.2",
129
+ "tslib": "^2.6.0",
130
+ "tsup": "^8.4.0",
131
+ "typescript": "^5.1.6"
132
+ },
133
+ "exports": {
134
+ ".": {
135
+ "types": "./dist/index.d.ts",
136
+ "import": "./dist/index.js",
137
+ "require": "./dist/index.cjs"
138
+ }
139
+ }
140
+ }