@neko-os/ui 0.2.3 → 0.4.0

package/dist/components/animations/AnimatedView.js

@@ -1 +1,45 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/animations/AnimatedView.js";var _excluded=["children"];import{pipe}from'ramda';import{AbsAnimatedView}from"../../abstractions/AnimatedView";import{useAnimatedEffects}from"../../modifiers/animations/animatedEffects";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useDisplayModifier}from"../../modifiers/display";import{useFlexModifier}from"../../modifiers/flex";import{useFlexWrapperModifier}from"../../modifiers/flexWrapper";import{useMarginModifier}from"../../modifiers/margin";import{useOverflowModifier}from"../../modifiers/overflow";import{usePaddingModifier}from"../../modifiers/padding";import{usePositionModifier}from"../../modifiers/position";import{useShadowModifier}from"../../modifiers/shadow";import{useSizeModifier}from"../../modifiers/size";import{useStateModifier}from"../../modifiers/state";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function AnimatedView(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useAnimatedEffects,useThemeComponentModifier('AnimatedView'),useFlexWrapperModifier,useDisplayModifier,useStateModifier,useSizeModifier,usePositionModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useFlexModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],lazy=_pipe2$.lazy,render=_pipe2$.render,hasOpened=_pipe2$.hasOpened,props=_pipe2[1];if(lazy&&!hasOpened)return null;if(!render)return null;return _jsx(AbsAnimatedView,Object.assign({className:"neko-animated-view"},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/animations/AnimatedView.js";var _excluded = ["children"];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;}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;}import { pipe } from 'ramda';
+
+import { AbsAnimatedView } from "../../abstractions/AnimatedView";
+import { useAnimatedEffects } from "../../modifiers/animations/animatedEffects";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useBorderModifier } from "../../modifiers/border";
+import { useDisplayModifier } from "../../modifiers/display";
+import { useFlexModifier } from "../../modifiers/flex";
+import { useFlexWrapperModifier } from "../../modifiers/flexWrapper";
+import { useMarginModifier } from "../../modifiers/margin";
+import { useOverflowModifier } from "../../modifiers/overflow";
+import { usePaddingModifier } from "../../modifiers/padding";
+import { usePositionModifier } from "../../modifiers/position";
+import { useShadowModifier } from "../../modifiers/shadow";
+import { useSizeModifier } from "../../modifiers/size";
+import { useStateModifier } from "../../modifiers/state";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function AnimatedView(_ref) {var children = _ref.children,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useAnimatedEffects,
+      useThemeComponentModifier('AnimatedView'),
+      useFlexWrapperModifier,
+      useDisplayModifier,
+      useStateModifier,
+      useSizeModifier,
+      usePositionModifier,
+      useOverflowModifier,
+      usePaddingModifier,
+      useMarginModifier,
+      useFlexModifier,
+      useBackgroundModifier,
+      useBorderModifier,
+      useShadowModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_pipe2$ = _pipe2[0],lazy = _pipe2$.lazy,render = _pipe2$.render,hasOpened = _pipe2$.hasOpened,props = _pipe2[1];
+
+  if (lazy && !hasOpened) return null;
+  if (!render) return null;
+
+  return (
+    _jsx(AbsAnimatedView, Object.assign({ className: "neko-animated-view" }, props, { children:
+      children })
+    ));
+
+}

package/dist/components/animations/DraggableSlideView.js

@@ -1 +1,42 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/animations/DraggableSlideView.js";var _excluded=["children"];import{pipe}from'ramda';import{AbsDraggableSlideView}from"../../abstractions/DraggableSlideView";import{useAnimationModifier}from"../../modifiers/animation";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useDisplayModifier}from"../../modifiers/display";import{useFlexModifier}from"../../modifiers/flex";import{useFlexWrapperModifier}from"../../modifiers/flexWrapper";import{useMarginModifier}from"../../modifiers/margin";import{useOverflowModifier}from"../../modifiers/overflow";import{usePaddingModifier}from"../../modifiers/padding";import{usePositionModifier}from"../../modifiers/position";import{useShadowModifier}from"../../modifiers/shadow";import{useSizeModifier}from"../../modifiers/size";import{useStateModifier}from"../../modifiers/state";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function DraggableSlideView(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('DraggableSlideView'),useFlexWrapperModifier,useDisplayModifier,useAnimationModifier,useStateModifier,useSizeModifier,usePositionModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useFlexModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];return _jsx(AbsDraggableSlideView,Object.assign({className:"neko-draggable-slide-view"},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/animations/DraggableSlideView.js";var _excluded = ["children"];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;}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;}import { pipe } from 'ramda';
+
+import { AbsDraggableSlideView } from "../../abstractions/DraggableSlideView";
+import { useAnimationModifier } from "../../modifiers/animation";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useBorderModifier } from "../../modifiers/border";
+import { useDisplayModifier } from "../../modifiers/display";
+import { useFlexModifier } from "../../modifiers/flex";
+import { useFlexWrapperModifier } from "../../modifiers/flexWrapper";
+import { useMarginModifier } from "../../modifiers/margin";
+import { useOverflowModifier } from "../../modifiers/overflow";
+import { usePaddingModifier } from "../../modifiers/padding";
+import { usePositionModifier } from "../../modifiers/position";
+import { useShadowModifier } from "../../modifiers/shadow";
+import { useSizeModifier } from "../../modifiers/size";
+import { useStateModifier } from "../../modifiers/state";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function DraggableSlideView(_ref) {var children = _ref.children,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('DraggableSlideView'),
+      useFlexWrapperModifier,
+      useDisplayModifier,
+      useAnimationModifier,
+      useStateModifier,
+      useSizeModifier,
+      usePositionModifier,
+      useOverflowModifier,
+      usePaddingModifier,
+      useMarginModifier,
+      useFlexModifier,
+      useBackgroundModifier,
+      useBorderModifier,
+      useShadowModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_ = _pipe2[0],props = _pipe2[1];
+
+  return (
+    _jsx(AbsDraggableSlideView, Object.assign({ className: "neko-draggable-slide-view" }, props, { children:
+      children })
+    ));
+
+}

