@neko-os/ui 0.2.2 → 0.3.0

package/dist/components/list/FlatList.js

@@ -1 +1,91 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/list/FlatList.js",_this2=this;var _excluded=["children"],_excluded2=["divider","dividerColor","dividerProps","renderSeparator","renderItem","lazy","onlyOnScreen","itemMinHeight"];import{pipe}from'ramda';import React from'react';import{AbsFlatList}from"../../abstractions/FlatList";import{AbsStaticList}from"../../abstractions/StaticList";import{ConditionalLazyRender,Divider}from"../helpers";import{useAnimationModifier}from"../../modifiers/animation";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useDefaultModifier}from"../../modifiers/default";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{useResponsiveValue}from"../../responsive";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";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2),_=_ref2[0],horizontal=_ref2[1].horizontal;var overflowKey=horizontal?'scrollX':'scrollY';return _defineProperty(_defineProperty({},overflowKey,true),"row",!!horizontal);};export function FlatList(_ref4){var _this=this;var children=_ref4.children,rootProps=_objectWithoutProperties(_ref4,_excluded);var _pipe=pipe(useThemeComponentModifier('FlatList'),useDefaultModifier(DEFAULT_PROPS),useFlexWrapperModifier,useDisplayModifier,useAnimationModifier,useStateModifier,useSizeModifier,usePositionModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useFlexModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],formattedProps=_pipe2[1];var divider=formattedProps.divider,dividerColor=formattedProps.dividerColor,dividerProps=formattedProps.dividerProps,renderSeparator=formattedProps.renderSeparator,renderItem=formattedProps.renderItem,lazy=formattedProps.lazy,onlyOnScreen=formattedProps.onlyOnScreen,itemMinHeight=formattedProps.itemMinHeight,props=_objectWithoutProperties(formattedProps,_excluded2);var noScroll=useResponsiveValue(rootProps.noScroll);var Wrapper=noScroll?AbsStaticList:AbsFlatList;var formattedRenderItem=React.useCallback(function(){for(var _len=arguments.length,params=new Array(_len),_key=0;_key<_len;_key++){params[_key]=arguments[_key];}return _jsx(ConditionalLazyRender,{whenVisible:lazy||onlyOnScreen,destroyOffScreen:onlyOnScreen,minHeight:itemMinHeight,children:renderItem==null?void 0:renderItem.apply(void 0,params)});},[renderItem]);if(!renderSeparator&&!!divider){if(divider===true)divider=1;renderSeparator=function renderSeparator(){return _jsx(Divider,Object.assign({line:divider,height:divider,color:dividerColor},dividerProps));};}return _jsx(Wrapper,Object.assign({className:"neko-flat-list",renderSeparator:renderSeparator,renderItem:formattedRenderItem},props,{children:children}));}export var List=function List(props){return _jsx(FlatList,Object.assign({noScroll:true},props));};
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/list/FlatList.js",_this2 = this;var _excluded = ["children"],_excluded2 = ["divider", "dividerColor", "dividerProps", "renderSeparator", "renderItem", "lazy", "onlyOnScreen", "itemMinHeight"];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 _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 { AbsFlatList } from "../../abstractions/FlatList";
+import { AbsStaticList } from "../../abstractions/StaticList";
+import { ConditionalLazyRender, Divider } from "../helpers";
+import { useAnimationModifier } from "../../modifiers/animation";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useBorderModifier } from "../../modifiers/border";
+import { useDefaultModifier } from "../../modifiers/default";
+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 { useResponsiveValue } from "../../responsive";
+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";
+
+var DEFAULT_PROPS = function DEFAULT_PROPS(_ref) {var _ref2 = _slicedToArray(_ref, 2),_ = _ref2[0],horizontal = _ref2[1].horizontal;
+  var overflowKey = horizontal ? 'scrollX' : 'scrollY';
+
+  return _defineProperty(_defineProperty({},
+  overflowKey, true), "row",
+  !!horizontal);
+
+};
+
+export function FlatList(_ref4) {var _this = this;var children = _ref4.children,rootProps = _objectWithoutProperties(_ref4, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('FlatList'),
+      useDefaultModifier(DEFAULT_PROPS),
+      useFlexWrapperModifier,
+      useDisplayModifier,
+      useAnimationModifier,
+      useStateModifier,
+      useSizeModifier,
+      usePositionModifier,
+      useOverflowModifier,
+      usePaddingModifier,
+      useMarginModifier,
+      useFlexModifier,
+      useBackgroundModifier,
+      useBorderModifier,
+      useShadowModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_ = _pipe2[0],formattedProps = _pipe2[1];
+
+  var
+    divider =
+
+
+
+
+
+
+
+
+    formattedProps.divider,dividerColor = formattedProps.dividerColor,dividerProps = formattedProps.dividerProps,renderSeparator = formattedProps.renderSeparator,renderItem = formattedProps.renderItem,lazy = formattedProps.lazy,onlyOnScreen = formattedProps.onlyOnScreen,itemMinHeight = formattedProps.itemMinHeight,props = _objectWithoutProperties(formattedProps, _excluded2);
+  var noScroll = useResponsiveValue(rootProps.noScroll);
+  var Wrapper = noScroll ? AbsStaticList : AbsFlatList;
+
+  var formattedRenderItem = React.useCallback(
+    function () {for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {params[_key] = arguments[_key];}return (
+        _jsx(ConditionalLazyRender, {
+          whenVisible: lazy || onlyOnScreen,
+          destroyOffScreen: onlyOnScreen,
+          minHeight: itemMinHeight, children:
+
+          renderItem == null ? void 0 : renderItem.apply(void 0, params) }
+        ));},
+
+    [renderItem]
+  );
+
+  if (!renderSeparator && !!divider) {
+    if (divider === true) divider = 1;
+    renderSeparator = function renderSeparator() {return _jsx(Divider, Object.assign({ line: divider, height: divider, color: dividerColor }, dividerProps));};
+  }
+
+  return (
+    _jsx(Wrapper, Object.assign({ className: "neko-flat-list", renderSeparator: renderSeparator, renderItem: formattedRenderItem }, props, { children:
+      children })
+    ));
+
+}
+
+export var List = function List(props) {return _jsx(FlatList, Object.assign({ noScroll: true }, props));};

package/dist/components/list/ScrollView.js

@@ -1 +1,58 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/list/ScrollView.js";var _excluded=["children","useNormalView"];import{pipe}from'ramda';import{AbsScrollView}from"../../abstractions/ScrollView";import{View}from"../structure/View";import{useAnimationModifier}from"../../modifiers/animation";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useDefaultModifier}from"../../modifiers/default";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{useResponsiveValue}from"../../responsive";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";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2),_=_ref2[0],horizontal=_ref2[1].horizontal;var overflowKey=horizontal?'scrollX':'scrollY';return _defineProperty(_defineProperty({},overflowKey,true),"row",!!horizontal);};export function ScrollView(_ref4){var children=_ref4.children,useNormalView=_ref4.useNormalView,rootProps=_objectWithoutProperties(_ref4,_excluded);var _pipe=pipe(useThemeComponentModifier('ScrollView'),useDefaultModifier(DEFAULT_PROPS),useFlexWrapperModifier,useDisplayModifier,useAnimationModifier,useStateModifier,useSizeModifier,usePositionModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useFlexModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];useNormalView=useResponsiveValue(useNormalView);if(useNormalView)return _jsx(View,Object.assign({},rootProps,{children:children}));return _jsx(AbsScrollView,Object.assign({className:"neko-scroll-view"},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/list/ScrollView.js";var _excluded = ["children", "useNormalView"];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 _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 { AbsScrollView } from "../../abstractions/ScrollView";
+import { View } from "../structure/View";
+import { useAnimationModifier } from "../../modifiers/animation";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useBorderModifier } from "../../modifiers/border";
+import { useDefaultModifier } from "../../modifiers/default";
+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 { useResponsiveValue } from "../../responsive";
+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";
+
+var DEFAULT_PROPS = function DEFAULT_PROPS(_ref) {var _ref2 = _slicedToArray(_ref, 2),_ = _ref2[0],horizontal = _ref2[1].horizontal;
+  var overflowKey = horizontal ? 'scrollX' : 'scrollY';
+
+  return _defineProperty(_defineProperty({},
+  overflowKey, true), "row",
+  !!horizontal);
+
+};
+
+export function ScrollView(_ref4) {var children = _ref4.children,useNormalView = _ref4.useNormalView,rootProps = _objectWithoutProperties(_ref4, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('ScrollView'),
+      useDefaultModifier(DEFAULT_PROPS),
+      useFlexWrapperModifier,
+      useDisplayModifier,
+      useAnimationModifier,
+      useStateModifier,
+      useSizeModifier,
+      usePositionModifier,
+      useOverflowModifier,
+      usePaddingModifier,
+      useMarginModifier,
+      useFlexModifier,
+      useBackgroundModifier,
+      useBorderModifier,
+      useShadowModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_ = _pipe2[0],props = _pipe2[1];
+  useNormalView = useResponsiveValue(useNormalView);
+
+  if (useNormalView) return _jsx(View, Object.assign({}, rootProps, { children: children }));
+
+  return (
+    _jsx(AbsScrollView, Object.assign({ className: "neko-scroll-view" }, props, { children:
+      children })
+    ));
+
+}

package/dist/components/list/index.js

@@ -1 +1,2 @@
-export*from"./ScrollView";export*from"./FlatList";
+export * from "./ScrollView";
+export * from "./FlatList";

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

@@ -1 +1,3 @@
-export{BottomDrawer}from"./web/BottomDrawer";export{ScrollView as DrawerScrollView}from"../../list/ScrollView";export{FlatList as DrawerFlatList}from"../../list/FlatList";
+export { BottomDrawer } from "./web/BottomDrawer";
+export { ScrollView as DrawerScrollView } from "../../list/ScrollView";
+export { FlatList as DrawerFlatList } from "../../list/FlatList";

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

@@ -1 +1,5 @@
-export{BottomDrawer}from"./native/BottomDrawer";export{DrawerScrollView,DrawerFlatList}from"./native/DrawerScrollView";export{createDrawerScrollComponent}from"./native/createDrawerScrollComponent";export{DrawerHandle}from"./native/DrawerHandle";export{DrawerProvider,useDrawerContext}from"./native/DrawerContext";
+export { BottomDrawer } from "./native/BottomDrawer";
+export { DrawerScrollView, DrawerFlatList } from "./native/DrawerScrollView";
+export { createDrawerScrollComponent } from "./native/createDrawerScrollComponent";
+export { DrawerHandle } from "./native/DrawerHandle";
+export { DrawerProvider, useDrawerContext } from "./native/DrawerContext";

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

@@ -1 +1,5 @@
-export{BottomDrawer}from"./native/BottomDrawer";export{DrawerScrollView,DrawerFlatList}from"./native/DrawerScrollView";export{createDrawerScrollComponent}from"./native/createDrawerScrollComponent";export{DrawerHandle}from"./native/DrawerHandle";export{DrawerProvider,useDrawerContext}from"./native/DrawerContext";
+export { BottomDrawer } from "./native/BottomDrawer";
+export { DrawerScrollView, DrawerFlatList } from "./native/DrawerScrollView";
+export { createDrawerScrollComponent } from "./native/createDrawerScrollComponent";
+export { DrawerHandle } from "./native/DrawerHandle";
+export { DrawerProvider, useDrawerContext } from "./native/DrawerContext";

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

@@ -1 +1,239 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/bottomDrawer/native/BottomDrawer.js";var _excluded=["children","render","setRender","open","onClose","snapPoints","useSafeArea","enableOverScroll","enableHandlePanningGesture","enableContentPanningGesture","animationConfig","hideHandle","contentProps"],_excluded2=["open"];import{GestureDetector,Gesture,GestureHandlerRootView}from'react-native-gesture-handler';import{Modal,Dimensions,StyleSheet,BackHandler,Platform}from"react-native-web";import{useSafeAreaInsets}from'react-native-safe-area-context';import Animated,{useSharedValue,useAnimatedStyle,withSpring,runOnJS}from'react-native-reanimated';import React from'react';import{DrawerHandle}from"./DrawerHandle";import{DrawerProvider}from"./DrawerContext";import{Pressable}from"../../../actions/Pressable";import{View}from"../../../structure/View";import{normalizeSnapPoints,findClosestSnapPoint}from"./utils";import{useColors}from"../../../../theme/ThemeHandler";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function InnerContent(_ref){var children=_ref.children,render=_ref.render,setRender=_ref.setRender,open=_ref.open,onClose=_ref.onClose,_ref$snapPoints=_ref.snapPoints,snapPoints=_ref$snapPoints===void 0?['50%']:_ref$snapPoints,_ref$useSafeArea=_ref.useSafeArea,useSafeArea=_ref$useSafeArea===void 0?true:_ref$useSafeArea,_ref$enableOverScroll=_ref.enableOverScroll,enableOverScroll=_ref$enableOverScroll===void 0?true:_ref$enableOverScroll,_ref$enableHandlePann=_ref.enableHandlePanningGesture,enableHandlePanningGesture=_ref$enableHandlePann===void 0?true:_ref$enableHandlePann,_ref$enableContentPan=_ref.enableContentPanningGesture,enableContentPanningGesture=_ref$enableContentPan===void 0?true:_ref$enableContentPan,_ref$animationConfig=_ref.animationConfig,animationConfig=_ref$animationConfig===void 0?{damping:50,stiffness:500,mass:0.3,overshootClamping:true,restDisplacementThreshold:10,restSpeedThreshold:10}:_ref$animationConfig,hideHandle=_ref.hideHandle,contentProps=_ref.contentProps,props=_objectWithoutProperties(_ref,_excluded);var _Dimensions$get=Dimensions.get('window'),SCREEN_HEIGHT=_Dimensions$get.height;var insets=useSafeAreaInsets();var bottomInset=useSafeArea?insets.bottom:0;var colors=useColors();var translateY=useSharedValue(SCREEN_HEIGHT);var snapIndex=useSharedValue(0);var velocityY=useSharedValue(0);var normalizedSnapPoints=React.useMemo(function(){return normalizeSnapPoints(snapPoints,SCREEN_HEIGHT,bottomInset);},[snapPoints,useSafeArea]);var maxSnapPoint=React.useMemo(function(){return Math.max.apply(Math,_toConsumableArray(normalizedSnapPoints));},[normalizedSnapPoints]);var minSnapPoint=React.useMemo(function(){return Math.min.apply(Math,_toConsumableArray(normalizedSnapPoints));},[normalizedSnapPoints]);React.useEffect(function(){if(open){var targetY=SCREEN_HEIGHT-normalizedSnapPoints[0];translateY.value=withSpring(targetY,animationConfig);snapIndex.value=0;}else{translateY.value=withSpring(SCREEN_HEIGHT,animationConfig,function(){runOnJS(setRender)(false);});snapIndex.value=-1;}},[open]);React.useEffect(function(){if(!onClose||!open||Platform.OS!=='android')return;var backHandler=BackHandler.addEventListener('hardwareBackPress',function(){onClose();return true;});return function(){return backHandler.remove();};},[open,onClose]);var handleClose=React.useCallback(function(){onClose==null?void 0:onClose();},[onClose]);if(!onClose)handleClose=false;var snapTo=React.useCallback(function(index){'worklet';var snapPoint=normalizedSnapPoints[index];if(snapPoint!==undefined){translateY.value=withSpring(SCREEN_HEIGHT-snapPoint,animationConfig);snapIndex.value=index;}},[normalizedSnapPoints]);var gestureStartTranslateY=useSharedValue(0);var panRef=React.useRef();var panGesture=React.useMemo(function(){return Gesture.Pan().withRef(panRef).enabled(enableHandlePanningGesture||enableContentPanningGesture).onStart(function(){gestureStartTranslateY.value=translateY.value;}).onUpdate(function(event){var newTranslateY=gestureStartTranslateY.value+event.translationY;var maxPosition=SCREEN_HEIGHT-maxSnapPoint;if(enableOverScroll&&newTranslateY>=maxPosition){translateY.value=newTranslateY;}else{translateY.value=Math.max(maxPosition,Math.min(SCREEN_HEIGHT,newTranslateY));}velocityY.value=event.velocityY;}).onEnd(function(){var currentPosition=SCREEN_HEIGHT-translateY.value;var shouldClose=!!handleClose&&(velocityY.value>1500||velocityY.value>800&&currentPosition<minSnapPoint||currentPosition<minSnapPoint*0.35);if(shouldClose){runOnJS(handleClose)();}else{var closestSnapIndex=findClosestSnapPoint(currentPosition,normalizedSnapPoints,velocityY.value);var targetSnapPoint=normalizedSnapPoints[closestSnapIndex];translateY.value=withSpring(SCREEN_HEIGHT-targetSnapPoint,animationConfig);snapIndex.value=closestSnapIndex;}});},[enableHandlePanningGesture,enableContentPanningGesture,enableOverScroll,maxSnapPoint,minSnapPoint,normalizedSnapPoints,animationConfig,handleClose]);var animatedSheetStyle=useAnimatedStyle(function(){var currentHeight=SCREEN_HEIGHT-translateY.value;return{transform:[{translateY:translateY.value}],maxHeight:currentHeight};});var contextValue=React.useMemo(function(){return{translateY:translateY,snapIndex:snapIndex,maxSnapPoint:maxSnapPoint,snapTo:snapTo,animationConfig:animationConfig,panRef:panRef,normalizedSnapPoints:normalizedSnapPoints,SCREEN_HEIGHT:SCREEN_HEIGHT,minSnapPoint:minSnapPoint,handleClose:handleClose,velocityY:velocityY};},[maxSnapPoint,normalizedSnapPoints,SCREEN_HEIGHT,minSnapPoint,handleClose]);return _jsxs(GestureHandlerRootView,{style:{flex:1},children:[_jsx(Pressable,{absoluteFill:true,bg:"backdrop_op70",onPress:function onPress(){if(!handleClose)return;runOnJS(handleClose)();}}),_jsx(DrawerProvider,{value:contextValue,children:_jsx(GestureDetector,{gesture:panGesture,children:_jsx(Animated.View,{style:[styles.container,{height:SCREEN_HEIGHT},animatedSheetStyle],pointerEvents:"box-none",children:_jsxs(View,Object.assign({flex:true,bg:"overlayBG",shadow:true,paddingB:useSafeArea&&bottomInset,borderRadiusT:"xxxl",marginL:"auto",marginR:"auto",fullW:true},props,{children:[_jsx(DrawerHandle,{hide:hideHandle}),_jsx(View,Object.assign({flex:true},contentProps,{children:children}))]}))})})})]});}var styles=StyleSheet.create({container:{position:'absolute',left:0,right:0,top:0}});export function BottomDrawer(_ref2){var open=_ref2.open,props=_objectWithoutProperties(_ref2,_excluded2);var _React$useState=React.useState(open),_React$useState2=_slicedToArray(_React$useState,2),render=_React$useState2[0],setRender=_React$useState2[1];React.useEffect(function(){if(open){setRender(true);}},[open]);return _jsx(Modal,{visible:render,transparent:true,statusBarTranslucent:true,navigationBarTranslucent:true,animationType:"none",children:_jsx(InnerContent,Object.assign({},props,{open:open,render:render,setRender:setRender}))});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/bottomDrawer/native/BottomDrawer.js";var _excluded = ["children", "render", "setRender", "open", "onClose", "snapPoints", "useSafeArea", "enableOverScroll", "enableHandlePanningGesture", "enableContentPanningGesture", "animationConfig", "hideHandle", "contentProps"],_excluded2 = ["open"];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 _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 _toConsumableArray(r) {return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();}function _nonIterableSpread() {throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _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 _iterableToArray(r) {if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);}function _arrayWithoutHoles(r) {if (Array.isArray(r)) return _arrayLikeToArray(r);}function _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 _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 { GestureDetector, Gesture, GestureHandlerRootView } from 'react-native-gesture-handler';
+import { Modal, Dimensions, StyleSheet, BackHandler, Platform } from "react-native-web";
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+  withSpring,
+  runOnJS } from
+'react-native-reanimated';
+import React from 'react';
+
+import { DrawerHandle } from "./DrawerHandle";
+import { DrawerProvider } from "./DrawerContext";
+import { Pressable } from "../../../actions/Pressable";
+import { View } from "../../../structure/View";
+import { normalizeSnapPoints, findClosestSnapPoint } from "./utils";
+import { useColors } from "../../../../theme/ThemeHandler";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+function InnerContent(_ref)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{var children = _ref.children,render = _ref.render,setRender = _ref.setRender,open = _ref.open,onClose = _ref.onClose,_ref$snapPoints = _ref.snapPoints,snapPoints = _ref$snapPoints === void 0 ? ['50%'] : _ref$snapPoints,_ref$useSafeArea = _ref.useSafeArea,useSafeArea = _ref$useSafeArea === void 0 ? true : _ref$useSafeArea,_ref$enableOverScroll = _ref.enableOverScroll,enableOverScroll = _ref$enableOverScroll === void 0 ? true : _ref$enableOverScroll,_ref$enableHandlePann = _ref.enableHandlePanningGesture,enableHandlePanningGesture = _ref$enableHandlePann === void 0 ? true : _ref$enableHandlePann,_ref$enableContentPan = _ref.enableContentPanningGesture,enableContentPanningGesture = _ref$enableContentPan === void 0 ? true : _ref$enableContentPan,_ref$animationConfig = _ref.animationConfig,animationConfig = _ref$animationConfig === void 0 ? { damping: 50, stiffness: 500, mass: 0.3, overshootClamping: true, restDisplacementThreshold: 10, restSpeedThreshold: 10 } : _ref$animationConfig,hideHandle = _ref.hideHandle,contentProps = _ref.contentProps,props = _objectWithoutProperties(_ref, _excluded);
+  var _Dimensions$get = Dimensions.get('window'),SCREEN_HEIGHT = _Dimensions$get.height;
+  var insets = useSafeAreaInsets();
+  var bottomInset = useSafeArea ? insets.bottom : 0;
+
+  var colors = useColors();
+
+  var translateY = useSharedValue(SCREEN_HEIGHT);
+  var snapIndex = useSharedValue(0);
+  var velocityY = useSharedValue(0);
+
+  var normalizedSnapPoints = React.useMemo(
+    function () {return normalizeSnapPoints(snapPoints, SCREEN_HEIGHT, bottomInset);},
+    [snapPoints, useSafeArea]
+  );
+  var maxSnapPoint = React.useMemo(function () {return Math.max.apply(Math, _toConsumableArray(normalizedSnapPoints));}, [normalizedSnapPoints]);
+  var minSnapPoint = React.useMemo(function () {return Math.min.apply(Math, _toConsumableArray(normalizedSnapPoints));}, [normalizedSnapPoints]);
+
+  React.useEffect(function () {
+    if (open) {
+      var targetY = SCREEN_HEIGHT - normalizedSnapPoints[0];
+      translateY.value = withSpring(targetY, animationConfig);
+      snapIndex.value = 0;
+    } else {
+      translateY.value = withSpring(SCREEN_HEIGHT, animationConfig, function () {
+        runOnJS(setRender)(false);
+      });
+      snapIndex.value = -1;
+    }
+  }, [open]);
+
+  React.useEffect(function () {
+    if (!onClose || !open || Platform.OS !== 'android') return;
+    var backHandler = BackHandler.addEventListener('hardwareBackPress', function () {
+      onClose();
+      return true;
+    });
+    return function () {return backHandler.remove();};
+  }, [open, onClose]);
+
+  var handleClose = React.useCallback(function () {
+    onClose == null ? void 0 : onClose();
+  }, [onClose]);
+  if (!onClose) handleClose = false;
+
+  var snapTo = React.useCallback(
+    function (index) {
+      'worklet';
+      var snapPoint = normalizedSnapPoints[index];
+      if (snapPoint !== undefined) {
+        translateY.value = withSpring(SCREEN_HEIGHT - snapPoint, animationConfig);
+        snapIndex.value = index;
+      }
+    },
+    [normalizedSnapPoints]
+  );
+
+
+  var gestureStartTranslateY = useSharedValue(0);
+  var panRef = React.useRef();
+
+  var panGesture = React.useMemo(function () {
+    return Gesture.Pan().
+    withRef(panRef).
+    enabled(enableHandlePanningGesture || enableContentPanningGesture).
+    onStart(function () {
+      gestureStartTranslateY.value = translateY.value;
+    }).
+    onUpdate(function (event) {
+      var newTranslateY = gestureStartTranslateY.value + event.translationY;
+      var maxPosition = SCREEN_HEIGHT - maxSnapPoint;
+
+      if (enableOverScroll && newTranslateY >= maxPosition) {
+        translateY.value = newTranslateY;
+      } else {
+        translateY.value = Math.max(maxPosition, Math.min(SCREEN_HEIGHT, newTranslateY));
+      }
+
+      velocityY.value = event.velocityY;
+    }).
+    onEnd(function () {
+      var currentPosition = SCREEN_HEIGHT - translateY.value;
+      var shouldClose =
+      !!handleClose && (
+
+      velocityY.value > 1500 ||
+      velocityY.value > 800 && currentPosition < minSnapPoint ||
+      currentPosition < minSnapPoint * 0.35);
+
+
+      if (shouldClose) {
+        runOnJS(handleClose)();
+      } else {
+        var closestSnapIndex = findClosestSnapPoint(currentPosition, normalizedSnapPoints, velocityY.value);
+        var targetSnapPoint = normalizedSnapPoints[closestSnapIndex];
+        translateY.value = withSpring(SCREEN_HEIGHT - targetSnapPoint, animationConfig);
+        snapIndex.value = closestSnapIndex;
+      }
+    });
+  }, [
+  enableHandlePanningGesture,
+  enableContentPanningGesture,
+  enableOverScroll,
+  maxSnapPoint,
+  minSnapPoint,
+  normalizedSnapPoints,
+  animationConfig,
+  handleClose]
+  );
+
+  var animatedSheetStyle = useAnimatedStyle(function () {
+    var currentHeight = SCREEN_HEIGHT - translateY.value;
+    return {
+      transform: [{ translateY: translateY.value }],
+      maxHeight: currentHeight
+    };
+  });
+
+  var contextValue = React.useMemo(
+    function () {return {
+        translateY: translateY,
+        snapIndex: snapIndex,
+        maxSnapPoint: maxSnapPoint,
+        snapTo: snapTo,
+        animationConfig: animationConfig,
+        panRef: panRef,
+        normalizedSnapPoints: normalizedSnapPoints,
+        SCREEN_HEIGHT: SCREEN_HEIGHT,
+        minSnapPoint: minSnapPoint,
+        handleClose: handleClose,
+        velocityY: velocityY
+      };},
+    [maxSnapPoint, normalizedSnapPoints, SCREEN_HEIGHT, minSnapPoint, handleClose]
+  );
+
+  return (
+    _jsxs(GestureHandlerRootView, { style: { flex: 1 }, children: [
+      _jsx(Pressable, {
+        absoluteFill: true,
+        bg: "backdrop_op70",
+        onPress: function onPress() {
+          if (!handleClose) return;
+          runOnJS(handleClose)();
+        } }
+      ),
+
+      _jsx(DrawerProvider, { value: contextValue, children:
+        _jsx(GestureDetector, { gesture: panGesture, children:
+          _jsx(Animated.View, {
+            style: [styles.container, { height: SCREEN_HEIGHT }, animatedSheetStyle],
+            pointerEvents: "box-none", children:
+
+            _jsxs(View, Object.assign({
+              flex: true,
+              bg: "overlayBG",
+              shadow: true,
+              paddingB: useSafeArea && bottomInset,
+              borderRadiusT: "xxxl",
+              marginL: "auto",
+              marginR: "auto",
+              fullW: true },
+            props, { children: [
+
+              _jsx(DrawerHandle, { hide: hideHandle }),
+              _jsx(View, Object.assign({ flex: true }, contentProps, { children:
+                children })
+              )] })
+            ) }
+          ) }
+        ) }
+      )] }
+    ));
+
+}
+
+var styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0
+  }
+});
+
+export function BottomDrawer(_ref2) {var open = _ref2.open,props = _objectWithoutProperties(_ref2, _excluded2);
+  var _React$useState = React.useState(open),_React$useState2 = _slicedToArray(_React$useState, 2),render = _React$useState2[0],setRender = _React$useState2[1];
+
+  React.useEffect(function () {
+    if (open) {
+      setRender(true);
+    }
+  }, [open]);
+
+  return (
+    _jsx(Modal, { visible: render, transparent: true, statusBarTranslucent: true, navigationBarTranslucent: true, animationType: "none", children:
+      _jsx(InnerContent, Object.assign({}, props, { open: open, render: render, setRender: setRender })) }
+    ));
+
+}

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

