musae 0.3.7 → 0.3.8

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 (4) hide show
  1. package/dist/components/theme/hooks.cjs +8 -10
  2. package/dist/components/theme/hooks.d.ts +0 -3
  3. package/dist/components/theme/hooks.mjs +8 -10
  4. package/package.json +8 -8
package/dist/components/theme/hooks.cjs CHANGED
@@ -133,9 +133,6 @@ var useTheme = function useTheme() {
133
133
  * @description
134
134
  * inject css names and styles into html element
135
135
  * for animations
136
- *
137
- * u may ask: why add a single hook for this?
138
- * i will answer: because i want to keep the code clean.
139
136
  */
140
137
  var useSwitchable = function useSwitchable(_ref) {
141
138
  var theme = _ref.theme;
@@ -159,11 +156,12 @@ var useSwitchable = function useSwitchable(_ref) {
159
156
  className: "musaex-ntwwlm musaex-jitcrl musaex-19v9tfi"
160
157
  }
161
158
  };
162
- var repaint = relax.useEvent(function (_mode) {
159
+ var repaint = relax.useEvent(function (nextMode) {
163
160
  var _document$documentEle, _document$documentEle2;
164
- var _isDark = _mode === "dark";
165
- (_document$documentEle = document.documentElement.classList).remove.apply(_document$documentEle, _toConsumableArray(styles.toClassList((_isDark ? styled.light : styled.dark).className)));
166
- (_document$documentEle2 = document.documentElement.classList).add.apply(_document$documentEle2, _toConsumableArray(styles.toClassList(styled[_mode].className)));
161
+ var _isDark = nextMode === "dark";
162
+ var _usingMode = _isDark ? "light" : "dark";
163
+ (_document$documentEle = document.documentElement.classList).remove.apply(_document$documentEle, _toConsumableArray(styles.toClassList(styled[_usingMode].className)));
164
+ (_document$documentEle2 = document.documentElement.classList).add.apply(_document$documentEle2, _toConsumableArray(styles.toClassList(styled[nextMode].className)));
167
165
  document.documentElement.style.backgroundColor = _isDark ? theme.palette.neutral[0] : theme.palette.neutral[100];
168
166
  });
169
167
  relax.useMounted(function () {
@@ -179,16 +177,16 @@ var useSwitchable = function useSwitchable(_ref) {
179
177
  });
180
178
  // dark, light mode switch
181
179
  var toggle = relax.useEvent(function (event) {
182
- var modeSwitchTo = isDark ? "light" : "dark";
180
+ var _toMode = isDark ? "light" : "dark";
183
181
  // dom not support animation
184
182
  if (!relax.isFunction(document.startViewTransition)) {
185
183
  var _trigger$current;
186
- (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.next(modeSwitchTo);
184
+ (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.next(_toMode);
187
185
  return;
188
186
  }
189
187
  var animation = document.startViewTransition(function () {
190
188
  var _trigger$current2;
191
- (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 || _trigger$current2.next(modeSwitchTo);
189
+ (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 || _trigger$current2.next(_toMode);
192
190
  });
193
191
  animation.ready.then(function () {
194
192
  var _event$clientX, _event$clientY;
package/dist/components/theme/hooks.d.ts CHANGED
@@ -20,9 +20,6 @@ export declare const useTheme: () => ContextValue;
20
20
  * @description
21
21
  * inject css names and styles into html element
22
22
  * for animations
23
- *
24
- * u may ask: why add a single hook for this?
25
- * i will answer: because i want to keep the code clean.
26
23
  */
27
24
  export declare const useSwitchable: ({ theme }: {
28
25
  theme: Theme;
package/dist/components/theme/hooks.mjs CHANGED
@@ -133,9 +133,6 @@ var useTheme = function useTheme() {
133
133
  * @description
134
134
  * inject css names and styles into html element
135
135
  * for animations
136
- *
137
- * u may ask: why add a single hook for this?
138
- * i will answer: because i want to keep the code clean.
139
136
  */
140
137
  var useSwitchable = function useSwitchable(_ref) {
141
138
  var theme = _ref.theme;
@@ -159,11 +156,12 @@ var useSwitchable = function useSwitchable(_ref) {
159
156
  className: "musaex-ntwwlm musaex-jitcrl musaex-19v9tfi"
160
157
  }
161
158
  };
162
- var repaint = useEvent(function (_mode) {
159
+ var repaint = useEvent(function (nextMode) {
163
160
  var _document$documentEle, _document$documentEle2;
164
- var _isDark = _mode === "dark";
165
- (_document$documentEle = document.documentElement.classList).remove.apply(_document$documentEle, _toConsumableArray(toClassList((_isDark ? styled.light : styled.dark).className)));
166
- (_document$documentEle2 = document.documentElement.classList).add.apply(_document$documentEle2, _toConsumableArray(toClassList(styled[_mode].className)));
161
+ var _isDark = nextMode === "dark";
162
+ var _usingMode = _isDark ? "light" : "dark";
163
+ (_document$documentEle = document.documentElement.classList).remove.apply(_document$documentEle, _toConsumableArray(toClassList(styled[_usingMode].className)));
164
+ (_document$documentEle2 = document.documentElement.classList).add.apply(_document$documentEle2, _toConsumableArray(toClassList(styled[nextMode].className)));
167
165
  document.documentElement.style.backgroundColor = _isDark ? theme.palette.neutral[0] : theme.palette.neutral[100];
168
166
  });
169
167
  useMounted(function () {
@@ -179,16 +177,16 @@ var useSwitchable = function useSwitchable(_ref) {
179
177
  });
180
178
  // dark, light mode switch
181
179
  var toggle = useEvent(function (event) {
182
- var modeSwitchTo = isDark ? "light" : "dark";
180
+ var _toMode = isDark ? "light" : "dark";
183
181
  // dom not support animation
184
182
  if (!isFunction(document.startViewTransition)) {
185
183
  var _trigger$current;
186
- (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.next(modeSwitchTo);
184
+ (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.next(_toMode);
187
185
  return;
188
186
  }
189
187
  var animation = document.startViewTransition(function () {
190
188
  var _trigger$current2;
191
- (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 || _trigger$current2.next(modeSwitchTo);
189
+ (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 || _trigger$current2.next(_toMode);
192
190
  });
193
191
  animation.ready.then(function () {
194
192
  var _event$clientX, _event$clientY;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "musae",
3
- "version": "0.3.7",
3
+ "version": "0.3.8",
4
4
  "description": "musae-ui",
5
5
  "author": "tutu@fantufantu.com",
6
6
  "license": "MIT",
@@ -60,6 +60,7 @@
60
60
  "@dnd-kit/modifiers": "^7.0.0",
61
61
  "@floating-ui/dom": "^1.6.11",
62
62
  "@lexical/code": "^0.18.0",
63
+ "@lexical/headless": "^0.18.0",
63
64
  "@lexical/link": "^0.18.0",
64
65
  "@lexical/list": "^0.18.0",
65
66
  "@lexical/markdown": "^0.18.0",
@@ -69,16 +70,16 @@
69
70
  "@lexical/utils": "^0.18.0",
70
71
  "@tanstack/react-table": "^8.20.5",
71
72
  "dayjs": "^1.11.13",
72
- "framer-motion": "^11.11.1",
73
+ "framer-motion": "^11.11.7",
73
74
  "lexical": "^0.18.0",
74
75
  "react-hook-form": "^7.53.0",
75
76
  "rxjs": "^7.8.1"
76
77
  },
77
78
  "devDependencies": {
78
79
  "@aiszlab/jarvis": "^1.0.2",
79
- "@babel/core": "^7.25.7",
80
+ "@babel/core": "^7.25.8",
80
81
  "@babel/plugin-transform-runtime": "^7.25.7",
81
- "@babel/preset-env": "^7.25.7",
82
+ "@babel/preset-env": "^7.25.8",
82
83
  "@babel/preset-react": "^7.25.7",
83
84
  "@babel/preset-typescript": "^7.25.7",
84
85
  "@rollup/plugin-babel": "^6.0.4",
@@ -91,9 +92,8 @@
91
92
  "@testing-library/jest-dom": "^6.5.0",
92
93
  "@testing-library/react": "^16.0.1",
93
94
  "@testing-library/user-event": "^14.5.2",
94
- "@types/dom-view-transitions": "^1.0.5",
95
95
  "@types/jest": "^29.5.13",
96
- "@types/node": "^22.7.4",
96
+ "@types/node": "^22.7.5",
97
97
  "@types/react": "^18.3.11",
98
98
  "@types/react-dom": "^18.3.0",
99
99
  "babel-jest": "^29.7.0",
@@ -105,8 +105,8 @@
105
105
  "react": "^18.3.1",
106
106
  "react-dom": "^18.3.1",
107
107
  "rollup": "^4.24.0",
108
- "typescript": "^5.6.2",
109
- "zx": "^8.1.8"
108
+ "typescript": "^5.6.3",
109
+ "zx": "^8.1.9"
110
110
  },
111
111
  "peerDependencies": {
112
112
  "react": "^18",