package/dist/components/animations/ParallaxHeader.js

@@ -1 +1,9 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/animations/ParallaxHeader.js";var _excluded=["children","height"];import{AnimatedView}from"./AnimatedView";import{jsx as _jsx}from"react/jsx-runtime";export function ParallaxHeader(_ref){var children=_ref.children,_ref$height=_ref.height,height=_ref$height===void 0?200:_ref$height,props=_objectWithoutProperties(_ref,_excluded);return _jsx(AnimatedView,Object.assign({height:height,fade:true},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/animations/ParallaxHeader.js";var _excluded = ["children", "height"];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;}import { AnimatedView } from "./AnimatedView";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function ParallaxHeader(_ref) {var children = _ref.children,_ref$height = _ref.height,height = _ref$height === void 0 ? 200 : _ref$height,props = _objectWithoutProperties(_ref, _excluded);
+  return (
+    _jsx(AnimatedView, Object.assign({ height: height, fade: true }, props, { children:
+      children })
+    ));
+
+}

package/dist/components/animations/ParallaxHeader.native.js

@@ -1 +1,32 @@
-var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/animations/ParallaxHeader.native.js";import Animated,{useAnimatedStyle,interpolate,Extrapolation}from'react-native-reanimated';import{useReanimatedScroll}from"./ReanimatedScrollHandler";import{jsx as _jsx}from"react/jsx-runtime";var SCALE_FACTOR=2;export function ParallaxHeader(_ref){var children=_ref.children,_ref$height=_ref.height,height=_ref$height===void 0?200:_ref$height,_ref$parallaxSpeed=_ref.parallaxSpeed,parallaxSpeed=_ref$parallaxSpeed===void 0?0.5:_ref$parallaxSpeed,disableResistence=_ref.disableResistence;var _useReanimatedScroll=useReanimatedScroll(),scrollY=_useReanimatedScroll.scrollY;var imageStyle=useAnimatedStyle(function(){var scale=scrollY.value<0?1+Math.abs(scrollY.value)/height*SCALE_FACTOR:1;var translateY=scrollY.value<0?0:interpolate(scrollY.value,[0,height],[0,height*parallaxSpeed],Extrapolation.CLAMP);return{transform:[{translateY:translateY},{scale:scale}]};});var containerStyle=useAnimatedStyle(function(){var calcHeight=height;if(disableResistence)calcHeight=scrollY.value<0?height+Math.abs(scrollY.value):height;return{height:calcHeight,overflow:scrollY.value<0?'visible':'hidden',zIndex:-1};});return _jsx(Animated.View,{style:containerStyle,children:_jsx(Animated.View,{style:imageStyle,children:children})});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/animations/ParallaxHeader.native.js";import Animated, { useAnimatedStyle, interpolate, Extrapolation } from 'react-native-reanimated';
+
+import { useReanimatedScroll } from "./ReanimatedScrollHandler";import { jsx as _jsx } from "react/jsx-runtime";
+
+var SCALE_FACTOR = 2;
+
+export function ParallaxHeader(_ref) {var children = _ref.children,_ref$height = _ref.height,height = _ref$height === void 0 ? 200 : _ref$height,_ref$parallaxSpeed = _ref.parallaxSpeed,parallaxSpeed = _ref$parallaxSpeed === void 0 ? 0.5 : _ref$parallaxSpeed,disableResistence = _ref.disableResistence;
+  var _useReanimatedScroll = useReanimatedScroll(),scrollY = _useReanimatedScroll.scrollY;
+
+  var imageStyle = useAnimatedStyle(function () {
+    var scale = scrollY.value < 0 ? 1 + Math.abs(scrollY.value) / height * SCALE_FACTOR : 1;
+    var translateY =
+    scrollY.value < 0 ? 0 : interpolate(scrollY.value, [0, height], [0, height * parallaxSpeed], Extrapolation.CLAMP);
+    return { transform: [{ translateY: translateY }, { scale: scale }] };
+  });
+
+  var containerStyle = useAnimatedStyle(function () {
+    var calcHeight = height;
+    if (disableResistence) calcHeight = scrollY.value < 0 ? height + Math.abs(scrollY.value) : height;
+    return {
+      height: calcHeight,
+      overflow: scrollY.value < 0 ? 'visible' : 'hidden',
+      zIndex: -1
+    };
+  });
+
+  return (
+    _jsx(Animated.View, { style: containerStyle, children:
+      _jsx(Animated.View, { style: imageStyle, children: children }) }
+    ));
+
+}

