@neko-os/ui 0.2.2 → 0.3.0

package/dist/components/feedback/confirmer.js

@@ -1 +1,70 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["width","cancelLabel","confirmLabel","onConfirm"];var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/feedback/confirmer.js";import{is}from'ramda';import React from'react';import{Button}from"../actions";import{RESULT_TYPES}from"../presentation/Result";import{Result}from"../presentation";import{View}from"../structure/View";import{useModalOpener}from"../modals/modal";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function Footer(_ref){var _RESULT_TYPES$type;var cancelLabel=_ref.cancelLabel,confirmLabel=_ref.confirmLabel,onConfirm=_ref.onConfirm,type=_ref.type,onClose=_ref.onClose;var _React$useState=React.useState(false),_React$useState2=_slicedToArray(_React$useState,2),loading=_React$useState2[0],setLoading=_React$useState2[1];var color=((_RESULT_TYPES$type=RESULT_TYPES[type])==null?void 0:_RESULT_TYPES$type.color)||'primary';return _jsxs(View,{row:true,gap:"xs",centerV:true,children:[_jsx(Button,{sm:true,label:cancelLabel||'Cancel',outline:true,color:"text_op40",onPress:onClose,flex:true,disabled:loading}),_jsx(Button,{disabled:loading,loading:loading,sm:true,label:confirmLabel||'Confirm',color:color,onPress:function onPress(){setLoading(true);Promise.resolve(onConfirm==null?void 0:onConfirm()).then(function(result){if(result!==false){onClose();}}).finally(function(){setLoading(false);});},flex:true})]});}export function useConfirmer(){var _this=this;var _useModalOpener=useModalOpener(),open=_useModalOpener.open;var confirm=function confirm(data,type){var _ref2=data||{},width=_ref2.width,cancelLabel=_ref2.cancelLabel,confirmLabel=_ref2.confirmLabel,onConfirm=_ref2.onConfirm,resultProps=_objectWithoutProperties(_ref2,_excluded);open(function(_ref3){var onClose=_ref3.onClose;return{content:_jsx(Result,Object.assign({},resultProps,{type:type,padding:0,paddingT:"lg",paddingB:"sm"})),footer:_jsx(Footer,{cancelLabel:cancelLabel,confirmLabel:confirmLabel,onConfirm:onConfirm,type:type,onClose:onClose}),footerProps:{borderT:false,paddingV:'md'},width:width||350};});};return{confirm:confirm,info:function info(data){return confirm(data,'info');},error:function error(data){return confirm(data,'error');},warning:function warning(data){return confirm(data,'warning');},success:function success(data){return confirm(data,'success');}};}
+var _excluded = ["width", "cancelLabel", "confirmLabel", "onConfirm"];var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/feedback/confirmer.js";function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { is } from 'ramda';
+import React from 'react';
+
+import { Button } from "../actions";
+import { RESULT_TYPES } from "../presentation/Result";
+import { Result } from "../presentation";
+import { View } from "../structure/View";
+import { useModalOpener } from "../modals/modal";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+function Footer(_ref) {var _RESULT_TYPES$type;var cancelLabel = _ref.cancelLabel,confirmLabel = _ref.confirmLabel,onConfirm = _ref.onConfirm,type = _ref.type,onClose = _ref.onClose;
+  var _React$useState = React.useState(false),_React$useState2 = _slicedToArray(_React$useState, 2),loading = _React$useState2[0],setLoading = _React$useState2[1];
+  var color = ((_RESULT_TYPES$type = RESULT_TYPES[type]) == null ? void 0 : _RESULT_TYPES$type.color) || 'primary';
+
+  return (
+    _jsxs(View, { row: true, gap: "xs", centerV: true, children: [
+      _jsx(Button, { sm: true, label: cancelLabel || 'Cancel', outline: true, color: "text_op40", onPress: onClose, flex: true, disabled: loading }),
+      _jsx(Button, {
+        disabled: loading,
+        loading: loading,
+        sm: true,
+        label: confirmLabel || 'Confirm',
+        color: color,
+        onPress: function onPress() {
+          setLoading(true);
+          Promise.resolve(onConfirm == null ? void 0 : onConfirm()).
+          then(function (result) {
+            if (result !== false) {
+              onClose();
+            }
+          }).
+          finally(function () {
+            setLoading(false);
+          });
+        },
+        flex: true }
+      )] }
+    ));
+
+}
+
+export function useConfirmer() {var _this = this;
+  var _useModalOpener = useModalOpener(),open = _useModalOpener.open;
+
+  var confirm = function confirm(data, type) {
+    var _ref2 = data || {},width = _ref2.width,cancelLabel = _ref2.cancelLabel,confirmLabel = _ref2.confirmLabel,onConfirm = _ref2.onConfirm,resultProps = _objectWithoutProperties(_ref2, _excluded);
+
+    open(function (_ref3) {var onClose = _ref3.onClose;return {
+        content: _jsx(Result, Object.assign({}, resultProps, { type: type, padding: 0, paddingT: "lg", paddingB: "sm" })),
+        footer:
+        _jsx(Footer, {
+          cancelLabel: cancelLabel,
+          confirmLabel: confirmLabel,
+          onConfirm: onConfirm,
+          type: type,
+          onClose: onClose }
+        ),
+
+        footerProps: { borderT: false, paddingV: 'md' },
+        width: width || 350
+      };});
+  };
+
+  return {
+    confirm: confirm,
+    info: function info(data) {return confirm(data, 'info');},
+    error: function error(data) {return confirm(data, 'error');},
+    warning: function warning(data) {return confirm(data, 'warning');},
+    success: function success(data) {return confirm(data, 'success');}
+  };
+}