@@ -1 +1,17 @@
-var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/bottomDrawer/native/DrawerContext.js";import React from'react';import{jsx as _jsx}from"react/jsx-runtime";var DrawerContext=React.createContext(null);export function DrawerProvider(_ref){var children=_ref.children,value=_ref.value;return _jsx(DrawerContext.Provider,{value:value,children:children});}export function useDrawerContext(){var context=React.useContext(DrawerContext);if(!context){return{outOfContext:true};}return context;}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/bottomDrawer/native/DrawerContext.js";import React from 'react';import { jsx as _jsx } from "react/jsx-runtime";
+
+var DrawerContext = React.createContext(null);
+
+export function DrawerProvider(_ref) {var children = _ref.children,value = _ref.value;
+  return _jsx(DrawerContext.Provider, { value: value, children: children });
+}
+
+export function useDrawerContext() {
+  var context = React.useContext(DrawerContext);
+
+  if (!context) {
+    return { outOfContext: true };
+  }
+
+  return context;
+}

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

@@ -1 +1,12 @@
-var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/bottomDrawer/native/DrawerHandle.js";import{Divider}from"../../../helpers/Separator";import{View}from"../../../structure/View";import{jsx as _jsx}from"react/jsx-runtime";export function DrawerHandle(_ref){var hide=_ref.hide;if(!!hide)return false;return _jsx(View,{center:true,padding:"sm",children:_jsx(Divider,{maxWidth:35,line:4,color:"text4_op30",height:4})});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/bottomDrawer/native/DrawerHandle.js";import { Divider } from "../../../helpers/Separator";
+import { View } from "../../../structure/View";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function DrawerHandle(_ref) {var hide = _ref.hide;
+  if (!!hide) return false;
+
+  return (
+    _jsx(View, { center: true, padding: "sm", children:
+      _jsx(Divider, { maxWidth: 35, line: 4, color: "text4_op30", height: 4 }) }
+    ));
+
+}

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

@@ -1 +1,5 @@
-import{FlatList,ScrollView}from"../../../list";import{createDrawerScrollComponent}from"./createDrawerScrollComponent";export var DrawerScrollView=createDrawerScrollComponent(ScrollView);export var DrawerFlatList=createDrawerScrollComponent(FlatList);
+import { FlatList, ScrollView } from "../../../list";
+import { createDrawerScrollComponent } from "./createDrawerScrollComponent";
+
+export var DrawerScrollView = createDrawerScrollComponent(ScrollView);
+export var DrawerFlatList = createDrawerScrollComponent(FlatList);