@neko-os/ui 0.2.2 → 0.3.0

package/dist/components/modals/bottomDrawer/native/createDrawerScrollComponent.js

@@ -1 +1,139 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/bottomDrawer/native/createDrawerScrollComponent.js";var _excluded=["ref","onScroll"];import{Gesture,GestureDetector}from'react-native-gesture-handler';import Animated,{useSharedValue,useAnimatedScrollHandler,useAnimatedRef,scrollTo,withSpring,runOnJS}from'react-native-reanimated';import React from'react';import{findClosestSnapPoint,clamp}from"./utils";import{useDrawerContext}from"./DrawerContext";import{jsx as _jsx}from"react/jsx-runtime";export function createDrawerScrollComponent(Component){var AnimatedComponent=Animated.createAnimatedComponent(Component);function DrawerScrollComponent(_ref){var ref=_ref.ref,_onScroll=_ref.onScroll,props=_objectWithoutProperties(_ref,_excluded);var _useDrawerContext=useDrawerContext(),translateY=_useDrawerContext.translateY,panRef=_useDrawerContext.panRef,normalizedSnapPoints=_useDrawerContext.normalizedSnapPoints,SCREEN_HEIGHT=_useDrawerContext.SCREEN_HEIGHT,maxSnapPoint=_useDrawerContext.maxSnapPoint,minSnapPoint=_useDrawerContext.minSnapPoint,handleClose=_useDrawerContext.handleClose,animationConfig=_useDrawerContext.animationConfig,snapIndex=_useDrawerContext.snapIndex;var scrollRef=useAnimatedRef();var scrollOffset=useSharedValue(0);var prevTranslationY=useSharedValue(0);var drawerMoved=useSharedValue(false);React.useImperativeHandle(ref,function(){return scrollRef.current;});var maxPosition=SCREEN_HEIGHT-maxSnapPoint;var panGesture=React.useMemo(function(){return Gesture.Pan().activeOffsetY([-10,10]).blocksExternalGesture(panRef).onStart(function(){prevTranslationY.value=0;drawerMoved.value=false;}).onUpdate(function(event){var delta=event.translationY-prevTranslationY.value;prevTranslationY.value=event.translationY;var currentY=translateY.value;var atMaxSnap=currentY<=maxPosition+1;var atScrollTop=scrollOffset.value<=0;if(drawerMoved.value){var newY=clamp(currentY+delta,maxPosition,SCREEN_HEIGHT);translateY.value=newY;scrollTo(scrollRef,0,0,false);if(newY<=maxPosition+1&&delta<0){drawerMoved.value=false;}}else if(!atMaxSnap){drawerMoved.value=true;var _newY=clamp(currentY+delta,maxPosition,SCREEN_HEIGHT);translateY.value=_newY;scrollTo(scrollRef,0,0,false);}else if(atScrollTop&&delta>0){drawerMoved.value=true;var _newY2=clamp(currentY+delta,maxPosition,SCREEN_HEIGHT);translateY.value=_newY2;scrollTo(scrollRef,0,0,false);}}).onEnd(function(event){if(!drawerMoved.value)return;var currentPosition=SCREEN_HEIGHT-translateY.value;var velocity=event.velocityY;var shouldClose=!!handleClose&&(velocity>1500||velocity>800&&currentPosition<minSnapPoint||currentPosition<minSnapPoint*0.35);if(shouldClose){runOnJS(handleClose)();}else{var closestSnapIndex=findClosestSnapPoint(currentPosition,normalizedSnapPoints,velocity);var targetSnapPoint=normalizedSnapPoints[closestSnapIndex];translateY.value=withSpring(SCREEN_HEIGHT-targetSnapPoint,animationConfig);snapIndex.value=closestSnapIndex;}});},[panRef,maxPosition,normalizedSnapPoints,minSnapPoint,handleClose,animationConfig]);var nativeGesture=React.useMemo(function(){return Gesture.Native();},[]);var composedGesture=React.useMemo(function(){return Gesture.Simultaneous(panGesture,nativeGesture);},[panGesture,nativeGesture]);var animatedScrollHandler=useAnimatedScrollHandler({onScroll:function onScroll(event){scrollOffset.value=event.contentOffset.y;if(_onScroll){runOnJS(_onScroll)(event);}}});return _jsx(GestureDetector,{gesture:composedGesture,children:_jsx(AnimatedComponent,Object.assign({ref:scrollRef,style:{flex:1},onScroll:animatedScrollHandler,scrollEventThrottle:16,bounces:false,overScrollMode:"never"},props))});}function ConditionalDrawerScrollComponent(props){var _useDrawerContext2=useDrawerContext(),outOfContext=_useDrawerContext2.outOfContext;if(outOfContext)return _jsx(Component,Object.assign({},props));return _jsx(DrawerScrollComponent,Object.assign({},props));}return ConditionalDrawerScrollComponent;}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/bottomDrawer/native/createDrawerScrollComponent.js";var _excluded = ["ref", "onScroll"];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 { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, {
+  useSharedValue,
+  useAnimatedScrollHandler,
+  useAnimatedRef,
+  scrollTo,
+  withSpring,
+  runOnJS } from
+'react-native-reanimated';
+import React from 'react';
+
+import { findClosestSnapPoint, clamp } from "./utils";
+import { useDrawerContext } from "./DrawerContext";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function createDrawerScrollComponent(Component) {
+  var AnimatedComponent = Animated.createAnimatedComponent(Component);
+
+  function DrawerScrollComponent(_ref) {var ref = _ref.ref,_onScroll = _ref.onScroll,props = _objectWithoutProperties(_ref, _excluded);
+    var _useDrawerContext =
+
+
+
+
+
+
+
+
+
+      useDrawerContext(),translateY = _useDrawerContext.translateY,panRef = _useDrawerContext.panRef,normalizedSnapPoints = _useDrawerContext.normalizedSnapPoints,SCREEN_HEIGHT = _useDrawerContext.SCREEN_HEIGHT,maxSnapPoint = _useDrawerContext.maxSnapPoint,minSnapPoint = _useDrawerContext.minSnapPoint,handleClose = _useDrawerContext.handleClose,animationConfig = _useDrawerContext.animationConfig,snapIndex = _useDrawerContext.snapIndex;
+
+    var scrollRef = useAnimatedRef();
+    var scrollOffset = useSharedValue(0);
+    var prevTranslationY = useSharedValue(0);
+    var drawerMoved = useSharedValue(false);
+
+    React.useImperativeHandle(ref, function () {return scrollRef.current;});
+
+    var maxPosition = SCREEN_HEIGHT - maxSnapPoint;
+
+    var panGesture = React.useMemo(function () {
+      return Gesture.Pan().
+      activeOffsetY([-10, 10]).
+      blocksExternalGesture(panRef).
+      onStart(function () {
+        prevTranslationY.value = 0;
+        drawerMoved.value = false;
+      }).
+      onUpdate(function (event) {
+        var delta = event.translationY - prevTranslationY.value;
+        prevTranslationY.value = event.translationY;
+
+        var currentY = translateY.value;
+        var atMaxSnap = currentY <= maxPosition + 1;
+        var atScrollTop = scrollOffset.value <= 0;
+
+        if (drawerMoved.value) {
+          var newY = clamp(currentY + delta, maxPosition, SCREEN_HEIGHT);
+          translateY.value = newY;
+          scrollTo(scrollRef, 0, 0, false);
+
+          if (newY <= maxPosition + 1 && delta < 0) {
+            drawerMoved.value = false;
+          }
+        } else if (!atMaxSnap) {
+          drawerMoved.value = true;
+          var _newY = clamp(currentY + delta, maxPosition, SCREEN_HEIGHT);
+          translateY.value = _newY;
+          scrollTo(scrollRef, 0, 0, false);
+        } else if (atScrollTop && delta > 0) {
+          drawerMoved.value = true;
+          var _newY2 = clamp(currentY + delta, maxPosition, SCREEN_HEIGHT);
+          translateY.value = _newY2;
+          scrollTo(scrollRef, 0, 0, false);
+        }
+      }).
+      onEnd(function (event) {
+        if (!drawerMoved.value) return;
+
+        var currentPosition = SCREEN_HEIGHT - translateY.value;
+        var velocity = event.velocityY;
+
+        var shouldClose =
+        !!handleClose && (
+        velocity > 1500 ||
+        velocity > 800 && currentPosition < minSnapPoint ||
+        currentPosition < minSnapPoint * 0.35);
+
+        if (shouldClose) {
+          runOnJS(handleClose)();
+        } else {
+          var closestSnapIndex = findClosestSnapPoint(currentPosition, normalizedSnapPoints, velocity);
+          var targetSnapPoint = normalizedSnapPoints[closestSnapIndex];
+          translateY.value = withSpring(SCREEN_HEIGHT - targetSnapPoint, animationConfig);
+          snapIndex.value = closestSnapIndex;
+        }
+      });
+    }, [panRef, maxPosition, normalizedSnapPoints, minSnapPoint, handleClose, animationConfig]);
+
+    var nativeGesture = React.useMemo(function () {return Gesture.Native();}, []);
+
+    var composedGesture = React.useMemo(
+      function () {return Gesture.Simultaneous(panGesture, nativeGesture);},
+      [panGesture, nativeGesture]
+    );
+
+    var animatedScrollHandler = useAnimatedScrollHandler({
+      onScroll: function onScroll(event) {
+        scrollOffset.value = event.contentOffset.y;
+        if (_onScroll) {
+          runOnJS(_onScroll)(event);
+        }
+      }
+    });
+
+    return (
+      _jsx(GestureDetector, { gesture: composedGesture, children:
+        _jsx(AnimatedComponent, Object.assign({
+          ref: scrollRef,
+          style: { flex: 1 },
+          onScroll: animatedScrollHandler,
+          scrollEventThrottle: 16,
+          bounces: false,
+          overScrollMode: "never" },
+        props)
+        ) }
+      ));
+
+  }
+
+  function ConditionalDrawerScrollComponent(props) {
+    var _useDrawerContext2 = useDrawerContext(),outOfContext = _useDrawerContext2.outOfContext;
+
+    if (outOfContext) return _jsx(Component, Object.assign({}, props));
+
+    return _jsx(DrawerScrollComponent, Object.assign({}, props));
+  }
+
+  return ConditionalDrawerScrollComponent;
+}

package/dist/components/modals/bottomDrawer/native/utils.js

@@ -1 +1,65 @@
-import{is}from'ramda';export function normalizeSnapPoints(snapPoints,screenHeight,bottomInset){return snapPoints.map(function(point){if(typeof point==='string'&&point.endsWith('%')){var percentage=parseFloat(point)/100;return screenHeight*percentage;}if(is(Number,point)){point=point+bottomInset;}return point;});}export function findClosestSnapPoint(currentPosition,snapPoints){'worklet';var velocity=arguments.length>2&&arguments[2]!==undefined?arguments[2]:0;var velocityImpact=velocity*0.03;var adjustedPosition=currentPosition+velocityImpact;var closestIndex=0;var minDistance=Math.abs(snapPoints[0]-adjustedPosition);for(var i=1;i<snapPoints.length;i++){var distance=Math.abs(snapPoints[i]-adjustedPosition);if(distance<minDistance){minDistance=distance;closestIndex=i;}}if(velocity<-1500&&closestIndex<snapPoints.length-1){closestIndex++;}else if(velocity>1500&&closestIndex>0){closestIndex--;}if(snapPoints.length>1){var currentSnapDistance=minDistance;var snapPointSpacing=Math.abs(snapPoints[Math.min(closestIndex+1,snapPoints.length-1)]-snapPoints[closestIndex]);if(currentSnapDistance<snapPointSpacing*0.2){return closestIndex;}}return closestIndex;}export function clamp(value,min,max){'worklet';return Math.min(Math.max(value,min),max);}
+import { is } from 'ramda';
+
+export function normalizeSnapPoints(snapPoints, screenHeight, bottomInset) {
+  return snapPoints.map(function (point) {
+    if (typeof point === 'string' && point.endsWith('%')) {
+      var percentage = parseFloat(point) / 100;
+      return screenHeight * percentage;
+    }
+    if (is(Number, point)) {
+      point = point + bottomInset;
+    }
+    return point;
+  });
+}
+
+export function findClosestSnapPoint(currentPosition, snapPoints) {
+  'worklet';var velocity = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+
+  var velocityImpact = velocity * 0.03;
+  var adjustedPosition = currentPosition + velocityImpact;
+
+  var closestIndex = 0;
+  var minDistance = Math.abs(snapPoints[0] - adjustedPosition);
+
+  for (var i = 1; i < snapPoints.length; i++) {
+    var distance = Math.abs(snapPoints[i] - adjustedPosition);
+    if (distance < minDistance) {
+      minDistance = distance;
+      closestIndex = i;
+    }
+  }
+
+
+
+
+
+  if (velocity < -1500 && closestIndex < snapPoints.length - 1) {
+    closestIndex++;
+  } else
+
+  if (velocity > 1500 && closestIndex > 0) {
+    closestIndex--;
+  }
+
+
+
+  if (snapPoints.length > 1) {
+    var currentSnapDistance = minDistance;
+
+    var snapPointSpacing = Math.abs(
+      snapPoints[Math.min(closestIndex + 1, snapPoints.length - 1)] - snapPoints[closestIndex]
+    );
+    if (currentSnapDistance < snapPointSpacing * 0.2) {
+
+      return closestIndex;
+    }
+  }
+
+  return closestIndex;
+}
+
+export function clamp(value, min, max) {
+  'worklet';
+  return Math.min(Math.max(value, min), max);
+}

package/dist/components/modals/bottomDrawer/web/BottomDrawer.js

@@ -1 +1,5 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["snapPoints","contentProps"];var _this=this,_jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/bottomDrawer/web/BottomDrawer.js";import{Drawer}from"../../drawer";import{jsx as _jsx}from"react/jsx-runtime";export var BottomDrawer=function BottomDrawer(_ref){var snapPoints=_ref.snapPoints,contentProps=_ref.contentProps,props=_objectWithoutProperties(_ref,_excluded);return _jsx(Drawer,Object.assign({height:(snapPoints==null?void 0:snapPoints[0])||400,contentProps:Object.assign({padding:0},contentProps)},props));};
+var _excluded = ["snapPoints", "contentProps"];var _this = this,_jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/bottomDrawer/web/BottomDrawer.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;}import { Drawer } from "../../drawer";import { jsx as _jsx } from "react/jsx-runtime";
+
+export var BottomDrawer = function BottomDrawer(_ref) {var snapPoints = _ref.snapPoints,contentProps = _ref.contentProps,props = _objectWithoutProperties(_ref, _excluded);
+  return _jsx(Drawer, Object.assign({ height: (snapPoints == null ? void 0 : snapPoints[0]) || 400, contentProps: Object.assign({ padding: 0 }, contentProps) }, props));
+};

