@funhub/platform 0.2.31 → 0.2.32

package/dist/components/biz/example/button/client.mjs

@@ -1,44 +1,2 @@
 
-'use client';
-
-import { cn } from "../../../../utils/cn.mjs";
-import { useRequest } from "../../../../hooks/query/use-query.mjs";
-import { buttonVariants } from "./variants.mjs";
-import { jsx } from "react/jsx-runtime";
-
-//#region components/biz/example/button/client.tsx
-function ButtonClient(props) {
-	const { text, disabled, loading, variant = "default", mode = "renderer" } = props;
-	console.log({
-		clientMode: mode,
-		text
-	});
-	function handleClick() {
-		/**
-		* 如果mode为editor则不响应事件
-		*/
-		if (mode === "editor") return;
-		console.log("invoke");
-	}
-	/**
-	* 如果是使用了useRequest，可以使用enabled参数控制是否发起请求，只有mode为renderer的时候请求，
-	* 如果是使用了useEffect发起请求的情况 ，请自行在useEffect中进行判断，注意将mode加入到useEffect的deps中
-	*/
-	useRequest(["demo"], () => {
-		return new Promise((resolve) => {
-			setTimeout(() => {
-				resolve({ message: "Hello World" });
-			}, 200);
-		});
-	}, { enabled: mode === "renderer" });
-	if (mode === "editor") return /* @__PURE__ */ jsx("div", { children: "editor preview button" });
-	return /* @__PURE__ */ jsx("button", {
-		className: cn(buttonVariants({ variant })),
-		onClick: handleClick,
-		disabled: disabled || loading,
-		children: text
-	});
-}
-
-//#endregion
-export { ButtonClient };
+"use client";import{cn as e}from"../../../../utils/cn.mjs";import{useRequest as t}from"../../../../hooks/query/use-query.mjs";import{buttonVariants as n}from"./variants.mjs";import{jsx as r}from"react/jsx-runtime";function i(i){let{text:a,disabled:o,loading:s,variant:c=`default`,mode:l=`renderer`}=i;console.log({clientMode:l,text:a});function u(){l!==`editor`&&console.log(`invoke`)}return t([`demo`],()=>new Promise(e=>{setTimeout(()=>{e({message:`Hello World`})},200)}),{enabled:l===`renderer`}),l===`editor`?r(`div`,{children:`editor preview button`}):r(`button`,{className:e(n({variant:c})),onClick:u,disabled:o||s,children:a})}export{i as ButtonClient};

package/dist/components/biz/example/button/material.mjs

@@ -1,19 +1,2 @@
 
