@koine/react 2.0.0-beta.5 → 2.0.0-beta.51

package/helpers/classed.stories.mjs

@@ -1,103 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck These are just wip experiments, we stick to just `./classed.tsx`
-import React, { createElement } from "react";
-import { classed } from "./classed";
-const Classed = classed("div")`< class="bg-red-400 ${(p)=>p.test === "0a" ? "py-3" : "px-3"}`;
-/**
- * Adapted (removed `classnames` dependency) from:
- * @see https://daily.dev/blog/my-tailwind-css-utility-function-for-creating-reusable-react-components-typescript-support
- *
- * See also [classname-hoc](https://www.npmjs.com/package/classname-hoc)
- */ function classedOriginal(type, ...className) {
-    return function(props) {
-        return /*#__PURE__*/ createElement(type, {
-            ...props,
-            className: [
-                props?.className || ""
-            ].concat(className).join(" ")
-        });
-    };
-}
-const ClassedOriginal = classedOriginal("div", "bg-slate-800");
-function classedBind(props) {
-    // @ts-expect-error no time now
-    const classNameImpl = props.className ? " " + props.className : "";
-    // return <this className={this.props.className + classNameImpl} {...props} />;
-    return /*#__PURE__*/ createElement(this.props.as || this.type, {
-        ...props,
-        className: this.props.className + classNameImpl
-    }, // @ts-expect-error no time now
-    props.children);
-}
-const ClassedBind = classedBind.bind(/*#__PURE__*/ React.createElement("div", {
-    as: "h2",
-    className: "bg-slate-800"
-}));
-function classedDynamic(ComponentFn) {
-    return function(propsImplementation) {
-        const { props, type } = ComponentFn(propsImplementation);
-        const classNameDefault = props.className ? " " + props.className : "";
-        return /*#__PURE__*/ createElement(props.as || type, {
-            ...props,
-            ...propsImplementation,
-            className: propsImplementation?.className + classNameDefault
-        });
-    };
-}
-const ClassedDynamicIgnoringProps = classedDynamic(()=>/*#__PURE__*/ React.createElement("div", {
-        as: "h2",
-        className: "bg-slate-800"
-    }));
-const ClassedDynamicUsingProps = classedDynamic((p)=>{
-    return /*#__PURE__*/ React.createElement("div", {
-        as: "h2",
-        className: `bg-slate-800 ${p?.test === "3" ? "py-3" : "px-3"}`
-    });
-});
-// type ExtractComponent<ComponentString extends string> =
-//   ComponentString extends `<${infer ComponentName} class="${infer ClassNames}`
-//     ? { name: ComponentName; className: ClassNames }
-//     : { error: "Cannot parse Component string" };
-// type ExtractedComponent<T extends string> = ExtractComponent<T>;
-function classedTaggedStatic(value = "") {
-    // @ts-expect-error we rely on correct implementation and assume it always matches
-    const componentName = value.match(/<(.*?)\s/)[1];
-    // @ts-expect-error we rely on correct implementation and assume it always matches
-    const classDefault = value.match(/class="(.+)/)[1];
-    return function(props) {
-        // @ts-expect-error no time now
-        const classCustom = props?.className ? " " + props?.className : "";
-        return /*#__PURE__*/ createElement(componentName, {
-            ...props,
-            className: classDefault + classCustom
-        });
-    }; /*  as Component; */ 
-}
-const ClassedTaggedStatic = classedTaggedStatic(`<div class="bg-teal-400`);
-export default {
-    // component: KoineDialog,
-    title: "Helpers/classed"
-};
-const Template = (args)=>{
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Classed, {
-        className: "text-yellow-200",
-        test: "0a"
-    }, "Classed taller"), /*#__PURE__*/ React.createElement(Classed, {
-        className: "text-yellow-200",
-        test: "0b"
-    }, "Classed wider"), /*#__PURE__*/ React.createElement(ClassedOriginal, {
-        className: "text-white"
-    }, "ClassedOriginal"), /*#__PURE__*/ React.createElement(ClassedBind, {
-        className: "text-white"
-    }, "ClassedBind"), /*#__PURE__*/ React.createElement(ClassedDynamicIgnoringProps, {
-        className: "text-gray-300",
-        test: "2"
-    }, "ClassedDynamicIgnoringProps"), /*#__PURE__*/ React.createElement(ClassedDynamicUsingProps, {
-        className: "text-gray-600",
-        test: "3"
-    }, "ClassedDynamicUsingProps"), /*#__PURE__*/ React.createElement(ClassedTaggedStatic, {
-        className: "text-gray-600"
-    }, "ClassedTaggedStatic"));
-};
-export const Playground = Template.bind({});
-Playground.args = {};

