@neko-os/ui 0.2.3 → 0.3.0

package/dist/modifiers/animations/scaleEffect.js

@@ -1 +1,46 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["scale"];import React from'react';import{flattenStyle}from"../_helpers";var DEFAULT_EFFECT={duration:300,initialScale:0};export function useScaleEffect(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],scale=_ref2$.scale,props=_objectWithoutProperties(_ref2$,_excluded);if(scale===true)scale=DEFAULT_EFFECT;if(!!scale)scale=Object.assign({},DEFAULT_EFFECT,scale);var _ref3=scale||{},duration=_ref3.duration,initialScale=_ref3.initialScale;var open=values.open,useRegisterEffect=values.useRegisterEffect,useAddTransition=values.useAddTransition;var _React$useState=React.useState(`scale(${initialScale})`),_React$useState2=_slicedToArray(_React$useState,2),transform=_React$useState2[0],setTransform=_React$useState2[1];useRegisterEffect(scale);useAddTransition(scale,`transform ${duration}ms ease-in-out`);React.useEffect(function(){if(!scale)return;if(open){setTransform(`scale(${initialScale})`);requestAnimationFrame(function(){requestAnimationFrame(function(){setTransform('scale(1)');});});}else{setTransform(`scale(${initialScale})`);}},[open]);if(!scale)return[values,props];var style={transform:transform};return[values,Object.assign({},props,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["scale"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}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;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import React from 'react';
+import { flattenStyle } from "../_helpers";
+
+var DEFAULT_EFFECT = { duration: 300, initialScale: 0 };
+
+export function useScaleEffect(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],_ref2$ = _ref2[1],scale = _ref2$.scale,props = _objectWithoutProperties(_ref2$, _excluded);
+  if (scale === true) scale = DEFAULT_EFFECT;
+  if (!!scale) scale = Object.assign({}, DEFAULT_EFFECT, scale);
+  var _ref3 = scale || {},duration = _ref3.duration,initialScale = _ref3.initialScale;
+  var open = values.open,useRegisterEffect = values.useRegisterEffect,useAddTransition = values.useAddTransition;
+  var _React$useState = React.useState(`scale(${initialScale})`),_React$useState2 = _slicedToArray(_React$useState, 2),transform = _React$useState2[0],setTransform = _React$useState2[1];
+
+  useRegisterEffect(scale);
+  useAddTransition(scale, `transform ${duration}ms ease-in-out`);
+
+  React.useEffect(function () {
+    if (!scale) return;
+
+    if (open) {
+      setTransform(`scale(${initialScale})`);
+
+      requestAnimationFrame(function () {
+        requestAnimationFrame(function () {
+          setTransform('scale(1)');
+        });
+      });
+    } else {
+      setTransform(`scale(${initialScale})`);
+    }
+  }, [open]);
+
+  if (!scale) return [values, props];
+
+  var style = { transform: transform };
+
+  return [
+  values, Object.assign({},
+
+  props, {
+    style: Object.assign({},
+    flattenStyle(props.style),
+    style) })];
+
+
+
+}

package/dist/modifiers/animations/scaleEffect.native.js

@@ -1 +1,33 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["scale"];import{useSharedValue,withTiming,useAnimatedStyle}from'react-native-reanimated';import React from'react';var DEFAULT_EFFECT={duration:300,initialScale:0};export function useScaleEffect(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],scale=_ref2$.scale,props=_objectWithoutProperties(_ref2$,_excluded);if(scale===true)scale=DEFAULT_EFFECT;if(!!scale)scale=Object.assign({},DEFAULT_EFFECT,scale);var _ref3=scale||{},duration=_ref3.duration,initialScale=_ref3.initialScale;var open=values.open,useRegisterEffect=values.useRegisterEffect;var scaleValue=useSharedValue(initialScale);useRegisterEffect(scale);React.useEffect(function(){if(!scale)return;if(open){scaleValue.value=initialScale;scaleValue.value=withTiming(1,{duration:duration});}else{scaleValue.value=withTiming(initialScale,{duration:duration});}},[open]);var animatedStyle=useAnimatedStyle(function(){return{transform:[{scale:scaleValue.value}]};});if(!scale)return[values,props];return[values,Object.assign({},props,{animatedStyles:[].concat(_toConsumableArray(props.animatedStyles),[animatedStyle])})];}
+var _excluded = ["scale"];function _toConsumableArray(r) {return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();}function _nonIterableSpread() {throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArray(r) {if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);}function _arrayWithoutHoles(r) {if (Array.isArray(r)) return _arrayLikeToArray(r);}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}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;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { useSharedValue, withTiming, useAnimatedStyle } from 'react-native-reanimated';
+import React from 'react';
+
+var DEFAULT_EFFECT = { duration: 300, initialScale: 0 };
+
+export function useScaleEffect(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],_ref2$ = _ref2[1],scale = _ref2$.scale,props = _objectWithoutProperties(_ref2$, _excluded);
+  if (scale === true) scale = DEFAULT_EFFECT;
+  if (!!scale) scale = Object.assign({}, DEFAULT_EFFECT, scale);
+  var _ref3 = scale || {},duration = _ref3.duration,initialScale = _ref3.initialScale;
+  var open = values.open,useRegisterEffect = values.useRegisterEffect;
+  var scaleValue = useSharedValue(initialScale);
+
+  useRegisterEffect(scale);
+
+  React.useEffect(function () {
+    if (!scale) return;
+
+    if (open) {
+      scaleValue.value = initialScale;
+      scaleValue.value = withTiming(1, { duration: duration });
+    } else {
+      scaleValue.value = withTiming(initialScale, { duration: duration });
+    }
+  }, [open]);
+
+  var animatedStyle = useAnimatedStyle(function () {
+    return { transform: [{ scale: scaleValue.value }] };
+  });
+
+  if (!scale) return [values, props];
+
+  return [values, Object.assign({}, props, { animatedStyles: [].concat(_toConsumableArray(props.animatedStyles), [animatedStyle]) })];
+}