-import { defineMaterial } from "../../../../utils/schema/material.mjs";
-import { ButtonClient } from "./client.mjs";
-import { buttonInspectorPropsSchema } from "./schema.mjs";
-import { Button } from "./server.mjs";
-
-//#region components/biz/example/button/material.ts
-const exampleButtonMaterial = defineMaterial({
-	type: "example-button",
-	name: "按钮",
-	icon: "/icon/button.png",
-	category: "行为组件",
-	serverComponent: Button,
-	clientComponent: ButtonClient,
-	propsSchema: buttonInspectorPropsSchema
-});
-
-//#endregion
-export { exampleButtonMaterial };
+import{defineMaterial as e}from"../../../../utils/schema/material.mjs";import{ButtonClient as t}from"./client.mjs";import{buttonInspectorPropsSchema as n}from"./schema.mjs";import{Button as r}from"./server.mjs";const i=e({type:`example-button`,name:`按钮`,icon:`/icon/button.png`,category:`行为组件`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as exampleButtonMaterial};

package/dist/components/biz/example/button/schema.mjs

@@ -1,45 +1,2 @@
 
-import { defineComponentPropsSchema, getSchemaDefaultProps } from "../../../../utils/schema/schema.mjs";
-import { buttonVariantOptions } from "./variants.mjs";
-
-//#region components/biz/example/button/schema.ts
-/**
-* 定义可以被低代码右侧inspector编辑的props
-*/
-const buttonInspectorPropsSchema = defineComponentPropsSchema((t) => ({
-	text: t.string("example button", {
-		label: "文本",
-		required: false
-	}),
-	variant: t.enum(buttonVariantOptions, "red", { label: "变体" }),
-	disabled: t.boolean(false, {
-		fieldType: "checkbox",
-		label: "禁用",
-		required: false
-	}),
-	loading: t.boolean({
-		fieldType: "switch",
-		label: "加载",
-		required: false
-	}),
-	items: t.array(t.object({ name: t.string({
-		label: "名称",
-		required: false
-	}) }), {
-		required: false,
-		label: "items",
-		defaultValue: [{ name: "string" }]
-	}),
-	info: t.object({ address: t.string({
-		label: "地址",
-		required: false
-	}) }, {
-		label: "info",
-		required: true,
-		defaultValue: { address: "SHENZHEN" }
-	})
-}));
-const buttonInspectorDefaultProps = getSchemaDefaultProps(buttonInspectorPropsSchema);
-
-//#endregion
-export { buttonInspectorDefaultProps, buttonInspectorPropsSchema };
+import{defineComponentPropsSchema as e,getSchemaDefaultProps as t}from"../../../../utils/schema/schema.mjs";import{buttonVariantOptions as n}from"./variants.mjs";const r=e(e=>({text:e.string(`example button`,{label:`文本`,required:!1}),variant:e.enum(n,`red`,{label:`变体`}),disabled:e.boolean(!1,{fieldType:`checkbox`,label:`禁用`,required:!1}),loading:e.boolean({fieldType:`switch`,label:`加载`,required:!1}),items:e.array(e.object({name:e.string({label:`名称`,required:!1})}),{required:!1,label:`items`,defaultValue:[{name:`string`}]}),info:e.object({address:e.string({label:`地址`,required:!1})},{label:`info`,required:!0,defaultValue:{address:`SHENZHEN`}})})),i=t(r);export{i as buttonInspectorDefaultProps,r as buttonInspectorPropsSchema};

package/dist/components/biz/example/button/server.mjs

@@ -1,33 +1,2 @@
 
-import { HydrationBoundary } from "../../../../hooks/query/hydration-boundary.mjs";
-import { ButtonClient } from "./client.mjs";
-import { jsx } from "react/jsx-runtime";
-
-//#region components/biz/example/button/server.tsx
-function Button({ mode = "renderer", ...props }) {
-	console.log({ serverMode: mode });
-	/**
-	* 组件使用的数据收敛到组件内部请求，做prefetch
-	* @param props
-	* @returns
-	*/
-	return /* @__PURE__ */ jsx(HydrationBoundary, {
-		prefetch: [{
-			queryKey: ["demo"],
-			queryFn() {
-				return new Promise((resolve) => {
-					setTimeout(() => {
-						resolve({ message: "Hello World" });
-					}, 200);
-				});
-			}
-		}],
-		children: /* @__PURE__ */ jsx(ButtonClient, {
-			...props,
-			mode
-		})
-	});
-}
-
-//#endregion
-export { Button };
+import{HydrationBoundary as e}from"../../../../hooks/query/hydration-boundary.mjs";import{ButtonClient as t}from"./client.mjs";import{jsx as n}from"react/jsx-runtime";function r({mode:r=`renderer`,...i}){return console.log({serverMode:r}),n(e,{prefetch:[{queryKey:[`demo`],queryFn(){return new Promise(e=>{setTimeout(()=>{e({message:`Hello World`})},200)})}}],children:n(t,{...i,mode:r})})}export{r as Button};

package/dist/components/biz/example/button/variants.mjs

@@ -1,23 +1,2 @@
 
-import { cva } from "class-variance-authority";
-
-//#region components/biz/example/button/variants.ts
-/**
-* Button 物料视觉样式变体。
-*/
-const buttonVariants = cva("transition-colors duration-150 active:opacity-50 border p-2 rounded-md", {
-	variants: { variant: {
-		default: "bg-white text-white",
-		blue: "bg-blue-400 text-white",
-		red: "bg-red-600 text-white"
-	} },
-	defaultVariants: { variant: "default" }
-});
-const buttonVariantOptions = [
-	"default",
-	"blue",
-	"red"
-];
-
-//#endregion
-export { buttonVariantOptions, buttonVariants };
+import{cva as e}from"class-variance-authority";const t=e(`transition-colors duration-150 active:opacity-50 border p-2 rounded-md`,{variants:{variant:{default:`bg-white text-white`,blue:`bg-blue-400 text-white`,red:`bg-red-600 text-white`}},defaultVariants:{variant:`default`}}),n=[`default`,`blue`,`red`];export{n as buttonVariantOptions,t as buttonVariants};

package/dist/components/biz/renderer/renderer.mjs

@@ -1,74 +1,2 @@
 
-import { cn } from "../../../utils/cn.mjs";
-import { generateMaterialMap } from "../../../utils/schema/utils.mjs";
-import { materials_exports } from "../../../materials.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region components/biz/renderer/renderer.tsx
-/**
-* 合并节点 props 并执行 schema 校验。
-*/
-function resolveMaterialProps(material, node) {
-	const mergedProps = node.props;
-	const parsed = material.propsSchema.safeParse(mergedProps);
-	if (!parsed.success) return {
-		isValid: false,
-		props: mergedProps,
-		message: parsed.error?.message
-	};
-	return {
-		isValid: true,
-		props: parsed.data
-	};
-}
-/**
-* 递归渲染文档节点。
-*/
-function RendererDocumentNode(props) {
-	const { document, materialMap, nodeId, ancestors, mode } = props;
-	if (ancestors.has(nodeId)) return null;
-	const node = document.page.nodes[nodeId];
-	if (!node) return null;
-	const nextAncestors = new Set(ancestors);
-	nextAncestors.add(nodeId);
-	const children = node.children.map((childId) => /* @__PURE__ */ jsx(RendererDocumentNode, {
-		document,
-		materialMap,
-		nodeId: childId,
-		ancestors: nextAncestors,
-		mode
-	}, childId));
-	const material = materialMap[node.type];
-	if (!material) {
-		if (children.length === 0) return null;
-		return /* @__PURE__ */ jsx(Fragment, { children });
-	}
-	const resolvedProps = resolveMaterialProps(material, node);
-	if (!resolvedProps.isValid) return /* @__PURE__ */ jsxs("div", { children: ["组件配置错误", resolvedProps.message] });
-	return /* @__PURE__ */ jsx(mode === "client" ? material.clientComponent : material.serverComponent, {
-		...resolvedProps.props,
-		children
-	});
-}
-/**
-* 页面渲染器（服务端组件）。
-*/
-function Renderer(props) {
-	const { className, document, materials, mode = "server" } = props;
-	const rootNode = document.page.nodes[document.page.rootId];
-	if (!rootNode) return /* @__PURE__ */ jsx("div", { className: cn("funhub-renderer", className) });
-	const materialMap = generateMaterialMap(materials ?? Object.values(materials_exports));
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("funhub-renderer", className),
-		children: /* @__PURE__ */ jsx(RendererDocumentNode, {
-			document,
-			materialMap,
-			nodeId: rootNode.id,
-			ancestors: /* @__PURE__ */ new Set(),
-			mode
-		})
-	});
-}
-
-//#endregion
-export { Renderer };
+import{cn as e}from"../../../utils/cn.mjs";import{generateMaterialMap as t}from"../../../utils/schema/utils.mjs";import{materials_exports as n}from"../../../materials.mjs";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";function o(e,t){let n=t.props,r=e.propsSchema.safeParse(n);return r.success?{isValid:!0,props:r.data}:{isValid:!1,props:n,message:r.error?.message}}function s(e){let{document:t,materialMap:n,nodeId:c,ancestors:l,mode:u}=e;if(l.has(c))return null;let d=t.page.nodes[c];if(!d)return null;let f=new Set(l);f.add(c);let p=d.children.map(e=>i(s,{document:t,materialMap:n,nodeId:e,ancestors:f,mode:u},e)),m=n[d.type];if(!m)return p.length===0?null:i(r,{children:p});let h=o(m,d);return h.isValid?i(u===`client`?m.clientComponent:m.serverComponent,{...h.props,children:p}):a(`div`,{children:[`组件配置错误`,h.message]})}function c(r){let{className:a,document:o,materials:c,mode:l=`server`}=r,u=o.page.nodes[o.page.rootId];if(!u)return i(`div`,{className:e(`funhub-renderer`,a)});let d=t(c??Object.values(n));return i(`div`,{className:e(`funhub-renderer`,a),children:i(s,{document:o,materialMap:d,nodeId:u.id,ancestors:new Set,mode:l})})}export{c as Renderer};