package/dist/components/animations/ParallaxHeader.web.js

@@ -1 +1,32 @@
-var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/animations/ParallaxHeader.web.js";import Animated,{useAnimatedStyle,interpolate,Extrapolation}from'react-native-reanimated';import{useReanimatedScroll}from"./ReanimatedScrollHandler";import{jsx as _jsx}from"react/jsx-runtime";var SCALE_FACTOR=2;export function ParallaxHeader(_ref){var children=_ref.children,_ref$height=_ref.height,height=_ref$height===void 0?200:_ref$height,_ref$parallaxSpeed=_ref.parallaxSpeed,parallaxSpeed=_ref$parallaxSpeed===void 0?0.5:_ref$parallaxSpeed,disableResistence=_ref.disableResistence;var _useReanimatedScroll=useReanimatedScroll(),scrollY=_useReanimatedScroll.scrollY;var imageStyle=useAnimatedStyle(function(){var scale=scrollY.value<0?1+Math.abs(scrollY.value)/height*SCALE_FACTOR:1;var translateY=scrollY.value<0?0:interpolate(scrollY.value,[0,height],[0,height*parallaxSpeed],Extrapolation.CLAMP);return{transform:[{translateY:translateY},{scale:scale}]};});var containerStyle=useAnimatedStyle(function(){var calcHeight=height;if(disableResistence)calcHeight=scrollY.value<0?height+Math.abs(scrollY.value):height;return{height:calcHeight,overflow:scrollY.value<0?'visible':'hidden',zIndex:-1};});return _jsx(Animated.View,{style:containerStyle,children:_jsx(Animated.View,{style:imageStyle,children:children})});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/animations/ParallaxHeader.web.js";import Animated, { useAnimatedStyle, interpolate, Extrapolation } from 'react-native-reanimated';
+
+import { useReanimatedScroll } from "./ReanimatedScrollHandler";import { jsx as _jsx } from "react/jsx-runtime";
+
+var SCALE_FACTOR = 2;
+
+export function ParallaxHeader(_ref) {var children = _ref.children,_ref$height = _ref.height,height = _ref$height === void 0 ? 200 : _ref$height,_ref$parallaxSpeed = _ref.parallaxSpeed,parallaxSpeed = _ref$parallaxSpeed === void 0 ? 0.5 : _ref$parallaxSpeed,disableResistence = _ref.disableResistence;
+  var _useReanimatedScroll = useReanimatedScroll(),scrollY = _useReanimatedScroll.scrollY;
+
+  var imageStyle = useAnimatedStyle(function () {
+    var scale = scrollY.value < 0 ? 1 + Math.abs(scrollY.value) / height * SCALE_FACTOR : 1;
+    var translateY =
+    scrollY.value < 0 ? 0 : interpolate(scrollY.value, [0, height], [0, height * parallaxSpeed], Extrapolation.CLAMP);
+    return { transform: [{ translateY: translateY }, { scale: scale }] };
+  });
+
+  var containerStyle = useAnimatedStyle(function () {
+    var calcHeight = height;
+    if (disableResistence) calcHeight = scrollY.value < 0 ? height + Math.abs(scrollY.value) : height;
+    return {
+      height: calcHeight,
+      overflow: scrollY.value < 0 ? 'visible' : 'hidden',
+      zIndex: -1
+    };
+  });
+
+  return (
+    _jsx(Animated.View, { style: containerStyle, children:
+      _jsx(Animated.View, { style: imageStyle, children: children }) }
+    ));
+
+}

package/dist/components/animations/ReanimatedScrollHandler.js

@@ -1 +1,8 @@
-export function useReanimatedScroll(){if(!context)console.error('useReanimatedScroll its not supported for neko web');return null;}export function ReanimatedScrollHandler(_ref){var children=_ref.children;return children;}
+export function useReanimatedScroll() {
+  if (!context) console.error('useReanimatedScroll its not supported for neko web');
+  return null;
+}
+
+export function ReanimatedScrollHandler(_ref) {var children = _ref.children;
+  return children;
+}

package/dist/components/animations/ReanimatedScrollHandler.native.js