package/dist/components/feedback/index.js

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

package/dist/components/feedback/notifications/Notification.js

@@ -1 +1,37 @@
-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/feedback/notifications/Notification.js";var _excluded=["time"];import React from'react';import{AnimatedView}from"../../animations/AnimatedView";import{Icon}from"../../presentation/Icon";import{Link}from"../../actions/Link";import{ResultBar}from"../../presentation/ResultBar";import{jsx as _jsx}from"react/jsx-runtime";export function Notification(_ref){var time=_ref.time,props=_objectWithoutProperties(_ref,_excluded);var _React$useState=React.useState(true),_React$useState2=_slicedToArray(_React$useState,2),open=_React$useState2[0],setOpen=_React$useState2[1];React.useEffect(function(){setTimeout(function(){return setOpen(false);},time-500);},[]);return _jsx(AnimatedView,{open:open,className:"neko-notification",slide:{from:'right'},fade:true,zIndex:520,maxWidth:"100%",bg:"overlayBG",br:"sm",unmountOnClose:true,children:_jsx(ResultBar,Object.assign({},props,{rightContent:_jsx(Link,{onPress:function onPress(){return setOpen(false);},children:_jsx(Icon,{name:"close-line",text4:true})})}))});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/feedback/notifications/Notification.js";var _excluded = ["time"];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 { AnimatedView } from "../../animations/AnimatedView";
+import { Icon } from "../../presentation/Icon";
+import { Link } from "../../actions/Link";
+import { ResultBar } from "../../presentation/ResultBar";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function Notification(_ref) {var time = _ref.time,props = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState(true),_React$useState2 = _slicedToArray(_React$useState, 2),open = _React$useState2[0],setOpen = _React$useState2[1];
+
+  React.useEffect(function () {
+    setTimeout(function () {return setOpen(false);}, time - 500);
+  }, []);
+
+  return (
+    _jsx(AnimatedView, {
+      open: open,
+      className: "neko-notification",
+      slide: { from: 'right' },
+      fade: true,
+      zIndex: 520,
+      maxWidth: "100%",
+      bg: "overlayBG",
+      br: "sm",
+      unmountOnClose: true, children:
+
+      _jsx(ResultBar, Object.assign({},
+      props, {
+        rightContent:
+        _jsx(Link, { onPress: function onPress() {return setOpen(false);}, children:
+          _jsx(Icon, { name: "close-line", text4: true }) }
+        ) })
+
+      ) }
+    ));
+
+}