package/dist/components/biz/utils/constants/card-spec.mjs

@@ -1,49 +1,2 @@
 
-//#region components/biz/utils/constants/card-spec.ts
-/**
-* CardSpec 卡片规格体系
-*/
-let CardSpec = /* @__PURE__ */ function(CardSpec) {
-	/** 横屏，一行 2 个（199 × 128） */
-	CardSpec["H2_SMALL"] = "h2_small";
-	/** 竖屏，一行 3 个（130 × 175） */
-	CardSpec["V3_SMALL"] = "v3_small";
-	/** 竖屏，一行 2 个（199 × 268） */
-	CardSpec["V2_LARGE"] = "v2_large";
-	return CardSpec;
-}({});
-/**
-* 卡片规格配置映射
-*/
-const CARD_SPEC_MAP = {
-	[CardSpec.H2_SMALL]: {
-		columns: 2,
-		width: 199,
-		height: 128,
-		imageType: "horizontal",
-		aspectRatio: 199 / 128
-	},
-	[CardSpec.V3_SMALL]: {
-		columns: 3,
-		width: 130,
-		height: 175,
-		imageType: "vertical",
-		aspectRatio: 130 / 175
-	},
-	[CardSpec.V2_LARGE]: {
-		columns: 2,
-		width: 199,
-		height: 268,
-		imageType: "vertical",
-		aspectRatio: 199 / 268
-	}
-};
-/**
-* 获取卡片规格配置
-*/
-function getCardSpecConfig(spec) {
-	return CARD_SPEC_MAP[spec];
-}
-
-//#endregion
-export { CARD_SPEC_MAP, CardSpec, getCardSpecConfig };
+let e=function(e){return e.H2_SMALL=`h2_small`,e.V3_SMALL=`v3_small`,e.V2_LARGE=`v2_large`,e}({});const t={[e.H2_SMALL]:{columns:2,width:199,height:128,imageType:`horizontal`,aspectRatio:199/128},[e.V3_SMALL]:{columns:3,width:130,height:175,imageType:`vertical`,aspectRatio:130/175},[e.V2_LARGE]:{columns:2,width:199,height:268,imageType:`vertical`,aspectRatio:199/268}};function n(e){return t[e]}export{t as CARD_SPEC_MAP,e as CardSpec,n as getCardSpecConfig};