@@ -1 +1,24 @@
-var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/animations/ReanimatedScrollHandler.native.js";import{createContext,useContext,useMemo}from'react';import{useSharedValue,useAnimatedScrollHandler}from'react-native-reanimated';import{jsx as _jsx}from"react/jsx-runtime";var ReanimatedScrollContext=createContext(null);export function useReanimatedScroll(){var context=useContext(ReanimatedScrollContext);if(!context)throw new Error('useReanimatedScroll must be used within ReanimatedScrollHandler');return context;}export function ReanimatedScrollHandler(_ref){var children=_ref.children;var scrollY=useSharedValue(0);var scrollHandler=useAnimatedScrollHandler({onScroll:function onScroll(event){scrollY.value=event.contentOffset.y;}});var value=useMemo(function(){return{scrollY:scrollY,scrollHandler:scrollHandler};},[]);return _jsx(ReanimatedScrollContext.Provider,{value:value,children:children});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/animations/ReanimatedScrollHandler.native.js";import { createContext, useContext, useMemo } from 'react';
+import { useSharedValue, useAnimatedScrollHandler } from 'react-native-reanimated';import { jsx as _jsx } from "react/jsx-runtime";
+
+var ReanimatedScrollContext = createContext(null);
+
+export function useReanimatedScroll() {
+  var context = useContext(ReanimatedScrollContext);
+  if (!context) throw new Error('useReanimatedScroll must be used within ReanimatedScrollHandler');
+  return context;
+}
+
+export function ReanimatedScrollHandler(_ref) {var children = _ref.children;
+  var scrollY = useSharedValue(0);
+
+  var scrollHandler = useAnimatedScrollHandler({
+    onScroll: function onScroll(event) {
+      scrollY.value = event.contentOffset.y;
+    }
+  });
+
+  var value = useMemo(function () {return { scrollY: scrollY, scrollHandler: scrollHandler };}, []);
+
+  return _jsx(ReanimatedScrollContext.Provider, { value: value, children: children });
+}

package/dist/components/animations/ReanimatedScrollHandler.web.js

@@ -1 +1 @@
-export{ReanimatedScrollHandler,useReanimatedScroll}from"./ReanimatedScrollHandler.native";
+export { ReanimatedScrollHandler, useReanimatedScroll } from "./ReanimatedScrollHandler.native";

package/dist/components/animations/ReanimatedView.js

@@ -1 +1,40 @@
-import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/animations/ReanimatedView.js";var _excluded=["children"];import{pipe}from'ramda';import{AbsAnimatedView}from"../../abstractions/AnimatedView";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useDisplayModifier}from"../../modifiers/display";import{useFlexModifier}from"../../modifiers/flex";import{useFlexWrapperModifier}from"../../modifiers/flexWrapper";import{useMarginModifier}from"../../modifiers/margin";import{useOverflowModifier}from"../../modifiers/overflow";import{usePaddingModifier}from"../../modifiers/padding";import{usePositionModifier}from"../../modifiers/position";import{useShadowModifier}from"../../modifiers/shadow";import{useSizeModifier}from"../../modifiers/size";import{useStateModifier}from"../../modifiers/state";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function ReanimatedView(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('ReanimatedView'),useFlexWrapperModifier,useDisplayModifier,useStateModifier,useSizeModifier,usePositionModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useFlexModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var props=_pipe2[1];return _jsx(AbsAnimatedView,Object.assign({className:"neko-reanimated-view"},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/animations/ReanimatedView.js";var _excluded = ["children"];function _objectDestructuringEmpty(t) {if (null == t) throw new TypeError("Cannot destructure " + 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;}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;}import { pipe } from 'ramda';
+
+import { AbsAnimatedView } from "../../abstractions/AnimatedView";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useBorderModifier } from "../../modifiers/border";
+import { useDisplayModifier } from "../../modifiers/display";
+import { useFlexModifier } from "../../modifiers/flex";
+import { useFlexWrapperModifier } from "../../modifiers/flexWrapper";
+import { useMarginModifier } from "../../modifiers/margin";
+import { useOverflowModifier } from "../../modifiers/overflow";
+import { usePaddingModifier } from "../../modifiers/padding";
+import { usePositionModifier } from "../../modifiers/position";
+import { useShadowModifier } from "../../modifiers/shadow";
+import { useSizeModifier } from "../../modifiers/size";
+import { useStateModifier } from "../../modifiers/state";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function ReanimatedView(_ref) {var children = _ref.children,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('ReanimatedView'),
+      useFlexWrapperModifier,
+      useDisplayModifier,
+      useStateModifier,
+      useSizeModifier,
+      usePositionModifier,
+      useOverflowModifier,
+      usePaddingModifier,
+      useMarginModifier,
+      useFlexModifier,
+      useBackgroundModifier,
+      useBorderModifier,
+      useShadowModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2);_objectDestructuringEmpty(_pipe2[0]);var props = _pipe2[1];
+
+  return (
+    _jsx(AbsAnimatedView, Object.assign({ className: "neko-reanimated-view" }, props, { children:
+      children })
+    ));
+
+}

package/dist/components/animations/index.js

