@webstudio-is/react-sdk 0.7.2 → 0.8.0

package/lib/components/meta.js

@@ -1,39 +1,34 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentsMeta = void 0;
-const body_props_json_1 = __importDefault(require("./body.props.json"));
-const button_props_json_1 = __importDefault(require("./button.props.json"));
-const bold_props_json_1 = __importDefault(require("./bold.props.json"));
-const box_props_json_1 = __importDefault(require("./box.props.json"));
-const form_props_json_1 = __importDefault(require("./form.props.json"));
-const heading_props_json_1 = __importDefault(require("./heading.props.json"));
-const input_props_json_1 = __importDefault(require("./input.props.json"));
-const italic_props_json_1 = __importDefault(require("./italic.props.json"));
-const superscript_props_json_1 = __importDefault(require("./superscript.props.json"));
-const subscript_props_json_1 = __importDefault(require("./subscript.props.json"));
-const link_props_json_1 = __importDefault(require("./link.props.json"));
-const paragraph_props_json_1 = __importDefault(require("./paragraph.props.json"));
-const span_props_json_1 = __importDefault(require("./span.props.json"));
-const text_block_props_json_1 = __importDefault(require("./text-block.props.json"));
-const image_props_json_1 = __importDefault(require("./image.props.json"));
+import Body from "./body.props.json";
+import Button from "./button.props.json";
+import Bold from "./bold.props.json";
+import Box from "./box.props.json";
+import Form from "./form.props.json";
+import Heading from "./heading.props.json";
+import Input from "./input.props.json";
+import Italic from "./italic.props.json";
+import Superscript from "./superscript.props.json";
+import Subscript from "./subscript.props.json";
+import Link from "./link.props.json";
+import Paragraph from "./paragraph.props.json";
+import Span from "./span.props.json";
+import TextBlock from "./text-block.props.json";
+import Image from "./image.props.json";
 const meta = {
-    Body: body_props_json_1.default,
-    Button: button_props_json_1.default,
-    Bold: bold_props_json_1.default,
-    Box: box_props_json_1.default,
-    Form: form_props_json_1.default,
-    Heading: heading_props_json_1.default,
-    Input: input_props_json_1.default,
-    Italic: italic_props_json_1.default,
-    Superscript: superscript_props_json_1.default,
-    Subscript: subscript_props_json_1.default,
-    Link: link_props_json_1.default,
-    Paragraph: paragraph_props_json_1.default,
-    Span: span_props_json_1.default,
-    TextBlock: text_block_props_json_1.default,
-    Image: image_props_json_1.default,
+    Body,
+    Button,
+    Bold,
+    Box,
+    Form,
+    Heading,
+    Input,
+    Italic,
+    Superscript,
+    Subscript,
+    Link,
+    Paragraph,
+    Span,
+    TextBlock,
+    Image,
 };
-exports.componentsMeta = meta;
+// Probably better instead of JSON to generate ts with `as const`
+export const componentsMeta = meta;

package/lib/components/paragraph.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Paragraph = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 const defaultTag = "p";
-exports.Paragraph = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)("p", { ...props, ref: ref }));
-exports.Paragraph.displayName = "Paragraph";
+export const Paragraph = forwardRef((props, ref) => _jsx("p", { ...props, ref: ref }));
+Paragraph.displayName = "Paragraph";

package/lib/components/paragraph.stories.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Paragraph = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const paragraph_1 = require("./paragraph");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Paragraph as ParagraphPrimitive } from "./paragraph";
+export default {
     title: "Components/Paragraph",
-    component: paragraph_1.Paragraph,
+    component: ParagraphPrimitive,
 };