package/dist/components/modals/drawer/Drawer.js

@@ -1 +1,5 @@
-var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/drawer/Drawer.js";import{Modal}from"../modal/Modal";import{jsx as _jsx}from"react/jsx-runtime";export function Drawer(props){return _jsx(Modal,Object.assign({position:"bottom"},props));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/drawer/Drawer.js";import { Modal } from "../modal/Modal";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function Drawer(props) {
+  return _jsx(Modal, Object.assign({ position: "bottom" }, props));
+}

package/dist/components/modals/drawer/Drawer.native.js

@@ -1 +1,3 @@
-import{BottomDrawer}from"../bottomDrawer/native/BottomDrawer";export var Drawer=BottomDrawer;
+import { BottomDrawer } from "../bottomDrawer/native/BottomDrawer";
+
+export var Drawer = BottomDrawer;

package/dist/components/modals/drawer/Drawer.web.js

@@ -1 +1,3 @@
-import{BottomDrawer}from"../bottomDrawer/native/BottomDrawer";export var Drawer=BottomDrawer;
+import { BottomDrawer } from "../bottomDrawer/native/BottomDrawer";
+
+export var Drawer = BottomDrawer;

package/dist/components/modals/drawer/index.js

@@ -1 +1 @@
-export*from"./Drawer";
+export * from "./Drawer";