package/dist/components/feedback/notifications/NotificationsHandler.js

@@ -1 +1,65 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["key"];var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/feedback/notifications/NotificationsHandler.js";import{is}from'ramda';import React from'react';import{Notification}from"./Notification";import{SafeAreaView}from"../../structure/SafeAreaView";import{View}from"../../structure/View";import{useResponsiveValue}from"../../../responsive/responsiveHooks";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var NotificationsContext=React.createContext(null);export var useNotifications=function useNotifications(){return React.useContext(NotificationsContext)||{};};var idCounter=0;export function useNotifier(){var _useNotifications=useNotifications(),add=_useNotifications.add,remove=_useNotifications.remove;var notify=function notify(data,opts,type){var key=++idCounter;var time=(opts==null?void 0:opts.time)||6000;if(is(String,data))data={title:data};var timerId=setTimeout(function(){return remove==null?void 0:remove(key);},time);add==null?void 0:add(key,Object.assign({},data,{type:type,opts:opts,timerId:timerId,time:time}));};return{notify:notify,info:function info(data,opts){return notify(data,opts,'info');},error:function error(data,opts){return notify(data,opts,'error');},warning:function warning(data,opts){return notify(data,opts,'warning');},success:function success(data,opts){return notify(data,opts,'success');}};}export function NotificationsHandler(_ref){var _this=this;var children=_ref.children;var width=useResponsiveValue({sm:'100%',df:400});var _React$useState=React.useState([]),_React$useState2=_slicedToArray(_React$useState,2),messages=_React$useState2[0],setMessages=_React$useState2[1];var add=React.useCallback(function(key,data){setMessages(function(prev){return[Object.assign({key:key},data)].concat(_toConsumableArray(prev));});},[]);var remove=React.useCallback(function(key){setMessages(function(prev){return prev.filter(function(p){return p.key!==key;});});},[]);var value=React.useMemo(function(){return{add:add,remove:remove};},[add,remove]);return _jsxs(NotificationsContext.Provider,{value:value,children:[children,!!messages.length&&_jsx(View,{fixed:true,top:0,right:0,padding:"md",width:width,maxWidth:"100%",pointerEvents:"box-none",zIndex:600,children:_jsx(SafeAreaView,{gap:"xs",children:messages.map(function(_ref2){var key=_ref2.key,item=_objectWithoutProperties(_ref2,_excluded);return _jsx(Notification,Object.assign({},item),key);})})})]});}
+var _excluded = ["key"];var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/feedback/notifications/NotificationsHandler.js";function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _toConsumableArray(r) {return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();}function _nonIterableSpread() {throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArray(r) {if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);}function _arrayWithoutHoles(r) {if (Array.isArray(r)) return _arrayLikeToArray(r);}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { is } from 'ramda';
+import React from 'react';
+
+import { Notification } from "./Notification";
+import { SafeAreaView } from "../../structure/SafeAreaView";
+import { View } from "../../structure/View";
+import { useResponsiveValue } from "../../../responsive/responsiveHooks";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+var NotificationsContext = React.createContext(null);
+
+export var useNotifications = function useNotifications() {return React.useContext(NotificationsContext) || {};};
+
+var idCounter = 0;
+
+export function useNotifier() {
+  var _useNotifications = useNotifications(),add = _useNotifications.add,remove = _useNotifications.remove;
+  var notify = function notify(data, opts, type) {
+    var key = ++idCounter;
+    var time = (opts == null ? void 0 : opts.time) || 6000;
+
+    if (is(String, data)) data = { title: data };
+
+    var timerId = setTimeout(function () {return remove == null ? void 0 : remove(key);}, time);
+    add == null ? void 0 : add(key, Object.assign({}, data, { type: type, opts: opts, timerId: timerId, time: time }));
+  };
+
+  return {
+    notify: notify,
+    info: function info(data, opts) {return notify(data, opts, 'info');},
+    error: function error(data, opts) {return notify(data, opts, 'error');},
+    warning: function warning(data, opts) {return notify(data, opts, 'warning');},
+    success: function success(data, opts) {return notify(data, opts, 'success');}
+  };
+}
+
+export function NotificationsHandler(_ref) {var _this = this;var children = _ref.children;
+  var width = useResponsiveValue({ sm: '100%', df: 400 });
+  var _React$useState = React.useState([]),_React$useState2 = _slicedToArray(_React$useState, 2),messages = _React$useState2[0],setMessages = _React$useState2[1];
+
+  var add = React.useCallback(function (key, data) {
+    setMessages(function (prev) {return [Object.assign({ key: key }, data)].concat(_toConsumableArray(prev));});
+  }, []);
+
+  var remove = React.useCallback(function (key) {
+    setMessages(function (prev) {return prev.filter(function (p) {return p.key !== key;});});
+  }, []);
+
+  var value = React.useMemo(function () {return { add: add, remove: remove };}, [add, remove]);
+
+  return (
+    _jsxs(NotificationsContext.Provider, { value: value, children: [
+      children,
+
+      !!messages.length &&
+      _jsx(View, { fixed: true, top: 0, right: 0, padding: "md", width: width, maxWidth: "100%", pointerEvents: "box-none", zIndex: 600, children:
+        _jsx(SafeAreaView, { gap: "xs", children:
+          messages.map(function (_ref2) {var key = _ref2.key,item = _objectWithoutProperties(_ref2, _excluded);return (
+              _jsx(Notification, Object.assign({}, item), key));}
+          ) }
+        ) }
+      )] }
+
+    ));
+
+}