@@ -1 +1,5 @@
-export*from"./AnimatedView";export*from"./DraggableSlideView";export*from"./ReanimatedScrollHandler";export*from"./AnimatedTopBar";export*from"./ParallaxHeader";
+export * from "./AnimatedView";
+export * from "./DraggableSlideView";
+export * from "./ReanimatedScrollHandler";
+export * from "./AnimatedTopBar";
+export * from "./ParallaxHeader";

package/dist/components/calendar/CalendarNav.js

@@ -1 +1,67 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/calendar/CalendarNav.js";var _excluded=["value","onChange","level"];import{Icon}from"../presentation/Icon";import{Link}from"../actions/Link";import{Text}from"../text/Text";import{View}from"../structure/View";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function CalendarNav(_ref){var value=_ref.value,onChange=_ref.onChange,level=_ref.level,props=_objectWithoutProperties(_ref,_excluded);var prevMonth=function prevMonth(){return onChange(function(m){return m.subtract(1,'month');});};var nextMonth=function nextMonth(){return onChange(function(m){return m.add(1,'month');});};var prevYear=function prevYear(){return onChange(function(m){return m.subtract(1,'year');});};var nextYear=function nextYear(){return onChange(function(m){return m.add(1,'year');});};var prevDecade=function prevDecade(){return onChange(function(m){return m.subtract(10,'year');});};var nextDecade=function nextDecade(){return onChange(function(m){return m.add(10,'year');});};var showMonth=level!=='year';if(level==='decade'){var year=value.year();return _jsxs(View,Object.assign({className:"neko-calendar-nav",row:true,centerV:true,gap:"xxs",height:30},props,{children:[_jsx(Link,{onPress:prevDecade,"aria-label":"Previous decade",padding:"xxs",paddingL:0,children:_jsx(Icon,{name:"arrow-left-double-line"})}),_jsxs(Text,{center:true,flex:true,children:[year,"-",year+9]}),_jsx(Link,{onPress:nextDecade,"aria-label":"Next decade",padding:"xxs",paddingR:0,children:_jsx(Icon,{name:"arrow-right-double-line"})})]}));}return _jsxs(View,Object.assign({className:"neko-calendar-nav",row:true,centerV:true,gap:"xxs",height:30},props,{children:[_jsx(Link,{onPress:prevYear,"aria-label":"Previous year",padding:"xxs",paddingL:0,children:_jsx(Icon,{name:"arrow-left-double-line"})}),showMonth&&_jsx(Link,{onPress:prevMonth,"aria-label":"Previous month",padding:"xxs",children:_jsx(Icon,{name:"arrow-left-s-line"})}),_jsxs(View,{center:true,flex:true,gap:"xxs",row:true,children:[showMonth&&_jsx(Text,{center:true,children:value.format==null?void 0:value.format('MMM')}),_jsx(Text,{center:true,children:value.format==null?void 0:value.format('YYYY')})]}),showMonth&&_jsx(Link,{onPress:nextMonth,"aria-label":"Next month",padding:"xxs",children:_jsx(Icon,{name:"arrow-right-s-line"})}),_jsx(Link,{onPress:nextYear,"aria-label":"Next year",padding:"xxs",paddingR:0,children:_jsx(Icon,{name:"arrow-right-double-line"})})]}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/calendar/CalendarNav.js";var _excluded = ["value", "onChange", "level"];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;}import { Icon } from "../presentation/Icon";
+import { Link } from "../actions/Link";
+import { Text } from "../text/Text";
+import { View } from "../structure/View";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+export function CalendarNav(_ref) {var value = _ref.value,onChange = _ref.onChange,level = _ref.level,props = _objectWithoutProperties(_ref, _excluded);
+  var prevMonth = function prevMonth() {return onChange(function (m) {return m.subtract(1, 'month');});};
+  var nextMonth = function nextMonth() {return onChange(function (m) {return m.add(1, 'month');});};
+
+  var prevYear = function prevYear() {return onChange(function (m) {return m.subtract(1, 'year');});};
+  var nextYear = function nextYear() {return onChange(function (m) {return m.add(1, 'year');});};
+
+  var prevDecade = function prevDecade() {return onChange(function (m) {return m.subtract(10, 'year');});};
+  var nextDecade = function nextDecade() {return onChange(function (m) {return m.add(10, 'year');});};
+
+  var showMonth = level !== 'year';
+
+  if (level === 'decade') {
+    var year = value.year();
+
+    return (
+      _jsxs(View, Object.assign({ className: "neko-calendar-nav", row: true, centerV: true, gap: "xxs", height: 30 }, props, { children: [
+        _jsx(Link, { onPress: prevDecade, "aria-label": "Previous decade", padding: "xxs", paddingL: 0, children:
+          _jsx(Icon, { name: "arrow-left-double-line" }) }
+        ),
+
+        _jsxs(Text, { center: true, flex: true, children: [
+          year, "-", year + 9] }
+        ),
+
+        _jsx(Link, { onPress: nextDecade, "aria-label": "Next decade", padding: "xxs", paddingR: 0, children:
+          _jsx(Icon, { name: "arrow-right-double-line" }) }
+        )] })
+      ));
+
+  }
+
+  return (
+    _jsxs(View, Object.assign({ className: "neko-calendar-nav", row: true, centerV: true, gap: "xxs", height: 30 }, props, { children: [
+      _jsx(Link, { onPress: prevYear, "aria-label": "Previous year", padding: "xxs", paddingL: 0, children:
+        _jsx(Icon, { name: "arrow-left-double-line" }) }
+      ),
+
+      showMonth &&
+      _jsx(Link, { onPress: prevMonth, "aria-label": "Previous month", padding: "xxs", children:
+        _jsx(Icon, { name: "arrow-left-s-line" }) }
+      ),
+
+
+      _jsxs(View, { center: true, flex: true, gap: "xxs", row: true, children: [
+        showMonth && _jsx(Text, { center: true, children: value.format == null ? void 0 : value.format('MMM') }),
+
+        _jsx(Text, { center: true, children: value.format == null ? void 0 : value.format('YYYY') })] }
+      ),
+
+      showMonth &&
+      _jsx(Link, { onPress: nextMonth, "aria-label": "Next month", padding: "xxs", children:
+        _jsx(Icon, { name: "arrow-right-s-line" }) }
+      ),
+
+
+      _jsx(Link, { onPress: nextYear, "aria-label": "Next year", padding: "xxs", paddingR: 0, children:
+        _jsx(Icon, { name: "arrow-right-double-line" }) }
+      )] })
+    ));
+
+}

