@webstudio-is/react-sdk 0.22.0 → 0.24.0

package/src/tree/create-elements-tree.tsx

@@ -1,7 +1,7 @@
 import { type ComponentProps, Fragment } from "react";
-import type { Instance } from "../db";
-import { WrapperComponent } from "./wrapper-component";
 import { Scripts, ScrollRestoration } from "@remix-run/react";
+import type { Instance } from "@webstudio-is/project-build";
+import { WrapperComponent } from "./wrapper-component";
 import { SessionStoragePolyfill } from "./session-storage-polyfill";
 
 export type ChildrenUpdates = Array<

package/src/tree/root.ts

@@ -1,20 +1,16 @@
-import { useAllUserProps } from "../user-props/";
-import type { Tree, InstanceProps } from "../db";
+import type { ComponentProps } from "react";
+import { atom } from "nanostores";
+import type { Tree } from "@webstudio-is/project-build";
+import type { Asset } from "@webstudio-is/asset-uploader";
 import { createElementsTree } from "./create-elements-tree";
 import { WrapperComponent } from "./wrapper-component";
-import type { Asset } from "@webstudio-is/asset-uploader";
-import { type ComponentProps } from "react";
-import type { Breakpoint } from "@webstudio-is/css-data";
 import { registerComponents } from "../components";
 import { customComponents as defaultCustomComponents } from "../app/custom-components";
 import { setParams, type Params } from "../app/params";
-import type { DesignToken } from "@webstudio-is/design-tokens";
+import { getPropsByInstanceId, setPropsByInstanceIdStore } from "../props";
 
 export type Data = {
   tree: Tree | null;
-  breakpoints: Array<Breakpoint>;
-  designTokens: Array<DesignToken>;
-  props: Array<InstanceProps>;
   assets: Array<Asset>;
   params?: Params;
 };