package/dist/components/filter/DateFilter.js

@@ -0,0 +1,72 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/filter/DateFilter.js";var _excluded = ["name", "label", "type", "format", "useMapValue"];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 dayjs from 'dayjs';
+import { is } from 'ramda';
+
+import { DateInput } from "../inputs";
+import { FilterItem } from "./FilterItem";
+import { useFilter } from "./FilterHandler";import { jsx as _jsx } from "react/jsx-runtime";
+
+function getFormat(type) {
+  switch (type) {
+    case 'year':
+      return 'YYYY';
+    case 'quarter':
+      return 'YYYY [Q]Q';
+    case 'month':
+      return 'YYYY MMM';
+    case 'week':
+      return 'YYYY wo';
+    default:
+      return 'YYYY-MM-DD';
+  }
+}
+
+function formatValue(value, type) {
+  if (!value) return null;
+  var date = dayjs(value);
+
+  switch (type) {
+    case 'year':
+      return [date.startOf('year'), date.endOf('year')];
+    case 'quarter':
+      return [date.startOf('quarter'), date.endOf('quarter')];
+    case 'month':
+      return [date.startOf('month'), date.endOf('month')];
+    case 'week':
+      return [date.startOf('isoWeek'), date.endOf('isoWeek')];
+    default:
+      return [date.startOf('day'), date.endOf('day')];
+  }
+}
+
+export function DateFilter(_ref) {var _value,_value2,_this = this;var name = _ref.name,label = _ref.label,type = _ref.type,format = _ref.format,useMapValue = _ref.useMapValue,rest = _objectWithoutProperties(_ref, _excluded);
+  var _useFilter = useFilter(),filters = _useFilter.filters,onChangeFilter = _useFilter.onChangeFilter;
+  var value = filters == null ? void 0 : filters[name];
+  format = format || getFormat(type);
+
+  if (!!((_value = value) != null && _value.init) && !!value.end) {
+    value = value.init;
+  }
+  if (is(Array, value) && ((_value2 = value) == null ? void 0 : _value2.length) === 2) {
+    value = value[0];
+  }
+
+  if (!!value && !!value.format) {
+    label = value.format(format);
+  }
+
+  var handleChange = function handleChange(val) {var _result;
+    var result = formatValue(val, type);
+    if (!!((_result = result) != null && _result.length) && !!useMapValue) {
+      var _result2 = result,_result3 = _slicedToArray(_result2, 2),init = _result3[0],end = _result3[1];
+      result = { init: init, end: end };
+    }
+    onChangeFilter(name, result);
+  };
+
+  return (
+    _jsx(FilterItem, { name: name, children:
+      function children(_ref2) {var _v = _ref2.value;return _jsx(DateInput, Object.assign({ value: value, onChange: handleChange, type: type }, rest));} }
+    ));
+
+}

