@neko-os/ui 0.2.2 → 0.3.0

package/dist/components/structure/KeyboardAvoidingView.js

@@ -1 +1,52 @@
-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/structure/KeyboardAvoidingView.js";var _excluded=["children","keyboardVerticalOffset"];import{pipe}from'ramda';import{AbsKeyboardAvoidingView}from"../../abstractions/KeyboardAvoidingView";import{Platform}from"../../abstractions/Platform";import{useSafeAreaInsets}from"../../abstractions/helpers/useSafeAreaInsets";import{useAnimationModifier}from"../../modifiers/animation";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useCursorModifier}from"../../modifiers/cursor";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 KeyboardAvoidingView(_ref){var children=_ref.children,_ref$keyboardVertical=_ref.keyboardVerticalOffset,keyboardVerticalOffset=_ref$keyboardVertical===void 0?0:_ref$keyboardVertical,rootProps=_objectWithoutProperties(_ref,_excluded);var _useSafeAreaInsets=useSafeAreaInsets(),bottom=_useSafeAreaInsets.bottom;var _pipe=pipe(useThemeComponentModifier('KeyboardAvoidingView'),useFlexWrapperModifier,useDisplayModifier,useCursorModifier,useAnimationModifier,useStateModifier,useSizeModifier,usePositionModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useFlexModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];return _jsx(AbsKeyboardAvoidingView,Object.assign({behavior:Platform.OS==='ios'?'padding':'height',keyboardVerticalOffset:keyboardVerticalOffset+bottom},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/KeyboardAvoidingView.js";var _excluded = ["children", "keyboardVerticalOffset"];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 { AbsKeyboardAvoidingView } from "../../abstractions/KeyboardAvoidingView";
+import { Platform } from "../../abstractions/Platform";
+import { useSafeAreaInsets } from "../../abstractions/helpers/useSafeAreaInsets";
+import { useAnimationModifier } from "../../modifiers/animation";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useBorderModifier } from "../../modifiers/border";
+import { useCursorModifier } from "../../modifiers/cursor";
+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 KeyboardAvoidingView(_ref) {var children = _ref.children,_ref$keyboardVertical = _ref.keyboardVerticalOffset,keyboardVerticalOffset = _ref$keyboardVertical === void 0 ? 0 : _ref$keyboardVertical,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _useSafeAreaInsets = useSafeAreaInsets(),bottom = _useSafeAreaInsets.bottom;
+
+  var _pipe = pipe(
+      useThemeComponentModifier('KeyboardAvoidingView'),
+      useFlexWrapperModifier,
+      useDisplayModifier,
+      useCursorModifier,
+      useAnimationModifier,
+      useStateModifier,
+      useSizeModifier,
+      usePositionModifier,
+      useOverflowModifier,
+      usePaddingModifier,
+      useMarginModifier,
+      useFlexModifier,
+      useBackgroundModifier,
+      useBorderModifier,
+      useShadowModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_ = _pipe2[0],props = _pipe2[1];
+
+  return (
+    _jsx(AbsKeyboardAvoidingView, Object.assign({
+      behavior: Platform.OS === 'ios' ? 'padding' : 'height',
+      keyboardVerticalOffset: keyboardVerticalOffset + bottom },
+    props, { children:
+
+      children })
+    ));
+
+}

package/dist/components/structure/Row.js

@@ -1 +1,50 @@
-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/structure/Row.js";var _excluded=["children"],_excluded2=["colSpan"];import{pipe}from'ramda';import React from'react';import{AbsView}from"../../abstractions/View";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useFlexModifier}from"../../modifiers/flex";import{useFlexWrapperModifier}from"../../modifiers/flexWrapper";import{useGridModifier}from"../../modifiers/grid";import{useMarginModifier}from"../../modifiers/margin";import{usePaddingModifier}from"../../modifiers/padding";import{usePositionModifier}from"../../modifiers/position";import{useResponsiveConverter}from"../../modifiers/responsiveConverter";import{useShadowModifier}from"../../modifiers/shadow";import{useSizeModifier}from"../../modifiers/size";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function Row(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('Row'),useResponsiveConverter([]),useGridModifier,useSizeModifier,usePositionModifier,useFlexWrapperModifier,useFlexModifier,useMarginModifier,usePaddingModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),childPaddingProps=_pipe2[0].childPaddingProps,_pipe2$=_pipe2[1],colSpan=_pipe2$.colSpan,props=_objectWithoutProperties(_pipe2$,_excluded2);var clonedChildren=React.useMemo(function(){return React.Children.map(children,function(child){return React.isValidElement(child)?React.cloneElement(child,Object.assign({parentSpan:colSpan},childPaddingProps)):child;});},[children,childPaddingProps]);return _jsx(AbsView,Object.assign({className:"neko-row"},props,{children:clonedChildren}));}export var Grid=Row;
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/Row.js";var _excluded = ["children"],_excluded2 = ["colSpan"];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 React from 'react';
+
+import { AbsView } from "../../abstractions/View";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useBorderModifier } from "../../modifiers/border";
+import { useFlexModifier } from "../../modifiers/flex";
+import { useFlexWrapperModifier } from "../../modifiers/flexWrapper";
+import { useGridModifier } from "../../modifiers/grid";
+import { useMarginModifier } from "../../modifiers/margin";
+import { usePaddingModifier } from "../../modifiers/padding";
+import { usePositionModifier } from "../../modifiers/position";
+import { useResponsiveConverter } from "../../modifiers/responsiveConverter";
+import { useShadowModifier } from "../../modifiers/shadow";
+import { useSizeModifier } from "../../modifiers/size";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function Row(_ref) {var children = _ref.children,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('Row'),
+      useResponsiveConverter([]),
+      useGridModifier,
+      useSizeModifier,
+      usePositionModifier,
+      useFlexWrapperModifier,
+      useFlexModifier,
+      useMarginModifier,
+      usePaddingModifier,
+      useBackgroundModifier,
+      useBorderModifier,
+      useShadowModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),childPaddingProps = _pipe2[0].childPaddingProps,_pipe2$ = _pipe2[1],colSpan = _pipe2$.colSpan,props = _objectWithoutProperties(_pipe2$, _excluded2);
+
+
+  var clonedChildren = React.useMemo(
+    function () {return (
+        React.Children.map(children, function (child) {return (
+            React.isValidElement(child) ? React.cloneElement(child, Object.assign({ parentSpan: colSpan }, childPaddingProps)) : child);}
+        ));},
+    [children, childPaddingProps]
+  );
+
+  return (
+    _jsx(AbsView, Object.assign({ className: "neko-row" }, props, { children:
+      clonedChildren })
+    ));
+
+}
+
+export var Grid = Row;