-const Template = (args) => ((0, jsx_runtime_1.jsx)(paragraph_1.Paragraph, { ...args }));
-exports.Paragraph = Template.bind({});
-exports.Paragraph.args = {
+const Template = (args) => (_jsx(ParagraphPrimitive, { ...args }));
+export const Paragraph = Template.bind({});
+Paragraph.args = {
     children: "paragraph",
 };

package/lib/components/paragraph.ws.js

@@ -1,10 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const icons_1 = require("@webstudio-is/icons");
-const paragraph_1 = require("./paragraph");
+import { TextAlignLeftIcon } from "@webstudio-is/icons";
+import { Paragraph } from "./paragraph";
 const meta = {
-    Icon: icons_1.TextAlignLeftIcon,
-    Component: paragraph_1.Paragraph,
+    Icon: TextAlignLeftIcon,
+    Component: Paragraph,
     canAcceptChildren: false,
     isContentEditable: true,
     isInlineOnly: false,
@@ -12,4 +10,4 @@ const meta = {
     label: "Paragraph",
     children: ["Pragraph you can edit"],
 };
-exports.default = meta;
+export default meta;

package/lib/components/span.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Span = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 const defaultTag = "span";
-exports.Span = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)("span", { ...props, ref: ref }));
-exports.Span.displayName = "Span";
+export const Span = forwardRef((props, ref) => _jsx("span", { ...props, ref: ref }));
+Span.displayName = "Span";

package/lib/components/span.stories.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Span = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const span_1 = require("./span");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Span as SpanPrimitive } from "./span";
+export default {
     title: "Components/Span",
-    component: span_1.Span,
+    component: SpanPrimitive,
 };
-const Template = (args) => ((0, jsx_runtime_1.jsx)(span_1.Span, { ...args }));
-exports.Span = Template.bind({});
-exports.Span.args = {
+const Template = (args) => (_jsx(SpanPrimitive, { ...args }));
+export const Span = Template.bind({});
+Span.args = {
     children: "some span text",
 };

package/lib/components/span.ws.js

@@ -1,14 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const icons_1 = require("@webstudio-is/icons");
-const span_1 = require("./span");
+import { BrushIcon } from "@webstudio-is/icons";
+import { Span } from "./span";
 const meta = {
-    Icon: icons_1.BrushIcon,
-    Component: span_1.Span,
+    Icon: BrushIcon,
+    Component: Span,
     canAcceptChildren: false,
     isContentEditable: false,
     label: "Styled Text",
     isInlineOnly: true,
     isListed: false,
 };
-exports.default = meta;
+export default meta;

package/lib/components/subscript.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Subscript = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 const defaultTag = "sub";
-exports.Subscript = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)("sub", { ...props, ref: ref }));
-exports.Subscript.displayName = "Subscript";
+export const Subscript = forwardRef((props, ref) => _jsx("sub", { ...props, ref: ref }));
+Subscript.displayName = "Subscript";

package/lib/components/subscript.stories.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Bold = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const bold_1 = require("./bold");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Bold as BoldPrimitive } from "./bold";
+export default {
     title: "Components/Bold",
-    component: bold_1.Bold,
+    component: BoldPrimitive,
 };
-const Template = (args) => ((0, jsx_runtime_1.jsx)(bold_1.Bold, { ...args }));
-exports.Bold = Template.bind({});
-exports.Bold.args = {
+const Template = (args) => (_jsx(BoldPrimitive, { ...args }));
+export const Bold = Template.bind({});
+Bold.args = {
     children: "some bold text",
 };

package/lib/components/subscript.ws.js

@@ -1,14 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const icons_1 = require("@webstudio-is/icons");
-const subscript_1 = require("./subscript");
+import { SubscriptIcon } from "@webstudio-is/icons";
+import { Subscript } from "./subscript";
 const meta = {
-    Icon: icons_1.SubscriptIcon,
-    Component: subscript_1.Subscript,
+    Icon: SubscriptIcon,
+    Component: Subscript,
     canAcceptChildren: false,
     isContentEditable: false,
     label: "Subscript Text",
     isInlineOnly: true,
     isListed: false,
 };
-exports.default = meta;
+export default meta;

package/lib/components/superscript.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Superscript = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 const defaultTag = "sup";
-exports.Superscript = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)("sup", { ...props, ref: ref }));
-exports.Superscript.displayName = "Bold";
+export const Superscript = forwardRef((props, ref) => _jsx("sup", { ...props, ref: ref }));
+Superscript.displayName = "Bold";

package/lib/components/superscript.stories.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Superscript = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const superscript_1 = require("./superscript");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Superscript as SuperscriptPrimitive } from "./superscript";
+export default {
     title: "Components/Superscript",
-    component: superscript_1.Superscript,
+    component: SuperscriptPrimitive,
 };