package/dist/components/filter/FilterGroup.js

@@ -0,0 +1,17 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/filter/FilterGroup.js";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;}import React from 'react';import { jsx as _jsx } from "react/jsx-runtime";
+
+var FilterGroupContext = React.createContext(null);
+var useGroupPath = function useGroupPath() {var _React$useContext;return ((_React$useContext = React.useContext(FilterGroupContext)) == null ? void 0 : _React$useContext.path) || [];};
+
+export function useFilterPath(name) {
+  var listPath = !!name ? Array.isArray(name) ? name : [name] : [];
+  var parentPath = useGroupPath();
+  return [].concat(_toConsumableArray(parentPath), _toConsumableArray(listPath));
+}
+
+export function FilterGroup(_ref) {var name = _ref.name,children = _ref.children;
+  var path = useFilterPath(name);
+  var value = { path: path };
+
+  return _jsx(FilterGroupContext.Provider, { value: value, children: children });
+}

package/dist/components/filter/FilterHandler.js

@@ -0,0 +1,54 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/filter/FilterHandler.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;}import { assocPath, curry } from 'ramda';
+import React from 'react';import { jsx as _jsx } from "react/jsx-runtime";
+
+var FilterContext = React.createContext();
+export var useFilter = function useFilter() {return React.useContext(FilterContext) || {};};
+
+export function FilterHandler(_ref)
+
+
+
+
+
+{var children = _ref.children,_ref$initialFilters = _ref.initialFilters,initialFilters = _ref$initialFilters === void 0 ? {} : _ref$initialFilters,initialSearch = _ref.initialSearch,initialSort = _ref.initialSort,onChange = _ref.onChange;
+  var _React$useState = React.useState(initialFilters),_React$useState2 = _slicedToArray(_React$useState, 2),filters = _React$useState2[0],setFilters = _React$useState2[1];
+  var _React$useState3 = React.useState(initialSearch),_React$useState4 = _slicedToArray(_React$useState3, 2),search = _React$useState4[0],setSearch = _React$useState4[1];
+  var _React$useState5 = React.useState(initialSort),_React$useState6 = _slicedToArray(_React$useState5, 2),sort = _React$useState6[0],setSort = _React$useState6[1];
+
+  React.useEffect(function () {
+    onChange == null ? void 0 : onChange({ filters: filters, search: search, sort: sort });
+  }, [filters, search, sort]);
+
+  var onChangeFilter = curry(function (name, value) {
+    var listPath = Array.isArray(name) ? name : [name];
+    setFilters(function (prev) {return assocPath(listPath, value, prev);});
+  });
+  var onChangeSearch = setSearch;
+  var onChangeSort = setSort;
+
+  var onReset = function onReset() {
+    setFilters(initialFilters);
+    setSearch(initialSearch);
+    setSort(initialSort);
+  };
+
+  var onClear = function onClear() {
+    setFilters({});
+    setSearch(undefined);
+    setSort(undefined);
+  };
+
+  var value = {
+    filters: filters,
+    setFilters: setFilters,
+    onChangeFilter: onChangeFilter,
+    search: search,
+    onChangeSearch: onChangeSearch,
+    sort: sort,
+    onChangeSort: onChangeSort,
+    onReset: onReset,
+    onClear: onClear
+  };
+
+  return _jsx(FilterContext.Provider, { value: value, children: children });
+}