package/dist/components/structure/SafeAreaView.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/structure/SafeAreaView.js";var _excluded=["children"];import{pipe}from'ramda';import{AbsSafeAreaView}from"../../abstractions/SafeAreaView";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 SafeAreaView(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('SafeAreaView'),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(AbsSafeAreaView,Object.assign({className:"neko-safe-area-view"},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/SafeAreaView.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 { AbsSafeAreaView } from "../../abstractions/SafeAreaView";
+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 SafeAreaView(_ref) {var children = _ref.children,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('SafeAreaView'),
+      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(AbsSafeAreaView, Object.assign({ className: "neko-safe-area-view" }, props, { children:
+      children })
+    ));
+
+}

package/dist/components/structure/Segment.js

@@ -1 +1,51 @@
-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/structure/Segment.js";var _excluded=["children"],_excluded2=["br"];import{pipe}from'ramda';import React from'react';import{View}from"./View";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,1),sizeCode=_ref2[0].sizeCode;return{row:true,justify:'stretch',br:sizeCode};};export function Segment(_ref3){var children=_ref3.children,rootProps=_objectWithoutProperties(_ref3,_excluded);var _pipe=pipe(useSizeConverter('elementHeights','md'),useThemeComponentModifier('Segment'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),sizeCode=_pipe2[0].sizeCode,formattedProps=_pipe2[1];var br=formattedProps.br,props=_objectWithoutProperties(formattedProps,_excluded2);var size=children==null?void 0:children.length;return _jsx(View,Object.assign({className:"neko-segment"},props,{children:React.Children.map(children,function(child,index){if(!React.isValidElement(child))return child;var isFirst=index===0;var isLast=size-1===index;var childProps=child.props||{};var newProps={brL:br,brR:br,size:sizeCode};if(!isLast){newProps.brR=0;}if(!isFirst){newProps.brL=0;}return React.cloneElement(child,newProps);})}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/Segment.js";var _excluded = ["children"],_excluded2 = ["br"];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 React from 'react';
+
+import { View } from "./View";
+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, 1),sizeCode = _ref2[0].sizeCode;return {
+    row: true,
+    justify: 'stretch',
+    br: sizeCode
+
+  };};
+
+export function Segment(_ref3) {var children = _ref3.children,rootProps = _objectWithoutProperties(_ref3, _excluded);
+  var _pipe = pipe(
+      useSizeConverter('elementHeights', 'md'),
+      useThemeComponentModifier('Segment'),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),sizeCode = _pipe2[0].sizeCode,formattedProps = _pipe2[1];
+
+  var br = formattedProps.br,props = _objectWithoutProperties(formattedProps, _excluded2);
+  var size = children == null ? void 0 : children.length;
+
+  return (
+    _jsx(View, Object.assign({ className: "neko-segment" }, props, { children:
+      React.Children.map(children, function (child, index) {
+        if (!React.isValidElement(child)) return child;
+        var isFirst = index === 0;
+        var isLast = size - 1 === index;
+
+        var childProps = child.props || {};
+        var newProps = {
+          brL: br,
+          brR: br,
+          size: sizeCode
+        };
+
+        if (!isLast) {
+          newProps.brR = 0;
+        }
+        if (!isFirst) {
+          newProps.brL = 0;
+        }
+
+        return React.cloneElement(child, newProps);
+      }) })
+    ));
+
+}