package/dist/components/modals/index.js

@@ -1 +1,4 @@
-export*from"./modal";export*from"./drawer";export*from"./bottomDrawer";export*from"./router";
+export * from "./modal";
+export * from "./drawer";
+export * from "./bottomDrawer";
+export * from "./router";

package/dist/components/modals/modal/Modal.js

@@ -1 +1,84 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/modal/Modal.js";var _excluded=["open","onClose","title","width","children","header","footer","noLayout","disableOutsideClick"],_excluded2=["contentProps","headerProps","footerProps","position"];import{pipe}from'ramda';import{AnimatedView}from"../../animations/AnimatedView";import{ModalBackdrop}from"./ModalBackdrop";import{ModalContent}from"./ModalContent";import{ModalFooter}from"./ModalFooter";import{ModalHeader}from"./ModalHeader";import{Portal}from"../../helpers/Portal";import{useDefaultModifier}from"../../../modifiers/default";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2);_objectDestructuringEmpty(_ref2[0]);var position=_ref2[1].position;var radiusKey='br';var height=undefined;if(position==='bottom'){radiusKey='borderRadiusT';height='95%';}else if(position==='top'){radiusKey='borderRadiusB';height='95%';}else if(position==='right'){radiusKey='borderRadiusL';height='100%';}else if(position==='left'){radiusKey='borderRadiusR';height='100%';}return _defineProperty(_defineProperty(_defineProperty(_defineProperty({maxWidth:'100%',maxHeight:!position&&'95%',height:height,scale:!position,fade:!!position,slide:position&&{from:position}},radiusKey,'xl'),"bg",'overlayBG'),"overflow",'hidden'),"shadow",true);};export function Modal(_ref4){var open=_ref4.open,onClose=_ref4.onClose,title=_ref4.title,_ref4$width=_ref4.width,width=_ref4$width===void 0?500:_ref4$width,children=_ref4.children,header=_ref4.header,footer=_ref4.footer,noLayout=_ref4.noLayout,disableOutsideClick=_ref4.disableOutsideClick,rootProps=_objectWithoutProperties(_ref4,_excluded);var _pipe=pipe(useThemeComponentModifier('Modal'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var formattedProps=_pipe2[1];var contentProps=formattedProps.contentProps,headerProps=formattedProps.headerProps,footerProps=formattedProps.footerProps,position=formattedProps.position,props=_objectWithoutProperties(formattedProps,_excluded2);var content=children;if(!noLayout){content=_jsxs(_Fragment,{children:[_jsx(ModalHeader,Object.assign({title:title,onClose:onClose},headerProps,{children:header})),_jsx(ModalContent,Object.assign({},contentProps,{children:children})),_jsx(ModalFooter,Object.assign({},footerProps,{children:footer}))]});}return _jsx(Portal,{children:_jsx(ModalBackdrop,{open:open,onClose:!disableOutsideClick&&onClose,position:position,children:_jsx(AnimatedView,Object.assign({className:"neko-modal",open:open,width:width},props,{onPress:function onPress(e){return e.stopPropagation();},children:content}))})});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/modal/Modal.js";var _excluded = ["open", "onClose", "title", "width", "children", "header", "footer", "noLayout", "disableOutsideClick"],_excluded2 = ["contentProps", "headerProps", "footerProps", "position"];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 _defineProperty(e, r, t) {return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e;}function _toPropertyKey(t) {var i = _toPrimitive(t, "string");return "symbol" == typeof i ? i : i + "";}function _toPrimitive(t, r) {if ("object" != typeof t || !t) return t;var e = t[Symbol.toPrimitive];if (void 0 !== e) {var i = e.call(t, r || "default");if ("object" != typeof i) return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return ("string" === r ? String : Number)(t);}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;}import { pipe } from 'ramda';
+
+import { AnimatedView } from "../../animations/AnimatedView";
+import { ModalBackdrop } from "./ModalBackdrop";
+import { ModalContent } from "./ModalContent";
+import { ModalFooter } from "./ModalFooter";
+import { ModalHeader } from "./ModalHeader";
+import { Portal } from "../../helpers/Portal";
+import { useDefaultModifier } from "../../../modifiers/default";
+import { useThemeComponentModifier } from "../../../modifiers/themeComponent";import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = function DEFAULT_PROPS(_ref) {var _ref2 = _slicedToArray(_ref, 2);_objectDestructuringEmpty(_ref2[0]);var position = _ref2[1].position;
+  var radiusKey = 'br';
+  var height = undefined;
+  if (position === 'bottom') {
+    radiusKey = 'borderRadiusT';
+    height = '95%';
+  } else if (position === 'top') {
+    radiusKey = 'borderRadiusB';
+    height = '95%';
+  } else if (position === 'right') {
+    radiusKey = 'borderRadiusL';
+    height = '100%';
+  } else if (position === 'left') {
+    radiusKey = 'borderRadiusR';
+    height = '100%';
+  }
+
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    maxWidth: '100%',
+    maxHeight: !position && '95%',
+    height: height,
+    scale: !position,
+    fade: !!position,
+    slide: position && { from: position } },
+  radiusKey, 'xl'), "bg",
+  'overlayBG'), "overflow",
+  'hidden'), "shadow",
+  true);
+
+};
+
+export function Modal(_ref4)
+
+
+
+
+
+
+
+
+
+
+{var open = _ref4.open,onClose = _ref4.onClose,title = _ref4.title,_ref4$width = _ref4.width,width = _ref4$width === void 0 ? 500 : _ref4$width,children = _ref4.children,header = _ref4.header,footer = _ref4.footer,noLayout = _ref4.noLayout,disableOutsideClick = _ref4.disableOutsideClick,rootProps = _objectWithoutProperties(_ref4, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('Modal'),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2);_objectDestructuringEmpty(_pipe2[0]);var formattedProps = _pipe2[1];
+
+  var contentProps = formattedProps.contentProps,headerProps = formattedProps.headerProps,footerProps = formattedProps.footerProps,position = formattedProps.position,props = _objectWithoutProperties(formattedProps, _excluded2);
+
+  var content = children;
+  if (!noLayout) {
+    content =
+    _jsxs(_Fragment, { children: [
+      _jsx(ModalHeader, Object.assign({ title: title, onClose: onClose }, headerProps, { children:
+        header })
+      ),
+      _jsx(ModalContent, Object.assign({}, contentProps, { children: children })),
+      _jsx(ModalFooter, Object.assign({}, footerProps, { children: footer }))] }
+    );
+
+  }
+
+  return (
+    _jsx(Portal, { children:
+      _jsx(ModalBackdrop, { open: open, onClose: !disableOutsideClick && onClose, position: position, children:
+        _jsx(AnimatedView, Object.assign({ className: "neko-modal", open: open, width: width }, props, { onPress: function onPress(e) {return e.stopPropagation();}, children:
+          content })
+        ) }
+      ) }
+    ));
+
+}