package/helpers/createUseMediaQueryWidth.d.ts

@@ -1,12 +0,0 @@
-import { type GetMediaQueryWidthResolversBreakpoints } from "@koine/utils/getMediaQueryWidthResolvers";
-type _MediaQuerWidthDefExplicit<TBreakpoint extends string> = `min-${TBreakpoint}` | `max-${TBreakpoint}` | `up-${TBreakpoint}` | `down-${TBreakpoint}` | `between-${TBreakpoint}_${TBreakpoint}` | `only-${TBreakpoint}`;
-export type MediaQuerWidthDef<TBreakpoint extends string> = `${TBreakpoint}` | _MediaQuerWidthDefExplicit<TBreakpoint>;
-export type MediaQueryWidth<TBreakpoint extends string> = `@${MediaQuerWidthDef<TBreakpoint>}`;
-/**
- * Use `null` instead of `false` as default value, @see https://observablehq.com/@werehamster/avoiding-hydration-mismatch-when-using-react-hooks
- *
- * @param customBreakpoints
- * @returns
- */
-export declare function createUseMediaQueryWidth<TBreakpointsConfig extends GetMediaQueryWidthResolversBreakpoints>(customBreakpoints: TBreakpointsConfig): <TBreakpoints extends Extract<keyof TBreakpointsConfig, string>>(media: `@${TBreakpoints}` | `@min-${TBreakpoints}` | `@max-${TBreakpoints}` | `@up-${TBreakpoints}` | `@down-${TBreakpoints}` | `@between-${TBreakpoints}_${TBreakpoints}` | `@only-${TBreakpoints}`, serverValue?: null | boolean) => boolean | null;
-export default createUseMediaQueryWidth;

package/helpers/createUseMediaQueryWidth.js

