@moneyforward/mfui-components 2.48.2 → 3.0.0

package/dist/cjs/styled-system/helpers.js

@@ -1,312 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.uniq = exports.patternFns = exports.memo = exports.isBaseCondition = exports.hypenateProperty = exports.getSlotRecipes = exports.getSlotCompoundVariant = exports.getPatternStyles = void 0;
-exports.compact = compact;
-exports.createCss = createCss;
-exports.createMergeCss = createMergeCss;
-exports.filterBaseConditions = filterBaseConditions;
-exports.isObject = isObject;
-exports.mapObject = mapObject;
-exports.mergeProps = mergeProps;
-exports.splitProps = splitProps;
-exports.toHash = toHash;
-exports.walkObject = walkObject;
-exports.withoutSpace = withoutSpace;
-exports.normalizeHTMLProps = normalizeHTMLProps;
-exports.__spreadValues = __spreadValues;
-exports.__objRest = __objRest;
-// src/assert.ts
-function isObject(value) {
-    return typeof value === "object" && value != null && !Array.isArray(value);
-}
-var isObjectOrArray = (obj) => typeof obj === "object" && obj !== null;
-// src/compact.ts
-function compact(value) {
-    return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
-}
-// src/condition.ts
-var isBaseCondition = (v) => v === "base";
-exports.isBaseCondition = isBaseCondition;
-function filterBaseConditions(c) {
-    return c.slice().filter((v) => !isBaseCondition(v));
-}
-// src/hash.ts
-function toChar(code) {
-    return String.fromCharCode(code + (code > 25 ? 39 : 97));
-}
-function toName(code) {
-    let name = "";
-    let x;
-    for (x = Math.abs(code); x > 52; x = x / 52 | 0)
-        name = toChar(x % 52) + name;
-    return toChar(x % 52) + name;
-}
-function toPhash(h, x) {
-    let i = x.length;
-    while (i)
-        h = h * 33 ^ x.charCodeAt(--i);
-    return h;
-}
-function toHash(value) {
-    return toName(toPhash(5381, value) >>> 0);
-}
-// src/important.ts
-var importantRegex = /\s*!(important)?/i;
-function isImportant(value) {
-    return typeof value === "string" ? importantRegex.test(value) : false;
-}
-function withoutImportant(value) {
-    return typeof value === "string" ? value.replace(importantRegex, "").trim() : value;
-}
-function withoutSpace(str) {
-    return typeof str === "string" ? str.replaceAll(" ", "_") : str;
-}
-// src/memo.ts
-var memo = (fn) => {
-    const cache = /* @__PURE__ */ new Map();
-    const get = (...args) => {
-        const key = JSON.stringify(args);
-        if (cache.has(key)) {
-            return cache.get(key);
-        }
-        const result = fn(...args);
-        cache.set(key, result);
-        return result;
-    };
-    return get;
-};
-exports.memo = memo;
-// src/merge-props.ts
-var MERGE_OMIT = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
-function mergeProps(...sources) {
-    return sources.reduce((prev, obj) => {
-        if (!obj)
-            return prev;
-        Object.keys(obj).forEach((key) => {
-            if (MERGE_OMIT.has(key))
-                return;
-            const prevValue = prev[key];
-            const value = obj[key];
-            if (isObject(prevValue) && isObject(value)) {
-                prev[key] = mergeProps(prevValue, value);
-            }
-            else {
-                prev[key] = value;
-            }
-        });
-        return prev;
-    }, {});
-}
-// src/walk-object.ts
-var isNotNullish = (element) => element != null;
-function walkObject(target, predicate, options = {}) {
-    const { stop, getKey } = options;
-    function inner(value, path = []) {
-        if (isObjectOrArray(value)) {
-            const result = {};
-            for (const [prop, child] of Object.entries(value)) {
-                const key = getKey?.(prop, child) ?? prop;
-                const childPath = [...path, key];
-                if (stop?.(value, childPath)) {
-                    return predicate(value, path);
-                }
-                const next = inner(child, childPath);
-                if (isNotNullish(next)) {
-                    result[key] = next;
-                }
-            }
-            return result;
-        }
-        return predicate(value, path);
-    }
-    return inner(target);
-}
-function mapObject(obj, fn) {
-    if (Array.isArray(obj))
-        return obj.map((value) => fn(value));
-    if (!isObject(obj))
-        return fn(obj);
-    return walkObject(obj, (value) => fn(value));
-}
-// src/normalize-style-object.ts
-function toResponsiveObject(values, breakpoints) {
-    return values.reduce((acc, current, index) => {
-        const key = breakpoints[index];
-        if (current != null) {
-            acc[key] = current;
-        }
-        return acc;
-    }, {});
-}
-function normalizeStyleObject(styles, context, shorthand = true) {
-    const { utility, conditions } = context;
-    const { hasShorthand, resolveShorthand } = utility;
-    return walkObject(styles, (value) => {
-        return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value;
-    }, {
-        stop: (value) => Array.isArray(value),
-        getKey: shorthand ? (prop) => hasShorthand ? resolveShorthand(prop) : prop : void 0
-    });
-}
-// src/classname.ts
-var fallbackCondition = {
-    shift: (v) => v,
-    finalize: (v) => v,
-    breakpoints: { keys: [] }
-};
-var sanitize = (value) => typeof value === "string" ? value.replaceAll(/[\n\s]+/g, " ") : value;
-function createCss(context) {
-    const { utility, hash, conditions: conds = fallbackCondition } = context;
-    const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join("-");
-    const hashFn = (conditions, className) => {
-        let result;
-        if (hash) {
-            const baseArray = [...conds.finalize(conditions), className];
-            result = formatClassName(utility.toHash(baseArray, toHash));
-        }
-        else {
-            const baseArray = [...conds.finalize(conditions), formatClassName(className)];
-            result = baseArray.join(":");
-        }
-        return result;
-    };
-    return memo(({ base, ...styles } = {}) => {
-        const styleObject = Object.assign(styles, base);
-        const normalizedObject = normalizeStyleObject(styleObject, context);
-        const classNames = /* @__PURE__ */ new Set();
-        walkObject(normalizedObject, (value, paths) => {
-            if (value == null)
-                return;
-            const important = isImportant(value);
-            const [prop, ...allConditions] = conds.shift(paths);
-            const conditions = filterBaseConditions(allConditions);
-            const transformed = utility.transform(prop, withoutImportant(sanitize(value)));
-            let className = hashFn(conditions, transformed.className);
-            if (important)
-                className = `${className}!`;
-            classNames.add(className);
-        });
-        return Array.from(classNames).join(" ");
-    });
-}
-function compactStyles(...styles) {
-    return styles.flat().filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);
-}
-function createMergeCss(context) {
-    function resolve(styles) {
-        const allStyles = compactStyles(...styles);
-        if (allStyles.length === 1)
-            return allStyles;
-        return allStyles.map((style) => normalizeStyleObject(style, context));
-    }
-    function mergeCss(...styles) {
-        return mergeProps(...resolve(styles));
-    }
-    function assignCss(...styles) {
-        return Object.assign({}, ...resolve(styles));
-    }
-    return { mergeCss: memo(mergeCss), assignCss };
-}
-// src/hypenate-property.ts
-var wordRegex = /([A-Z])/g;
-var msRegex = /^ms-/;
-var hypenateProperty = memo((property) => {
-    if (property.startsWith("--"))
-        return property;
-    return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();
-});
-exports.hypenateProperty = hypenateProperty;
-// src/is-css-function.ts
-var fns = ["min", "max", "clamp", "calc"];
-var fnRegExp = new RegExp(`^(${fns.join("|")})\\(.*\\)`);
-var isCssFunction = (v) => typeof v === "string" && fnRegExp.test(v);
-// src/is-css-unit.ts
-var lengthUnits = "cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%";
-var lengthUnitsPattern = `(?:${lengthUnits.split(",").join("|")})`;
-var lengthRegExp = new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${lengthUnitsPattern}$`);
-var isCssUnit = (v) => typeof v === "string" && lengthRegExp.test(v);
-// src/is-css-var.ts
-var isCssVar = (v) => typeof v === "string" && /^var\(--.+\)$/.test(v);
-// src/pattern-fns.ts
-var patternFns = {
-    map: mapObject,
-    isCssFunction,
-    isCssVar,
-    isCssUnit
-};
-exports.patternFns = patternFns;
-var getPatternStyles = (pattern, styles) => {
-    if (!pattern?.defaultValues)
-        return styles;
-    const defaults = typeof pattern.defaultValues === "function" ? pattern.defaultValues(styles) : pattern.defaultValues;
-    return Object.assign({}, defaults, compact(styles));
-};
-exports.getPatternStyles = getPatternStyles;
-// src/slot.ts
-var getSlotRecipes = (recipe = {}) => {
-    const init = (slot) => ({
-        className: [recipe.className, slot].filter(Boolean).join("__"),
-        base: recipe.base?.[slot] ?? {},
-        variants: {},
-        defaultVariants: recipe.defaultVariants ?? {},
-        compoundVariants: recipe.compoundVariants ? getSlotCompoundVariant(recipe.compoundVariants, slot) : []
-    });
-    const slots = recipe.slots ?? [];
-    const recipeParts = slots.map((slot) => [slot, init(slot)]);
-    for (const [variantsKey, variantsSpec] of Object.entries(recipe.variants ?? {})) {
-        for (const [variantKey, variantSpec] of Object.entries(variantsSpec)) {
-            recipeParts.forEach(([slot, slotRecipe]) => {
-                slotRecipe.variants[variantsKey] ??= {};
-                slotRecipe.variants[variantsKey][variantKey] = variantSpec[slot] ?? {};
-            });
-        }
-    }
-    return Object.fromEntries(recipeParts);
-};
-exports.getSlotRecipes = getSlotRecipes;
-var getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));
-exports.getSlotCompoundVariant = getSlotCompoundVariant;
-// src/split-props.ts
-function splitProps(props, ...keys) {
-    const descriptors = Object.getOwnPropertyDescriptors(props);
-    const dKeys = Object.keys(descriptors);
-    const split = (k) => {
-        const clone = {};
-        for (let i = 0; i < k.length; i++) {
-            const key = k[i];
-            if (descriptors[key]) {
-                Object.defineProperty(clone, key, descriptors[key]);
-                delete descriptors[key];
-            }
-        }
-        return clone;
-    };
-    const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));
-    return keys.map(fn).concat(split(dKeys));
-}
-// src/uniq.ts
-var uniq = (...items) => {
-    const set = items.reduce((acc, currItems) => {
-        if (currItems) {
-            currItems.forEach((item) => acc.add(item));
-        }
-        return acc;
-    }, /* @__PURE__ */ new Set([]));
-    return Array.from(set);
-};
-exports.uniq = uniq;
-// src/normalize-html.ts
-var htmlProps = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];
-function convert(key) {
-    return htmlProps.includes(key) ? key.replace("html", "").toLowerCase() : key;
-}
-function normalizeHTMLProps(props) {
-    return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));
-}
-normalizeHTMLProps.keys = htmlProps;
-function __spreadValues(a, b) {
-    return { ...a, ...b };
-}
-function __objRest(source, exclude) {
-    return Object.fromEntries(Object.entries(source).filter(([key]) => !exclude.includes(key)));
-}

package/dist/cjs/styled-system/jsx/aspect-ratio.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AspectRatio = void 0;
-const react_1 = require("react");
-const helpers_js_1 = require("../helpers.js");
-const aspect_ratio_js_1 = require("../patterns/aspect-ratio.js");
-const factory_js_1 = require("./factory.js");
-exports.AspectRatio = (0, react_1.forwardRef)(function AspectRatio(props, ref) {
-    const [patternProps, restProps] = (0, helpers_js_1.splitProps)(props, ["ratio"]);
-    const styleProps = (0, aspect_ratio_js_1.getAspectRatioStyle)(patternProps);
-    const mergedProps = { ref, ...styleProps, ...restProps };
-    return (0, react_1.createElement)(factory_js_1.styled.div, mergedProps);
-});

package/dist/cjs/styled-system/jsx/bleed.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Bleed = void 0;
-const react_1 = require("react");
-const helpers_js_1 = require("../helpers.js");
-const bleed_js_1 = require("../patterns/bleed.js");
-const factory_js_1 = require("./factory.js");
-exports.Bleed = (0, react_1.forwardRef)(function Bleed(props, ref) {
-    const [patternProps, restProps] = (0, helpers_js_1.splitProps)(props, ["inline", "block"]);
-    const styleProps = (0, bleed_js_1.getBleedStyle)(patternProps);
-    const mergedProps = { ref, ...styleProps, ...restProps };
-    return (0, react_1.createElement)(factory_js_1.styled.div, mergedProps);
-});

package/dist/cjs/styled-system/jsx/box.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Box = void 0;
-const react_1 = require("react");
-const helpers_js_1 = require("../helpers.js");
-const box_js_1 = require("../patterns/box.js");
-const factory_js_1 = require("./factory.js");
-exports.Box = (0, react_1.forwardRef)(function Box(props, ref) {
-    const [patternProps, restProps] = (0, helpers_js_1.splitProps)(props, []);
-    const styleProps = (0, box_js_1.getBoxStyle)(patternProps);
-    const mergedProps = { ref, ...styleProps, ...restProps };
-    return (0, react_1.createElement)(factory_js_1.styled.div, mergedProps);
-});

package/dist/cjs/styled-system/jsx/center.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Center = void 0;
-const react_1 = require("react");
-const helpers_js_1 = require("../helpers.js");
-const center_js_1 = require("../patterns/center.js");
-const factory_js_1 = require("./factory.js");
-exports.Center = (0, react_1.forwardRef)(function Center(props, ref) {
-    const [patternProps, restProps] = (0, helpers_js_1.splitProps)(props, ["inline"]);
-    const styleProps = (0, center_js_1.getCenterStyle)(patternProps);
-    const mergedProps = { ref, ...styleProps, ...restProps };
-    return (0, react_1.createElement)(factory_js_1.styled.div, mergedProps);
-});

package/dist/cjs/styled-system/jsx/circle.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Circle = void 0;
-const react_1 = require("react");
-const helpers_js_1 = require("../helpers.js");
-const circle_js_1 = require("../patterns/circle.js");
-const factory_js_1 = require("./factory.js");
-exports.Circle = (0, react_1.forwardRef)(function Circle(props, ref) {
-    const [patternProps, restProps] = (0, helpers_js_1.splitProps)(props, ["size"]);
-    const styleProps = (0, circle_js_1.getCircleStyle)(patternProps);
-    const mergedProps = { ref, ...styleProps, ...restProps };
-    return (0, react_1.createElement)(factory_js_1.styled.div, mergedProps);
-});

package/dist/cjs/styled-system/jsx/container.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Container = void 0;
-const react_1 = require("react");
-const helpers_js_1 = require("../helpers.js");
-const container_js_1 = require("../patterns/container.js");
-const factory_js_1 = require("./factory.js");
-exports.Container = (0, react_1.forwardRef)(function Container(props, ref) {
-    const [patternProps, restProps] = (0, helpers_js_1.splitProps)(props, []);
-    const styleProps = (0, container_js_1.getContainerStyle)(patternProps);
-    const mergedProps = { ref, ...styleProps, ...restProps };
-    return (0, react_1.createElement)(factory_js_1.styled.div, mergedProps);
-});

package/dist/cjs/styled-system/jsx/cq.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cq = void 0;
-const react_1 = require("react");
-const helpers_js_1 = require("../helpers.js");
-const cq_js_1 = require("../patterns/cq.js");
-const factory_js_1 = require("./factory.js");
-exports.Cq = (0, react_1.forwardRef)(function Cq(props, ref) {
-    const [patternProps, restProps] = (0, helpers_js_1.splitProps)(props, ["name", "type"]);
-    const styleProps = (0, cq_js_1.getCqStyle)(patternProps);
-    const mergedProps = { ref, ...styleProps, ...restProps };
-    return (0, react_1.createElement)(factory_js_1.styled.div, mergedProps);
-});

package/dist/cjs/styled-system/jsx/create-style-context.js

@@ -1,96 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStyleContext = createStyleContext;
-const index_js_1 = require("../css/index.js");
-const factory_js_1 = require("./factory.js");
-const factory_helper_js_1 = require("./factory-helper.js");
-const react_1 = require("react");
-function createSafeContext(contextName) {
-    const Context = (0, react_1.createContext)(undefined);
-    const useStyleContext = (componentName, slot) => {
-        const context = (0, react_1.useContext)(Context);
-        if (context === undefined) {
-            const componentInfo = componentName ? `Component "${componentName}"` : 'A component';
-            const slotInfo = slot ? ` (slot: "${slot}")` : '';
-            throw new Error(`${componentInfo}${slotInfo} cannot access ${contextName} because it's missing its Provider.`);
-        }
-        return context;
-    };
-    return [Context, useStyleContext];
-}
-function createStyleContext(recipe) {
-    const isConfigRecipe = '__recipe__' in recipe;
-    const recipeName = isConfigRecipe && recipe.__name__ ? recipe.__name__ : undefined;
-    const contextName = recipeName ? `createStyleContext("${recipeName}")` : 'createStyleContext';
-    const [StyleContext, useStyleContext] = createSafeContext(contextName);
-    const svaFn = isConfigRecipe ? recipe : (0, index_js_1.sva)(recipe.config);
-    const getResolvedProps = (props, slotStyles) => {
-        const { unstyled, ...restProps } = props;
-        if (unstyled)
-            return restProps;
-        if (isConfigRecipe) {
-            return { ...restProps, className: (0, index_js_1.cx)(slotStyles, restProps.className) };
-        }
-        return { ...slotStyles, ...restProps };
-    };
-    const withRootProvider = (Component, options) => {
-        const WithRootProvider = (props) => {
-            const [variantProps, otherProps] = svaFn.splitVariantProps(props);
-            const slotStyles = isConfigRecipe ? svaFn(variantProps) : svaFn.raw(variantProps);
-            slotStyles._classNameMap = svaFn.classNameMap;
-            const mergedProps = options?.defaultProps
-                ? { ...options.defaultProps, ...otherProps }
-                : otherProps;
-            return (0, react_1.createElement)(StyleContext.Provider, {
-                value: slotStyles,
-                children: (0, react_1.createElement)(Component, mergedProps)
-            });
-        };
-        const componentName = (0, factory_helper_js_1.getDisplayName)(Component);
-        WithRootProvider.displayName = `withRootProvider(${componentName})`;
-        return WithRootProvider;
-    };
-    const withProvider = (Component, slot, options) => {
-        const StyledComponent = (0, factory_js_1.styled)(Component, {}, options);
-        const WithProvider = (0, react_1.forwardRef)((props, ref) => {
-            const [variantProps, restProps] = svaFn.splitVariantProps(props);
-            const slotStyles = isConfigRecipe ? svaFn(variantProps) : svaFn.raw(variantProps);
-            slotStyles._classNameMap = svaFn.classNameMap;
-            const propsWithClass = { ...restProps, className: restProps.className ?? options?.defaultProps?.className };
-            const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot]);
-            return (0, react_1.createElement)(StyleContext.Provider, {
-                value: slotStyles,
-                children: (0, react_1.createElement)(StyledComponent, {
-                    ...resolvedProps,
-                    className: (0, index_js_1.cx)(resolvedProps.className, slotStyles._classNameMap[slot]),
-                    ref,
-                })
-            });
-        });
-        const componentName = (0, factory_helper_js_1.getDisplayName)(Component);
-        WithProvider.displayName = `withProvider(${componentName})`;
-        return WithProvider;
-    };
-    const withContext = (Component, slot, options) => {
-        const StyledComponent = (0, factory_js_1.styled)(Component, {}, options);
-        const componentName = (0, factory_helper_js_1.getDisplayName)(Component);
-        const WithContext = (0, react_1.forwardRef)((props, ref) => {
-            const slotStyles = useStyleContext(componentName, slot);
-            const propsWithClass = { ...props, className: props.className ?? options?.defaultProps?.className };
-            const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot]);
-            return (0, react_1.createElement)(StyledComponent, {
-                ...resolvedProps,
-                className: (0, index_js_1.cx)(resolvedProps.className, slotStyles._classNameMap[slot]),
-                ref,
-            });
-        });
-        WithContext.displayName = `withContext(${componentName})`;
-        return WithContext;
-    };
-    return {
-        withRootProvider,
-        withProvider,
-        withContext,
-    };
-}