package/dist/components/modals/modal/Modal.native.js

@@ -1 +1,83 @@
-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/modals/modal/Modal.native.js";var _excluded=["open","onClose","title","width","children","header","footer","noLayout","disableOutsideClick"],_excluded2=["contentProps","headerProps","footerProps"];import{Modal as RNModal,ScrollView}from"react-native-web";import{pipe}from'ramda';import{ModalBackdrop}from"./ModalBackdrop";import{ModalContent}from"./ModalContent";import{ModalFooter}from"./ModalFooter";import{ModalHeader}from"./ModalHeader";import{Pressable}from"../../actions/Pressable";import{View}from"../../structure/View";import{useDefaultModifier}from"../../../modifiers/default";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";var DEFAULT_PROPS={maxWidth:'90%',maxHeight:'90%',scale:true,br:'xl',bg:'overlayBG',overflow:'hidden',shadow:true};export function Modal(_ref){var open=_ref.open,onClose=_ref.onClose,title=_ref.title,_ref$width=_ref.width,width=_ref$width===void 0?500:_ref$width,children=_ref.children,header=_ref.header,footer=_ref.footer,noLayout=_ref.noLayout,disableOutsideClick=_ref.disableOutsideClick,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('Modal'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var formattedProps=_pipe2[1];var contentProps=formattedProps.contentProps,headerProps=formattedProps.headerProps,footerProps=formattedProps.footerProps,props=_objectWithoutProperties(formattedProps,_excluded2);var content=children;if(!noLayout){content=_jsxs(_Fragment,{children:[_jsx(ModalHeader,Object.assign({title:title,onClose:onClose},headerProps,{children:header})),_jsx(ScrollView,{children:_jsx(ModalContent,Object.assign({},contentProps,{children:children}))}),_jsx(ModalFooter,Object.assign({},footerProps,{children:footer}))]});}return _jsx(RNModal,{animationType:"fade",transparent:true,visible:open,onRequestClose:onClose,allowSwipeDismissal:true,navigationBarTranslucent:true,statusBarTranslucent:true,children:_jsxs(ModalBackdrop,{open:open,useSimpleView:true,children:[_jsx(Pressable,{onPress:!disableOutsideClick?onClose:undefined,absolute:true,top:0,left:0,right:0,bottom:0,pointerEvents:"box-only"}),_jsx(View,Object.assign({width:width},props,{zIndex:10,children:content}))]})});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/modal/Modal.native.js";var _excluded = ["open", "onClose", "title", "width", "children", "header", "footer", "noLayout", "disableOutsideClick"],_excluded2 = ["contentProps", "headerProps", "footerProps"];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 { Modal as RNModal, ScrollView } from "react-native-web";
+import { pipe } from 'ramda';
+
+import { ModalBackdrop } from "./ModalBackdrop";
+import { ModalContent } from "./ModalContent";
+import { ModalFooter } from "./ModalFooter";
+import { ModalHeader } from "./ModalHeader";
+import { Pressable } from "../../actions/Pressable";
+import { View } from "../../structure/View";
+import { useDefaultModifier } from "../../../modifiers/default";
+import { useThemeComponentModifier } from "../../../modifiers/themeComponent";import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = {
+  maxWidth: '90%',
+  maxHeight: '90%',
+  scale: true,
+  br: 'xl',
+  bg: 'overlayBG',
+  overflow: 'hidden',
+  shadow: true
+};
+
+export function Modal(_ref)
+
+
+
+
+
+
+
+
+
+
+{var open = _ref.open,onClose = _ref.onClose,title = _ref.title,_ref$width = _ref.width,width = _ref$width === void 0 ? 500 : _ref$width,children = _ref.children,header = _ref.header,footer = _ref.footer,noLayout = _ref.noLayout,disableOutsideClick = _ref.disableOutsideClick,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('Modal'),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2);_objectDestructuringEmpty(_pipe2[0]);var formattedProps = _pipe2[1];
+
+  var contentProps = formattedProps.contentProps,headerProps = formattedProps.headerProps,footerProps = formattedProps.footerProps,props = _objectWithoutProperties(formattedProps, _excluded2);
+
+  var content = children;
+  if (!noLayout) {
+    content =
+    _jsxs(_Fragment, { children: [
+      _jsx(ModalHeader, Object.assign({ title: title, onClose: onClose }, headerProps, { children:
+        header })
+      ),
+      _jsx(ScrollView, { children:
+        _jsx(ModalContent, Object.assign({}, contentProps, { children: children })) }
+      ),
+      _jsx(ModalFooter, Object.assign({}, footerProps, { children: footer }))] }
+    );
+
+  }
+
+  return (
+    _jsx(RNModal, {
+      animationType: "fade",
+      transparent: true,
+      visible: open,
+      onRequestClose: onClose,
+      allowSwipeDismissal: true,
+      navigationBarTranslucent: true,
+      statusBarTranslucent: true, children:
+
+      _jsxs(ModalBackdrop, { open: open, useSimpleView: true, children: [
+        _jsx(Pressable, {
+          onPress: !disableOutsideClick ? onClose : undefined,
+          absolute: true,
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          pointerEvents: "box-only" }
+        ),
+        _jsx(View, Object.assign({ width: width }, props, { zIndex: 10, children:
+          content })
+        )] }
+      ) }
+    ));
+
+}

package/dist/components/modals/modal/ModalBackdrop.js

@@ -1 +1,58 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/modal/ModalBackdrop.js";var _excluded=["open","onClose","children","useSimpleView"];import{pipe}from'ramda';import React from'react';import{AnimatedView}from"../../animations/AnimatedView";import{SafeAreaView}from"../../structure/SafeAreaView";import{useDefaultModifier}from"../../../modifiers/default";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2);_objectDestructuringEmpty(_ref2[0]);var position=_ref2[1].position;var justify='center';var align='center';if(position==='bottom'){justify='flex-end';}else if(position==='top'){justify='flex-top';}else if(position==='left'){align='flex-start';}else if(position==='right'){align='flex-end';}return{fixed:true,top:0,left:0,right:0,bottom:0,justify:justify,align:align,lazy:true,unmountOnClose:true,fade:true,zIndex:500,bg:'backdrop_op70'};};export function ModalBackdrop(_ref3){var open=_ref3.open,onClose=_ref3.onClose,children=_ref3.children,useSimpleView=_ref3.useSimpleView,rootProps=_objectWithoutProperties(_ref3,_excluded);var modalRef=React.useRef();var _pipe=pipe(useThemeComponentModifier('ModalBackdrop'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var props=_pipe2[1];if(useSimpleView){return _jsx(SafeAreaView,Object.assign({className:"neko-modal-backdrop"},props,{children:children}));}return _jsx(AnimatedView,Object.assign({open:open,className:"neko-modal-backdrop",onPress:onClose},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/modal/ModalBackdrop.js";var _excluded = ["open", "onClose", "children", "useSimpleView"];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 _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;}import { pipe } from 'ramda';
+import React from 'react';
+
+import { AnimatedView } from "../../animations/AnimatedView";
+import { SafeAreaView } from "../../structure/SafeAreaView";
+import { useDefaultModifier } from "../../../modifiers/default";
+import { useThemeComponentModifier } from "../../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = function DEFAULT_PROPS(_ref) {var _ref2 = _slicedToArray(_ref, 2);_objectDestructuringEmpty(_ref2[0]);var position = _ref2[1].position;
+  var justify = 'center';
+  var align = 'center';
+  if (position === 'bottom') {
+    justify = 'flex-end';
+  } else if (position === 'top') {
+    justify = 'flex-top';
+  } else if (position === 'left') {
+    align = 'flex-start';
+  } else if (position === 'right') {
+    align = 'flex-end';
+  }
+
+  return {
+    fixed: true,
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justify: justify,
+    align: align,
+    lazy: true,
+    unmountOnClose: true,
+    fade: true,
+    zIndex: 500,
+    bg: 'backdrop_op70'
+  };
+};
+
+export function ModalBackdrop(_ref3) {var open = _ref3.open,onClose = _ref3.onClose,children = _ref3.children,useSimpleView = _ref3.useSimpleView,rootProps = _objectWithoutProperties(_ref3, _excluded);
+  var modalRef = React.useRef();
+  var _pipe = pipe(
+      useThemeComponentModifier('ModalBackdrop'),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2);_objectDestructuringEmpty(_pipe2[0]);var props = _pipe2[1];
+
+  if (useSimpleView) {
+    return (
+      _jsx(SafeAreaView, Object.assign({ className: "neko-modal-backdrop" }, props, { children:
+        children })
+      ));
+
+  }
+
+  return (
+    _jsx(AnimatedView, Object.assign({ open: open, className: "neko-modal-backdrop", onPress: onClose }, props, { children:
+      children })
+    ));
+
+}