package/dist/components/structure/TopBar.js

@@ -1 +1,57 @@
-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/structure/TopBar.js";var _excluded=["right","left","WrapperView","children"];import{Text}from"../text";import{View}from"./View";import{useResponsiveConverter}from"../../modifiers/responsiveConverter";import{useSafeAreaInsets}from"../../abstractions/helpers/useSafeAreaInsets";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function TopBar(_ref){var right=_ref.right,left=_ref.left,WrapperView=_ref.WrapperView,children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _useSafeAreaInsets=useSafeAreaInsets(),safeTop=_useSafeAreaInsets.top;var _useResponsiveConvert=useResponsiveConverter([])([{},rootProps]),_useResponsiveConvert2=_slicedToArray(_useResponsiveConvert,2),_=_useResponsiveConvert2[0],props=_useResponsiveConvert2[1];var _props$useSafeArea=props.useSafeArea,useSafeArea=_props$useSafeArea===void 0?true:_props$useSafeArea,title=props.title,subtitle=props.subtitle;var hasContent=!!title||!!subtitle||!!children||!!right||!!left;WrapperView=WrapperView||View;return _jsx(WrapperView,Object.assign({paddingT:useSafeArea&&safeTop},props,{children:!!hasContent&&_jsxs(View,{minH:"md",centerV:true,row:true,paddingH:"md",paddingV:"sm",gap:"sm",fullW:true,children:[_jsx(View,{flex:1,toLeft:true,children:left}),_jsxs(View,{center:true,flex:3,children:[children||_jsx(Text,{center:true,h6:true,numberOfLines:1,children:title}),subtitle&&_jsx(Text,{center:true,xs:true,numberOfLines:1,children:subtitle})]}),_jsx(View,{flex:1,toRight:true,children:right})]})}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/TopBar.js";var _excluded = ["right", "left", "WrapperView", "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 { Text } from "../text";
+import { View } from "./View";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useResponsiveConverter } from "../../modifiers/responsiveConverter";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";
+import { useSafeAreaInsets } from "../../abstractions/helpers/useSafeAreaInsets";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = {
+  borderB: 'overlayDivider'
+};
+
+export function TopBar(_ref) {var right = _ref.right,left = _ref.left,WrapperView = _ref.WrapperView,children = _ref.children,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _useSafeAreaInsets = useSafeAreaInsets(),safeTop = _useSafeAreaInsets.top;
+
+  var _pipe = pipe(
+      useThemeComponentModifier('TopBar'),
+      useDefaultModifier(DEFAULT_PROPS),
+      useResponsiveConverter([])
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_ = _pipe2[0],props = _pipe2[1];
+  var _props$useSafeArea = props.useSafeArea,useSafeArea = _props$useSafeArea === void 0 ? true : _props$useSafeArea,title = props.title,subtitle = props.subtitle;
+
+  var hasContent = !!title || !!subtitle || !!children || !!right || !!left;
+
+  WrapperView = WrapperView || View;
+
+  return (
+    _jsx(WrapperView, Object.assign({ paddingT: useSafeArea && safeTop }, props, { children:
+      !!hasContent &&
+      _jsxs(View, { minH: "xxl", centerV: true, row: true, paddingH: "md", paddingV: "sm", gap: "sm", fullW: true, children: [
+        _jsx(View, { flex: 1, toLeft: true, children:
+          left }
+        ),
+
+        _jsxs(View, { center: true, flex: 3, children: [
+          children ||
+          _jsx(Text, { center: true, h6: true, numberOfLines: 1, children:
+            title }
+          ),
+
+
+          subtitle &&
+          _jsx(Text, { center: true, xs: true, numberOfLines: 1, children:
+            subtitle }
+          )] }
+
+        ),
+
+        _jsx(View, { flex: 1, toRight: true, children:
+          right }
+        )] }
+      ) })
+
+    ));
+
+}

package/dist/components/structure/View.js

@@ -1 +1,44 @@
-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/structure/View.js";var _excluded=["children"];import{pipe}from'ramda';import{AbsView}from"../../abstractions/View";import{useAnimationModifier}from"../../modifiers/animation";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useCursorModifier}from"../../modifiers/cursor";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 View(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('View'),useFlexWrapperModifier,useDisplayModifier,useCursorModifier,useAnimationModifier,useStateModifier,useSizeModifier,usePositionModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useFlexModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];return _jsx(AbsView,Object.assign({className:"neko-view"},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/View.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 { AbsView } from "../../abstractions/View";
+import { useAnimationModifier } from "../../modifiers/animation";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useBorderModifier } from "../../modifiers/border";
+import { useCursorModifier } from "../../modifiers/cursor";
+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 View(_ref) {var children = _ref.children,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('View'),
+      useFlexWrapperModifier,
+      useDisplayModifier,
+      useCursorModifier,
+      useAnimationModifier,
+      useStateModifier,
+      useSizeModifier,
+      usePositionModifier,
+      useOverflowModifier,
+      usePaddingModifier,
+      useMarginModifier,
+      useFlexModifier,
+      useBackgroundModifier,
+      useBorderModifier,
+      useShadowModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_ = _pipe2[0],props = _pipe2[1];
+
+  return (
+    _jsx(AbsView, Object.assign({ className: "neko-view" }, props, { children:
+      children })
+    ));
+
+}