-const Template = (args) => ((0, jsx_runtime_1.jsx)(superscript_1.Superscript, { ...args }));
-exports.Superscript = Template.bind({});
-exports.Superscript.args = {
+const Template = (args) => (_jsx(SuperscriptPrimitive, { ...args }));
+export const Superscript = Template.bind({});
+Superscript.args = {
     children: "some superscript text",
 };

package/lib/components/superscript.ws.js

@@ -1,14 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const icons_1 = require("@webstudio-is/icons");
-const superscript_1 = require("./superscript");
+import { SuperscriptIcon } from "@webstudio-is/icons";
+import { Superscript } from "./superscript";
 const meta = {
-    Icon: icons_1.SuperscriptIcon,
-    Component: superscript_1.Superscript,
+    Icon: SuperscriptIcon,
+    Component: Superscript,
     canAcceptChildren: false,
     isContentEditable: false,
     label: "Superscript Text",
     isInlineOnly: true,
     isListed: false,
 };
-exports.default = meta;
+export default meta;

package/lib/components/text-block.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextBlock = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 const defaultTag = "div";
-exports.TextBlock = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)("div", { ...props, ref: ref }));
-exports.TextBlock.displayName = "TextBlock";
+export const TextBlock = forwardRef((props, ref) => _jsx("div", { ...props, ref: ref }));
+TextBlock.displayName = "TextBlock";

package/lib/components/text-block.stories.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextBlock = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const text_block_1 = require("./text-block");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TextBlock as TextBlockPrimitive } from "./text-block";
+export default {
     title: "Components/TextBlock",
-    component: text_block_1.TextBlock,
+    component: TextBlockPrimitive,
 };