package/dist/cjs/styled-system/jsx/divider.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Divider = void 0;
-const react_1 = require("react");
-const helpers_js_1 = require("../helpers.js");
-const divider_js_1 = require("../patterns/divider.js");
-const factory_js_1 = require("./factory.js");
-exports.Divider = (0, react_1.forwardRef)(function Divider(props, ref) {
-    const [patternProps, restProps] = (0, helpers_js_1.splitProps)(props, ["orientation", "thickness", "color"]);
-    const styleProps = (0, divider_js_1.getDividerStyle)(patternProps);
-    const mergedProps = { ref, ...styleProps, ...restProps };
-    return (0, react_1.createElement)(factory_js_1.styled.div, mergedProps);
-});

package/dist/cjs/styled-system/jsx/factory-helper.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDisplayName = exports.composeCvaFn = exports.composeShouldForwardProps = exports.defaultShouldForwardProp = void 0;
-const is_valid_prop_js_1 = require("./is-valid-prop.js");
-const defaultShouldForwardProp = (prop, variantKeys) => !variantKeys.includes(prop) && !(0, is_valid_prop_js_1.isCssProperty)(prop);
-exports.defaultShouldForwardProp = defaultShouldForwardProp;
-const composeShouldForwardProps = (tag, shouldForwardProp) => tag.__shouldForwardProps__ && shouldForwardProp
-    ? (propName) => tag.__shouldForwardProps__(propName) && shouldForwardProp(propName)
-    : shouldForwardProp;
-exports.composeShouldForwardProps = composeShouldForwardProps;
-const composeCvaFn = (cvaA, cvaB) => {
-    if (cvaA && !cvaB)
-        return cvaA;
-    if (!cvaA && cvaB)
-        return cvaB;
-    if ((cvaA.__cva__ && cvaB.__cva__) || (cvaA.__recipe__ && cvaB.__recipe__))
-        return cvaA.merge(cvaB);
-    const error = new TypeError('Cannot merge cva with recipe. Please use either cva or recipe.');
-    TypeError.captureStackTrace?.(error);
-    throw error;
-};
-exports.composeCvaFn = composeCvaFn;
-const getDisplayName = (Component) => {
-    if (typeof Component === 'string')
-        return Component;
-    return Component?.displayName || Component?.name || 'Component';
-};
-exports.getDisplayName = getDisplayName;