package/dist/components/biz/utils/helpers/get-channel-list.mjs

@@ -1,15 +1,2 @@
 
-//#region components/biz/utils/helpers/get-channel-list.ts
-/**
-* 从频道接口响应中提取频道列表（兼容 channels / list）。
-* @param data - 接口 data 字段
-* @returns 频道列表
-*/
-function getChannelList(data) {
-	if (Array.isArray(data?.channels)) return data.channels;
-	if (Array.isArray(data?.list)) return data.list;
-	return [];
-}
-
-//#endregion
-export { getChannelList };
+function e(e){return Array.isArray(e?.channels)?e.channels:Array.isArray(e?.list)?e.list:[]}export{e as getChannelList};

package/dist/components/biz/utils/helpers/url.mjs

@@ -1,17 +1,2 @@
 
-//#region components/biz/utils/helpers/url.ts
-/**
-* URL 生成工具函数
-*/
-/**
-* 根据内容类型和 ID 构建内容详情页 URL
-*/
-function buildContentUrl(options) {
-	const { url, contentId, contentType, title } = options;
-	if (contentType === 1) return `/video/${contentId}/${title}`;
-	if (contentType === 2) return `/post/${contentId}`;
-	return url;
-}
-
-//#endregion
-export { buildContentUrl };
+function e(e){let{url:t,contentId:n,contentType:r,title:i}=e;return r===1?`/video/${n}/${i}`:r===2?`/post/${n}`:t}export{e as buildContentUrl};