@@ -33,7 +29,9 @@ export const InstanceRoot = ({
   if (data.tree === null) {
     throw new Error("Tree is null");
   }
-  useAllUserProps(data.props);
+
+  setPropsByInstanceIdStore(atom(getPropsByInstanceId(data.tree.props)));
+
   setParams(data.params ?? null);
 
   registerComponents(customComponents);

package/src/tree/wrapper-component.tsx

@@ -1,7 +1,7 @@
 import { Fragment } from "react";
-import type { Instance } from "../db";
+import type { Instance } from "@webstudio-is/project-build";
 import { getComponent } from "../components";
-import { useUserProps } from "../user-props/use-user-props";
+import { useInstanceProps } from "../props";
 import type { OnChangeChildren } from "./create-elements-tree";
 
 const renderText = (text: string): Array<JSX.Element> => {
@@ -39,14 +39,17 @@ export const WrapperComponent = ({
   children,
   ...rest
 }: WrapperComponentProps) => {
-  const Component = getComponent(instance.component);
-  const userProps = useUserProps(instance.id);
+  const instanceProps = useInstanceProps(instance.id);
   const props = {
-    ...userProps,
+    ...instanceProps,
     ...rest,
     [idAttribute]: instance.id,
     [componentAttribute]: instance.component,
   };
+  const Component = getComponent(instance.component);
+  if (Component === undefined) {
+    return <></>;
+  }
   return (
     <Component {...props}>{renderWrapperComponentChildren(children)}</Component>
   );

package/lib/cjs/db/index.cjs

@@ -1,20 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var db_exports = {};
-module.exports = __toCommonJS(db_exports);
-__reExport(db_exports, require("./types"), module.exports);
-__reExport(db_exports, require("./instance"), module.exports);
-__reExport(db_exports, require("./style"), module.exports);

package/lib/cjs/db/instance.cjs

@@ -1,59 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var instance_exports = {};
-__export(instance_exports, {
-  Id: () => Id,
-  Instance: () => Instance,
-  Instances: () => Instances,
-  InstancesItem: () => InstancesItem,
-  Text: () => Text,
-  toBaseInstance: () => toBaseInstance
-});
-module.exports = __toCommonJS(instance_exports);
-var import_zod = require("zod");
-var import_components = require("../components");
-const toBaseInstance = (instance) => {
-  return {
-    id: instance.id,
-    component: instance.component
-  };
-};
-const Text = import_zod.z.object({
-  type: import_zod.z.literal("text"),
-  value: import_zod.z.string()
-});
-const Id = import_zod.z.object({
-  type: import_zod.z.literal("id"),
-  value: import_zod.z.string()
-});
-const InstancesItem = import_zod.z.object({
-  type: import_zod.z.literal("instance"),
-  id: import_zod.z.string(),
-  component: import_zod.z.enum((0, import_components.getComponentNames)()),
-  children: import_zod.z.array(import_zod.z.union([Id, Text]))
-});
-const Instances = import_zod.z.array(InstancesItem);
-const Instance = import_zod.z.lazy(
-  () => import_zod.z.object({
-    type: import_zod.z.literal("instance"),
-    id: import_zod.z.string(),
-    component: import_zod.z.enum((0, import_components.getComponentNames)()),
-    children: import_zod.z.array(import_zod.z.union([Instance, Text]))
-  })
-);

package/lib/cjs/db/style.cjs

@@ -1,67 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var style_exports = {};
-__export(style_exports, {
-  PresetStyles: () => PresetStyles,
-  PresetStylesItem: () => PresetStylesItem,
-  Styles: () => Styles,
-  StylesItem: () => StylesItem,
-  findMissingPresetStyles: () => findMissingPresetStyles
-});
-module.exports = __toCommonJS(style_exports);
-var import_zod = require("zod");
-var import_css_data = require("@webstudio-is/css-data");
-var import_components = require("../components");
-const PresetStylesItem = import_zod.z.object({
-  component: import_zod.z.enum((0, import_components.getComponentNames)()),
-  property: import_zod.z.string(),
-  value: import_css_data.SharedStyleValue
-});
-const PresetStyles = import_zod.z.array(PresetStylesItem);
-const findMissingPresetStyles = (presetStyles, components) => {
-  const populatedComponents = /* @__PURE__ */ new Set();
-  for (const style of presetStyles) {
-    populatedComponents.add(style.component);
-  }
-  const missingPresetStyles = [];
-  for (const component of components) {
-    if (populatedComponents.has(component)) {
-      continue;
-    }
-    const meta = (0, import_components.getComponentMeta)(component);
-    if (meta.presetStyle === void 0) {
-      continue;
-    }
-    for (const [property, value] of Object.entries(meta.presetStyle)) {
-      missingPresetStyles.push({
-        component,
-        property,
-        value
-      });
-    }
-  }
-  return missingPresetStyles;
-};
-const StylesItem = import_zod.z.object({
-  breakpointId: import_zod.z.string(),
-  instanceId: import_zod.z.string(),
-  property: import_zod.z.string(),
-  value: import_css_data.SharedStyleValue
-});
-const Styles = import_zod.z.array(StylesItem);

package/lib/cjs/db/types.cjs

@@ -1,16 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);

package/lib/cjs/user-props/all-user-props.cjs

@@ -1,40 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var all_user_props_exports = {};
-__export(all_user_props_exports, {
-  allUserPropsContainer: () => allUserPropsContainer,
-  useAllUserProps: () => useAllUserProps
-});
-module.exports = __toCommonJS(all_user_props_exports);
-var import_react = require("react");
-var import_nanostores = require("nanostores");
-var import_react2 = require("@nanostores/react");
-const allUserPropsContainer = (0, import_nanostores.atom)({});
-const useAllUserProps = (initialUserProps) => {
-  const ref = (0, import_react.useRef)(false);
-  if (ref.current === false && initialUserProps !== void 0) {
-    const propsMap = {};
-    for (const item of initialUserProps) {
-      propsMap[item.instanceId] = item.props;
-    }
-    allUserPropsContainer.set(propsMap);
-    ref.current = true;
-  }
-  return (0, import_react2.useStore)(allUserPropsContainer);
-};

package/lib/cjs/user-props/index.cjs

@@ -1,20 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var user_props_exports = {};
-module.exports = __toCommonJS(user_props_exports);
-__reExport(user_props_exports, require("./all-user-props"), module.exports);
-__reExport(user_props_exports, require("./use-user-props"), module.exports);
-__reExport(user_props_exports, require("./schema"), module.exports);

package/lib/cjs/user-props/schema.cjs

@@ -1,54 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var schema_exports = {};
-__export(schema_exports, {
-  UserProp: () => UserProp,
-  UserProps: () => UserProps
-});
-module.exports = __toCommonJS(schema_exports);
-var import_zod = require("zod");
-var import_asset_uploader = require("@webstudio-is/asset-uploader");
-const baseUserProps = {
-  id: import_zod.z.string(),
-  prop: import_zod.z.string(),
-  required: import_zod.z.optional(import_zod.z.boolean())
-};
-const UserProp = import_zod.z.discriminatedUnion("type", [
-  import_zod.z.object({
-    ...baseUserProps,
-    type: import_zod.z.literal("number"),
-    value: import_zod.z.number()
-  }),
-  import_zod.z.object({
-    ...baseUserProps,
-    type: import_zod.z.literal("string"),
-    value: import_zod.z.string()
-  }),
-  import_zod.z.object({
-    ...baseUserProps,
-    type: import_zod.z.literal("boolean"),
-    value: import_zod.z.boolean()
-  }),
-  import_zod.z.object({
-    ...baseUserProps,
-    type: import_zod.z.literal("asset"),
-    value: import_asset_uploader.Asset
-  })
-]);
-const UserProps = import_zod.z.array(UserProp);

package/lib/cjs/user-props/use-user-props-asset.cjs

@@ -1,43 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var use_user_props_asset_exports = {};
-__export(use_user_props_asset_exports, {
-  useUserPropsAsset: () => useUserPropsAsset
-});
-module.exports = __toCommonJS(use_user_props_asset_exports);
-var import_react = require("react");
-var import_all_user_props = require("./all-user-props");
-const useUserPropsAsset = (instanceId, propName) => {
-  const allUserProps = (0, import_all_user_props.useAllUserProps)();
-  const propsData = allUserProps[instanceId];
-  const asset = (0, import_react.useMemo)(() => {
-    if (propsData == null) {
-      return void 0;
-    }
-    const prop = propsData.find((prop2) => prop2.prop === propName);
-    if (prop == null) {
-      return void 0;
-    }
-    if (prop.type === "asset") {
-      return prop.value;
-    }
-    return void 0;
-  }, [propName, propsData]);
-  return asset;
-};

package/lib/cjs/user-props/use-user-props.cjs

@@ -1,42 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var use_user_props_exports = {};
-__export(use_user_props_exports, {
-  useUserProps: () => useUserProps
-});
-module.exports = __toCommonJS(use_user_props_exports);
-var import_react = require("react");
-var import_all_user_props = require("./all-user-props");
-const useUserProps = (instanceId) => {
-  const allUserProps = (0, import_all_user_props.useAllUserProps)();
-  const propsData = allUserProps[instanceId];
-  const props = (0, import_react.useMemo)(() => {
-    if (propsData == null) {
-      return {};
-    }
-    const result = {};
-    for (const userProp of propsData) {
-      if (userProp.type !== "asset") {
-        result[userProp.prop] = userProp.value;
-      }
-    }
-    return result;
-  }, [propsData]);
-  return props;
-};

package/lib/db/index.js

@@ -1,3 +0,0 @@
-export * from "./types";
-export * from "./instance";
-export * from "./style";

package/lib/db/instance.js

@@ -1,39 +0,0 @@
-import { z } from "zod";
-import { getComponentNames } from "../components";
-const toBaseInstance = (instance) => {
-  return {
-    id: instance.id,
-    component: instance.component
-  };
-};
-const Text = z.object({
-  type: z.literal("text"),
-  value: z.string()
-});
-const Id = z.object({
-  type: z.literal("id"),
-  value: z.string()
-});
-const InstancesItem = z.object({
-  type: z.literal("instance"),
-  id: z.string(),
-  component: z.enum(getComponentNames()),
-  children: z.array(z.union([Id, Text]))
-});
-const Instances = z.array(InstancesItem);
-const Instance = z.lazy(
-  () => z.object({
-    type: z.literal("instance"),
-    id: z.string(),
-    component: z.enum(getComponentNames()),
-    children: z.array(z.union([Instance, Text]))
-  })
-);
-export {
-  Id,
-  Instance,
-  Instances,
-  InstancesItem,
-  Text,
-  toBaseInstance
-};

package/lib/db/style.js

@@ -1,50 +0,0 @@
-import { z } from "zod";
-import { SharedStyleValue } from "@webstudio-is/css-data";
-import {
-  getComponentMeta,
-  getComponentNames
-} from "../components";
-const PresetStylesItem = z.object({
-  component: z.enum(getComponentNames()),
-  property: z.string(),
-  value: SharedStyleValue
-});
-const PresetStyles = z.array(PresetStylesItem);
-const findMissingPresetStyles = (presetStyles, components) => {
-  const populatedComponents = /* @__PURE__ */ new Set();
-  for (const style of presetStyles) {
-    populatedComponents.add(style.component);
-  }
-  const missingPresetStyles = [];
-  for (const component of components) {
-    if (populatedComponents.has(component)) {
-      continue;
-    }
-    const meta = getComponentMeta(component);
-    if (meta.presetStyle === void 0) {
-      continue;
-    }
-    for (const [property, value] of Object.entries(meta.presetStyle)) {
-      missingPresetStyles.push({
-        component,
-        property,
-        value
-      });
-    }
-  }
-  return missingPresetStyles;
-};
-const StylesItem = z.object({
-  breakpointId: z.string(),
-  instanceId: z.string(),
-  property: z.string(),
-  value: SharedStyleValue
-});
-const Styles = z.array(StylesItem);
-export {
-  PresetStyles,
-  PresetStylesItem,
-  Styles,
-  StylesItem,
-  findMissingPresetStyles
-};

package/lib/user-props/all-user-props.js

@@ -1,20 +0,0 @@
-import { useRef } from "react";
-import { atom } from "nanostores";
-import { useStore } from "@nanostores/react";
-const allUserPropsContainer = atom({});
-const useAllUserProps = (initialUserProps) => {
-  const ref = useRef(false);
-  if (ref.current === false && initialUserProps !== void 0) {
-    const propsMap = {};
-    for (const item of initialUserProps) {
-      propsMap[item.instanceId] = item.props;
-    }
-    allUserPropsContainer.set(propsMap);
-    ref.current = true;
-  }
-  return useStore(allUserPropsContainer);
-};
-export {
-  allUserPropsContainer,
-  useAllUserProps
-};

package/lib/user-props/index.js

@@ -1,3 +0,0 @@
-export * from "./all-user-props";
-export * from "./use-user-props";
-export * from "./schema";

package/lib/user-props/schema.js

@@ -1,34 +0,0 @@
-import { z } from "zod";
-import { Asset } from "@webstudio-is/asset-uploader";
-const baseUserProps = {
-  id: z.string(),
-  prop: z.string(),
-  required: z.optional(z.boolean())
-};
-const UserProp = z.discriminatedUnion("type", [
-  z.object({
-    ...baseUserProps,
-    type: z.literal("number"),
-    value: z.number()
-  }),
-  z.object({
-    ...baseUserProps,
-    type: z.literal("string"),
-    value: z.string()
-  }),
-  z.object({
-    ...baseUserProps,
-    type: z.literal("boolean"),
-    value: z.boolean()
-  }),
-  z.object({
-    ...baseUserProps,
-    type: z.literal("asset"),
-    value: Asset
-  })
-]);
-const UserProps = z.array(UserProp);
-export {
-  UserProp,
-  UserProps
-};

package/lib/user-props/use-user-props-asset.js

@@ -1,23 +0,0 @@
-import { useMemo } from "react";
-import { useAllUserProps } from "./all-user-props";
-const useUserPropsAsset = (instanceId, propName) => {
-  const allUserProps = useAllUserProps();
-  const propsData = allUserProps[instanceId];
-  const asset = useMemo(() => {
-    if (propsData == null) {
-      return void 0;
-    }
-    const prop = propsData.find((prop2) => prop2.prop === propName);
-    if (prop == null) {
-      return void 0;
-    }
-    if (prop.type === "asset") {
-      return prop.value;
-    }
-    return void 0;
-  }, [propName, propsData]);
-  return asset;
-};
-export {
-  useUserPropsAsset
-};

package/lib/user-props/use-user-props.js

@@ -1,22 +0,0 @@
-import { useMemo } from "react";
-import { useAllUserProps } from "./all-user-props";
-const useUserProps = (instanceId) => {
-  const allUserProps = useAllUserProps();
-  const propsData = allUserProps[instanceId];
-  const props = useMemo(() => {
-    if (propsData == null) {
-      return {};
-    }
-    const result = {};
-    for (const userProp of propsData) {
-      if (userProp.type !== "asset") {
-        result[userProp.prop] = userProp.value;
-      }
-    }
-    return result;
-  }, [propsData]);
-  return props;
-};
-export {
-  useUserProps
-};

package/src/db/index.ts

@@ -1,3 +0,0 @@
-export * from "./types";
-export * from "./instance";
-export * from "./style";