@neko-os/ui 0.2.3 → 0.4.0

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

@@ -1 +1,50 @@
-import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/modal/ModalHeader.js";var _excluded=["onClose","title","children"],_excluded2=["titleProps"];import{pipe}from'ramda';import{Icon}from"../../presentation/Icon";import{Link}from"../../actions/Link";import{Text}from"../../text/Text";import{View}from"../../structure/View";import{moveScale}from"../../../theme/helpers/sizeScale";import{useDefaultModifier}from"../../../modifiers/default";import{useSizeConverter}from"../../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2),sizeCode=_ref2[0].sizeCode,_=_ref2[1];return{centerV:true,paddingH:sizeCode,paddingV:moveScale(sizeCode,-2),minHeight:moveScale(sizeCode,1),gap:'md',borderB:true,justify:'space-between',titleProps:{strong:true}};};export function ModalHeader(_ref3){var onClose=_ref3.onClose,title=_ref3.title,children=_ref3.children,rootProps=_objectWithoutProperties(_ref3,_excluded);var _pipe=pipe(useSizeConverter('elementHeights','md'),useThemeComponentModifier('ModalHeader'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var formattedProps=_pipe2[1];var titleProps=formattedProps.titleProps,props=_objectWithoutProperties(formattedProps,_excluded2);if(!title&&!children)return false;return _jsxs(View,Object.assign({className:"neko-modal-header"},props,{row:true,children:[title&&_jsx(Text,Object.assign({},titleProps,{children:title})),children,!!onClose&&_jsx(Link,{onPress:onClose,padding:"sm",marginR:-10,children:_jsx(Icon,{name:"close-line"})})]}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/modal/ModalHeader.js";var _excluded = ["onClose", "title", "children"],_excluded2 = ["titleProps"];function _objectDestructuringEmpty(t) {if (null == t) throw new TypeError("Cannot destructure " + t);}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { pipe } from 'ramda';
+
+import { Icon } from "../../presentation/Icon";
+import { Link } from "../../actions/Link";
+import { Text } from "../../text/Text";
+import { View } from "../../structure/View";
+import { moveScale } from "../../../theme/helpers/sizeScale";
+import { useDefaultModifier } from "../../../modifiers/default";
+import { useSizeConverter } from "../../../modifiers/sizeConverter";
+import { useThemeComponentModifier } from "../../../modifiers/themeComponent";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = function DEFAULT_PROPS(_ref) {var _ref2 = _slicedToArray(_ref, 2),sizeCode = _ref2[0].sizeCode,_ = _ref2[1];return {
+    centerV: true,
+    paddingH: sizeCode,
+    paddingV: moveScale(sizeCode, -2),
+    minHeight: moveScale(sizeCode, 1),
+    gap: 'md',
+    borderB: true,
+    justify: 'space-between',
+
+    titleProps: {
+      strong: true
+    }
+  };};
+
+export function ModalHeader(_ref3) {var onClose = _ref3.onClose,title = _ref3.title,children = _ref3.children,rootProps = _objectWithoutProperties(_ref3, _excluded);
+  var _pipe = pipe(
+      useSizeConverter('elementHeights', 'md'),
+      useThemeComponentModifier('ModalHeader'),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2);_objectDestructuringEmpty(_pipe2[0]);var formattedProps = _pipe2[1];
+
+  var titleProps = formattedProps.titleProps,props = _objectWithoutProperties(formattedProps, _excluded2);
+
+  if (!title && !children) return false;
+
+  return (
+    _jsxs(View, Object.assign({ className: "neko-modal-header" }, props, { row: true, children: [
+      title && _jsx(Text, Object.assign({}, titleProps, { children: title })),
+
+      children,
+
+      !!onClose &&
+      _jsx(Link, { onPress: onClose, padding: "sm", marginR: -10, children:
+        _jsx(Icon, { name: "close-line" }) }
+      )] })
+
+    ));
+
+}

package/dist/components/modals/modal/handler/ModalsHandler.js

@@ -1 +1,61 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["key","content"];var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/modal/handler/ModalsHandler.js";import React from'react';import{Modal}from"../Modal";import{useResponsiveValue}from"../../../../responsive/responsiveHooks";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var ModalsContext=React.createContext(null);export var useModals=function useModals(){return React.useContext(ModalsContext)||{};};var idCounter=0;export function useModalOpener(){var _useModals=useModals(),add=_useModals.add,remove=_useModals.remove,close=_useModals.close;var open=function open(init){var key=++idCounter;var onClose=function onClose(){return close(key);};var params={onClose:onClose,key:key};var data=init(params);add(key,Object.assign({onClose:onClose},data,{open:true}));return params;};return{open:open};}export function ModalsHandler(_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),modals=_React$useState2[0],setModals=_React$useState2[1];var add=React.useCallback(function(key,data){setModals(function(prev){return[].concat(_toConsumableArray(prev),[Object.assign({key:key},data)]);});},[]);var remove=React.useCallback(function(key){setModals(function(prev){return prev.filter(function(p){return p.key!==key;});});},[]);var close=React.useCallback(function(key){setModals(function(items){return items.map(function(i){return i.key===key?Object.assign({},i,{open:false}):i;});});setTimeout(function(){return remove(key);},600);},[]);var value=React.useMemo(function(){return{add:add,remove:remove,close:close};},[add,remove,close]);return _jsxs(ModalsContext.Provider,{value:value,children:[children,modals==null?void 0:modals.map==null?void 0:modals.map(function(_ref2){var key=_ref2.key,content=_ref2.content,item=_objectWithoutProperties(_ref2,_excluded);return _jsx(Modal,Object.assign({},item,{children:content}),key);})]});}
+var _excluded = ["key", "content"];var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/modal/handler/ModalsHandler.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 React from 'react';
+
+import { Modal } from "../Modal";
+import { useResponsiveValue } from "../../../../responsive/responsiveHooks";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+var ModalsContext = React.createContext(null);
+
+export var useModals = function useModals() {return React.useContext(ModalsContext) || {};};
+
+var idCounter = 0;
+
+export function useModalOpener() {
+  var _useModals = useModals(),add = _useModals.add,remove = _useModals.remove,close = _useModals.close;
+  var open = function open(init) {
+    var key = ++idCounter;
+
+    var onClose = function onClose() {return close(key);};
+    var params = { onClose: onClose, key: key };
+
+    var data = init(params);
+
+    add(key, Object.assign({ onClose: onClose }, data, { open: true }));
+    return params;
+  };
+
+  return {
+    open: open
+  };
+}
+
+export function ModalsHandler(_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),modals = _React$useState2[0],setModals = _React$useState2[1];
+
+  var add = React.useCallback(function (key, data) {
+    setModals(function (prev) {return [].concat(_toConsumableArray(prev), [Object.assign({ key: key }, data)]);});
+  }, []);
+
+  var remove = React.useCallback(function (key) {
+    setModals(function (prev) {return prev.filter(function (p) {return p.key !== key;});});
+  }, []);
+
+  var close = React.useCallback(function (key) {
+    setModals(function (items) {return items.map(function (i) {return i.key === key ? Object.assign({}, i, { open: false }) : i;});});
+    setTimeout(function () {return remove(key);}, 600);
+  }, []);
+
+  var value = React.useMemo(function () {return { add: add, remove: remove, close: close };}, [add, remove, close]);
+
+  return (
+    _jsxs(ModalsContext.Provider, { value: value, children: [
+      children,
+
+      modals == null ? void 0 : modals.map == null ? void 0 : modals.map(function (_ref2) {var key = _ref2.key,content = _ref2.content,item = _objectWithoutProperties(_ref2, _excluded);return (
+          _jsx(Modal, Object.assign({}, item, { children:
+            content }), key
+          ));}
+      )] }
+    ));
+
+}

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

@@ -1 +1,6 @@
-export*from"./handler/ModalsHandler";export*from"./Modal";export*from"./ModalContent";export*from"./ModalHeader";export*from"./ModalFooter";export*from"./ModalBackdrop";
+export * from "./handler/ModalsHandler";
+export * from "./Modal";
+export * from "./ModalContent";
+export * from "./ModalHeader";
+export * from "./ModalFooter";
+export * from "./ModalBackdrop";

package/dist/components/modals/router/ModalRoute.js

@@ -1 +1,15 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["name","component","type"];import{useEffect}from'react';import{useModalsRouterContext}from"./ModalsRouterContext";export function ModalRoute(_ref){var name=_ref.name,component=_ref.component,_ref$type=_ref.type,type=_ref$type===void 0?'modal':_ref$type,containerProps=_objectWithoutProperties(_ref,_excluded);var _useModalsRouterConte=useModalsRouterContext(),registerRoute=_useModalsRouterConte.registerRoute,unregisterRoute=_useModalsRouterConte.unregisterRoute;useEffect(function(){if(!name||!registerRoute)return;registerRoute(name,{component:component,type:type,containerProps:containerProps});return function(){return unregisterRoute==null?void 0:unregisterRoute(name);};},[name]);return null;}
+var _excluded = ["name", "component", "type"];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 { useEffect } from 'react';
+
+import { useModalsRouterContext } from "./ModalsRouterContext";
+
+export function ModalRoute(_ref) {var name = _ref.name,component = _ref.component,_ref$type = _ref.type,type = _ref$type === void 0 ? 'modal' : _ref$type,containerProps = _objectWithoutProperties(_ref, _excluded);
+  var _useModalsRouterConte = useModalsRouterContext(),registerRoute = _useModalsRouterConte.registerRoute,unregisterRoute = _useModalsRouterConte.unregisterRoute;
+
+  useEffect(function () {
+    if (!name || !registerRoute) return;
+    registerRoute(name, { component: component, type: type, containerProps: containerProps });
+    return function () {return unregisterRoute == null ? void 0 : unregisterRoute(name);};
+  }, [name]);
+
+  return null;
+}

package/dist/components/modals/router/ModalsRouter.js

@@ -1 +1,120 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/router/ModalsRouter.js";import React,{useCallback,useMemo,useRef,useState}from'react';import{BottomDrawer}from"../bottomDrawer";import{Drawer}from"../drawer";import{Modal}from"../modal/Modal";import{ModalRouteContext,ModalsRouterContext,ModalsStackContext}from"./ModalsRouterContext";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var CONTAINERS={modal:Modal,drawer:Drawer,bottomDrawer:BottomDrawer};export function ModalsRouter(_ref){var _this=this;var children=_ref.children;var _useState=useState([]),_useState2=_slicedToArray(_useState,2),stack=_useState2[0],setStack=_useState2[1];var _useState3=useState([]),_useState4=_slicedToArray(_useState3,2),renderStack=_useState4[0],setRenderStack=_useState4[1];var _useState5=useState({}),_useState6=_slicedToArray(_useState5,2),containerOverrides=_useState6[0],setContainerOverrides=_useState6[1];var keyRef=useRef(0);var routesRef=useRef({});var registerRoute=useCallback(function(name,config){routesRef.current[name]=config;},[]);var unregisterRoute=useCallback(function(name){delete routesRef.current[name];},[]);var updateContainerProps=useCallback(function(key,props){setContainerOverrides(function(prev){return Object.assign({},prev,_defineProperty({},key,Object.assign({},prev[key],props)));});},[]);var push=useCallback(function(path,params){var key=++keyRef.current;var entry={key:key,path:path,params:params};setStack(function(prev){return[].concat(_toConsumableArray(prev),[entry]);});setRenderStack(function(prev){return[].concat(_toConsumableArray(prev),[Object.assign({},entry,{open:true})]);});},[]);var closeByKey=useCallback(function(key){setStack(function(prev){return prev.filter(function(e){return e.key!==key;});});setRenderStack(function(prev){return prev.map(function(e){return e.key===key?Object.assign({},e,{open:false}):e;});});setTimeout(function(){setRenderStack(function(prev){return prev.filter(function(e){return e.key!==key;});});},600);},[]);var goBack=useCallback(function(){setStack(function(prev){if(prev.length===0)return prev;var last=prev[prev.length-1];setRenderStack(function(rs){return rs.map(function(e){return e.key===last.key?Object.assign({},e,{open:false}):e;});});setTimeout(function(){setRenderStack(function(rs){return rs.filter(function(e){return e.key!==last.key;});});},600);return prev.slice(0,-1);});},[]);var closeAll=useCallback(function(){setStack([]);setRenderStack(function(prev){var closing=prev.map(function(e){return Object.assign({},e,{open:false});});setTimeout(function(){setRenderStack([]);},600);return closing;});},[]);var actionsValue=useMemo(function(){return{push:push,goBack:goBack,closeAll:closeAll,registerRoute:registerRoute,unregisterRoute:unregisterRoute};},[push,goBack,closeAll,registerRoute,unregisterRoute]);var stackValue=useMemo(function(){return{stack:stack};},[stack]);var nestedModals=renderStack.reduceRight(function(inner,entry){var route=routesRef.current[entry.path];if(!route)return inner;var Container=CONTAINERS[route.type]||Modal;var Component=route.component;var overrides=containerOverrides[entry.key];var updateContainer=function updateContainer(props){return updateContainerProps(entry.key,props);};return _jsx(Container,Object.assign({open:entry.open,onClose:function onClose(){return closeByKey(entry.key);}},route.containerProps,overrides,{children:_jsx(ModalsRouterContext.Provider,{value:actionsValue,children:_jsx(ModalsStackContext.Provider,{value:stackValue,children:_jsxs(ModalRouteContext.Provider,{value:{params:entry.params,path:entry.path,key:entry.key,updateContainer:updateContainer},children:[_jsx(Component,{}),inner]})})})}),entry.key);},null);return _jsx(ModalsRouterContext.Provider,{value:actionsValue,children:_jsxs(ModalsStackContext.Provider,{value:stackValue,children:[children,nestedModals]})});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/modals/router/ModalsRouter.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 _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 _defineProperty(e, r, t) {return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e;}function _toPropertyKey(t) {var i = _toPrimitive(t, "string");return "symbol" == typeof i ? i : i + "";}function _toPrimitive(t, r) {if ("object" != typeof t || !t) return t;var e = t[Symbol.toPrimitive];if (void 0 !== e) {var i = e.call(t, r || "default");if ("object" != typeof i) return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return ("string" === r ? String : Number)(t);}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import React, { useCallback, useMemo, useRef, useState } from 'react';
+
+import { BottomDrawer } from "../bottomDrawer";
+import { Drawer } from "../drawer";
+import { Modal } from "../modal/Modal";
+import { ModalRouteContext, ModalsRouterContext, ModalsStackContext } from "./ModalsRouterContext";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+var CONTAINERS = {
+  modal: Modal,
+  drawer: Drawer,
+  bottomDrawer: BottomDrawer
+};
+
+export function ModalsRouter(_ref) {var _this = this;var children = _ref.children;
+  var _useState = useState([]),_useState2 = _slicedToArray(_useState, 2),stack = _useState2[0],setStack = _useState2[1];
+  var _useState3 = useState([]),_useState4 = _slicedToArray(_useState3, 2),renderStack = _useState4[0],setRenderStack = _useState4[1];
+  var _useState5 = useState({}),_useState6 = _slicedToArray(_useState5, 2),containerOverrides = _useState6[0],setContainerOverrides = _useState6[1];
+  var keyRef = useRef(0);
+  var routesRef = useRef({});
+
+  var registerRoute = useCallback(function (name, config) {
+    routesRef.current[name] = config;
+  }, []);
+
+  var unregisterRoute = useCallback(function (name) {
+    delete routesRef.current[name];
+  }, []);
+
+  var updateContainerProps = useCallback(function (key, props) {
+    setContainerOverrides(function (prev) {return Object.assign({},
+      prev, _defineProperty({},
+      key, Object.assign({}, prev[key], props)));}
+    );
+  }, []);
+
+  var push = useCallback(function (path, params) {
+    var key = ++keyRef.current;
+    var entry = { key: key, path: path, params: params };
+    setStack(function (prev) {return [].concat(_toConsumableArray(prev), [entry]);});
+    setRenderStack(function (prev) {return [].concat(_toConsumableArray(prev), [Object.assign({}, entry, { open: true })]);});
+  }, []);
+
+  var closeByKey = useCallback(function (key) {
+    setStack(function (prev) {return prev.filter(function (e) {return e.key !== key;});});
+    setRenderStack(function (prev) {return prev.map(function (e) {return e.key === key ? Object.assign({}, e, { open: false }) : e;});});
+    setTimeout(function () {
+      setRenderStack(function (prev) {return prev.filter(function (e) {return e.key !== key;});});
+    }, 600);
+  }, []);
+
+  var goBack = useCallback(function () {
+    setStack(function (prev) {
+      if (prev.length === 0) return prev;
+      var last = prev[prev.length - 1];
+      setRenderStack(function (rs) {return rs.map(function (e) {return e.key === last.key ? Object.assign({}, e, { open: false }) : e;});});
+      setTimeout(function () {
+        setRenderStack(function (rs) {return rs.filter(function (e) {return e.key !== last.key;});});
+      }, 600);
+      return prev.slice(0, -1);
+    });
+  }, []);
+
+  var closeAll = useCallback(function () {
+    setStack([]);
+    setRenderStack(function (prev) {
+      var closing = prev.map(function (e) {return Object.assign({}, e, { open: false });});
+      setTimeout(function () {
+        setRenderStack([]);
+      }, 600);
+      return closing;
+    });
+  }, []);
+
+
+
+  var actionsValue = useMemo(
+    function () {return { push: push, goBack: goBack, closeAll: closeAll, registerRoute: registerRoute, unregisterRoute: unregisterRoute };},
+    [push, goBack, closeAll, registerRoute, unregisterRoute]
+  );
+
+
+  var stackValue = useMemo(function () {return { stack: stack };}, [stack]);
+
+
+
+
+
+  var nestedModals = renderStack.reduceRight(function (inner, entry) {
+    var route = routesRef.current[entry.path];
+    if (!route) return inner;
+
+    var Container = CONTAINERS[route.type] || Modal;
+    var Component = route.component;
+
+    var overrides = containerOverrides[entry.key];
+    var updateContainer = function updateContainer(props) {return updateContainerProps(entry.key, props);};
+
+    return (
+      _jsx(Container, Object.assign({ open: entry.open, onClose: function onClose() {return closeByKey(entry.key);} }, route.containerProps, overrides, { children:
+        _jsx(ModalsRouterContext.Provider, { value: actionsValue, children:
+          _jsx(ModalsStackContext.Provider, { value: stackValue, children:
+            _jsxs(ModalRouteContext.Provider, { value: { params: entry.params, path: entry.path, key: entry.key, updateContainer: updateContainer }, children: [
+              _jsx(Component, {}),
+              inner] }
+            ) }
+          ) }
+        ) }), entry.key
+      ));
+
+  }, null);
+
+  return (
+    _jsx(ModalsRouterContext.Provider, { value: actionsValue, children:
+      _jsxs(ModalsStackContext.Provider, { value: stackValue, children: [
+        children,
+        nestedModals] }
+      ) }
+    ));
+
+}

package/dist/components/modals/router/ModalsRouterContext.js

@@ -1 +1,16 @@
-import React from'react';var ModalsRouterContext=React.createContext(null);export var useModalsRouterContext=function useModalsRouterContext(){return React.useContext(ModalsRouterContext)||{};};export{ModalsRouterContext};var ModalsStackContext=React.createContext(null);export var useModalsStackContext=function useModalsStackContext(){return React.useContext(ModalsStackContext)||{};};export{ModalsStackContext};var ModalRouteContext=React.createContext(null);export var useModalRouteContext=function useModalRouteContext(){return React.useContext(ModalRouteContext)||{};};export{ModalRouteContext};
+import React from 'react';
+
+
+var ModalsRouterContext = React.createContext(null);
+export var useModalsRouterContext = function useModalsRouterContext() {return React.useContext(ModalsRouterContext) || {};};
+export { ModalsRouterContext };
+
+
+var ModalsStackContext = React.createContext(null);
+export var useModalsStackContext = function useModalsStackContext() {return React.useContext(ModalsStackContext) || {};};
+export { ModalsStackContext };
+
+
+var ModalRouteContext = React.createContext(null);
+export var useModalRouteContext = function useModalRouteContext() {return React.useContext(ModalRouteContext) || {};};
+export { ModalRouteContext };

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

@@ -1 +1,6 @@
-export{ModalsRouter}from"./ModalsRouter";export{ModalRoute}from"./ModalRoute";export{useModalsNavigation}from"./useModalsNavigation";export{useModalParams}from"./useModalParams";export{useAllModalsParams}from"./useAllModalsParams";export{useUpdateModalContainer}from"./useUpdateModalContainer";
+export { ModalsRouter } from "./ModalsRouter";
+export { ModalRoute } from "./ModalRoute";
+export { useModalsNavigation } from "./useModalsNavigation";
+export { useModalParams } from "./useModalParams";
+export { useAllModalsParams } from "./useAllModalsParams";
+export { useUpdateModalContainer } from "./useUpdateModalContainer";

package/dist/components/modals/router/useAllModalsParams.js

@@ -1 +1,6 @@
-import{useModalsStackContext}from"./ModalsRouterContext";export function useAllModalsParams(){var _useModalsStackContex=useModalsStackContext(),stack=_useModalsStackContex.stack;return(stack||[]).map(function(_ref){var path=_ref.path,params=_ref.params,key=_ref.key;return{path:path,params:params,key:key};});}
+import { useModalsStackContext } from "./ModalsRouterContext";
+
+export function useAllModalsParams() {
+  var _useModalsStackContex = useModalsStackContext(),stack = _useModalsStackContex.stack;
+  return (stack || []).map(function (_ref) {var path = _ref.path,params = _ref.params,key = _ref.key;return { path: path, params: params, key: key };});
+}

package/dist/components/modals/router/useModalParams.js

@@ -1 +1,6 @@
-import{useModalRouteContext}from"./ModalsRouterContext";export function useModalParams(){var _useModalRouteContext=useModalRouteContext(),params=_useModalRouteContext.params;return params||{};}
+import { useModalRouteContext } from "./ModalsRouterContext";
+
+export function useModalParams() {
+  var _useModalRouteContext = useModalRouteContext(),params = _useModalRouteContext.params;
+  return params || {};
+}

package/dist/components/modals/router/useModalsNavigation.js

@@ -1 +1,6 @@
-import{useModalsRouterContext}from"./ModalsRouterContext";export function useModalsNavigation(){var _useModalsRouterConte=useModalsRouterContext(),push=_useModalsRouterConte.push,goBack=_useModalsRouterConte.goBack,closeAll=_useModalsRouterConte.closeAll;return{push:push,goBack:goBack,closeAll:closeAll};}
+import { useModalsRouterContext } from "./ModalsRouterContext";
+
+export function useModalsNavigation() {
+  var _useModalsRouterConte = useModalsRouterContext(),push = _useModalsRouterConte.push,goBack = _useModalsRouterConte.goBack,closeAll = _useModalsRouterConte.closeAll;
+  return { push: push, goBack: goBack, closeAll: closeAll };
+}

package/dist/components/modals/router/useUpdateModalContainer.js

@@ -1 +1,6 @@
-import{useModalRouteContext}from"./ModalsRouterContext";export function useUpdateModalContainer(){var _useModalRouteContext=useModalRouteContext(),updateContainer=_useModalRouteContext.updateContainer;return updateContainer;}
+import { useModalRouteContext } from "./ModalsRouterContext";
+
+export function useUpdateModalContainer() {
+  var _useModalRouteContext = useModalRouteContext(),updateContainer = _useModalRouteContext.updateContainer;
+  return updateContainer;
+}

package/dist/components/presentation/Avatar.js

@@ -1 +1,79 @@
-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/presentation/Avatar.js";var _excluded=["initials","name","icon","src","invert","textProps","iconProps","iconSize"];import{pipe}from'ramda';import{AbsView}from"../../abstractions/View";import{IconLabel}from"./IconLabel";import{Image}from"./Image";import{getDynamicColor}from"../../theme/helpers/dynamicColor";import{getInitials}from"../../helpers";import{moveScale}from"../../theme/helpers/sizeScale";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useColorConverter}from"../../modifiers/colorConverter";import{useDefaultModifier}from"../../modifiers/default";import{useFlexWrapperModifier}from"../../modifiers/flexWrapper";import{useFullColorModifier}from"../../modifiers/fullColor";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{useSizeConverter}from"../../modifiers/sizeConverter";import{useSizeModifier}from"../../modifiers/size";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2),sizeCode=_ref2[0].sizeCode,_ref2$=_ref2[1],round=_ref2$.round,square=_ref2$.square,src=_ref2$.src,dynamicColor=_ref2$.dynamicColor,color=_ref2$.color;return{padding:!!src?undefined:1,height:sizeCode,width:sizeCode,ratio:1,br:!!square?moveScale(sizeCode,-2)||sizeCode:undefined,round:!square,center:true,border:!!src?undefined:1,overflow:'hidden',color:dynamicColor!==undefined?getDynamicColor(dynamicColor):color};};export function Avatar(rootProps){var _pipe=pipe(useSizeConverter('elementHeights','md'),useThemeComponentModifier('Avatar'),useDefaultModifier(DEFAULT_PROPS),useColorConverter('text3'),useFullColorModifier,useSizeModifier,usePositionModifier,useFlexWrapperModifier,useBackgroundModifier,usePaddingModifier,useMarginModifier,useBorderModifier,useShadowModifier,useOverflowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],fontColor=_pipe2$.fontColor,sizeCode=_pipe2$.sizeCode,formattedProps=_pipe2[1];var initials=formattedProps.initials,name=formattedProps.name,icon=formattedProps.icon,src=formattedProps.src,invert=formattedProps.invert,textProps=formattedProps.textProps,iconProps=formattedProps.iconProps,iconSize=formattedProps.iconSize,props=_objectWithoutProperties(formattedProps,_excluded);initials=initials||getInitials(name);var content=_jsx(IconLabel,{center:true,color:fontColor,size:sizeCode,label:!icon&&initials,icon:icon,invert:invert,textProps:Object.assign({strong:true},textProps),iconProps:Object.assign({size:iconSize},iconProps)});if(!!src)content=_jsx(Image,{br:0,src:src,width:sizeCode,height:sizeCode});return _jsx(AbsView,Object.assign({className:"neko-avatar"},props,{children:content}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/Avatar.js";var _excluded = ["initials", "name", "icon", "src", "invert", "textProps", "iconProps", "iconSize"];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 { AbsView } from "../../abstractions/View";
+import { IconLabel } from "./IconLabel";
+import { Image } from "./Image";
+import { getDynamicColor } from "../../theme/helpers/dynamicColor";
+import { getInitials } from "../../helpers";
+import { moveScale } from "../../theme/helpers/sizeScale";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useBorderModifier } from "../../modifiers/border";
+import { useColorConverter } from "../../modifiers/colorConverter";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useFlexWrapperModifier } from "../../modifiers/flexWrapper";
+import { useFullColorModifier } from "../../modifiers/fullColor";
+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 { useSizeConverter } from "../../modifiers/sizeConverter";
+import { useSizeModifier } from "../../modifiers/size";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = function DEFAULT_PROPS(_ref) {var _ref2 = _slicedToArray(_ref, 2),sizeCode = _ref2[0].sizeCode,_ref2$ = _ref2[1],round = _ref2$.round,square = _ref2$.square,src = _ref2$.src,dynamicColor = _ref2$.dynamicColor,color = _ref2$.color;
+  return {
+    padding: !!src ? undefined : 1,
+    height: sizeCode,
+    width: sizeCode,
+    ratio: 1,
+    br: !!square ? moveScale(sizeCode, -2) || sizeCode : undefined,
+    round: !square,
+    center: true,
+    border: !!src ? undefined : 1,
+    overflow: 'hidden',
+    color: dynamicColor !== undefined ? getDynamicColor(dynamicColor) : color
+  };
+};
+
+export function Avatar(rootProps) {
+  var _pipe = pipe(
+      useSizeConverter('elementHeights', 'md'),
+      useThemeComponentModifier('Avatar'),
+      useDefaultModifier(DEFAULT_PROPS),
+      useColorConverter('text3'),
+      useFullColorModifier,
+      useSizeModifier,
+      usePositionModifier,
+      useFlexWrapperModifier,
+      useBackgroundModifier,
+      usePaddingModifier,
+      useMarginModifier,
+      useBorderModifier,
+      useShadowModifier,
+      useOverflowModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_pipe2$ = _pipe2[0],fontColor = _pipe2$.fontColor,sizeCode = _pipe2$.sizeCode,formattedProps = _pipe2[1];
+
+  var initials = formattedProps.initials,name = formattedProps.name,icon = formattedProps.icon,src = formattedProps.src,invert = formattedProps.invert,textProps = formattedProps.textProps,iconProps = formattedProps.iconProps,iconSize = formattedProps.iconSize,props = _objectWithoutProperties(formattedProps, _excluded);
+  initials = initials || getInitials(name);
+
+  var content =
+  _jsx(IconLabel, {
+    center: true,
+    color: fontColor,
+    size: sizeCode,
+    label: !icon && initials,
+    icon: icon,
+    invert: invert,
+    textProps: Object.assign({ strong: true }, textProps),
+    iconProps: Object.assign({ size: iconSize }, iconProps) }
+  );
+
+  if (!!src) content = _jsx(Image, { br: 0, src: src, width: sizeCode, height: sizeCode });
+
+  return (
+    _jsx(AbsView, Object.assign({ className: "neko-avatar" }, props, { children:
+      content })
+    ));
+
+}

package/dist/components/presentation/AvatarLabel.js

@@ -1 +1,60 @@
-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/presentation/AvatarLabel.js";var _excluded=["icon","label","name","initials","src","avatarColor","square","dynamicColor","avatarProps","moveAvatarSizeScale","avatarSize","iconSize"];import{pipe}from'ramda';import{Avatar}from"./Avatar";import{ContentLabel}from"./ContentLabel";import{moveScale}from"../../theme/helpers/sizeScale";import{useColorConverter}from"../../modifiers/colorConverter";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function AvatarLabel(rootProps){var _pipe=pipe(useColorConverter(),useSizeConverter('elementHeights','md'),useThemeComponentModifier('AvatarLabel'))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],sizeCode=_pipe2$.sizeCode,color=_pipe2$.color,formattedProps=_pipe2[1];var icon=formattedProps.icon,label=formattedProps.label,name=formattedProps.name,initials=formattedProps.initials,src=formattedProps.src,avatarColor=formattedProps.avatarColor,square=formattedProps.square,dynamicColor=formattedProps.dynamicColor,avatarProps=formattedProps.avatarProps,moveAvatarSizeScale=formattedProps.moveAvatarSizeScale,avatarSize=formattedProps.avatarSize,iconSize=formattedProps.iconSize,props=_objectWithoutProperties(formattedProps,_excluded);var hasAvatar=!!name||!!initials||!!src;return _jsx(ContentLabel,Object.assign({className:"neko-avatar-label",label:label||name,color:color,size:sizeCode,content:_jsx(Avatar,Object.assign({name:name||label,initials:initials,icon:icon,src:src,size:avatarSize||moveScale(sizeCode,moveAvatarSizeScale||-1),color:avatarColor||color,dynamicColor:dynamicColor,square:square,marginH:2,iconSize:iconSize},avatarProps))},props));}export var AvatarText=AvatarLabel;
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/AvatarLabel.js";var _excluded = ["icon", "label", "name", "initials", "src", "avatarColor", "square", "dynamicColor", "avatarProps", "moveAvatarSizeScale", "avatarSize", "iconSize"];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 { Avatar } from "./Avatar";
+import { ContentLabel } from "./ContentLabel";
+import { moveScale } from "../../theme/helpers/sizeScale";
+import { useColorConverter } from "../../modifiers/colorConverter";
+import { useSizeConverter } from "../../modifiers/sizeConverter";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function AvatarLabel(rootProps) {
+  var _pipe = pipe(
+      useColorConverter(),
+      useSizeConverter('elementHeights', 'md'),
+      useThemeComponentModifier('AvatarLabel')
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_pipe2$ = _pipe2[0],sizeCode = _pipe2$.sizeCode,color = _pipe2$.color,formattedProps = _pipe2[1];
+
+  var
+    icon =
+
+
+
+
+
+
+
+
+
+
+
+
+    formattedProps.icon,label = formattedProps.label,name = formattedProps.name,initials = formattedProps.initials,src = formattedProps.src,avatarColor = formattedProps.avatarColor,square = formattedProps.square,dynamicColor = formattedProps.dynamicColor,avatarProps = formattedProps.avatarProps,moveAvatarSizeScale = formattedProps.moveAvatarSizeScale,avatarSize = formattedProps.avatarSize,iconSize = formattedProps.iconSize,props = _objectWithoutProperties(formattedProps, _excluded);
+  var hasAvatar = !!name || !!initials || !!src;
+
+  return (
+    _jsx(ContentLabel, Object.assign({
+      className: "neko-avatar-label",
+      label: label || name,
+      color: color,
+      size: sizeCode,
+      content:
+      _jsx(Avatar, Object.assign({
+        name: name || label,
+        initials: initials,
+        icon: icon,
+        src: src,
+        size: avatarSize || moveScale(sizeCode, moveAvatarSizeScale || -1),
+        dynamicColor: dynamicColor },
+      !dynamicColor && { color: avatarColor || color }, {
+        square: square,
+        marginH: 2,
+        iconSize: iconSize },
+      avatarProps)
+      ) },
+
+    props)
+    ));
+
+}
+
+export var AvatarText = AvatarLabel;

package/dist/components/presentation/AvatarsGroup.js

@@ -0,0 +1,30 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/AvatarsGroup.js";var _excluded = ["maxCount", "size", "overlap", "children"];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 { Avatar } from "./Avatar";
+import { View } from "../structure/View";
+import { useGetElementHeight } from "../../theme";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+export function AvatarsGroup(_ref) {var _this = this;var maxCount = _ref.maxCount,_ref$size = _ref.size,size = _ref$size === void 0 ? 'md' : _ref$size,overlap = _ref.overlap,children = _ref.children,props = _objectWithoutProperties(_ref, _excluded);
+  var getSize = useGetElementHeight();
+  var sizeValue = getSize(size);
+  overlap = overlap || Math.round(sizeValue * 0.6);
+
+  var items = React.Children.toArray(children).filter(React.isValidElement);
+  var visibleItems = maxCount ? items.slice(0, maxCount) : items;
+  var overflowCount = maxCount ? items.length - maxCount : 0;
+
+  return (
+    _jsxs(View, { row: true, centerV: true, children: [
+      visibleItems.map(function (child, index) {return (
+          _jsx(View, { style: index > 0 ? { marginLeft: -overlap } : undefined, children:
+            React.cloneElement(child, Object.assign({ size: size, border: 1, borderColor: 'overlayBG' }, props)) }, child.key || index
+          ));}
+      ),
+      overflowCount > 0 &&
+      _jsx(View, { style: { marginLeft: -overlap }, children:
+        _jsx(Avatar, { name: `+${overflowCount}`, size: size, color: "text4", border: true, borderColor: "overlayBG" }) }
+      )] }
+
+    ));
+
+}