@@ -1,193 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    createUseMediaQueryWidth: function() {
-        return createUseMediaQueryWidth;
-    },
-    default: function() {
-        return _default //// without creator it would be:
-         //// ---------------------------------------------------------------------------
-         // import { useState, useIsomorphicLayoutEffect, useMemo } from "react";
-         // import type { Split } from "@koine/utils";
-         // import isBrowser from "@koine/utils/isBrowser";
-         // import { breakpoints as themeBreakpoints } from "@/config/theme/breakpoints";
-         // import { useIsomorphicLayoutEffect } from "../hooks/useIsomorphicLayoutEffect"
-         // type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";
-         // type Breakpoints = Record<Breakpoint, number>;
-         // type MediaQuery =
-         //   | `max:${Breakpoint}`
-         //   | `min:${Breakpoint}`
-         //   | `down:${Breakpoint}`
-         //   | `up:${Breakpoint}`
-         //   | `between:${Breakpoint}-${Breakpoint}`
-         //   | `only:${Breakpoint}`;
-         // const breakpoints: Breakpoints = {
-         //   xs: 0,
-         //   ...themeBreakpoints,
-         // };
-         // const sortedBreakpointsNames = (
-         //   Object.keys(breakpoints).map((key) => {
-         //     const br = key as keyof typeof breakpoints;
-         //     return [br, breakpoints[br]];
-         //   }) as [Breakpoint, number][]
-         // )
-         //   .sort((a, b) => a[1] - b[1])
-         //   .map((item) => item[0]);
-         // const getNextBreakpoint = (breakpoint: Breakpoint) => {
-         //   const index = sortedBreakpointsNames.indexOf(breakpoint);
-         //   return sortedBreakpointsNames[index + 1];
-         // };
-         // /**
-         //  * It behaves the same as `(min-width: ${value}px)`
-         //  * where value is the given breakpoint value.
-         //  * For ease of use this can be used both as a function `min("md")` and as an
-         //  * object literal `min.md`.
-         //  */
-         // const min = (br: Breakpoint) => `(min-width: ${breakpoints[br]}px)`;
-         // /**
-         //  * It behaves the same as `(max-width: ${value}px)`
-         //  * where value is the given breakpoint value.
-         //  * For ease of use this can be used both as a function `max("md")` and as an
-         //  * object literal `max.md`.
-         //  */
-         // const max = (br: Breakpoint) => `(max-width: ${breakpoints[br] - 0.02}px)`;
-         // /**
-         //  * It behaves the same as `min`
-         //  * @inheritdoc {max}
-         //  */
-         // const up = min;
-         // /**
-         //  * It behaves similarly to `max` but you will use the "next" breakpoint,
-         //  * specifying CSS that will apply from the given breakpoint and down.
-         //  */
-         // const down = (br: Breakpoint) => {
-         //   const brNext = getNextBreakpoint(br);
-         //   // TODO: if br does not exists otherwise throw Error
-         //   return brNext && `(max-width: ${breakpoints[brNext] - 0.02}px)`;
-         // };
-         // /**
-         //  * Media query between the two given breakpoints
-         //  */
-         // const between = (br1: Breakpoint, br2?: Breakpoint) => {
-         //   return br2
-         //     ? `(min-width: ${breakpoints[br1]}px) and (max-width: ${
-         //         breakpoints[br2] - 0.02
-         //       }px)`
-         //     : min(br1);
-         // };
-         // /**
-         //  * Media query to apply from the given breakpoint until the next, just for its
-         //  * full range
-         //  */
-         // const only = (br: Breakpoint) => {
-         //   const brNext = getNextBreakpoint(br);
-         //   return brNext ? between(br, brNext) : min(br);
-         // };
-         // const queryResolvers = {
-         //   max,
-         //   min,
-         //   down,
-         //   up,
-         //   between,
-         //   only,
-         // };
-         // export function useMqWidth(media: MediaQuery) {
-         //   const [rule = "min", ruleBreakpoint] = media.split(":") as Split<
-         //     MediaQuery,
-         //     ":"
-         //   >;
-         //   const [br1, br2] = ruleBreakpoint.split("-") as Split<
-         //     typeof ruleBreakpoint,
-         //     "-"
-         //   >;
-         //   const query = queryResolvers[rule](br1, br2);
-         //   const mq = useMemo(
-         //     () => (isBrowser ? window.matchMedia(query) : { matches: false }),
-         //     [query]
-         //   );
-         //   const [matches, setMatches] = useState(mq.matches);
-         //   useIsomorphicLayoutEffect(() => {
-         //     const mq = window.matchMedia(query);
-         //     const handleChange = (event: MediaQueryListEvent) => {
-         //       setMatches(event.matches);
-         //     };
-         //     setMatches(mq.matches);
-         //     // Safari < 14 can't use addEventListener on a MediaQueryList
-         //     // https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList#Browser_compatibility
-         //     if (!mq.addEventListener) {
-         //       // Update the state whenever the media query match state changes
-         //       mq.addListener(handleChange);
-         //       // Clean up on unmount and if the query changes
-         //       return () => {
-         //         mq.removeListener(handleChange);
-         //       };
-         //     }
-         //     mq.addEventListener("change", handleChange);
-         //     return () => {
-         //       mq.removeEventListener("change", handleChange);
-         //     };
-         //   }, [query]);
-         //   return matches;
-         // }
-        ;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _react = require("react");
-const _getMediaQueryWidthResolvers = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/getMediaQueryWidthResolvers"));
-const _isUndefined = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isUndefined"));
-const _useIsomorphicLayoutEffect = /*#__PURE__*/ _interop_require_default._(require("../hooks/useIsomorphicLayoutEffect"));
-function createUseMediaQueryWidth(customBreakpoints) {
-    const queryResolvers = (0, _getMediaQueryWidthResolvers.default)(customBreakpoints);
-    return function useMediaQueryWidth(media, serverValue) {
-        const definition = media.substring(1);
-        let [rule, ruleBreakpoint] = definition.split("-");
-        if ((0, _isUndefined.default)(ruleBreakpoint)) {
-            ruleBreakpoint = rule;
-        }
-        if ((0, _isUndefined.default)(rule)) {
-            rule = "min";
-        }
-        // with the hook creator approach these breakpoint types cannot be deduced
-        // const [br1, br2] = ruleBreakpoint.split("-") as Split<
-        //   typeof ruleBreakpoint,
-        //   "-"
-        // >;
-        const [br1, br2] = ruleBreakpoint.split("_");
-        const query = queryResolvers[rule](br1, br2);
-        const [matches, setMatches] = (0, _react.useState)((0, _isUndefined.default)(serverValue) ? null : serverValue);
-        (0, _useIsomorphicLayoutEffect.default)(()=>{
-            const mq = window.matchMedia(query);
-            const handleChange = (event)=>{
-                setMatches(event.matches);
-            };
-            setMatches(mq.matches);
-            // Safari < 14 can't use addEventListener on a MediaQueryList
-            // https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList#Browser_compatibility
-            if (!mq.addEventListener) {
-                // Update the state whenever the media query match state changes
-                mq.addListener(handleChange);
-                // Clean up on unmount and if the query changes
-                return ()=>{
-                    mq.removeListener(handleChange);
-                };
-            }
-            mq.addEventListener("change", handleChange);
-            return ()=>{
-                mq.removeEventListener("change", handleChange);
-            };
-        }, [
-            query
-        ]);
-        return matches;
-    };
-}
-const _default = createUseMediaQueryWidth;

package/helpers/createUseMediaQueryWidth.mjs

@@ -1,178 +0,0 @@
-import { useState } from "react";
-import getMediaQueryWidthResolvers from "@koine/utils/getMediaQueryWidthResolvers";
-import isUndefined from "@koine/utils/isUndefined";
-import useIsomorphicLayoutEffect from "../hooks/useIsomorphicLayoutEffect";
-/**
- * Use `null` instead of `false` as default value, @see https://observablehq.com/@werehamster/avoiding-hydration-mismatch-when-using-react-hooks
- *
- * @param customBreakpoints
- * @returns
- */ export function createUseMediaQueryWidth(customBreakpoints) {
-    const queryResolvers = getMediaQueryWidthResolvers(customBreakpoints);
-    return function useMediaQueryWidth(media, serverValue) {
-        const definition = media.substring(1);
-        let [rule, ruleBreakpoint] = definition.split("-");
-        if (isUndefined(ruleBreakpoint)) {
-            ruleBreakpoint = rule;
-        }
-        if (isUndefined(rule)) {
-            rule = "min";
-        }
-        // with the hook creator approach these breakpoint types cannot be deduced
-        // const [br1, br2] = ruleBreakpoint.split("-") as Split<
-        //   typeof ruleBreakpoint,
-        //   "-"
-        // >;
-        const [br1, br2] = ruleBreakpoint.split("_");
-        const query = queryResolvers[rule](br1, br2);
-        const [matches, setMatches] = useState(isUndefined(serverValue) ? null : serverValue);
-        useIsomorphicLayoutEffect(()=>{
-            const mq = window.matchMedia(query);
-            const handleChange = (event)=>{
-                setMatches(event.matches);
-            };
-            setMatches(mq.matches);
-            // Safari < 14 can't use addEventListener on a MediaQueryList
-            // https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList#Browser_compatibility
-            if (!mq.addEventListener) {
-                // Update the state whenever the media query match state changes
-                mq.addListener(handleChange);
-                // Clean up on unmount and if the query changes
-                return ()=>{
-                    mq.removeListener(handleChange);
-                };
-            }
-            mq.addEventListener("change", handleChange);
-            return ()=>{
-                mq.removeEventListener("change", handleChange);
-            };
-        }, [
-            query
-        ]);
-        return matches;
-    };
-}
-export default createUseMediaQueryWidth; //// without creator it would be:
- //// ---------------------------------------------------------------------------
- // import { useState, useIsomorphicLayoutEffect, useMemo } from "react";
- // import type { Split } from "@koine/utils";
- // import isBrowser from "@koine/utils/isBrowser";
- // import { breakpoints as themeBreakpoints } from "@/config/theme/breakpoints";
- // import { useIsomorphicLayoutEffect } from "../hooks/useIsomorphicLayoutEffect"
- // type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";
- // type Breakpoints = Record<Breakpoint, number>;
- // type MediaQuery =
- //   | `max:${Breakpoint}`
- //   | `min:${Breakpoint}`
- //   | `down:${Breakpoint}`
- //   | `up:${Breakpoint}`
- //   | `between:${Breakpoint}-${Breakpoint}`
- //   | `only:${Breakpoint}`;
- // const breakpoints: Breakpoints = {
- //   xs: 0,
- //   ...themeBreakpoints,
- // };
- // const sortedBreakpointsNames = (
- //   Object.keys(breakpoints).map((key) => {
- //     const br = key as keyof typeof breakpoints;
- //     return [br, breakpoints[br]];
- //   }) as [Breakpoint, number][]
- // )
- //   .sort((a, b) => a[1] - b[1])
- //   .map((item) => item[0]);
- // const getNextBreakpoint = (breakpoint: Breakpoint) => {
- //   const index = sortedBreakpointsNames.indexOf(breakpoint);
- //   return sortedBreakpointsNames[index + 1];
- // };
- // /**
- //  * It behaves the same as `(min-width: ${value}px)`
- //  * where value is the given breakpoint value.
- //  * For ease of use this can be used both as a function `min("md")` and as an
- //  * object literal `min.md`.
- //  */
- // const min = (br: Breakpoint) => `(min-width: ${breakpoints[br]}px)`;
- // /**
- //  * It behaves the same as `(max-width: ${value}px)`
- //  * where value is the given breakpoint value.
- //  * For ease of use this can be used both as a function `max("md")` and as an
- //  * object literal `max.md`.
- //  */
- // const max = (br: Breakpoint) => `(max-width: ${breakpoints[br] - 0.02}px)`;
- // /**
- //  * It behaves the same as `min`
- //  * @inheritdoc {max}
- //  */
- // const up = min;
- // /**
- //  * It behaves similarly to `max` but you will use the "next" breakpoint,
- //  * specifying CSS that will apply from the given breakpoint and down.
- //  */
- // const down = (br: Breakpoint) => {
- //   const brNext = getNextBreakpoint(br);
- //   // TODO: if br does not exists otherwise throw Error
- //   return brNext && `(max-width: ${breakpoints[brNext] - 0.02}px)`;
- // };
- // /**
- //  * Media query between the two given breakpoints
- //  */
- // const between = (br1: Breakpoint, br2?: Breakpoint) => {
- //   return br2
- //     ? `(min-width: ${breakpoints[br1]}px) and (max-width: ${
- //         breakpoints[br2] - 0.02
- //       }px)`
- //     : min(br1);
- // };
- // /**
- //  * Media query to apply from the given breakpoint until the next, just for its
- //  * full range
- //  */
- // const only = (br: Breakpoint) => {
- //   const brNext = getNextBreakpoint(br);
- //   return brNext ? between(br, brNext) : min(br);
- // };
- // const queryResolvers = {
- //   max,
- //   min,
- //   down,
- //   up,
- //   between,
- //   only,
- // };
- // export function useMqWidth(media: MediaQuery) {
- //   const [rule = "min", ruleBreakpoint] = media.split(":") as Split<
- //     MediaQuery,
- //     ":"
- //   >;
- //   const [br1, br2] = ruleBreakpoint.split("-") as Split<
- //     typeof ruleBreakpoint,
- //     "-"
- //   >;
- //   const query = queryResolvers[rule](br1, br2);
- //   const mq = useMemo(
- //     () => (isBrowser ? window.matchMedia(query) : { matches: false }),
- //     [query]
- //   );
- //   const [matches, setMatches] = useState(mq.matches);
- //   useIsomorphicLayoutEffect(() => {
- //     const mq = window.matchMedia(query);
- //     const handleChange = (event: MediaQueryListEvent) => {
- //       setMatches(event.matches);
- //     };
- //     setMatches(mq.matches);
- //     // Safari < 14 can't use addEventListener on a MediaQueryList
- //     // https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList#Browser_compatibility
- //     if (!mq.addEventListener) {
- //       // Update the state whenever the media query match state changes
- //       mq.addListener(handleChange);
- //       // Clean up on unmount and if the query changes
- //       return () => {
- //         mq.removeListener(handleChange);
- //       };
- //     }
- //     mq.addEventListener("change", handleChange);
- //     return () => {
- //       mq.removeEventListener("change", handleChange);
- //     };
- //   }, [query]);
- //   return matches;
- // }

package/helpers/extend-component.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    extendComponent: function() {
-        return extendComponent;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const extendComponent = (component, defaultProps)=>{
-    // FIXME: check if we need to forwardRef or not
-    const NewComponent = (props)=>(0, _react.createElement)(component, props);
-    // const NewComponent = forwardRef<React.ComponentProps<Component>, Component>(
-    //   (props, ref) => createElement(component, { ...props, ref })
-    // );
-    return Object.assign(NewComponent, {
-        ...defaultProps,
-        defaultProps
-    });
-};
-const _default = extendComponent;

package/helpers/extend-component.mjs

@@ -1,13 +0,0 @@
-import React, { createElement } from "react";
-export const extendComponent = (component, defaultProps)=>{
-    // FIXME: check if we need to forwardRef or not
-    const NewComponent = (props)=>createElement(component, props);
-    // const NewComponent = forwardRef<React.ComponentProps<Component>, Component>(
-    //   (props, ref) => createElement(component, { ...props, ref })
-    // );
-    return Object.assign(NewComponent, {
-        ...defaultProps,
-        defaultProps
-    });
-};
-export default extendComponent;

package/helpers/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./classed";
-export * from "./createUseMediaQueryWidth";
-export * from "./extend-component";
-export * from "./mergeRefs";

package/helpers/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./classed"), exports);
-_export_star._(require("./createUseMediaQueryWidth"), exports);
-_export_star._(require("./extend-component"), exports);
-_export_star._(require("./mergeRefs"), exports);

package/helpers/index.mjs

@@ -1,4 +0,0 @@
-export * from "./classed";
-export * from "./createUseMediaQueryWidth";
-export * from "./extend-component";
-export * from "./mergeRefs";

package/helpers/mergeRefs.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function mergeRefs<T = Element>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;
-export default mergeRefs;

package/helpers/mergeRefs.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    mergeRefs: function() {
-        return mergeRefs;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function mergeRefs(refs) {
-    return (value)=>{
-        refs.forEach((ref)=>{
-            if (typeof ref === "function") {
-                ref(value);
-            } else if (ref != null) {
-                ref.current = value;
-            }
-        });
-    };
-}
-const _default = mergeRefs;

package/helpers/mergeRefs.mjs

@@ -1,12 +0,0 @@
-export function mergeRefs(refs) {
-    return (value)=>{
-        refs.forEach((ref)=>{
-            if (typeof ref === "function") {
-                ref(value);
-            } else if (ref != null) {
-                ref.current = value;
-            }
-        });
-    };
-}
-export default mergeRefs;