package/dist/components/filter/FilterItem.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { path } from 'ramda';
+
+import { clearProps } from "../../modifiers/_helpers";
+import { useFilter } from "./FilterHandler";
+import { useFilterPath } from "./FilterGroup";
+
+export function FilterItem(_ref) {var name = _ref.name,children = _ref.children;
+  var _useFilter = useFilter(),filters = _useFilter.filters,onChangeFilter = _useFilter.onChangeFilter;
+  var listPath = useFilterPath(name);
+
+  var value = path(listPath, filters);
+
+  var handleChange = function handleChange(e) {var _e$target$value, _e$target;
+    var val = (_e$target$value = e == null ? void 0 : (_e$target = e.target) == null ? void 0 : _e$target.value) != null ? _e$target$value : e;
+    onChangeFilter(listPath, val);
+  };
+
+  var childProps = clearProps({
+    value: value === undefined ? '' : value,
+    onChange: handleChange
+  });
+
+  if (typeof children === 'function') {
+    return children(childProps);
+  }
+
+  var child = React.Children.only(children);
+  return React.cloneElement(child, Object.assign({}, child.props, childProps));
+}

package/dist/components/filter/PopoverFilterItem.js

@@ -0,0 +1,84 @@
+var _excluded = ["name", "label", "placeholder", "children", "submitOnClose", "popoverProps", "formatValue"];var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/filter/PopoverFilterItem.js";function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import React from 'react';
+import { path } from 'ramda';
+
+import { Button } from "../actions/Button";
+import { LinkInput } from "../inputs/LinkInput";
+import { Popover } from "../structure/popover/Popover";
+import { View } from "../structure/View";
+import { useFilter } from "./FilterHandler";
+import { useFilterPath } from "./FilterGroup";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+function autoFormat(value) {
+  if (value == null) return undefined;
+
+  if ('min' in value || 'max' in value) {
+    var min = value.min,max = value.max;
+    if (min != null && max != null) return `${min} – ${max}`;
+    if (min != null) return `≥ ${min}`;
+    if (max != null) return `≤ ${max}`;
+    return undefined;
+  }
+
+  if ('start' in value || 'end' in value) {var _value$start, _value$end;
+    var fmt = 'YYYY-MM-DD';
+    var s = ((_value$start = value.start) == null ? void 0 : _value$start.format == null ? void 0 : _value$start.format(fmt)) || value.start;
+    var e = ((_value$end = value.end) == null ? void 0 : _value$end.format == null ? void 0 : _value$end.format(fmt)) || value.end;
+    if (s && e) return `${s} – ${e}`;
+    if (s) return `${s} →`;
+    if (e) return `→ ${e}`;
+    return undefined;
+  }
+
+  return String(value);
+}
+
+function PopoverFilterContent(_ref) {var value = _ref.value,onApply = _ref.onApply,submitOnClose = _ref.submitOnClose,children = _ref.children,onClose = _ref.onClose;
+  var _React$useState = React.useState(value),_React$useState2 = _slicedToArray(_React$useState, 2),local = _React$useState2[0],setLocal = _React$useState2[1];
+  var localRef = React.useRef(local);
+  localRef.current = local;
+
+  React.useEffect(function () {
+    if (!submitOnClose) return;
+    return function () {return onApply(localRef.current);};
+  }, []);
+
+  var handleApply = function handleApply() {
+    onApply(local);
+    onClose();
+  };
+
+  return (
+    _jsxs(View, { gap: "sm", children: [
+      typeof children === 'function' ?
+      children({ value: local, onChange: setLocal }) :
+      React.cloneElement(React.Children.only(children), { value: local, onChange: setLocal }),
+      _jsx(View, { row: true, toRight: true, children:
+        _jsx(Button, { label: "Apply", onPress: handleApply, xs: true }) }
+      )] }
+    ));
+
+}
+
+export function PopoverFilterItem(_ref2) {var _formatValue,_this = this;var name = _ref2.name,label = _ref2.label,placeholder = _ref2.placeholder,children = _ref2.children,submitOnClose = _ref2.submitOnClose,popoverProps = _ref2.popoverProps,formatValue = _ref2.formatValue,props = _objectWithoutProperties(_ref2, _excluded);
+  var _useFilter = useFilter(),filters = _useFilter.filters,onChangeFilter = _useFilter.onChangeFilter;
+  var listPath = useFilterPath(name);
+  var value = path(listPath, filters);
+
+  var displayText = value != null ? (_formatValue = formatValue == null ? void 0 : formatValue(value)) != null ? _formatValue : autoFormat(value) : undefined;
+
+  return (
+    _jsx(Popover, Object.assign({
+      trigger: "click",
+      placement: "bottomLeft",
+      unmountOnClose: true },
+    popoverProps, {
+      renderContent: function renderContent(_ref3) {var onClose = _ref3.onClose;return (
+          _jsx(PopoverFilterContent, { value: value, onApply: function onApply(val) {return onChangeFilter(listPath, val);}, submitOnClose: submitOnClose, onClose: onClose, children:
+            children }
+          ));}, children:
+
+
+      _jsx(LinkInput, Object.assign({ value: displayText, placeholder: placeholder || label, suffixIcon: "arrow-down-s-fill", suffixIconColor: "text4" }, props)) })
+    ));
+
+}

