@blocklet/pages-kit-inner-components 0.4.99 → 0.4.100

package/lib/es/theme.js

@@ -1,41 +1,35 @@
 import { jsx as f } from "react/jsx-runtime";
 import g from "@arcblock/ux/lib/Colors";
-import { createTheme as v } from "@arcblock/ux/lib/Theme";
-import { Icon as w } from "@iconify-icon/react";
-import x from "@iconify-icons/tabler/chevron-down";
-import { loadingButtonClasses as E } from "@mui/lab";
-import { listItemIconClasses as k, switchClasses as y, svgIconClasses as a, sliderClasses as n, outlinedInputClasses as u, inputBaseClasses as e, filledInputClasses as b, inputLabelClasses as s, inputClasses as i, selectClasses as B, autocompleteClasses as d, getContrastRatio as D, darken as $, lighten as C, Box as z } from "@mui/material";
-import { defu as A } from "defu";
+import { createTheme as w } from "@arcblock/ux/lib/Theme";
+import { getBlockletTheme as v } from "@blocklet/pages-kit/utils/style";
+import { Icon as x } from "@iconify-icon/react";
+import E from "@iconify-icons/tabler/chevron-down";
+import { loadingButtonClasses as k } from "@mui/lab";
+import { listItemIconClasses as y, switchClasses as B, svgIconClasses as a, sliderClasses as n, outlinedInputClasses as b, inputBaseClasses as e, filledInputClasses as u, inputLabelClasses as r, inputClasses as i, selectClasses as D, autocompleteClasses as d, getContrastRatio as $, darken as C, lighten as z, Box as A } from "@mui/material";
+import { defu as S } from "defu";
 function h(t) {
-  const l = g.common.white, m = D(t, l) >= 2 ? l : "rgba(0, 0, 0, 0.87)";
+  const l = g.common.white, m = $(t, l) >= 2 ? l : "rgba(0, 0, 0, 0.87)";
   return {
     main: t,
-    light: C(t, 0.2),
-    dark: $(t, 0.3),
+    light: z(t, 0.2),
+    dark: C(t, 0.3),
     contrastText: m
   };
 }
 function c(t = {}) {
-  return v(
-    A(t, {
+  const o = v();
+  return w(
+    S(t, {
       palette: {
         _did: h(g.did.primary),
         black: h(g.grey[900])
       },
-      breakpoints: {
-        values: {
-          xs: 0,
-          sm: 600,
-          md: 900,
-          lg: 1200,
-          xl: 1536,
-          section: 1440
-        }
-      }
+      // respect blocklet theme breakpoints
+      breakpoints: o.breakpoints
     })
   );
 }
-const S = `
+const M = `
 :root {
   /* Light */
   /* colors */
@@ -154,7 +148,7 @@ const S = `
   --radius-m: 8px;
   --radius-l: 12px;
   --radius-round: 9999px;
-}`, U = `
+}`, q = `
 :root {
   /* Dark */
   /* colors */
@@ -273,7 +267,7 @@ const S = `
   --radius-m: 8px;
   --radius-l: 12px;
   --radius-round: 9999px;
-}`, o = c({
+}`, s = c({
   typography: {
     button: {
       // @ts-ignore
@@ -308,7 +302,7 @@ const S = `
   },
   components: {
     MuiCssBaseline: {
-      styleOverrides: S
+      styleOverrides: M
     },
     MuiFormLabel: {
       styleOverrides: {
@@ -366,7 +360,7 @@ const S = `
           height: 28,
           width: 48,
           padding: 8,
-          [`&.${y.sizeSmall}`]: {
+          [`&.${B.sizeSmall}`]: {
             height: 26,
             width: 40,
             padding: 8
@@ -409,7 +403,7 @@ const S = `
         {
           props: {},
           // @ts-ignore
-          style: ({ theme: t, ownerState: r }) => t.unstable_sx({
+          style: ({ theme: t, ownerState: o }) => t.unstable_sx({
             [`.${e.root}`]: {
               borderRadius: 1,
               lineHeight: "1.5rem",
@@ -431,36 +425,36 @@ const S = `
               [`&.${e.hiddenLabel}`]: {
                 mt: 0,
                 pt: 0,
-                [`.${B.select}.${i.input}:focus`]: {
+                [`.${D.select}.${i.input}:focus`]: {
                   bgcolor: "transparent"
                 }
               }
             },
-            [`.${s.standard}`]: {
+            [`.${r.standard}`]: {
               transform: "translate(0px, 18px) scale(1)",
-              [`&.${s.sizeSmall}`]: {
+              [`&.${r.sizeSmall}`]: {
                 transform: "translate(0px, 15px) scale(1)"
               },
-              [`&.${s.shrink}`]: {
+              [`&.${r.shrink}`]: {
                 transform: "translate(0px, -1px) scale(0.8)",
-                [`&.${s.sizeSmall}`]: {
+                [`&.${r.sizeSmall}`]: {
                   transform: "translate(0px, -1px) scale(0.8)"
                 }
               }
             },
             // filled
-            [`.${b.root}`]: {
+            [`.${u.root}`]: {
               ":before,:after": { display: "none" },
               [`.${e.input}`]: {
                 pb: 0.5,
-                pt: r != null && r.label ? 2 : 0.5,
+                pt: o != null && o.label ? 2 : 0.5,
                 px: 1,
                 ":focus": {
                   borderRadius: 1
                 },
                 [`&.${e.inputSizeSmall}`]: {
                   pb: 0.25,
-                  pt: r != null && r.label ? 1.25 : 0.25
+                  pt: o != null && o.label ? 1.25 : 0.25
                 },
                 [`&.${e.inputHiddenLabel}`]: {
                   py: 0.5,
@@ -470,20 +464,20 @@ const S = `
                 }
               }
             },
-            [`.${s.filled}`]: {
+            [`.${r.filled}`]: {
               transform: "translate(8px, 11px) scale(1)",
-              [`&.${s.sizeSmall}`]: {
+              [`&.${r.sizeSmall}`]: {
                 transform: "translate(8px, 7px) scale(1)"
               },
-              [`&.${s.shrink}`]: {
+              [`&.${r.shrink}`]: {
                 transform: "translate(8px, 2px) scale(0.8)",
-                [`&.${s.sizeSmall}`]: {
+                [`&.${r.sizeSmall}`]: {
                   transform: "translate(8px, 0) scale(0.8)"
                 }
               }
             },
             // outlined
-            [`.${u.root}`]: {
+            [`.${b.root}`]: {
               [`.${e.input}`]: {
                 py: 1.25,
                 px: 1,
@@ -498,12 +492,12 @@ const S = `
                 }
               }
             },
-            [`.${s.outlined}`]: {
+            [`.${r.outlined}`]: {
               transform: "translate(8px, 10px) scale(1)",
-              [`&.${s.sizeSmall}`]: {
+              [`&.${r.sizeSmall}`]: {
                 transform: "translate(8px, 7px) scale(1)"
               },
-              [`&.${s.shrink}`]: {
+              [`&.${r.shrink}`]: {
                 transform: "translate(16px, -7px) scale(0.8)"
               }
             }
@@ -554,7 +548,7 @@ const S = `
         select: {
           display: "flex",
           alignItems: "center",
-          [`.${k.root}`]: {
+          [`.${y.root}`]: {
             minWidth: 20
           }
         }
@@ -568,7 +562,7 @@ const S = `
             borderRadius: 1,
             lineHeight: "1.5rem",
             // filled
-            [`&.${b.root}`]: {
+            [`&.${u.root}`]: {
               ":before,:after": { display: "none" },
               [`.${e.input}`]: {
                 py: 0.5,
@@ -579,7 +573,7 @@ const S = `
               }
             },
             // outlined
-            [`&.${u.root}`]: {
+            [`&.${b.root}`]: {
               [`.${e.input}`]: {
                 py: 0.5,
                 borderRadius: 1,
@@ -711,7 +705,7 @@ const S = `
               backgroundColor: "#030712"
             }
           },
-          [`&.${E.loading}`]: {
+          [`&.${k.loading}`]: {
             color: "grey"
           }
         }),
@@ -734,21 +728,21 @@ const S = `
   }
 }), F = {
   fontSize: "5rem",
-  [o.breakpoints.down("xl")]: {
+  [s.breakpoints.down("xl")]: {
     fontSize: "5rem"
   },
-  [o.breakpoints.down("lg")]: {
+  [s.breakpoints.down("lg")]: {
     fontSize: "4rem"
   },
-  [o.breakpoints.down("md")]: {
+  [s.breakpoints.down("md")]: {
     fontSize: "3rem"
   },
-  [o.breakpoints.down("sm")]: {
+  [s.breakpoints.down("sm")]: {
     fontSize: "2rem"
   }
 };
-o.typography.big = { ...F };
-const M = c({
+s.typography.big = { ...F };
+const T = c({
   typography: {
     button: {
       // @ts-ignore
@@ -757,15 +751,15 @@ const M = c({
     }
   }
 });
-M.typography.big = { ...F };
+T.typography.big = { ...F };
 function p(t) {
-  return /* @__PURE__ */ f(z, { ...t, component: w, icon: x });
+  return /* @__PURE__ */ f(A, { ...t, component: x, icon: E });
 }
 export {
   c as create,
-  U as darkThemeRoot,
+  q as darkThemeRoot,
   h as genPaletteColor,
-  S as lightThemeRoot,
-  M as pagesTheme,
-  o as theme
+  M as lightThemeRoot,
+  T as pagesTheme,
+  s as theme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit-inner-components",
-  "version": "0.4.99",
+  "version": "0.4.100",
   "description": "Pages Kit inner components library",
   "publishConfig": {
     "access": "public"
@@ -51,6 +51,10 @@
     "./project-html": {
       "import": "./lib/es/project-html.js",
       "require": "./lib/cjs/project-html.js"
+    },
+    "./add-component": {
+      "import": "./lib/es/add-component.js",
+      "require": "./lib/cjs/add-component.js"
     }
   },
   "files": [
@@ -65,25 +69,25 @@
     "url": "git+https://github.com/blocklet/pages-kit.git"
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.19.15",
+    "@arcblock/did-auth": "^1.19.17",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@arcblock/did-connect": "^2.12.54",
-    "@arcblock/react-hooks": "^2.12.54",
-    "@arcblock/ux": "^2.12.54",
+    "@arcblock/did-connect": "^2.12.58",
+    "@arcblock/react-hooks": "^2.12.58",
+    "@arcblock/ux": "^2.12.58",
     "@blocklet/ai-kit": "^0.1.72",
-    "@blocklet/ai-runtime": "^0.4.254",
-    "@blocklet/code-editor": "^0.4.254",
-    "@blocklet/crawler": "^2.2.12",
+    "@blocklet/ai-runtime": "^0.4.255",
+    "@blocklet/code-editor": "^0.4.255",
+    "@blocklet/crawler": "^2.2.14",
     "@blocklet/embed": "^0.2.3",
     "@blocklet/js-sdk": "^1.16.41",
     "@blocklet/logger": "1.16.36",
-    "@blocklet/quickjs": "^0.4.254",
+    "@blocklet/quickjs": "^0.4.255",
     "@blocklet/sdk": "^1.16.41",
-    "@blocklet/studio-ui": "^0.4.254",
+    "@blocklet/studio-ui": "^0.4.255",
     "@blocklet/tracker": "^1.16.41",
-    "@blocklet/ui-react": "^2.12.54",
+    "@blocklet/ui-react": "^2.12.58",
     "@blocklet/uploader": "^0.1.82",
-    "@blocklet/uploader-server": "^0.1.93",
+    "@blocklet/uploader-server": "^0.1.94",
     "@emotion/cache": "^11.13.1",
     "@emotion/css": "^11.13.0",
     "@emotion/react": "^11.13.0",
@@ -102,9 +106,9 @@
     "@mui/styles": "^5.16.14",
     "@mui/utils": "^5.16.6",
     "@mui/x-date-pickers": "^7.13.0",
-    "@ocap/client": "^1.19.15",
-    "@ocap/mcrypto": "^1.19.15",
-    "@ocap/wallet": "^1.19.15",
+    "@ocap/client": "^1.19.17",
+    "@ocap/mcrypto": "^1.19.17",
+    "@ocap/wallet": "^1.19.17",
     "@reactivedata/reactive": "^0.2.2",
     "@syncedstore/core": "^0.6.0",
     "@syncedstore/react": "^0.6.0",
@@ -159,7 +163,6 @@
     "prettier": "^3.3.3",
     "react": "^18.3.1",
     "react-best-gradient-color-picker": "^3.0.14",
-    "react-color": "^2.19.3",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^18.3.1",
@@ -202,8 +205,8 @@
     "yaml": "^2.5.0",
     "yjs": "^13.6.18",
     "zustand": "^4.5.5",
-    "@blocklet/pages-kit": "^0.4.99",
-    "@blocklet/pages-kit-block-studio": "^0.4.99"
+    "@blocklet/pages-kit": "^0.4.100",
+    "@blocklet/pages-kit-block-studio": "^0.4.100"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",
@@ -223,7 +226,6 @@
     "@types/node": "^22.4.2",
     "@types/node-fetch": "^2.6.11",
     "@types/react": "^18.3.4",
-    "@types/react-color": "^3.0.12",
     "@types/react-dom": "^18.3.0",
     "@types/react-frame-component": "^4.1.6",
     "@types/react-window": "^1.8.8",