package/dist/components/structure/index.js

@@ -1 +1,14 @@
-export*from"./Accordion";export*from"./AccordionGroup";export*from"./View";export*from"./GradientView";export*from"./BlurView";export*from"./SafeAreaView";export*from"./Card";export*from"./Row";export*from"./Col";export*from"./popover/Popover";export*from"./Segment";export*from"./TopBar";export*from"./KeyboardAvoidingView";
+export * from "./Accordion";
+export * from "./Affix";
+export * from "./AccordionGroup";
+export * from "./View";
+export * from "./GradientView";
+export * from "./BlurView";
+export * from "./SafeAreaView";
+export * from "./Card";
+export * from "./Row";
+export * from "./Col";
+export * from "./popover/Popover";
+export * from "./Segment";
+export * from "./TopBar";
+export * from "./KeyboardAvoidingView";

package/dist/components/structure/overlay/OverlayHandler.js

@@ -1 +1,83 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/overlay/OverlayHandler.js";import{toPairs,dissoc}from'ramda';import React from'react';import{OverlayWrapper}from"./OverlayWrapper";import{Text}from"../../text/Text";import{genRandonId}from"../../../helpers/random";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var OverlayContext=React.createContext(null);export var useOverlay=function useOverlay(){return React.useContext(OverlayContext);};export var useRegisterOverlay=function useRegisterOverlay(){var opts=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var unmountOnClose=opts.unmountOnClose;var timeout=React.useRef(null);var _useOverlay=useOverlay(),overlays=_useOverlay.overlays,setOverlays=_useOverlay.setOverlays;var randomId=React.useMemo(function(){return genRandonId();},[]);var overlay=overlays[randomId]||{};var mergeOverlay=function mergeOverlay(value){return setOverlays(function(data){return Object.assign({},data,_defineProperty({},randomId,Object.assign({},overlay,value)));});};var closeOverlay=function closeOverlay(){return mergeOverlay({open:false});};var removeOverlay=function removeOverlay(){return setOverlays(function(data){return dissoc(randomId,data);});};var stopDelayedClosing=function stopDelayedClosing(){return!!(timeout!=null&&timeout.current)&&clearTimeout(timeout.current);};React.useEffect(function(){return function(){return removeOverlay();};},[]);var onOpen=function onOpen(_ref){var content=_ref.content,triggerRect=_ref.triggerRect,placement=_ref.placement,_ref$options=_ref.options,options=_ref$options===void 0?{}:_ref$options;stopDelayedClosing();mergeOverlay(Object.assign({open:true,content:content,triggerRect:triggerRect,placement:placement},options));};var onUpdate=function onUpdate(_ref2){var content=_ref2.content,_ref2$options=_ref2.options,options=_ref2$options===void 0?{}:_ref2$options;if(!overlay.open)return;mergeOverlay(Object.assign({content:content},options));};var onClose=function onClose(){stopDelayedClosing();timeout.current=setTimeout(function(){!!unmountOnClose?removeOverlay():closeOverlay();},250);};var onFastClose=function onFastClose(){stopDelayedClosing();!!unmountOnClose?removeOverlay():closeOverlay();};return{onOpen:onOpen,onClose:onClose,onUpdate:onUpdate,onFastClose:onFastClose,stopDelayedClosing:stopDelayedClosing};};export function OverlayHandler(_ref3){var _this=this;var children=_ref3.children;var _React$useState=React.useState({}),_React$useState2=_slicedToArray(_React$useState,2),overlays=_React$useState2[0],setOverlays=_React$useState2[1];return _jsxs(OverlayContext.Provider,{value:{overlays:overlays,setOverlays:setOverlays},children:[children,toPairs(overlays).map(function(_ref4){var _ref5=_slicedToArray(_ref4,2),key=_ref5[0],overlay=_ref5[1];var handleClickOutside=function handleClickOutside(){return setTimeout(function(){return setOverlays(function(data){return dissoc(key,data);});},100);};return _jsx(OverlayWrapper,{triggerRect:overlay.triggerRect,placement:overlay.placement,onClickOutside:overlay.dismissOnClickOutside?handleClickOutside:null,display:!overlay.open&&'none',children:overlay.content},key);})]});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/overlay/OverlayHandler.js";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 _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);}import { toPairs, dissoc } from 'ramda';
+import React from 'react';
+
+import { OverlayWrapper } from "./OverlayWrapper";
+import { Text } from "../../text/Text";
+import { genRandonId } from "../../../helpers/random";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+var OverlayContext = React.createContext(null);
+
+export var useOverlay = function useOverlay() {return React.useContext(OverlayContext);};
+
+export var useRegisterOverlay = function useRegisterOverlay() {var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var unmountOnClose = opts.unmountOnClose,onOpenChange = opts.onOpenChange;
+  var timeout = React.useRef(null);
+  var wasOpen = React.useRef(false);
+  var _useOverlay = useOverlay(),overlays = _useOverlay.overlays,setOverlays = _useOverlay.setOverlays;
+  var randomId = React.useMemo(function () {return genRandonId();}, []);
+  var overlay = overlays[randomId] || {};
+  var mergeOverlay = function mergeOverlay(value) {return setOverlays(function (data) {return Object.assign({}, data, _defineProperty({}, randomId, Object.assign({}, overlay, value)));});};
+  var closeOverlay = function closeOverlay() {return mergeOverlay({ open: false });};
+  var removeOverlay = function removeOverlay() {return setOverlays(function (data) {return dissoc(randomId, data);});};
+  var stopDelayedClosing = function stopDelayedClosing() {return !!(timeout != null && timeout.current) && clearTimeout(timeout.current);};
+
+  var isOpen = !!overlay.open;
+  React.useEffect(function () {
+    if (wasOpen.current && !isOpen) onOpenChange == null ? void 0 : onOpenChange(false);
+    wasOpen.current = isOpen;
+  }, [isOpen]);
+
+  React.useEffect(function () {
+    return function () {return removeOverlay();};
+  }, []);
+
+  var onOpen = function onOpen(_ref) {var content = _ref.content,triggerRect = _ref.triggerRect,placement = _ref.placement,_ref$options = _ref.options,options = _ref$options === void 0 ? {} : _ref$options;
+    stopDelayedClosing();
+    onOpenChange == null ? void 0 : onOpenChange(true);
+    mergeOverlay(Object.assign({ open: true, content: content, triggerRect: triggerRect, placement: placement }, options));
+  };
+
+  var onUpdate = function onUpdate(_ref2) {var content = _ref2.content,_ref2$options = _ref2.options,options = _ref2$options === void 0 ? {} : _ref2$options;
+    if (!overlay.open) return;
+    mergeOverlay(Object.assign({ content: content }, options));
+  };
+
+  var onClose = function onClose() {
+    stopDelayedClosing();
+    timeout.current = setTimeout(function () {
+      !!unmountOnClose ? removeOverlay() : closeOverlay();
+    }, 250);
+  };
+
+  var onFastClose = function onFastClose() {
+    stopDelayedClosing();
+    !!unmountOnClose ? removeOverlay() : closeOverlay();
+  };
+
+  return { onOpen: onOpen, onClose: onClose, onUpdate: onUpdate, onFastClose: onFastClose, stopDelayedClosing: stopDelayedClosing };
+};
+
+export function OverlayHandler(_ref3) {var _this = this;var children = _ref3.children;
+  var _React$useState = React.useState({}),_React$useState2 = _slicedToArray(_React$useState, 2),overlays = _React$useState2[0],setOverlays = _React$useState2[1];
+
+  return (
+    _jsxs(OverlayContext.Provider, { value: { overlays: overlays, setOverlays: setOverlays }, children: [
+      children,
+
+      toPairs(overlays).map(function (_ref4) {var _ref5 = _slicedToArray(_ref4, 2),key = _ref5[0],overlay = _ref5[1];
+        var handleClickOutside = function handleClickOutside() {return setTimeout(function () {return setOverlays(function (data) {return dissoc(key, data);});}, 100);};
+        return (
+          _jsx(OverlayWrapper, {
+
+            triggerRect: overlay.triggerRect,
+            placement: overlay.placement,
+            onClickOutside: overlay.dismissOnClickOutside ? handleClickOutside : null,
+            display: !overlay.open && 'none', children:
+
+            overlay.content }, key
+          ));
+
+      })] }
+    ));
+
+}