package/dist/components/filter/SearchInput.js

@@ -0,0 +1,49 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/filter/SearchInput.js";var _excluded = ["value", "onChange", "placeholder"];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 { Icon } from "../presentation";
+import { Link } from "../actions";
+import { TextInput } from "../inputs";
+import { useFilter } from "./FilterHandler";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function SearchInput(_ref) {var valueProp = _ref.value,onChangeProp = _ref.onChange,_ref$placeholder = _ref.placeholder,placeholder = _ref$placeholder === void 0 ? 'Search...' : _ref$placeholder,rest = _objectWithoutProperties(_ref, _excluded);
+  var filter = useFilter();
+
+  var value = valueProp != null ? valueProp : filter.search;
+  var onChange = onChangeProp != null ? onChangeProp : filter.onChangeSearch;
+
+  var _React$useState = React.useState(value || ''),_React$useState2 = _slicedToArray(_React$useState, 2),local = _React$useState2[0],setLocal = _React$useState2[1];
+
+  React.useEffect(function () {
+    setLocal(value || '');
+  }, [value]);
+
+  var push = function push() {
+    onChange == null ? void 0 : onChange(local);
+  };
+
+  var clear = function clear() {
+    setLocal('');
+    onChange == null ? void 0 : onChange('');
+  };
+
+  var suffix = !!local &&
+  _jsx(Link, { onPress: clear, children:
+    _jsx(Icon, { name: "close-line" }) }
+  );
+
+
+  return (
+    _jsx(TextInput, Object.assign({
+      prefixIcon: "search-line",
+      prefixIconColor: "text4",
+      placeholder: placeholder,
+      value: local,
+      onChange: setLocal,
+      onBlur: push,
+      onKeyDown: function onKeyDown(e) {return e.key === 'Enter' && push();},
+      onSubmitEditing: push,
+      suffix: suffix },
+    rest)
+    ));
+
+}

package/dist/components/filter/index.js

@@ -0,0 +1,6 @@
+export * from "./FilterHandler";
+export * from "./FilterGroup";
+export * from "./FilterItem";
+export * from "./PopoverFilterItem";
+export * from "./SearchInput";
+export * from "./DateFilter";

package/dist/components/form/Form.js