package/dist/components/modals/modal/ModalContent.js

@@ -1 +1,28 @@
-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/modals/modal/ModalContent.js";var _excluded=["children"];import{pipe}from'ramda';import{View}from"../../structure/View";import{useDefaultModifier}from"../../../modifiers/default";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS={fullW:true,flex:true,scrollY:true,padding:'md'};export function ModalContent(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('ModalContent'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var props=_pipe2[1];if(!children)return false;return _jsx(View,Object.assign({className:"neko-modal-content"},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/modal/ModalContent.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 { View } from "../../structure/View";
+import { useDefaultModifier } from "../../../modifiers/default";
+import { useThemeComponentModifier } from "../../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = {
+  fullW: true,
+  flex: true,
+
+  scrollY: true,
+  padding: 'md'
+};
+
+export function ModalContent(_ref) {var children = _ref.children,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('ModalContent'),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2);_objectDestructuringEmpty(_pipe2[0]);var props = _pipe2[1];
+
+  if (!children) return false;
+
+  return (
+    _jsx(View, Object.assign({ className: "neko-modal-content" }, props, { children:
+      children })
+    ));
+
+}

package/dist/components/modals/modal/ModalFooter.js

@@ -1 +1,31 @@
-import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/modal/ModalFooter.js";var _excluded=["children"];import{pipe}from'ramda';import{View}from"../../structure/View";import{moveScale}from"../../../theme/helpers/sizeScale";import{useDefaultModifier}from"../../../modifiers/default";import{useSizeConverter}from"../../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2),sizeCode=_ref2[0].sizeCode,_=_ref2[1];return{borderT:true,paddingH:sizeCode,paddingV:moveScale(sizeCode,-2),minHeight:moveScale(sizeCode,1),centerV:true};};export function ModalFooter(_ref3){var children=_ref3.children,rootProps=_objectWithoutProperties(_ref3,_excluded);var _pipe=pipe(useSizeConverter('elementHeights','md'),useThemeComponentModifier('ModalFooter'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var props=_pipe2[1];if(!children)return false;return _jsx(View,Object.assign({className:"neko-modal-footer"},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/modal/ModalFooter.js";var _excluded = ["children"];function _objectDestructuringEmpty(t) {if (null == t) throw new TypeError("Cannot destructure " + t);}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 { pipe } from 'ramda';
+
+import { View } from "../../structure/View";
+import { moveScale } from "../../../theme/helpers/sizeScale";
+import { useDefaultModifier } from "../../../modifiers/default";
+import { useSizeConverter } from "../../../modifiers/sizeConverter";
+import { useThemeComponentModifier } from "../../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = function DEFAULT_PROPS(_ref) {var _ref2 = _slicedToArray(_ref, 2),sizeCode = _ref2[0].sizeCode,_ = _ref2[1];return {
+    borderT: true,
+    paddingH: sizeCode,
+    paddingV: moveScale(sizeCode, -2),
+    minHeight: moveScale(sizeCode, 1),
+    centerV: true
+  };};
+
+export function ModalFooter(_ref3) {var children = _ref3.children,rootProps = _objectWithoutProperties(_ref3, _excluded);
+  var _pipe = pipe(
+      useSizeConverter('elementHeights', 'md'),
+      useThemeComponentModifier('ModalFooter'),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2);_objectDestructuringEmpty(_pipe2[0]);var props = _pipe2[1];
+
+  if (!children) return false;
+
+  return (
+    _jsx(View, Object.assign({ className: "neko-modal-footer" }, props, { children:
+      children })
+    ));
+
+}