package/dist/components/calendar/WeekDaysBar.js

@@ -1 +1,18 @@
-var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/calendar/WeekDaysBar.js";import{Text}from"../text/Text";import{View}from"../structure/View";import{jsx as _jsx}from"react/jsx-runtime";var weekdayLabels=['Sun','Mon','Tue','Wed','Thu','Fri','Sat'];export function WeekDaysBar(){var _this=this;return _jsx(View,{className:"neko-week-days-bar",row:true,center:true,gap:"sm",children:weekdayLabels.map(function(w){return _jsx(View,{flex:true,height:30,center:true,children:_jsx(Text,{center:true,sm:true,text4:true,children:w})},w);})});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/calendar/WeekDaysBar.js";import { Text } from "../text/Text";
+import { View } from "../structure/View";import { jsx as _jsx } from "react/jsx-runtime";
+
+var weekdayLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+
+export function WeekDaysBar() {var _this = this;
+  return (
+    _jsx(View, { className: "neko-week-days-bar", row: true, center: true, gap: "sm", children:
+      weekdayLabels.map(function (w) {return (
+          _jsx(View, { flex: true, height: 30, center: true, children:
+            _jsx(Text, { center: true, sm: true, text4: true, children:
+              w }
+            ) }, w
+          ));}
+      ) }
+    ));
+
+}

package/dist/components/calendar/_helpers/calendarDays.js

@@ -1 +1,16 @@
-import dayjs from'dayjs';import React from'react';export function useCalendarDays(currentMonth){return React.useMemo(function(){var _currentMonth;if(!((_currentMonth=currentMonth)!=null&&_currentMonth.isValid!=null&&_currentMonth.isValid()))currentMonth=dayjs();var startWeekday=currentMonth.startOf('month').day();var daysInMonth=currentMonth.daysInMonth();var blanks=Array.from({length:startWeekday},function(){return null;});var days=Array.from({length:daysInMonth},function(_,i){return i+1;});var cells=[].concat(blanks,days);return{cells:cells};},[currentMonth.month(),currentMonth.year()]);}
+import dayjs from 'dayjs';
+import React from 'react';
+
+export function useCalendarDays(currentMonth) {
+  return React.useMemo(function () {var _currentMonth;
+    if (!((_currentMonth = currentMonth) != null && _currentMonth.isValid != null && _currentMonth.isValid())) currentMonth = dayjs();
+    var startWeekday = currentMonth.startOf('month').day();
+    var daysInMonth = currentMonth.daysInMonth();
+
+    var blanks = Array.from({ length: startWeekday }, function () {return null;});
+    var days = Array.from({ length: daysInMonth }, function (_, i) {return i + 1;});
+    var cells = [].concat(blanks, days);
+
+    return { cells: cells };
+  }, [currentMonth.month(), currentMonth.year()]);
+}

package/dist/components/calendar/_helpers/dateDisabled.js