@@ -1 +1,31 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/Form.js";var _excluded=["form","onSubmit","initialValues","children","loading","disabled"];import React from'react';import{FormWrapperComponent}from"./FormWrapperComponent";import{LoadingView}from"../state/LoadingView";import{useNewForm}from"./useNewForm";import{jsx as _jsx}from"react/jsx-runtime";var FormContext=React.createContext(null);export var useFormState=function useFormState(){return React.useContext(FormContext);};export var useFormInstance=function useFormInstance(){var _useFormState;return(_useFormState=useFormState())==null?void 0:_useFormState.form;};export var useForm=useFormInstance;export function Form(_ref){var form=_ref.form,onSubmit=_ref.onSubmit,initialValues=_ref.initialValues,children=_ref.children,loading=_ref.loading,disabled=_ref.disabled,props=_objectWithoutProperties(_ref,_excluded);var defaultForm=useNewForm({onSubmit:onSubmit,initialValues:initialValues});form=form||defaultForm;return _jsx(FormContext.Provider,{value:{loading:loading,disabled:disabled,form:form},children:_jsx(LoadingView,{active:loading,noWrapper:true,children:_jsx(FormWrapperComponent,Object.assign({form:form,gap:"md"},props,{children:children}))})});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/Form.js";var _excluded = ["form", "onSubmit", "onValuesChange", "initialValues", "children", "loading", "disabled"];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 { FormWrapperComponent } from "./FormWrapperComponent";
+import { LoadingView } from "../state/LoadingView";
+import { useNewForm } from "./useNewForm";import { jsx as _jsx } from "react/jsx-runtime";
+
+var FormContext = React.createContext(null);
+export var useFormState = function useFormState() {return React.useContext(FormContext);};
+export var useFormInstance = function useFormInstance() {var _useFormState;return (_useFormState = useFormState()) == null ? void 0 : _useFormState.form;};
+export var useForm = useFormInstance;
+
+export function Form(_ref) {var form = _ref.form,onSubmit = _ref.onSubmit,onValuesChange = _ref.onValuesChange,initialValues = _ref.initialValues,children = _ref.children,loading = _ref.loading,disabled = _ref.disabled,props = _objectWithoutProperties(_ref, _excluded);
+  var defaultForm = useNewForm({ onSubmit: onSubmit, onValuesChange: onValuesChange, initialValues: initialValues });
+  form = form || defaultForm;
+
+
+  if (form._callbacksRef) {
+    if (onSubmit) form._callbacksRef.current.onSubmit = onSubmit;
+    if (onValuesChange) form._callbacksRef.current.onValuesChange = onValuesChange;
+  }
+
+  return (
+    _jsx(FormContext.Provider, { value: { loading: loading, disabled: disabled, form: form }, children:
+      _jsx(LoadingView, { active: loading, noWrapper: true, children:
+        _jsx(FormWrapperComponent, Object.assign({ form: form, onSubmit: onSubmit, gap: "md" }, props, { children:
+          children })
+        ) }
+      ) }
+    ));
+
+}

package/dist/components/form/FormGroup.js

@@ -1 +1,21 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/FormGroup.js";import React from'react';import{jsx as _jsx}from"react/jsx-runtime";var FormGroupContext=React.createContext(null);var useGroupPath=function useGroupPath(){var _React$useContext;return((_React$useContext=React.useContext(FormGroupContext))==null?void 0:_React$useContext.path)||[];};export function useRelativePath(name,opts){var isAbsolutePath=opts.isAbsolutePath;var listPath=!!name?Array.isArray(name)?name:[name]:[];var parentPath=useGroupPath();if(!!isAbsolutePath)return listPath;return[].concat(_toConsumableArray(parentPath),_toConsumableArray(listPath));}export function FormGroup(_ref){var name=_ref.name,children=_ref.children;var path=useRelativePath(name,{isAbsolutePath:false});var value={path:path};return _jsx(FormGroupContext.Provider,{value:value,children:children});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/FormGroup.js";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;}import React from 'react';import { jsx as _jsx } from "react/jsx-runtime";
+
+var FormGroupContext = React.createContext(null);
+var useGroupPath = function useGroupPath() {var _React$useContext;return ((_React$useContext = React.useContext(FormGroupContext)) == null ? void 0 : _React$useContext.path) || [];};
+
+export function useRelativePath(name, opts) {
+  var isAbsolutePath = opts.isAbsolutePath;
+  var listPath = !!name ? Array.isArray(name) ? name : [name] : [];
+  var parentPath = useGroupPath();
+
+  if (!!isAbsolutePath) return listPath;
+
+  return [].concat(_toConsumableArray(parentPath), _toConsumableArray(listPath));
+}
+
+export function FormGroup(_ref) {var name = _ref.name,children = _ref.children;
+  var path = useRelativePath(name, { isAbsolutePath: false });
+  var value = { path: path };
+
+  return _jsx(FormGroupContext.Provider, { value: value, children: children });
+}