package/dist/components/structure/overlay/OverlayHandler.native.js

@@ -1 +1,6 @@
-export var useOverlay=function useOverlay(){return{};};export function OverlayHandler(_ref){var children=_ref.children;return children;}
+export var useOverlay = function useOverlay() {return {};};
+
+
+export function OverlayHandler(_ref) {var children = _ref.children;
+  return children;
+}

package/dist/components/structure/overlay/OverlayWrapper.js

@@ -1 +1,52 @@
-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/structure/overlay/OverlayWrapper.js";var _excluded=["children","triggerRect","placement","onClickOutside"];import React from'react';import{View}from"../View";import{calculatePosition}from"./calculatePosition";import{smartPlacement}from"./smartPlacement";import{jsx as _jsx}from"react/jsx-runtime";export function OverlayWrapper(_ref){var children=_ref.children,triggerRect=_ref.triggerRect,placement=_ref.placement,onClickOutside=_ref.onClickOutside,props=_objectWithoutProperties(_ref,_excluded);var overlayRef=React.useRef(null);var _React$useState=React.useState({x:-9999,y:-9999}),_React$useState2=_slicedToArray(_React$useState,2),pos=_React$useState2[0],setPos=_React$useState2[1];React.useLayoutEffect(function(){if(overlayRef.current&&triggerRect){var rect=overlayRef.current.getBoundingClientRect();var popoverRect={width:rect.width,height:rect.height};var safePlacement=smartPlacement(triggerRect,popoverRect,placement);setPos(calculatePosition(triggerRect,popoverRect,safePlacement));}},[triggerRect,placement,children]);React.useEffect(function(){if(onClickOutside){var handleClickOutside=function handleClickOutside(event){if(overlayRef.current&&!overlayRef.current.contains(event.target)){onClickOutside();}};var timer=setTimeout(function(){document.addEventListener('mousedown',handleClickOutside,true);},10);return function(){clearTimeout(timer);document.removeEventListener('mousedown',handleClickOutside,true);};}},[onClickOutside]);return _jsx(View,Object.assign({ref:overlayRef,className:"neko-overlay-wrapper",absolute:true,top:pos.y,left:pos.x,zIndex:9999,ointerEvents:"none"},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/overlay/OverlayWrapper.js";var _excluded = ["children", "triggerRect", "placement", "onClickOutside"];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 React from 'react';
+import { View } from "../View";
+import { calculatePosition } from "./calculatePosition";
+import { smartPlacement } from "./smartPlacement";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function OverlayWrapper(_ref) {var children = _ref.children,triggerRect = _ref.triggerRect,placement = _ref.placement,onClickOutside = _ref.onClickOutside,props = _objectWithoutProperties(_ref, _excluded);
+  var overlayRef = React.useRef(null);
+  var _React$useState = React.useState({ x: -9999, y: -9999 }),_React$useState2 = _slicedToArray(_React$useState, 2),pos = _React$useState2[0],setPos = _React$useState2[1];
+
+  React.useLayoutEffect(function () {
+    if (overlayRef.current && triggerRect) {
+      var rect = overlayRef.current.getBoundingClientRect();
+      var popoverRect = { width: rect.width, height: rect.height };
+
+      var safePlacement = smartPlacement(triggerRect, popoverRect, placement);
+      setPos(calculatePosition(triggerRect, popoverRect, safePlacement));
+    }
+  }, [triggerRect, placement, children]);
+
+  React.useEffect(function () {
+    if (onClickOutside) {
+      var handleClickOutside = function handleClickOutside(event) {
+        if (overlayRef.current && !overlayRef.current.contains(event.target)) {
+          onClickOutside();
+        }
+      };
+      var timer = setTimeout(function () {
+        document.addEventListener('mousedown', handleClickOutside, true);
+      }, 10);
+
+      return function () {
+        clearTimeout(timer);
+        document.removeEventListener('mousedown', handleClickOutside, true);
+      };
+    }
+  }, [onClickOutside]);
+
+  return (
+    _jsx(View, Object.assign({
+      ref: overlayRef,
+      className: "neko-overlay-wrapper",
+      absolute: true,
+      top: pos.y,
+      left: pos.x,
+      zIndex: 9999,
+      ointerEvents: "none" },
+    props, { children:
+
+      children })
+    ));
+
+}