package/dist/modifiers/animations/scrollEffect.web.js

@@ -1 +1,3 @@
-import{useScrollEffect as useScrollEffectNative}from"./scrollEffect.native";export var useScrollEffect=useScrollEffectNative;
+import { useScrollEffect as useScrollEffectNative } from "./scrollEffect.native";
+
+export var useScrollEffect = useScrollEffectNative;

package/dist/modifiers/animations/slideEffect.js

@@ -1 +1,64 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["slide"];import React from'react';import{flattenStyle}from"../_helpers";var DEFAULT_EFFECT={duration:400,from:'top'};export function useSlideEffect(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],slide=_ref2$.slide,props=_objectWithoutProperties(_ref2$,_excluded);if(slide===true)slide=DEFAULT_EFFECT;if(!!slide)slide=Object.assign({},DEFAULT_EFFECT,slide);var _ref3=slide||{},duration=_ref3.duration,from=_ref3.from,distance=_ref3.distance;var open=values.open,useRegisterEffect=values.useRegisterEffect,useAddTransition=values.useAddTransition;var initialValue=React.useMemo(function(){var w=window.innerWidth;var h=window.innerHeight;switch(from){case'left':return`translateX(-${distance||w}px)`;case'right':return`translateX(${distance||w}px)`;case'top':return`translateY(-${distance||h}px)`;case'bottom':return`translateY(${distance||h}px)`;default:return`translateX(-${distance||w}px)`;}},[distance,from]);var _React$useState=React.useState(initialValue),_React$useState2=_slicedToArray(_React$useState,2),transform=_React$useState2[0],setTransform=_React$useState2[1];useRegisterEffect(slide);useAddTransition(slide,`transform ${duration}ms ease-in-out`);React.useLayoutEffect(function(){if(!slide)return;if(open){setTransform(initialValue);requestAnimationFrame(function(){requestAnimationFrame(function(){setTransform('translateY(0)');});});}else{setTransform(initialValue);}},[open]);if(!slide)return[values,props];var style={transform:transform};return[values,Object.assign({},props,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["slide"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}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;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import React from 'react';
+import { flattenStyle } from "../_helpers";
+
+var DEFAULT_EFFECT = { duration: 400, from: 'top' };
+
+export function useSlideEffect(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],_ref2$ = _ref2[1],slide = _ref2$.slide,props = _objectWithoutProperties(_ref2$, _excluded);
+  if (slide === true) slide = DEFAULT_EFFECT;
+  if (!!slide) slide = Object.assign({}, DEFAULT_EFFECT, slide);
+  var _ref3 = slide || {},duration = _ref3.duration,from = _ref3.from,distance = _ref3.distance;
+  var open = values.open,useRegisterEffect = values.useRegisterEffect,useAddTransition = values.useAddTransition;
+
+  var initialValue = React.useMemo(function () {
+    var w = window.innerWidth;
+    var h = window.innerHeight;
+
+    switch (from) {
+      case 'left':
+        return `translateX(-${distance || w}px)`;
+      case 'right':
+        return `translateX(${distance || w}px)`;
+      case 'top':
+        return `translateY(-${distance || h}px)`;
+      case 'bottom':
+        return `translateY(${distance || h}px)`;
+      default:
+        return `translateX(-${distance || w}px)`;
+    }
+  }, [distance, from]);
+
+  var _React$useState = React.useState(initialValue),_React$useState2 = _slicedToArray(_React$useState, 2),transform = _React$useState2[0],setTransform = _React$useState2[1];
+
+  useRegisterEffect(slide);
+  useAddTransition(slide, `transform ${duration}ms ease-in-out`);
+
+  React.useLayoutEffect(function () {
+    if (!slide) return;
+    if (open) {
+      setTransform(initialValue);
+
+      requestAnimationFrame(function () {
+        requestAnimationFrame(function () {
+          setTransform('translateY(0)');
+        });
+      });
+    } else {
+      setTransform(initialValue);
+    }
+  }, [open]);
+
+  if (!slide) return [values, props];
+
+  var style = { transform: transform };
+
+  return [
+  values, Object.assign({},
+
+  props, {
+    style: Object.assign({},
+    flattenStyle(props.style),
+    style) })];
+
+
+
+}

package/dist/modifiers/animations/slideEffect.native.js

@@ -1 +1,53 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["slide"];import{Dimensions}from"react-native-web";import{useSharedValue,withTiming,useAnimatedStyle}from'react-native-reanimated';import React from'react';var DEFAULT_EFFECT={duration:400,from:'top'};var _Dimensions$get=Dimensions.get('window'),width=_Dimensions$get.width,height=_Dimensions$get.height;export function useSlideEffect(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],slide=_ref2$.slide,props=_objectWithoutProperties(_ref2$,_excluded);if(slide===true)slide=DEFAULT_EFFECT;if(!!slide)slide=Object.assign({},DEFAULT_EFFECT,slide);var _ref3=slide||{},duration=_ref3.duration,from=_ref3.from,distance=_ref3.distance;var open=values.open,useRegisterEffect=values.useRegisterEffect;useRegisterEffect(slide);var initialValue=React.useMemo(function(){switch(from){case'left':return-(distance||width);case'right':return distance||width;case'top':return-(distance||height);case'bottom':return distance||height;default:return-(distance||width);}},[from,distance,width,height]);var translate=useSharedValue(open?0:initialValue);React.useEffect(function(){if(!slide)return;if(open){translate.value=initialValue;translate.value=withTiming(0,{duration:duration});}else{translate.value=withTiming(initialValue,{duration:duration});}},[open]);var animatedStyle=useAnimatedStyle(function(){var transform=from==='left'||from==='right'?[{translateX:translate.value}]:[{translateY:translate.value}];return{transform:transform};});if(!slide)return[values,props];return[values,Object.assign({},props,{animatedStyles:[].concat(_toConsumableArray(props.animatedStyles),[animatedStyle])})];}
+var _excluded = ["slide"];function _toConsumableArray(r) {return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();}function _nonIterableSpread() {throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArray(r) {if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);}function _arrayWithoutHoles(r) {if (Array.isArray(r)) return _arrayLikeToArray(r);}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}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;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { Dimensions } from "react-native-web";
+import { useSharedValue, withTiming, useAnimatedStyle } from 'react-native-reanimated';
+import React from 'react';
+
+var DEFAULT_EFFECT = { duration: 400, from: 'top' };
+var _Dimensions$get = Dimensions.get('window'),width = _Dimensions$get.width,height = _Dimensions$get.height;
+
+export function useSlideEffect(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],_ref2$ = _ref2[1],slide = _ref2$.slide,props = _objectWithoutProperties(_ref2$, _excluded);
+  if (slide === true) slide = DEFAULT_EFFECT;
+  if (!!slide) slide = Object.assign({}, DEFAULT_EFFECT, slide);
+  var _ref3 = slide || {},duration = _ref3.duration,from = _ref3.from,distance = _ref3.distance;
+  var open = values.open,useRegisterEffect = values.useRegisterEffect;
+
+  useRegisterEffect(slide);
+
+  var initialValue = React.useMemo(function () {
+    switch (from) {
+      case 'left':
+        return -(distance || width);
+      case 'right':
+        return distance || width;
+      case 'top':
+        return -(distance || height);
+      case 'bottom':
+        return distance || height;
+      default:
+        return -(distance || width);
+    }
+  }, [from, distance, width, height]);
+
+  var translate = useSharedValue(open ? 0 : initialValue);
+
+  React.useEffect(function () {
+    if (!slide) return;
+
+    if (open) {
+      translate.value = initialValue;
+      translate.value = withTiming(0, { duration: duration });
+    } else {
+      translate.value = withTiming(initialValue, { duration: duration });
+    }
+  }, [open]);
+
+  var animatedStyle = useAnimatedStyle(function () {
+    var transform =
+    from === 'left' || from === 'right' ? [{ translateX: translate.value }] : [{ translateY: translate.value }];
+    return { transform: transform };
+  });
+
+  if (!slide) return [values, props];
+
+  return [values, Object.assign({}, props, { animatedStyles: [].concat(_toConsumableArray(props.animatedStyles), [animatedStyle]) })];
+}