package/dist/components/biz/utils/schema/data.mjs

@@ -1,23 +1,2 @@
 
-//#region components/biz/utils/schema/data.ts
-/**
-* 数据绑定 UI 模式枚举
-*/
-let DataBindingUIMode = /* @__PURE__ */ function(DataBindingUIMode) {
-	/** 页面字段选择 */
-	DataBindingUIMode["PageFieldSelect"] = "PageFieldSelect";
-	return DataBindingUIMode;
-}({});
-/**
-* 数据源类型枚举
-*/
-let DataSourceType = /* @__PURE__ */ function(DataSourceType) {
-	/** API 请求 */
-	DataSourceType["API"] = "API";
-	/** 静态数据 */
-	DataSourceType["Static"] = "Static";
-	return DataSourceType;
-}({});
-
-//#endregion
-export { DataBindingUIMode, DataSourceType };
+let e=function(e){return e.PageFieldSelect=`PageFieldSelect`,e}({}),t=function(e){return e.API=`API`,e.Static=`Static`,e}({});export{e as DataBindingUIMode,t as DataSourceType};

package/dist/components/biz/utils/styles/helpers.mjs

@@ -1,85 +1,2 @@
 
-//#region components/biz/utils/styles/helpers.ts
-/**
-* 将样式值转换为 CSS 值
-*/
-function formatStyleValue(key, value) {
-	if (value === void 0 || value === null || value === "") return "";
-	if (typeof value === "number" && ![
-		"opacity",
-		"zIndex",
-		"fontWeight",
-		"lineHeight"
-	].includes(key)) return `${value}px`;
-	return String(value);
-}
-/**
-* 将通用样式转换为内联样式对象
-*/
-function commonStylesToInline(styles) {
-	const inlineStyles = {};
-	if (styles.width !== void 0) inlineStyles.width = formatStyleValue("width", styles.width);
-	if (styles.height !== void 0) inlineStyles.height = formatStyleValue("height", styles.height);
-	if (styles.minWidth !== void 0) inlineStyles.minWidth = formatStyleValue("minWidth", styles.minWidth);
-	if (styles.minHeight !== void 0) inlineStyles.minHeight = formatStyleValue("minHeight", styles.minHeight);
-	if (styles.maxWidth !== void 0) inlineStyles.maxWidth = formatStyleValue("maxWidth", styles.maxWidth);
-	if (styles.maxHeight !== void 0) inlineStyles.maxHeight = formatStyleValue("maxHeight", styles.maxHeight);
-	if (styles.padding !== void 0) inlineStyles.padding = formatStyleValue("padding", styles.padding);
-	if (styles.paddingTop !== void 0) inlineStyles.paddingTop = formatStyleValue("paddingTop", styles.paddingTop);
-	if (styles.paddingRight !== void 0) inlineStyles.paddingRight = formatStyleValue("paddingRight", styles.paddingRight);
-	if (styles.paddingBottom !== void 0) inlineStyles.paddingBottom = formatStyleValue("paddingBottom", styles.paddingBottom);
-	if (styles.paddingLeft !== void 0) inlineStyles.paddingLeft = formatStyleValue("paddingLeft", styles.paddingLeft);
-	if (styles.margin !== void 0) inlineStyles.margin = formatStyleValue("margin", styles.margin);
-	if (styles.marginTop !== void 0) inlineStyles.marginTop = formatStyleValue("marginTop", styles.marginTop);
-	if (styles.marginRight !== void 0) inlineStyles.marginRight = formatStyleValue("marginRight", styles.marginRight);
-	if (styles.marginBottom !== void 0) inlineStyles.marginBottom = formatStyleValue("marginBottom", styles.marginBottom);
-	if (styles.marginLeft !== void 0) inlineStyles.marginLeft = formatStyleValue("marginLeft", styles.marginLeft);
-	if (styles.fontSize !== void 0) inlineStyles.fontSize = formatStyleValue("fontSize", styles.fontSize);
-	if (styles.fontWeight !== void 0) inlineStyles.fontWeight = formatStyleValue("fontWeight", styles.fontWeight);
-	if (styles.lineHeight !== void 0) inlineStyles.lineHeight = formatStyleValue("lineHeight", styles.lineHeight);
-	if (styles.color !== void 0) inlineStyles.color = formatStyleValue("color", styles.color);
-	if (styles.backgroundColor !== void 0) inlineStyles.backgroundColor = formatStyleValue("backgroundColor", styles.backgroundColor);
-	if (styles.border !== void 0) inlineStyles.border = formatStyleValue("border", styles.border);
-	if (styles.borderWidth !== void 0) inlineStyles.borderWidth = formatStyleValue("borderWidth", styles.borderWidth);
-	if (styles.borderStyle !== void 0) inlineStyles.borderStyle = formatStyleValue("borderStyle", styles.borderStyle);
-	if (styles.borderColor !== void 0) inlineStyles.borderColor = formatStyleValue("borderColor", styles.borderColor);
-	if (styles.borderRadius !== void 0) inlineStyles.borderRadius = formatStyleValue("borderRadius", styles.borderRadius);
-	if (styles.boxShadow !== void 0) inlineStyles.boxShadow = formatStyleValue("boxShadow", styles.boxShadow);
-	if (styles.opacity !== void 0) inlineStyles.opacity = styles.opacity;
-	if (styles.display !== void 0) inlineStyles.display = formatStyleValue("display", styles.display);
-	if (styles.position !== void 0) inlineStyles.position = formatStyleValue("position", styles.position);
-	if (styles.top !== void 0) inlineStyles.top = formatStyleValue("top", styles.top);
-	if (styles.right !== void 0) inlineStyles.right = formatStyleValue("right", styles.right);
-	if (styles.bottom !== void 0) inlineStyles.bottom = formatStyleValue("bottom", styles.bottom);
-	if (styles.left !== void 0) inlineStyles.left = formatStyleValue("left", styles.left);
-	if (styles.zIndex !== void 0) inlineStyles.zIndex = styles.zIndex;
-	if (styles.overflow !== void 0) inlineStyles.overflow = formatStyleValue("overflow", styles.overflow);
-	if (styles.textAlign !== void 0) inlineStyles.textAlign = formatStyleValue("textAlign", styles.textAlign);
-	if (styles.cursor !== void 0) inlineStyles.cursor = formatStyleValue("cursor", styles.cursor);
-	return inlineStyles;
-}
-/**
-* 将自定义样式转换为内联样式对象
-*/
-function customStylesToInline(customStyles) {
-	const inlineStyles = {};
-	for (const [key, value] of Object.entries(customStyles)) if (value !== void 0 && value !== null && value !== "") {
-		const cssKey = key.replace(/([A-Z])/g, "-$1").toLowerCase();
-		inlineStyles[cssKey] = formatStyleValue(key, value);
-	}
-	return inlineStyles;
-}
-/**
-* 合并通用样式和自定义样式
-*/
-function mergeStyles(commonStyles, customStyles) {
-	const common = commonStylesToInline(commonStyles || {});
-	const custom = customStylesToInline(customStyles || {});
-	return {
-		...common,
-		...custom
-	};
-}
-
-//#endregion
-export { commonStylesToInline, customStylesToInline, mergeStyles };
+function e(e,t){return t==null||t===``?``:typeof t==`number`&&![`opacity`,`zIndex`,`fontWeight`,`lineHeight`].includes(e)?`${t}px`:String(t)}function t(t){let n={};return t.width!==void 0&&(n.width=e(`width`,t.width)),t.height!==void 0&&(n.height=e(`height`,t.height)),t.minWidth!==void 0&&(n.minWidth=e(`minWidth`,t.minWidth)),t.minHeight!==void 0&&(n.minHeight=e(`minHeight`,t.minHeight)),t.maxWidth!==void 0&&(n.maxWidth=e(`maxWidth`,t.maxWidth)),t.maxHeight!==void 0&&(n.maxHeight=e(`maxHeight`,t.maxHeight)),t.padding!==void 0&&(n.padding=e(`padding`,t.padding)),t.paddingTop!==void 0&&(n.paddingTop=e(`paddingTop`,t.paddingTop)),t.paddingRight!==void 0&&(n.paddingRight=e(`paddingRight`,t.paddingRight)),t.paddingBottom!==void 0&&(n.paddingBottom=e(`paddingBottom`,t.paddingBottom)),t.paddingLeft!==void 0&&(n.paddingLeft=e(`paddingLeft`,t.paddingLeft)),t.margin!==void 0&&(n.margin=e(`margin`,t.margin)),t.marginTop!==void 0&&(n.marginTop=e(`marginTop`,t.marginTop)),t.marginRight!==void 0&&(n.marginRight=e(`marginRight`,t.marginRight)),t.marginBottom!==void 0&&(n.marginBottom=e(`marginBottom`,t.marginBottom)),t.marginLeft!==void 0&&(n.marginLeft=e(`marginLeft`,t.marginLeft)),t.fontSize!==void 0&&(n.fontSize=e(`fontSize`,t.fontSize)),t.fontWeight!==void 0&&(n.fontWeight=e(`fontWeight`,t.fontWeight)),t.lineHeight!==void 0&&(n.lineHeight=e(`lineHeight`,t.lineHeight)),t.color!==void 0&&(n.color=e(`color`,t.color)),t.backgroundColor!==void 0&&(n.backgroundColor=e(`backgroundColor`,t.backgroundColor)),t.border!==void 0&&(n.border=e(`border`,t.border)),t.borderWidth!==void 0&&(n.borderWidth=e(`borderWidth`,t.borderWidth)),t.borderStyle!==void 0&&(n.borderStyle=e(`borderStyle`,t.borderStyle)),t.borderColor!==void 0&&(n.borderColor=e(`borderColor`,t.borderColor)),t.borderRadius!==void 0&&(n.borderRadius=e(`borderRadius`,t.borderRadius)),t.boxShadow!==void 0&&(n.boxShadow=e(`boxShadow`,t.boxShadow)),t.opacity!==void 0&&(n.opacity=t.opacity),t.display!==void 0&&(n.display=e(`display`,t.display)),t.position!==void 0&&(n.position=e(`position`,t.position)),t.top!==void 0&&(n.top=e(`top`,t.top)),t.right!==void 0&&(n.right=e(`right`,t.right)),t.bottom!==void 0&&(n.bottom=e(`bottom`,t.bottom)),t.left!==void 0&&(n.left=e(`left`,t.left)),t.zIndex!==void 0&&(n.zIndex=t.zIndex),t.overflow!==void 0&&(n.overflow=e(`overflow`,t.overflow)),t.textAlign!==void 0&&(n.textAlign=e(`textAlign`,t.textAlign)),t.cursor!==void 0&&(n.cursor=e(`cursor`,t.cursor)),n}function n(t){let n={};for(let[r,i]of Object.entries(t))if(i!=null&&i!==``){let t=r.replace(/([A-Z])/g,`-$1`).toLowerCase();n[t]=e(r,i)}return n}function r(e,r){let i=t(e||{}),a=n(r||{});return{...i,...a}}export{t as commonStylesToInline,n as customStylesToInline,r as mergeStyles};