-const Template = (args) => ((0, jsx_runtime_1.jsx)(text_block_1.TextBlock, { ...args }));
-exports.TextBlock = Template.bind({});
-exports.TextBlock.args = {
+const Template = (args) => (_jsx(TextBlockPrimitive, { ...args }));
+export const TextBlock = Template.bind({});
+TextBlock.args = {
     children: "text",
 };

package/lib/components/text-block.ws.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const icons_1 = require("@webstudio-is/icons");
-const text_block_1 = require("./text-block");
+import { TextIcon } from "@webstudio-is/icons";
+import { TextBlock } from "./text-block";
 const defaultStyle = {
     minHeight: {
         type: "unit",
@@ -10,8 +8,8 @@ const defaultStyle = {
     },
 };
 const meta = {
-    Icon: icons_1.TextIcon,
-    Component: text_block_1.TextBlock,
+    Icon: TextIcon,
+    Component: TextBlock,
     defaultStyle,
     canAcceptChildren: false,
     isContentEditable: true,
@@ -20,4 +18,4 @@ const meta = {
     label: "Text Block",
     children: ["Block of text you can edit"],
 };
-exports.default = meta;
+export default meta;

package/lib/css/breakpoints.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initialBreakpoints = void 0;
-exports.initialBreakpoints = [
+export const initialBreakpoints = [
     { label: "Mobile", minWidth: 360 },
     { label: "Tablet", minWidth: 768 },
     { label: "Laptop", minWidth: 1024 },

package/lib/css/categories.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.propertyCategoryMap = exports.categories = void 0;
 const layout = [
     "display",
     // Flex
@@ -182,7 +179,7 @@ const other = [
     "userSelect",
     "pointerEvents",
 ];
-exports.categories = {
+export const categories = {
     layout: {
         label: "Layout",
         properties: layout,
@@ -219,11 +216,11 @@ exports.categories = {
     },
     other: { label: "Other", properties: other, moreFrom: "" },
 };
-exports.propertyCategoryMap = {};
+export const propertyCategoryMap = {};
 let category;
-for (category in exports.categories) {
-    for (const property of exports.categories[category].properties) {
+for (category in categories) {
+    for (const property of categories[category].properties) {
         // We are widening the type here
-        exports.propertyCategoryMap[property] = category;
+        propertyCategoryMap[property] = category;
     }
 }

package/lib/css/get-browser-style.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBrowserStyle = void 0;
-const detect_font_1 = require("detect-font");
-const css_data_1 = require("@webstudio-is/css-data");
-const unitRegex = new RegExp(`${css_data_1.units.join("|")}`);
+import { detectFont } from "detect-font";
+import { properties, units } from "@webstudio-is/css-data";
+const unitRegex = new RegExp(`${units.join("|")}`);
 // @todo use a parser
 const parseValue = (property, value) => {
     const number = parseFloat(value);
@@ -17,7 +14,7 @@ const parseValue = (property, value) => {
         };
     }
     if (number === 0) {
-        return css_data_1.properties[property].initial;
+        return properties[property].initial;
     }
     return {
         type: "unit",
@@ -25,13 +22,13 @@ const parseValue = (property, value) => {
         value: number,
     };
 };
-const getBrowserStyle = (element) => {
+export const getBrowserStyle = (element) => {
     const browserStyle = {};
     if (element === undefined)
         return browserStyle;
     let knownProperty;
     const computedStyle = getComputedStyle(element);
-    for (knownProperty in css_data_1.properties) {
+    for (knownProperty in properties) {
         if (knownProperty in computedStyle === false)
             continue;
         // Typescript doesn't know we can access CSSStyleDeclaration properties by keys
@@ -41,8 +38,7 @@ const getBrowserStyle = (element) => {
     // We need a single font-family that is actually rendered. Computed style will return a list of potential fonts.
     browserStyle.fontFamily = {
         type: "fontFamily",
-        value: [(0, detect_font_1.detectFont)(element)],
+        value: [detectFont(element)],
     };
     return browserStyle;
 };
-exports.getBrowserStyle = getBrowserStyle;

package/lib/css/index.js

@@ -1,19 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./get-browser-style"), exports);
-__exportStar(require("./categories"), exports);
-__exportStar(require("./breakpoints"), exports);
+export * from "./get-browser-style";
+export * from "./categories";
+export * from "./breakpoints";

package/lib/db/index.js

@@ -1,18 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./types"), exports);
-__exportStar(require("./instance"), exports);
+export * from "./types";
+export * from "./instance";

package/lib/db/instance.js

@@ -1,21 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Instance = exports.toBaseInstance = void 0;
-const css_data_1 = require("@webstudio-is/css-data");
-const zod_1 = require("zod");
-const toBaseInstance = (instance) => {
+import { CssRule } from "@webstudio-is/css-data";
+import { z } from "zod";
+export const toBaseInstance = (instance) => {
     return {
         id: instance.id,
         component: instance.component,
         cssRules: instance.cssRules,
     };
 };
-exports.toBaseInstance = toBaseInstance;
-exports.Instance = zod_1.z.lazy(() => zod_1.z.object({
-    id: zod_1.z.string(),
-    component: zod_1.z.string(),
-    children: zod_1.z.array(zod_1.z.union([exports.Instance, zod_1.z.string()])),
-    cssRules: zod_1.z.array(css_data_1.CssRule),
+export const Instance = z.lazy(() => z.object({
+    id: z.string(),
+    component: z.string(),
+    children: z.array(z.union([Instance, z.string()])),
+    cssRules: z.array(CssRule),
 })
 // @todo can't figure out how to make component to be z.enum(Object.keys(components))
 );

package/lib/db/types.d.ts

@@ -5,6 +5,12 @@ export declare type Tree = {
     id: string;
     root: Instance;
 };
+export declare type Props = {
+    props: string;
+    id: string;
+    instanceId: string;
+    treeId: string;
+};
 export declare type InstanceProps = Omit<DbInstanceProps, "props"> & {
     props: Array<UserProp>;
 };

package/lib/db/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/db/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACpF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,oBAAY,IAAI,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,oBAAY,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG;IAC3D,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;CACxB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/db/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACpF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,oBAAY,IAAI,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,oBAAY,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG;IAC3D,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;CACxB,CAAC"}

package/lib/db/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/lib/index.js

@@ -1,37 +1,8 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.components = void 0;
-__exportStar(require("./css"), exports);
-__exportStar(require("./tree"), exports);
-exports.components = __importStar(require("./components"));
-__exportStar(require("./components/meta"), exports);
-__exportStar(require("./user-props"), exports);
-__exportStar(require("./pubsub"), exports);
-__exportStar(require("./db"), exports);
-__exportStar(require("./remix"), exports);
+export * from "./css";
+export * from "./tree";
+export * as components from "./components";
+export * from "./components/meta";
+export * from "./user-props";
+export * from "./pubsub";
+export * from "./db";
+export * from "./remix";