package/dist/modifiers/animations/slideEffect.web.js

@@ -1 +1,3 @@
-import{useSlideEffect as useSlideEffectNative}from"./slideEffect.native";export var useSlideEffect=useSlideEffectNative;
+import { useSlideEffect as useSlideEffectNative } from "./slideEffect.native";
+
+export var useSlideEffect = useSlideEffectNative;

package/dist/modifiers/applyStyles.js

@@ -1 +1,7 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["style"];import{curry}from'ramda';import{clearProps}from"./_helpers";export var useApplyStyles=curry(function(customStyle,_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],style=_ref2$.style,props=_objectWithoutProperties(_ref2$,_excluded);return[values,Object.assign({},props,{style:Object.assign({},style,clearProps(customStyle))})];});
+var _excluded = ["style"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}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;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { curry } from 'ramda';
+
+import { clearProps } from "./_helpers";
+
+export var useApplyStyles = curry(function (customStyle, _ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],_ref2$ = _ref2[1],style = _ref2$.style,props = _objectWithoutProperties(_ref2$, _excluded);
+  return [values, Object.assign({}, props, { style: Object.assign({}, style, clearProps(customStyle)) })];
+});

package/dist/modifiers/background.js

@@ -1 +1,34 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["bg","colors","background","backgroundColor"];import{is}from'ramda';import{clearProps,flattenStyle}from"./_helpers";import{useGetColor}from"../theme/ThemeHandler";export function useBackgroundModifier(_ref){var _colors;var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getColor=useGetColor();var bg=props.bg,colors=props.colors,background=props.background,backgroundColor=props.backgroundColor,restProps=_objectWithoutProperties(props,_excluded);var gradientColors=[];if(is(Array,bg)||!!((_colors=colors)!=null&&_colors.length)){colors=colors||bg||[];gradientColors=colors.map(getColor);var angle=restProps.angle||45;background=`linear-gradient(${angle}deg, ${gradientColors.join(', ')})`;}else{var _ref3;backgroundColor=getColor((_ref3=bg!=null?bg:background)!=null?_ref3:backgroundColor);}var pointerEvents=props.pointerEvents;var style=clearProps({background:background,backgroundColor:backgroundColor,pointerEvents:pointerEvents});return[Object.assign({gradientColors:gradientColors},values),Object.assign({},restProps,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["bg", "colors", "background", "backgroundColor"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}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;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { is } from 'ramda';
+
+import { clearProps, flattenStyle } from "./_helpers";
+import { useGetColor } from "../theme/ThemeHandler";
+
+export function useBackgroundModifier(_ref) {var _colors;var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var getColor = useGetColor();
+  var bg = props.bg,colors = props.colors,background = props.background,backgroundColor = props.backgroundColor,restProps = _objectWithoutProperties(props, _excluded);
+  var gradientColors = [];
+
+  if (is(Array, bg) || !!((_colors = colors) != null && _colors.length)) {
+    colors = colors || bg || [];
+    gradientColors = colors.map(getColor);
+    var angle = restProps.angle || 45;
+    background = `linear-gradient(${angle}deg, ${gradientColors.join(', ')})`;
+  } else {var _ref3;
+    backgroundColor = getColor((_ref3 = bg != null ? bg : background) != null ? _ref3 : backgroundColor);
+  }
+
+  var pointerEvents = props.pointerEvents;
+
+  var style = clearProps({ background: background, backgroundColor: backgroundColor, pointerEvents: pointerEvents });
+
+  return [Object.assign({
+    gradientColors: gradientColors }, values), Object.assign({},
+
+  restProps, {
+    style: Object.assign({},
+    flattenStyle(props.style),
+    style) })];
+
+
+
+}

package/dist/modifiers/border.js

@@ -1 +1,86 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["br","brT","borderRadiusT","brB","borderRadiusB","brL","borderRadiusL","brR","borderRadiusR","borderRadius","borderStyle","borderT","borderB","borderL","borderR","border","borderColor","brColor","round"];import{clearProps,flattenStyle}from"./_helpers";import{useGetColor,useGetRadius}from"../theme/ThemeHandler";export function useBorderModifier(_ref){var _ref3,_ref4,_ref5,_ref6,_ref7,_ref8,_ref9,_ref0,_ref1,_ref10,_ref11,_ref12,_ref13,_ref14,_ref15,_ref16,_borderColor;var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getRadius=useGetRadius();var getColor=useGetColor();var br=props.br,brT=props.brT,borderRadiusT=props.borderRadiusT,brB=props.brB,borderRadiusB=props.borderRadiusB,brL=props.brL,borderRadiusL=props.borderRadiusL,brR=props.brR,borderRadiusR=props.borderRadiusR,borderRadius=props.borderRadius,borderStyle=props.borderStyle,borderT=props.borderT,borderB=props.borderB,borderL=props.borderL,borderR=props.borderR,border=props.border,borderColor=props.borderColor,brColor=props.brColor,round=props.round,restProps=_objectWithoutProperties(props,_excluded);if(!!round)br=1000;var borderTopRightRadius=getRadius((_ref3=(_ref4=(_ref5=(_ref6=brT!=null?brT:borderRadiusT)!=null?_ref6:brR)!=null?_ref5:borderRadiusR)!=null?_ref4:borderRadius)!=null?_ref3:br);var borderTopLeftRadius=getRadius((_ref7=(_ref8=(_ref9=(_ref0=brT!=null?brT:borderRadiusT)!=null?_ref0:brL)!=null?_ref9:borderRadiusL)!=null?_ref8:borderRadius)!=null?_ref7:br);var borderBottomRightRadius=getRadius((_ref1=(_ref10=(_ref11=(_ref12=brB!=null?brB:borderRadiusB)!=null?_ref12:brR)!=null?_ref11:borderRadiusR)!=null?_ref10:borderRadius)!=null?_ref1:br);var borderBottomLeftRadius=getRadius((_ref13=(_ref14=(_ref15=(_ref16=brB!=null?brB:borderRadiusB)!=null?_ref16:brL)!=null?_ref15:borderRadiusL)!=null?_ref14:borderRadius)!=null?_ref13:br);borderStyle=borderStyle;if(border===true)border=1;if(borderT===true)borderT=1;if(borderR===true)borderR=1;if(borderB===true)borderB=1;if(borderL===true)borderL=1;var borderTopWidth=borderT||border||0;var borderBottomWidth=borderB||border||0;var borderLeftWidth=borderL||border||0;var borderRightWidth=borderR||border||0;var hasBorder=borderTopWidth||borderBottomWidth||borderLeftWidth||borderRightWidth;if(!!hasBorder){borderStyle='solid';if(!borderColor&&!brColor)brColor='divider';}if(!!borderColor||!!brColor)borderColor=getColor((_borderColor=borderColor)!=null?_borderColor:brColor);var style=clearProps({borderStyle:borderStyle,borderTopRightRadius:borderTopRightRadius,borderTopLeftRadius:borderTopLeftRadius,borderBottomRightRadius:borderBottomRightRadius,borderBottomLeftRadius:borderBottomLeftRadius,borderColor:borderColor,borderTopWidth:borderTopWidth,borderBottomWidth:borderBottomWidth,borderLeftWidth:borderLeftWidth,borderRightWidth:borderRightWidth});return[values,Object.assign({},restProps,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["br", "brT", "borderRadiusT", "brB", "borderRadiusB", "brL", "borderRadiusL", "brR", "borderRadiusR", "borderRadius", "borderStyle", "borderT", "borderB", "borderL", "borderR", "border", "borderColor", "brColor", "round"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}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;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { clearProps, flattenStyle } from "./_helpers";
+import { useGetColor, useGetRadius, useTheme } from "../theme/ThemeHandler";
+
+function resolveBorderWidth(value, theme) {var _theme$baseBorderWidt;
+  var base = (_theme$baseBorderWidt = theme.baseBorderWidth) != null ? _theme$baseBorderWidt : 1;
+  if (value === 'overlayDivider') return theme.useOverlayDivider ? base : 0;
+  if (value === true) return base;
+  return value;
+}
+
+export function useBorderModifier(_ref) {var _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref0, _ref1, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _borderColor;var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var getRadius = useGetRadius();
+  var getColor = useGetColor();
+  var theme = useTheme();
+  var
+    br =
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    props.br,brT = props.brT,borderRadiusT = props.borderRadiusT,brB = props.brB,borderRadiusB = props.borderRadiusB,brL = props.brL,borderRadiusL = props.borderRadiusL,brR = props.brR,borderRadiusR = props.borderRadiusR,borderRadius = props.borderRadius,borderStyle = props.borderStyle,borderT = props.borderT,borderB = props.borderB,borderL = props.borderL,borderR = props.borderR,border = props.border,borderColor = props.borderColor,brColor = props.brColor,round = props.round,restProps = _objectWithoutProperties(props, _excluded);
+
+  if (!!round) br = 1000;
+
+  var borderTopRightRadius = getRadius((_ref3 = (_ref4 = (_ref5 = (_ref6 = brT != null ? brT : borderRadiusT) != null ? _ref6 : brR) != null ? _ref5 : borderRadiusR) != null ? _ref4 : borderRadius) != null ? _ref3 : br);
+  var borderTopLeftRadius = getRadius((_ref7 = (_ref8 = (_ref9 = (_ref0 = brT != null ? brT : borderRadiusT) != null ? _ref0 : brL) != null ? _ref9 : borderRadiusL) != null ? _ref8 : borderRadius) != null ? _ref7 : br);
+  var borderBottomRightRadius = getRadius((_ref1 = (_ref10 = (_ref11 = (_ref12 = brB != null ? brB : borderRadiusB) != null ? _ref12 : brR) != null ? _ref11 : borderRadiusR) != null ? _ref10 : borderRadius) != null ? _ref1 : br);
+  var borderBottomLeftRadius = getRadius((_ref13 = (_ref14 = (_ref15 = (_ref16 = brB != null ? brB : borderRadiusB) != null ? _ref16 : brL) != null ? _ref15 : borderRadiusL) != null ? _ref14 : borderRadius) != null ? _ref13 : br);
+
+  border = resolveBorderWidth(border, theme);
+  borderT = resolveBorderWidth(borderT, theme);
+  borderR = resolveBorderWidth(borderR, theme);
+  borderB = resolveBorderWidth(borderB, theme);
+  borderL = resolveBorderWidth(borderL, theme);
+  var borderTopWidth = borderT || border || 0;
+  var borderBottomWidth = borderB || border || 0;
+  var borderLeftWidth = borderL || border || 0;
+  var borderRightWidth = borderR || border || 0;
+  var hasBorder = borderTopWidth || borderBottomWidth || borderLeftWidth || borderRightWidth;
+
+  if (!!hasBorder) {
+    if (!borderStyle) borderStyle = 'solid';
+    if (!borderColor && !brColor) brColor = 'divider';
+  }
+
+  if (!!borderColor || !!brColor) borderColor = getColor((_borderColor = borderColor) != null ? _borderColor : brColor);
+
+  var style = clearProps({
+    borderStyle: borderStyle,
+    borderTopRightRadius: borderTopRightRadius,
+    borderTopLeftRadius: borderTopLeftRadius,
+    borderBottomRightRadius: borderBottomRightRadius,
+    borderBottomLeftRadius: borderBottomLeftRadius,
+    borderColor: borderColor,
+    borderTopWidth: borderTopWidth,
+    borderBottomWidth: borderBottomWidth,
+    borderLeftWidth: borderLeftWidth,
+    borderRightWidth: borderRightWidth
+  });
+
+  return [
+  values, Object.assign({},
+
+  restProps, {
+    style: Object.assign({},
+    flattenStyle(props.style),
+    style) })];
+
+
+
+}

package/dist/modifiers/colorConverter.js

@@ -1 +1,13 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{getColorFromProps}from"../theme/helpers/colorScale";import{useGetColor}from"../theme/ThemeHandler";export function useColorConverter(defaultValue){var getColor=useGetColor();return function(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var _getColorFromProps=getColorFromProps(props,defaultValue),_getColorFromProps2=_slicedToArray(_getColorFromProps,2),colorCode=_getColorFromProps2[0],formattedProps=_getColorFromProps2[1];var color=getColor(colorCode);return[Object.assign({},values,{color:color,colorCode:colorCode}),formattedProps];};}
+function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}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;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { getColorFromProps } from "../theme/helpers/colorScale";
+import { useGetColor } from "../theme/ThemeHandler";
+
+export function useColorConverter(defaultValue) {
+  var getColor = useGetColor();
+
+  return function (_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+    var _getColorFromProps = getColorFromProps(props, defaultValue),_getColorFromProps2 = _slicedToArray(_getColorFromProps, 2),colorCode = _getColorFromProps2[0],formattedProps = _getColorFromProps2[1];
+    var color = getColor(colorCode);
+
+    return [Object.assign({}, values, { color: color, colorCode: colorCode }), formattedProps];
+  };
+}

package/dist/modifiers/cursor.js

@@ -1 +1,21 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["pointer","cursor","move"];import{clearProps,flattenStyle}from"./_helpers";export function useCursorModifier(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var pointer=props.pointer,cursor=props.cursor,move=props.move,restProps=_objectWithoutProperties(props,_excluded);if(pointer===true)cursor='pointer';if(move===true)cursor='move';var style=clearProps({cursor:cursor});return[values,Object.assign({},restProps,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["pointer", "cursor", "move"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}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;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { clearProps, flattenStyle } from "./_helpers";
+
+export function useCursorModifier(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var pointer = props.pointer,cursor = props.cursor,move = props.move,restProps = _objectWithoutProperties(props, _excluded);
+
+  if (pointer === true) cursor = 'pointer';
+  if (move === true) cursor = 'move';
+
+  var style = clearProps({ cursor: cursor });
+
+  return [
+  values, Object.assign({},
+
+  restProps, {
+    style: Object.assign({},
+    flattenStyle(props.style),
+    style) })];
+
+
+
+}

package/dist/modifiers/default.js

@@ -1 +1,9 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{mergeDeepRight,is}from'ramda';export function useDefaultModifier(defaultPropsOrFunc){return function(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var defaultProps=(is(Function,defaultPropsOrFunc)?defaultPropsOrFunc([values,props]):defaultPropsOrFunc)||{};return[values,mergeDeepRight(defaultProps,props)];};}
+function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}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;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { mergeDeepRight, is } from 'ramda';
+
+export function useDefaultModifier(defaultPropsOrFunc) {
+  return function (_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+    var defaultProps =
+    (is(Function, defaultPropsOrFunc) ? defaultPropsOrFunc([values, props]) : defaultPropsOrFunc) || {};
+    return [values, mergeDeepRight(defaultProps, props)];
+  };
+}

package/dist/modifiers/display.js

@@ -1 +1,22 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["opacity","hidden","display","inline","block"];import{clearProps,flattenStyle}from"./_helpers";export function useDisplayModifier(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var opacity=props.opacity,hidden=props.hidden,display=props.display,inline=props.inline,block=props.block,restProps=_objectWithoutProperties(props,_excluded);if(!!hidden)display='hidden';if(!!inline)display='inline';if(!!block)display='block';var style=clearProps({display:display,opacity:opacity});return[values,Object.assign({},restProps,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["opacity", "hidden", "display", "inline", "block"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}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;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { clearProps, flattenStyle } from "./_helpers";
+
+export function useDisplayModifier(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var opacity = props.opacity,hidden = props.hidden,display = props.display,inline = props.inline,block = props.block,restProps = _objectWithoutProperties(props, _excluded);
+
+  if (!!hidden) display = 'hidden';
+  if (!!inline) display = 'inline';
+  if (!!block) display = 'block';
+
+  var style = clearProps({ display: display, opacity: opacity });
+
+  return [
+  values, Object.assign({},
+
+  restProps, {
+    style: Object.assign({},
+    flattenStyle(props.style),
+    style) })];
+
+
+
+}

package/dist/modifiers/flex.js

@@ -1 +1,20 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["flex"];import{clearProps,flattenStyle}from"./_helpers";export function useFlexModifier(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var flex=props.flex,restProps=_objectWithoutProperties(props,_excluded);if(flex===true)flex=1;var style=clearProps({flex:flex,minWidth:0});return[values,Object.assign({},restProps,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["flex"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}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;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { clearProps, flattenStyle } from "./_helpers";
+
+export function useFlexModifier(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var flex = props.flex,restProps = _objectWithoutProperties(props, _excluded);
+
+  if (flex === true) flex = 1;
+
+  var style = clearProps({ flex: flex, minWidth: 0 });
+
+  return [
+  values, Object.assign({},
+
+  restProps, {
+    style: Object.assign({},
+    flattenStyle(props.style),
+    style) })];
+
+
+
+}