package/dist/cjs/styled-system/jsx/factory.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.styled = void 0;
-const react_1 = require("react");
-const index_js_1 = require("../css/index.js");
-const factory_helper_js_1 = require("./factory-helper.js");
-const helpers_js_1 = require("../helpers.js");
-const is_valid_prop_js_1 = require("./is-valid-prop.js");
-function styledFn(Dynamic, configOrCva = {}, options = {}) {
-    const cvaFn = configOrCva.__cva__ || configOrCva.__recipe__ ? configOrCva : (0, index_js_1.cva)(configOrCva);
-    const forwardFn = options.shouldForwardProp || factory_helper_js_1.defaultShouldForwardProp;
-    const shouldForwardProp = (prop) => {
-        if (options.forwardProps?.includes(prop))
-            return true;
-        return forwardFn(prop, cvaFn.variantKeys);
-    };
-    const defaultProps = Object.assign(options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {}, options.defaultProps);
-    const __cvaFn__ = (0, factory_helper_js_1.composeCvaFn)(Dynamic.__cva__, cvaFn);
-    const __shouldForwardProps__ = (0, factory_helper_js_1.composeShouldForwardProps)(Dynamic, shouldForwardProp);
-    const __base__ = Dynamic.__base__ || Dynamic;
-    const StyledComponent = /* @__PURE__ */ (0, react_1.forwardRef)(function StyledComponent(props, ref) {
-        const { as: Element = __base__, unstyled, children, ...restProps } = props;
-        const combinedProps = (0, react_1.useMemo)(() => Object.assign({}, defaultProps, restProps), [restProps]);
-        const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] = (0, react_1.useMemo)(() => {
-            return (0, helpers_js_1.splitProps)(combinedProps, helpers_js_1.normalizeHTMLProps.keys, __shouldForwardProps__, __cvaFn__.variantKeys, is_valid_prop_js_1.isCssProperty);
-        }, [combinedProps]);
-        function recipeClass() {
-            const { css: cssStyles, ...propStyles } = styleProps;
-            const compoundVariantStyles = __cvaFn__.__getCompoundVariantCss__?.(variantProps);
-            return (0, index_js_1.cx)(__cvaFn__(variantProps, false), (0, index_js_1.css)(compoundVariantStyles, propStyles, cssStyles), combinedProps.className);
-        }
-        function cvaClass() {
-            const { css: cssStyles, ...propStyles } = styleProps;
-            const cvaStyles = __cvaFn__.raw(variantProps);
-            return (0, index_js_1.cx)((0, index_js_1.css)(cvaStyles, propStyles, cssStyles), combinedProps.className);
-        }
-        const classes = () => {
-            if (unstyled) {
-                const { css: cssStyles, ...propStyles } = styleProps;
-                return (0, index_js_1.cx)((0, index_js_1.css)(propStyles, cssStyles), combinedProps.className);
-            }
-            return configOrCva.__recipe__ ? recipeClass() : cvaClass();
-        };
-        return (0, react_1.createElement)(Element, {
-            ref,
-            ...forwardedProps,
-            ...elementProps,
-            ...(0, helpers_js_1.normalizeHTMLProps)(htmlProps),
-            className: classes(),
-        }, children ?? combinedProps.children);
-    });
-    const name = (0, factory_helper_js_1.getDisplayName)(__base__);
-    StyledComponent.displayName = `styled.${name}`;
-    StyledComponent.__cva__ = __cvaFn__;
-    StyledComponent.__base__ = __base__;
-    StyledComponent.__shouldForwardProps__ = shouldForwardProp;
-    return StyledComponent;
-}
-function createJsxFactory() {
-    const cache = new Map();
-    return new Proxy(styledFn, {
-        apply(_, __, args) {
-            return styledFn(...args);
-        },
-        get(_, el) {
-            if (!cache.has(el)) {
-                cache.set(el, styledFn(el));
-            }
-            return cache.get(el);
-        },
-    });
-}
-exports.styled = createJsxFactory();