package/dist/components/structure/overlay/calculatePosition.js

@@ -1 +1,29 @@
-export function calculatePosition(triggerRect,popoverRect,placement){var gap=arguments.length>3&&arguments[3]!==undefined?arguments[3]:2;var left=triggerRect.left,right=triggerRect.right,top=triggerRect.top,bottom=triggerRect.bottom,width=triggerRect.width,height=triggerRect.height;var pw=(popoverRect==null?void 0:popoverRect.width)||0;var ph=(popoverRect==null?void 0:popoverRect.height)||0;var positions={top:{x:left+width/2-pw/2,y:top-ph-gap},topLeft:{x:left,y:top-ph-gap},topRight:{x:right-pw,y:top-ph-gap},bottom:{x:left+width/2-pw/2,y:bottom+gap},bottomLeft:{x:left,y:bottom+gap},bottomRight:{x:right-pw,y:bottom+gap},left:{x:left-pw-gap,y:top+height/2-ph/2},leftTop:{x:left-pw-gap,y:top},leftBottom:{x:left-pw-gap,y:bottom-ph},right:{x:right+gap,y:top+height/2-ph/2},rightTop:{x:right+gap,y:top},rightBottom:{x:right+gap,y:bottom-ph}};return positions[placement]||positions.bottom;}
+export function calculatePosition(triggerRect, popoverRect, placement) {var gap = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2;
+  var left = triggerRect.left,right = triggerRect.right,top = triggerRect.top,bottom = triggerRect.bottom,width = triggerRect.width,height = triggerRect.height;
+  var pw = (popoverRect == null ? void 0 : popoverRect.width) || 0;
+  var ph = (popoverRect == null ? void 0 : popoverRect.height) || 0;
+
+  var positions = {
+
+    top: { x: left + width / 2 - pw / 2, y: top - ph - gap },
+    topLeft: { x: left, y: top - ph - gap },
+    topRight: { x: right - pw, y: top - ph - gap },
+
+
+    bottom: { x: left + width / 2 - pw / 2, y: bottom + gap },
+    bottomLeft: { x: left, y: bottom + gap },
+    bottomRight: { x: right - pw, y: bottom + gap },
+
+
+    left: { x: left - pw - gap, y: top + height / 2 - ph / 2 },
+    leftTop: { x: left - pw - gap, y: top },
+    leftBottom: { x: left - pw - gap, y: bottom - ph },
+
+
+    right: { x: right + gap, y: top + height / 2 - ph / 2 },
+    rightTop: { x: right + gap, y: top },
+    rightBottom: { x: right + gap, y: bottom - ph }
+  };
+
+  return positions[placement] || positions.bottom;
+}