@bolio-ui/core 1.1.8 → 2.0.0-alpha.1

package/esm/use-input/index.d.ts

@@ -1,3 +1,3 @@
-import useInput from "./use-input";
-export type { BindingsChangeTarget } from "./use-input";
+import useInput from './use-input';
+export type { BindingsChangeTarget } from './use-input';
 export default useInput;

package/esm/use-input/index.js

@@ -1,2 +1,3 @@
+'use client';
 import useInput from './use-input';
 export default useInput;

package/esm/use-input/use-input.d.ts

@@ -1,5 +1,5 @@
 import React, { Dispatch, MutableRefObject, SetStateAction } from 'react';
-export declare type BindingsChangeTarget = React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | string;
+export type BindingsChangeTarget = React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | string;
 declare const useInput: (initialValue: string) => {
     state: string;
     setState: Dispatch<SetStateAction<string>>;

package/esm/use-input/use-input.js

@@ -1,14 +1,12 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import useCurrentState from '../utils/use-current-state';
-
 var useInput = function useInput(initialValue) {
   var _useCurrentState = useCurrentState(initialValue),
-      _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
-      state = _useCurrentState2[0],
-      setState = _useCurrentState2[1],
-      currentRef = _useCurrentState2[2];
-
+    _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
+    state = _useCurrentState2[0],
+    setState = _useCurrentState2[1],
+    currentRef = _useCurrentState2[2];
   return {
     state: state,
     setState: setState,
@@ -28,5 +26,4 @@ var useInput = function useInput(initialValue) {
     }
   };
 };
-
 export default useInput;

package/esm/use-keyboard/codes.js

@@ -6,8 +6,8 @@
  * We inherit the KeyMod values from "microsoft/vscode",
  * but use the Browser's KeyboardEvent event implementation, and all values are used only as identification.
  */
-export var KeyCode;
 
+export var KeyCode;
 (function (KeyCode) {
   KeyCode[KeyCode["Unknown"] = 0] = "Unknown";
   KeyCode[KeyCode["Backspace"] = 8] = "Backspace";
@@ -86,9 +86,7 @@ export var KeyCode;
   KeyCode[KeyCode["Backquote"] = 192] = "Backquote";
   KeyCode[KeyCode["Backslash"] = 220] = "Backslash";
 })(KeyCode || (KeyCode = {}));
-
 export var KeyMod;
-
 (function (KeyMod) {
   KeyMod[KeyMod["CtrlCmd"] = 2048] = "CtrlCmd";
   KeyMod[KeyMod["Shift"] = 1024] = "Shift";

package/esm/use-keyboard/helper.d.ts

@@ -1,3 +1,3 @@
-import { KeyMod } from "./codes";
+import { KeyMod } from './codes';
 export declare const getCtrlKeysByPlatform: () => Record<string, 'metaKey' | 'ctrlKey'>;
 export declare const getActiveModMap: (bindings: number[]) => Record<keyof typeof KeyMod, boolean>;

package/esm/use-keyboard/helper.js

@@ -1,7 +1,7 @@
 import { isMac } from '../utils/collections';
 import { KeyMod } from './codes';
-/* istanbul ignore next */
 
+/* istanbul ignore next */
 export var getCtrlKeysByPlatform = function getCtrlKeysByPlatform() {
   return {
     CtrlCmd: isMac() ? 'metaKey' : 'ctrlKey',

package/esm/use-keyboard/index.d.ts

@@ -1,5 +1,5 @@
-import useKeyboard from "./use-keyboard";
-import { KeyMod, KeyCode } from "./codes";
+import useKeyboard from './use-keyboard';
+import { KeyMod, KeyCode } from './codes';
 export { KeyMod, KeyCode };
-export type { UseKeyboardHandler, KeyboardOptions, KeyboardResult, UseKeyboard } from "./use-keyboard";
+export type { UseKeyboardHandler, KeyboardOptions, KeyboardResult, UseKeyboard } from './use-keyboard';
 export default useKeyboard;

package/esm/use-keyboard/index.js

@@ -1,3 +1,4 @@
+'use client';
 import useKeyboard from './use-keyboard';
 import { KeyMod, KeyCode } from './codes';
 export { KeyMod, KeyCode };

package/esm/use-keyboard/use-keyboard.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-export declare type KeyboardOptions = {
+export type KeyboardOptions = {
     disableGlobalEvent?: boolean;
     stopPropagation?: boolean;
     preventDefault?: boolean;
     capture?: boolean;
     event?: 'keydown' | 'keypress' | 'keyup';
 };
-export declare type KeyboardResult = {
+export type KeyboardResult = {
     bindings: {
         onKeyDown: React.KeyboardEventHandler;
         onKeyDownCapture: React.KeyboardEventHandler;
@@ -16,7 +16,7 @@ export declare type KeyboardResult = {
         onKeyUpCapture: React.KeyboardEventHandler;
     };
 };
-export declare type UseKeyboardHandler = (event: React.KeyboardEvent | KeyboardEvent) => void;
-export declare type UseKeyboard = (handler: UseKeyboardHandler, keyBindings: Array<number> | number, options?: KeyboardOptions) => KeyboardResult;
+export type UseKeyboardHandler = (event: React.KeyboardEvent | KeyboardEvent) => void;
+export type UseKeyboard = (handler: UseKeyboardHandler, keyBindings: Array<number> | number, options?: KeyboardOptions) => KeyboardResult;
 declare const useKeyboard: UseKeyboard;
 export default useKeyboard;

package/esm/use-keyboard/use-keyboard.js

@@ -1,29 +1,26 @@
 import { KeyMod } from './codes';
 import { useEffect } from 'react';
 import { getActiveModMap, getCtrlKeysByPlatform } from './helper';
-
 var useKeyboard = function useKeyboard(handler, keyBindings) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var bindings = Array.isArray(keyBindings) ? keyBindings : [keyBindings];
   var _options$disableGloba = options.disableGlobalEvent,
-      disableGlobalEvent = _options$disableGloba === void 0 ? false : _options$disableGloba,
-      _options$capture = options.capture,
-      capture = _options$capture === void 0 ? false : _options$capture,
-      _options$stopPropagat = options.stopPropagation,
-      stopPropagation = _options$stopPropagat === void 0 ? false : _options$stopPropagat,
-      _options$preventDefau = options.preventDefault,
-      preventDefault = _options$preventDefau === void 0 ? true : _options$preventDefau,
-      _options$event = options.event,
-      event = _options$event === void 0 ? 'keydown' : _options$event;
+    disableGlobalEvent = _options$disableGloba === void 0 ? false : _options$disableGloba,
+    _options$capture = options.capture,
+    capture = _options$capture === void 0 ? false : _options$capture,
+    _options$stopPropagat = options.stopPropagation,
+    stopPropagation = _options$stopPropagat === void 0 ? false : _options$stopPropagat,
+    _options$preventDefau = options.preventDefault,
+    preventDefault = _options$preventDefau === void 0 ? true : _options$preventDefau,
+    _options$event = options.event,
+    event = _options$event === void 0 ? 'keydown' : _options$event;
   var activeModMap = getActiveModMap(bindings);
   var keyCode = bindings.filter(function (item) {
     return !KeyMod[item];
   });
-
   var _getCtrlKeysByPlatfor = getCtrlKeysByPlatform(),
-      CtrlCmd = _getCtrlKeysByPlatfor.CtrlCmd,
-      WinCtrl = _getCtrlKeysByPlatfor.WinCtrl;
-
+    CtrlCmd = _getCtrlKeysByPlatfor.CtrlCmd,
+    WinCtrl = _getCtrlKeysByPlatfor.WinCtrl;
   var eventHandler = function eventHandler(event) {
     if (activeModMap.Shift && !event.shiftKey) return;
     if (activeModMap.Alt && !event.altKey) return;
@@ -33,28 +30,22 @@ var useKeyboard = function useKeyboard(handler, keyBindings) {
       return k === event.keyCode;
     });
     if (keyCode && !hitOne) return;
-
     if (stopPropagation) {
       event.stopPropagation();
     }
-
     if (preventDefault) {
       event.preventDefault();
     }
-
     handler && handler(event);
   };
-
   useEffect(function () {
     if (!disableGlobalEvent) {
       document.addEventListener(event, eventHandler);
     }
-
     return function () {
       document.removeEventListener(event, eventHandler);
     };
   }, [disableGlobalEvent]);
-
   var elementBindingHandler = function elementBindingHandler(elementEventType) {
     var isCapture = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (elementEventType !== event) return function () {};
@@ -63,7 +54,6 @@ var useKeyboard = function useKeyboard(handler, keyBindings) {
       return eventHandler(e);
     };
   };
-
   return {
     bindings: {
       onKeyDown: elementBindingHandler('keydown'),
@@ -75,5 +65,4 @@ var useKeyboard = function useKeyboard(handler, keyBindings) {
     }
   };
 };
-
 export default useKeyboard;

package/esm/use-media-query/index.d.ts

@@ -1,3 +1,3 @@
-import useMediaQuery from "./use-media-query";
-export type { ResponsiveBreakpoint, ResponsiveOptions } from "./use-media-query";
+import useMediaQuery from './use-media-query';
+export type { ResponsiveBreakpoint, ResponsiveOptions } from './use-media-query';
 export default useMediaQuery;

package/esm/use-media-query/index.js

@@ -1,2 +1,3 @@
+'use client';
 import useMediaQuery from './use-media-query';
 export default useMediaQuery;

package/esm/use-media-query/use-media-query.d.ts

@@ -1,8 +1,8 @@
 declare const breakpoints: ["xs", "sm", "md", "lg", "xl", "mobile"];
-export declare type ResponsiveBreakpoint = typeof breakpoints[number];
+export type ResponsiveBreakpoint = typeof breakpoints[number];
 declare const matchType: ["up", "down", "default"];
-export declare type ResponsiveMatchType = typeof matchType[number];
-export declare type ResponsiveOptions = {
+export type ResponsiveMatchType = typeof matchType[number];
+export type ResponsiveOptions = {
     match?: ResponsiveMatchType;
     ssrMatchMedia?: (query: string) => {
         matches: boolean;

package/esm/use-media-query/use-media-query.js

@@ -7,14 +7,12 @@ var matchType = tuple('up', 'down', 'default');
 var defaultResponsiveOptions = {
   match: 'default'
 };
-
 var makeQueries = function makeQueries(bp, up, down) {
   var queryString = function queryString(item) {
     var upQuery = "(min-width: ".concat(item.min, ")");
     var downQuery = "(max-width: ".concat(item.max, ")");
     return up ? upQuery : down ? downQuery : "".concat(upQuery, " and ").concat(downQuery);
   };
-
   var xs = queryString(bp.xs);
   return {
     xs: xs,
@@ -25,13 +23,12 @@ var makeQueries = function makeQueries(bp, up, down) {
     xl: queryString(bp.xl)
   };
 };
-
 var useMediaQuery = function useMediaQuery(breakpoint) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultResponsiveOptions;
   var _options$match = options.match,
-      matchType = _options$match === void 0 ? 'default' : _options$match,
-      _options$ssrMatchMedi = options.ssrMatchMedia,
-      ssrMatchMedia = _options$ssrMatchMedi === void 0 ? null : _options$ssrMatchMedi;
+    matchType = _options$match === void 0 ? 'default' : _options$match,
+    _options$ssrMatchMedi = options.ssrMatchMedia,
+    ssrMatchMedia = _options$ssrMatchMedi === void 0 ? null : _options$ssrMatchMedi;
   var supportMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
   var theme = useTheme();
   var mediaQueries = useMemo(function () {
@@ -42,43 +39,36 @@ var useMediaQuery = function useMediaQuery(breakpoint) {
   var query = useMemo(function () {
     return mediaQueries[breakpoint];
   }, [mediaQueries, breakpoint]);
-
   var matchQuery = function matchQuery(q) {
     return window.matchMedia(q);
   };
+
   /**
    * Do nothing in the server-side rendering.
    * If server match query fucntion is simulated, return user-defined value first.
    */
-
-
   var _useState = useState(function () {
-    if (supportMedia) return matchQuery(query).matches;
-
-    if (ssrMatchMedia && typeof ssrMatchMedia === 'function') {
-      return ssrMatchMedia(query).matches;
-    }
-
-    return false;
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      if (supportMedia) return matchQuery(query).matches;
+      if (ssrMatchMedia && typeof ssrMatchMedia === 'function') {
+        return ssrMatchMedia(query).matches;
+      }
+      return false;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   useEffect(function () {
     if (!supportMedia) return;
     var queryList = matchQuery(query);
-
     var update = function update() {
       return setState(matchQuery(query).matches);
     };
-
     update();
+
     /**
      * addListener is deprecated. EventTarget.addEventListener is recommended.
      * But in some old browsers, MediaQueryList does not inherit from EventTarget.
      */
-
     queryList.addListener(update);
     return function () {
       queryList.removeListener(update);
@@ -86,5 +76,4 @@ var useMediaQuery = function useMediaQuery(breakpoint) {
   }, [query, supportMedia]);
   return state;
 };
-
 export default useMediaQuery;

package/esm/use-modal/index.d.ts

@@ -1,3 +1,3 @@
-import useModal from "./use-modal";
-export type { ModalHooksBindings } from "./use-modal";
+import useModal from './use-modal';
+export type { ModalHooksBindings } from './use-modal';
 export default useModal;

package/esm/use-modal/index.js

@@ -1,2 +1,3 @@
+'use client';
 import useModal from './use-modal';
 export default useModal;

package/esm/use-modal/use-modal.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, MutableRefObject, SetStateAction } from 'react';
-import { ModalProps } from "../Modal";
-export declare type ModalHooksBindings = Pick<ModalProps, 'visible' | 'onClose'>;
+import { ModalProps } from '../Modal';
+export type ModalHooksBindings = Pick<ModalProps, 'visible' | 'onClose'>;
 declare const useModal: (initialVisible?: boolean) => {
     visible: boolean;
     setVisible: Dispatch<SetStateAction<boolean>>;

package/esm/use-modal/use-modal.js

@@ -1,15 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import useCurrentState from '../utils/use-current-state';
-
 var useModal = function useModal() {
   var initialVisible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-
   var _useCurrentState = useCurrentState(initialVisible),
-      _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
-      visible = _useCurrentState2[0],
-      setVisible = _useCurrentState2[1],
-      currentRef = _useCurrentState2[2];
-
+    _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
+    visible = _useCurrentState2[0],
+    setVisible = _useCurrentState2[1],
+    currentRef = _useCurrentState2[2];
   return {
     visible: visible,
     setVisible: setVisible,
@@ -22,5 +19,4 @@ var useModal = function useModal() {
     }
   };
 };
-
 export default useModal;

package/esm/use-scale/index.d.ts

@@ -1,6 +1,6 @@
-import withScale from "./with-scale";
-import { useScale } from "./scale-context";
-export * from "./utils";
-export * from "./scale-context";
+import withScale from './with-scale';
+import { useScale } from './scale-context';
+export * from './utils';
+export * from './scale-context';
 export default useScale;
 export { withScale };

package/esm/use-scale/index.js

@@ -1,3 +1,4 @@
+'use client';
 import withScale from './with-scale';
 import { useScale } from './scale-context';
 export * from './utils';

package/esm/use-scale/scale-context.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const ScalePropKeys: string[];
-export declare type ScaleProps = {
+export type ScaleProps = {
     width?: string | number;
     height?: string | number;
     padding?: string | number;
@@ -31,13 +31,13 @@ export declare type ScaleProps = {
     unit?: string;
     scale?: number;
 };
-export declare type DynamicLayoutPipe = (scale1x: number, defaultValue?: string | number) => string;
-export declare type ScaleInputKeys = 'pl' | 'pr' | 'pt' | 'pb' | 'px' | 'py' | 'ml' | 'mr' | 'mt' | 'mb' | 'mx' | 'my' | 'width' | 'height' | 'font';
-export declare type DynamicScales = {
+export type DynamicLayoutPipe = (scale1x: number, defaultValue?: string | number) => string;
+export type ScaleInputKeys = 'pl' | 'pr' | 'pt' | 'pb' | 'px' | 'py' | 'ml' | 'mr' | 'mt' | 'mb' | 'mx' | 'my' | 'width' | 'height' | 'font';
+export type DynamicScales = {
     [key in ScaleInputKeys]: DynamicLayoutPipe;
 };
-export declare type GetScalePropsFunction = (key: keyof ScaleProps | Array<keyof ScaleProps>) => ScaleProps[keyof ScaleProps];
-export declare type GetAllScalePropsFunction = () => ScaleProps;
+export type GetScalePropsFunction = (key: keyof ScaleProps | Array<keyof ScaleProps>) => ScaleProps[keyof ScaleProps];
+export type GetAllScalePropsFunction = () => ScaleProps;
 export interface ScaleConfig {
     SCALES: DynamicScales;
     getScaleProps: GetScalePropsFunction;

package/esm/use-scale/scale-context.js

@@ -1,10 +1,8 @@
 import React from 'react';
 export var ScalePropKeys = ['width', 'height', 'padding', 'margin', 'w', 'h', 'paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom', 'pl', 'pr', 'pt', 'pb', 'marginLeft', 'marginRight', 'marginTop', 'marginBottom', 'ml', 'mr', 'mt', 'mb', 'px', 'py', 'mx', 'my', 'font', 'unit', 'scale'];
-
 var defaultDynamicLayoutPipe = function defaultDynamicLayoutPipe(scale1x) {
   return "".concat(scale1x);
 };
-
 var defaultContext = {
   getScaleProps: function getScaleProps() {
     return undefined;

package/esm/use-scale/utils.d.ts

@@ -1,3 +1,3 @@
-import { GetAllScalePropsFunction, GetScalePropsFunction, ScaleProps } from "./scale-context";
+import { GetAllScalePropsFunction, GetScalePropsFunction, ScaleProps } from './scale-context';
 export declare const generateGetScaleProps: <P>(props: P & ScaleProps) => GetScalePropsFunction;
 export declare const generateGetAllScaleProps: <P>(props: P & ScaleProps) => GetAllScalePropsFunction;

package/esm/use-scale/utils.js

@@ -1,23 +1,17 @@
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
 import { ScalePropKeys } from './scale-context';
 export var generateGetScaleProps = function generateGetScaleProps(props) {
   var getScaleProps = function getScaleProps(keyOrKeys) {
     if (!Array.isArray(keyOrKeys)) return props[keyOrKeys];
     var value = undefined;
-
     var _iterator = _createForOfIteratorHelper(keyOrKeys),
-        _step;
-
+      _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var key = _step.value;
         var currentValue = props[key];
-
         if (typeof currentValue !== 'undefined') {
           value = currentValue;
         }
@@ -27,24 +21,19 @@ export var generateGetScaleProps = function generateGetScaleProps(props) {
     } finally {
       _iterator.f();
     }
-
     return value;
   };
-
   return getScaleProps;
 };
 export var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
   var getAllScaleProps = function getAllScaleProps() {
     var scaleProps = {};
-
     var _iterator2 = _createForOfIteratorHelper(ScalePropKeys),
-        _step2;
-
+      _step2;
     try {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
         var key = _step2.value;
         var value = props[key];
-
         if (typeof value !== 'undefined') {
           scaleProps[key] = value;
         }
@@ -54,9 +43,7 @@ export var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
     } finally {
       _iterator2.f();
     }
-
     return scaleProps;
   };
-
   return getAllScaleProps;
 };

package/esm/use-scale/with-scale.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
-import { ScaleProps } from "./scale-context";
-declare const withScale: <T, P = {}>(Render: React.ComponentType<P & {
-    ref?: React.Ref<T> | undefined;
-}>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P & ScaleProps> & React.RefAttributes<T>>;
+import { ScaleProps } from './scale-context';
+export type ScaleComponent<T, P> = React.ForwardRefExoticComponent<React.PropsWithoutRef<React.PropsWithChildren<P & ScaleProps>> & React.RefAttributes<T>>;
+declare function withScale<T, P = {}>(Render: React.ComponentType<P & {
+    ref?: React.Ref<T>;
+}>): ScaleComponent<T, P>;
+declare function withScale<T, P = {}>(Render: React.ForwardRefExoticComponent<P & React.RefAttributes<T>>): ScaleComponent<T, P>;
 export default withScale;