package/dist/cjs/styled-system/jsx/flex.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Flex = void 0;
-const react_1 = require("react");
-const helpers_js_1 = require("../helpers.js");
-const flex_js_1 = require("../patterns/flex.js");
-const factory_js_1 = require("./factory.js");
-exports.Flex = (0, react_1.forwardRef)(function Flex(props, ref) {
-    const [patternProps, restProps] = (0, helpers_js_1.splitProps)(props, ["align", "justify", "direction", "wrap", "basis", "grow", "shrink"]);
-    const styleProps = (0, flex_js_1.getFlexStyle)(patternProps);
-    const mergedProps = { ref, ...styleProps, ...restProps };
-    return (0, react_1.createElement)(factory_js_1.styled.div, mergedProps);
-});

package/dist/cjs/styled-system/jsx/float.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Float = void 0;
-const react_1 = require("react");
-const helpers_js_1 = require("../helpers.js");
-const float_js_1 = require("../patterns/float.js");
-const factory_js_1 = require("./factory.js");
-exports.Float = (0, react_1.forwardRef)(function Float(props, ref) {
-    const [patternProps, restProps] = (0, helpers_js_1.splitProps)(props, ["offsetX", "offsetY", "offset", "placement"]);
-    const styleProps = (0, float_js_1.getFloatStyle)(patternProps);
-    const mergedProps = { ref, ...styleProps, ...restProps };
-    return (0, react_1.createElement)(factory_js_1.styled.div, mergedProps);
-});

package/dist/cjs/styled-system/jsx/grid-item.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridItem = void 0;
-const react_1 = require("react");
-const helpers_js_1 = require("../helpers.js");
-const grid_item_js_1 = require("../patterns/grid-item.js");
-const factory_js_1 = require("./factory.js");
-exports.GridItem = (0, react_1.forwardRef)(function GridItem(props, ref) {
-    const [patternProps, restProps] = (0, helpers_js_1.splitProps)(props, ["colSpan", "rowSpan", "colStart", "rowStart", "colEnd", "rowEnd"]);
-    const styleProps = (0, grid_item_js_1.getGridItemStyle)(patternProps);
-    const mergedProps = { ref, ...styleProps, ...restProps };
-    return (0, react_1.createElement)(factory_js_1.styled.div, mergedProps);
-});