@@ -1 +1,24 @@
-import{is}from'ramda';import dayjs from'dayjs';export function isDateDisabled(date){var _ref=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},min=_ref.min,max=_ref.max,onCheckDisabled=_ref.onCheckDisabled;var dateVal=!!date&&dayjs(date);if(!dateVal||!dateVal.isValid())return true;if(!!min&&dateVal.isBefore(min))return true;if(!!max&&dateVal.isAfter(max))return true;return(onCheckDisabled==null?void 0:onCheckDisabled(dateVal))||false;}export function isValidDate(v,format){var validations=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};if(v===null||v==='')return true;var dateVal=dayjs(v);if(is(String,v)){if(v.length!==format.length)return false;dateVal=dayjs(v,format,true);if(!dateVal.isValid())return false;}return!isDateDisabled(v,validations);}
+import { is } from 'ramda';
+import dayjs from 'dayjs';
+
+export function isDateDisabled(date) {var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},min = _ref.min,max = _ref.max,onCheckDisabled = _ref.onCheckDisabled;
+  var dateVal = !!date && dayjs(date);
+  if (!dateVal || !dateVal.isValid()) return true;
+  if (!!min && dateVal.isBefore(min)) return true;
+  if (!!max && dateVal.isAfter(max)) return true;
+  return (onCheckDisabled == null ? void 0 : onCheckDisabled(dateVal)) || false;
+}
+
+export function isValidDate(v, format) {var validations = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  if (v === null || v === '') return true;
+
+  var dateVal = dayjs(v);
+
+  if (is(String, v)) {
+    if (v.length !== format.length) return false;
+    dateVal = dayjs(v, format, true);
+    if (!dateVal.isValid()) return false;
+  }
+
+  return !isDateDisabled(v, validations);
+}

package/dist/components/feedback/alerter.js

@@ -1 +1,31 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/feedback/alerter.js";var _excluded=["width","closeLabel","hideClose"];import{is}from'ramda';import{Button}from"../actions";import{Result}from"../presentation";import{useModalOpener}from"../modals/modal";import{jsx as _jsx}from"react/jsx-runtime";export function useAlerter(){var _this=this;var _useModalOpener=useModalOpener(),open=_useModalOpener.open;var alert=function alert(data,type){if(is(String,data))data={title:data};var _ref=data||{},width=_ref.width,closeLabel=_ref.closeLabel,hideClose=_ref.hideClose,resultProps=_objectWithoutProperties(_ref,_excluded);open(function(_ref2){var onClose=_ref2.onClose;return{content:_jsx(Result,Object.assign({},resultProps,{type:type,padding:0,paddingT:"lg",paddingB:"sm"})),footer:!hideClose&&_jsx(Button,{sm:true,label:closeLabel||'Close',outline:true,color:"text_op40",onPress:onClose,fullW:true}),footerProps:{borderT:false,paddingV:'md'},width:width||350};});};return{alert:alert,info:function info(data){return alert(data,'info');},error:function error(data){return alert(data,'error');},warning:function warning(data){return alert(data,'warning');},success:function success(data){return alert(data,'success');}};}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/feedback/alerter.js";var _excluded = ["width", "closeLabel", "hideClose"];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;}import { is } from 'ramda';
+
+import { Button } from "../actions";
+import { Result } from "../presentation";
+import { useModalOpener } from "../modals/modal";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function useAlerter() {var _this = this;
+  var _useModalOpener = useModalOpener(),open = _useModalOpener.open;
+
+  var alert = function alert(data, type) {
+    if (is(String, data)) data = { title: data };
+    var _ref = data || {},width = _ref.width,closeLabel = _ref.closeLabel,hideClose = _ref.hideClose,resultProps = _objectWithoutProperties(_ref, _excluded);
+
+    open(function (_ref2) {var onClose = _ref2.onClose;return {
+        content: _jsx(Result, Object.assign({}, resultProps, { type: type, padding: 0, paddingT: "lg", paddingB: "sm" })),
+        footer: !hideClose &&
+        _jsx(Button, { sm: true, label: closeLabel || 'Close', outline: true, color: "text_op40", onPress: onClose, fullW: true }),
+
+        footerProps: { borderT: false, paddingV: 'md' },
+        width: width || 350
+      };});
+  };
+
+  return {
+    alert: alert,
+    info: function info(data) {return alert(data, 'info');},
+    error: function error(data) {return alert(data, 'error');},
+    warning: function warning(data) {return alert(data, 'warning');},
+    success: function success(data) {return alert(data, 'success');}
+  };
+}

package/dist/components/feedback/confirmer.js

@@ -1 +1,70 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["width","cancelLabel","confirmLabel","onConfirm"];var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/feedback/confirmer.js";import{is}from'ramda';import React from'react';import{Button}from"../actions";import{RESULT_TYPES}from"../presentation/Result";import{Result}from"../presentation";import{View}from"../structure/View";import{useModalOpener}from"../modals/modal";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function Footer(_ref){var _RESULT_TYPES$type;var cancelLabel=_ref.cancelLabel,confirmLabel=_ref.confirmLabel,onConfirm=_ref.onConfirm,type=_ref.type,onClose=_ref.onClose;var _React$useState=React.useState(false),_React$useState2=_slicedToArray(_React$useState,2),loading=_React$useState2[0],setLoading=_React$useState2[1];var color=((_RESULT_TYPES$type=RESULT_TYPES[type])==null?void 0:_RESULT_TYPES$type.color)||'primary';return _jsxs(View,{row:true,gap:"xs",centerV:true,children:[_jsx(Button,{sm:true,label:cancelLabel||'Cancel',outline:true,color:"text_op40",onPress:onClose,flex:true,disabled:loading}),_jsx(Button,{disabled:loading,loading:loading,sm:true,label:confirmLabel||'Confirm',color:color,onPress:function onPress(){setLoading(true);Promise.resolve(onConfirm==null?void 0:onConfirm()).then(function(result){if(result!==false){onClose();}}).finally(function(){setLoading(false);});},flex:true})]});}export function useConfirmer(){var _this=this;var _useModalOpener=useModalOpener(),open=_useModalOpener.open;var confirm=function confirm(data,type){var _ref2=data||{},width=_ref2.width,cancelLabel=_ref2.cancelLabel,confirmLabel=_ref2.confirmLabel,onConfirm=_ref2.onConfirm,resultProps=_objectWithoutProperties(_ref2,_excluded);open(function(_ref3){var onClose=_ref3.onClose;return{content:_jsx(Result,Object.assign({},resultProps,{type:type,padding:0,paddingT:"lg",paddingB:"sm"})),footer:_jsx(Footer,{cancelLabel:cancelLabel,confirmLabel:confirmLabel,onConfirm:onConfirm,type:type,onClose:onClose}),footerProps:{borderT:false,paddingV:'md'},width:width||350};});};return{confirm:confirm,info:function info(data){return confirm(data,'info');},error:function error(data){return confirm(data,'error');},warning:function warning(data){return confirm(data,'warning');},success:function success(data){return confirm(data,'success');}};}
+var _excluded = ["width", "cancelLabel", "confirmLabel", "onConfirm"];var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/feedback/confirmer.js";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 React from 'react';
+
+import { Button } from "../actions";
+import { RESULT_TYPES } from "../presentation/Result";
+import { Result } from "../presentation";
+import { View } from "../structure/View";
+import { useModalOpener } from "../modals/modal";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+function Footer(_ref) {var _RESULT_TYPES$type;var cancelLabel = _ref.cancelLabel,confirmLabel = _ref.confirmLabel,onConfirm = _ref.onConfirm,type = _ref.type,onClose = _ref.onClose;
+  var _React$useState = React.useState(false),_React$useState2 = _slicedToArray(_React$useState, 2),loading = _React$useState2[0],setLoading = _React$useState2[1];
+  var color = ((_RESULT_TYPES$type = RESULT_TYPES[type]) == null ? void 0 : _RESULT_TYPES$type.color) || 'primary';
+
+  return (
+    _jsxs(View, { row: true, gap: "xs", centerV: true, children: [
+      _jsx(Button, { sm: true, label: cancelLabel || 'Cancel', outline: true, color: "text_op40", onPress: onClose, flex: true, disabled: loading }),
+      _jsx(Button, {
+        disabled: loading,
+        loading: loading,
+        sm: true,
+        label: confirmLabel || 'Confirm',
+        color: color,
+        onPress: function onPress() {
+          setLoading(true);
+          Promise.resolve(onConfirm == null ? void 0 : onConfirm()).
+          then(function (result) {
+            if (result !== false) {
+              onClose();
+            }
+          }).
+          finally(function () {
+            setLoading(false);
+          });
+        },
+        flex: true }
+      )] }
+    ));
+
+}
+
+export function useConfirmer() {var _this = this;
+  var _useModalOpener = useModalOpener(),open = _useModalOpener.open;
+
+  var confirm = function confirm(data, type) {
+    var _ref2 = data || {},width = _ref2.width,cancelLabel = _ref2.cancelLabel,confirmLabel = _ref2.confirmLabel,onConfirm = _ref2.onConfirm,resultProps = _objectWithoutProperties(_ref2, _excluded);
+
+    open(function (_ref3) {var onClose = _ref3.onClose;return {
+        content: _jsx(Result, Object.assign({}, resultProps, { type: type, padding: 0, paddingT: "lg", paddingB: "sm" })),
+        footer:
+        _jsx(Footer, {
+          cancelLabel: cancelLabel,
+          confirmLabel: confirmLabel,
+          onConfirm: onConfirm,
+          type: type,
+          onClose: onClose }
+        ),
+
+        footerProps: { borderT: false, paddingV: 'md' },
+        width: width || 350
+      };});
+  };
+
+  return {
+    confirm: confirm,
+    info: function info(data) {return confirm(data, 'info');},
+    error: function error(data) {return confirm(data, 'error');},
+    warning: function warning(data) {return confirm(data, 'warning');},
+    success: function success(data) {return confirm(data, 'success');}
+  };
+}

package/dist/components/feedback/index.js

@@ -1 +1,3 @@
-export*from"./notifications/NotificationsHandler";export*from"./alerter";export*from"./confirmer";
+export * from "./notifications/NotificationsHandler";
+export * from "./alerter";
+export * from "./confirmer";