@neko-os/ui 0.2.3 → 0.4.0

package/dist/components/helpers/LazyRender.js

@@ -1 +1,55 @@
-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/helpers/LazyRender.js";var _excluded=["children","delay","whenVisible","destroyOffScreen","minHeight"];import React from'react';import{View}from"../structure/View";import{jsx as _jsx}from"react/jsx-runtime";export function LazyRender(_ref){var children=_ref.children,_ref$delay=_ref.delay,delay=_ref$delay===void 0?0:_ref$delay,_ref$whenVisible=_ref.whenVisible,whenVisible=_ref$whenVisible===void 0?false:_ref$whenVisible,_ref$destroyOffScreen=_ref.destroyOffScreen,destroyOffScreen=_ref$destroyOffScreen===void 0?false:_ref$destroyOffScreen,initMinHeight=_ref.minHeight,props=_objectWithoutProperties(_ref,_excluded);var ref=React.useRef(null);var _React$useState=React.useState(!whenVisible&&!delay),_React$useState2=_slicedToArray(_React$useState,2),open=_React$useState2[0],setOpen=_React$useState2[1];var _React$useState3=React.useState(initMinHeight),_React$useState4=_slicedToArray(_React$useState3,2),minHeight=_React$useState4[0],setMinHeight=_React$useState4[1];React.useEffect(function(){if(!whenVisible)return;var observer=new IntersectionObserver(function(_ref2){var _ref3=_slicedToArray(_ref2,1),entry=_ref3[0];setOpen(function(open){if(entry.isIntersecting)return true;return destroyOffScreen?false:open;});},{threshold:0});if(ref.current)observer.observe(ref.current);return function(){if(ref.current)observer.unobserve(ref.current);};},[whenVisible,destroyOffScreen]);React.useEffect(function(){if(delay>0&&!whenVisible){var timer=setTimeout(function(){return setOpen(true);},delay);return function(){return clearTimeout(timer);};}},[]);React.useEffect(function(){if(ref.current){setMinHeight(ref.current.offsetHeight);}},[open]);return _jsx(View,Object.assign({className:"neko-lazy-render",flex:"0 0 auto"},props,{minHeight:minHeight,ref:ref,children:open?children:null}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/helpers/LazyRender.js";var _excluded = ["children", "delay", "whenVisible", "destroyOffScreen", "minHeight"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import React from 'react';
+
+import { View } from "../structure/View";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function LazyRender(_ref)
+
+
+
+
+
+
+{var children = _ref.children,_ref$delay = _ref.delay,delay = _ref$delay === void 0 ? 0 : _ref$delay,_ref$whenVisible = _ref.whenVisible,whenVisible = _ref$whenVisible === void 0 ? false : _ref$whenVisible,_ref$destroyOffScreen = _ref.destroyOffScreen,destroyOffScreen = _ref$destroyOffScreen === void 0 ? false : _ref$destroyOffScreen,initMinHeight = _ref.minHeight,props = _objectWithoutProperties(_ref, _excluded);
+  var ref = React.useRef(null);
+  var _React$useState = React.useState(!whenVisible && !delay),_React$useState2 = _slicedToArray(_React$useState, 2),open = _React$useState2[0],setOpen = _React$useState2[1];
+  var _React$useState3 = React.useState(initMinHeight),_React$useState4 = _slicedToArray(_React$useState3, 2),minHeight = _React$useState4[0],setMinHeight = _React$useState4[1];
+
+  React.useEffect(function () {
+    if (!whenVisible) return;
+
+    var observer = new IntersectionObserver(
+      function (_ref2) {var _ref3 = _slicedToArray(_ref2, 1),entry = _ref3[0];
+        setOpen(function (open) {
+          if (entry.isIntersecting) return true;
+          return destroyOffScreen ? false : open;
+        });
+      },
+      { threshold: 0 }
+    );
+
+    if (ref.current) observer.observe(ref.current);
+
+    return function () {
+      if (ref.current) observer.unobserve(ref.current);
+    };
+  }, [whenVisible, destroyOffScreen]);
+
+  React.useEffect(function () {
+    if (delay > 0 && !whenVisible) {
+      var timer = setTimeout(function () {return setOpen(true);}, delay);
+      return function () {return clearTimeout(timer);};
+    }
+  }, []);
+
+  React.useEffect(function () {
+    if (ref.current) {
+      setMinHeight(ref.current.offsetHeight);
+    }
+  }, [open]);
+
+  return (
+    _jsx(View, Object.assign({ className: "neko-lazy-render", flex: "0 0 auto" }, props, { minHeight: minHeight, ref: ref, children:
+      open ? children : null })
+    ));
+
+}

package/dist/components/helpers/LazyRender.native.js

@@ -1 +1,58 @@
-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/helpers/LazyRender.native.js";var _excluded=["children","delay","whenVisible","destroyOffScreen","minHeight"];import{Dimensions}from"react-native-web";import React from'react';import{View}from"../structure/View";import{jsx as _jsx}from"react/jsx-runtime";export function LazyRender(_ref){var children=_ref.children,_ref$delay=_ref.delay,delay=_ref$delay===void 0?0:_ref$delay,_ref$whenVisible=_ref.whenVisible,whenVisible=_ref$whenVisible===void 0?false:_ref$whenVisible,_ref$destroyOffScreen=_ref.destroyOffScreen,destroyOffScreen=_ref$destroyOffScreen===void 0?false:_ref$destroyOffScreen,initMinHeight=_ref.minHeight,props=_objectWithoutProperties(_ref,_excluded);var ref=React.useRef(null);var _React$useState=React.useState(!whenVisible&&!delay),_React$useState2=_slicedToArray(_React$useState,2),open=_React$useState2[0],setOpen=_React$useState2[1];var _React$useState3=React.useState(initMinHeight),_React$useState4=_slicedToArray(_React$useState3,2),minHeight=_React$useState4[0],setMinHeight=_React$useState4[1];var windowHeight=Dimensions.get('window').height;var checkVisibility=React.useCallback(function(){if(!ref.current)return;ref.current.measureInWindow(function(x,y,width,height){var isVisible=y+height>0&&y<windowHeight;setOpen(function(prev){if(isVisible)return true;return destroyOffScreen?false:prev;});});},[windowHeight,destroyOffScreen]);React.useEffect(function(){if(whenVisible){checkVisibility();var interval=setInterval(checkVisibility,100);return function(){return clearInterval(interval);};}},[whenVisible,checkVisibility]);React.useEffect(function(){if(delay>0&&!whenVisible){var timer=setTimeout(function(){return setOpen(true);},delay);return function(){return clearTimeout(timer);};}},[]);React.useEffect(function(){if(ref.current&&open){ref.current.measure(function(x,y,width,height){setMinHeight(height);});}},[open]);return _jsx(View,Object.assign({className:"neko-lazy-render",flex:"0 0 auto"},props,{minHeight:minHeight,ref:ref,children:open?children:null}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/helpers/LazyRender.native.js";var _excluded = ["children", "delay", "whenVisible", "destroyOffScreen", "minHeight"];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 { Dimensions } from "react-native-web";
+import React from 'react';
+
+import { View } from "../structure/View";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function LazyRender(_ref)
+
+
+
+
+
+
+{var children = _ref.children,_ref$delay = _ref.delay,delay = _ref$delay === void 0 ? 0 : _ref$delay,_ref$whenVisible = _ref.whenVisible,whenVisible = _ref$whenVisible === void 0 ? false : _ref$whenVisible,_ref$destroyOffScreen = _ref.destroyOffScreen,destroyOffScreen = _ref$destroyOffScreen === void 0 ? false : _ref$destroyOffScreen,initMinHeight = _ref.minHeight,props = _objectWithoutProperties(_ref, _excluded);
+  var ref = React.useRef(null);
+  var _React$useState = React.useState(!whenVisible && !delay),_React$useState2 = _slicedToArray(_React$useState, 2),open = _React$useState2[0],setOpen = _React$useState2[1];
+  var _React$useState3 = React.useState(initMinHeight),_React$useState4 = _slicedToArray(_React$useState3, 2),minHeight = _React$useState4[0],setMinHeight = _React$useState4[1];
+  var windowHeight = Dimensions.get('window').height;
+
+  var checkVisibility = React.useCallback(function () {
+    if (!ref.current) return;
+    ref.current.measureInWindow(function (x, y, width, height) {
+      var isVisible = y + height > 0 && y < windowHeight;
+      setOpen(function (prev) {
+        if (isVisible) return true;
+        return destroyOffScreen ? false : prev;
+      });
+    });
+  }, [windowHeight, destroyOffScreen]);
+
+  React.useEffect(function () {
+    if (whenVisible) {
+      checkVisibility();
+      var interval = setInterval(checkVisibility, 100);
+      return function () {return clearInterval(interval);};
+    }
+  }, [whenVisible, checkVisibility]);
+
+  React.useEffect(function () {
+    if (delay > 0 && !whenVisible) {
+      var timer = setTimeout(function () {return setOpen(true);}, delay);
+      return function () {return clearTimeout(timer);};
+    }
+  }, []);
+
+  React.useEffect(function () {
+    if (ref.current && open) {
+      ref.current.measure(function (x, y, width, height) {
+        setMinHeight(height);
+      });
+    }
+  }, [open]);
+
+  return (
+    _jsx(View, Object.assign({ className: "neko-lazy-render", flex: "0 0 auto" }, props, { minHeight: minHeight, ref: ref, children:
+      open ? children : null })
+    ));
+
+}

package/dist/components/helpers/Portal.js

@@ -1 +1,21 @@
-import React from'react';import{usePortal}from"./PortalHandler";var idCounter=0;export function Portal(_ref){var children=_ref.children;var keyRef=React.useRef(++idCounter);var _usePortal=usePortal(),mount=_usePortal.mount,update=_usePortal.update,unmount=_usePortal.unmount;React.useEffect(function(){mount(keyRef.current,children);return function(){return unmount(keyRef.current);};},[]);React.useEffect(function(){update(keyRef.current,children);},[children]);return null;}
+import React from 'react';
+
+import { usePortal } from "./PortalHandler";
+
+var idCounter = 0;
+
+export function Portal(_ref) {var children = _ref.children;
+  var keyRef = React.useRef(++idCounter);
+  var _usePortal = usePortal(),mount = _usePortal.mount,update = _usePortal.update,unmount = _usePortal.unmount;
+
+  React.useEffect(function () {
+    mount(keyRef.current, children);
+    return function () {return unmount(keyRef.current);};
+  }, []);
+
+  React.useEffect(function () {
+    update(keyRef.current, children);
+  }, [children]);
+
+  return null;
+}

package/dist/components/helpers/PortalHandler.js

@@ -1 +1,32 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/helpers/PortalHandler.js";import React from'react';import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var PortalContext=React.createContext(null);export var usePortal=function usePortal(){return React.useContext(PortalContext)||{};};export function PortalHandler(_ref){var _this=this;var children=_ref.children;var _React$useState=React.useState([]),_React$useState2=_slicedToArray(_React$useState,2),portals=_React$useState2[0],setPortals=_React$useState2[1];var mount=React.useCallback(function(key,element){setPortals(function(prev){return[].concat(_toConsumableArray(prev),[{key:key,element:element}]);});},[]);var update=React.useCallback(function(key,element){setPortals(function(prev){return prev.map(function(p){return p.key===key?Object.assign({},p,{element:element}):p;});});},[]);var unmount=React.useCallback(function(key){setPortals(function(prev){return prev.filter(function(p){return p.key!==key;});});},[]);var value=React.useMemo(function(){return{mount:mount,update:update,unmount:unmount};},[mount,update,unmount]);return _jsxs(PortalContext.Provider,{value:value,children:[children,portals.map(function(p){return _jsx(React.Fragment,{children:p.element},p.key);})]});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/helpers/PortalHandler.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 _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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+var PortalContext = React.createContext(null);
+
+export var usePortal = function usePortal() {return React.useContext(PortalContext) || {};};
+
+export function PortalHandler(_ref) {var _this = this;var children = _ref.children;
+  var _React$useState = React.useState([]),_React$useState2 = _slicedToArray(_React$useState, 2),portals = _React$useState2[0],setPortals = _React$useState2[1];
+
+  var mount = React.useCallback(function (key, element) {
+    setPortals(function (prev) {return [].concat(_toConsumableArray(prev), [{ key: key, element: element }]);});
+  }, []);
+
+  var update = React.useCallback(function (key, element) {
+    setPortals(function (prev) {return prev.map(function (p) {return p.key === key ? Object.assign({}, p, { element: element }) : p;});});
+  }, []);
+
+  var unmount = React.useCallback(function (key) {
+    setPortals(function (prev) {return prev.filter(function (p) {return p.key !== key;});});
+  }, []);
+
+  var value = React.useMemo(function () {return { mount: mount, update: update, unmount: unmount };}, [mount, update, unmount]);
+
+  return (
+    _jsxs(PortalContext.Provider, { value: value, children: [
+      children,
+      portals.map(function (p) {return (
+          _jsx(React.Fragment, { children: p.element }, p.key));}
+      )] }
+    ));
+
+}

package/dist/components/helpers/Responsive.js

@@ -1 +1,18 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["children"],_excluded2=["children"];import{useResponsiveValue}from"../../responsive/responsiveHooks";export function ResponsiveRender(props){var value=useResponsiveValue(props)||props.df;return typeof value==='function'?value():value;}export function HideOn(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);var hide=useResponsiveValue(props);if(!!hide)return false;return children;}export function ShowOn(_ref2){var children=_ref2.children,props=_objectWithoutProperties(_ref2,_excluded2);var show=useResponsiveValue(props);if(!show)return false;return children;}
+var _excluded = ["children"],_excluded2 = ["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 { useResponsiveValue } from "../../responsive/responsiveHooks";
+
+export function ResponsiveRender(props) {
+  var value = useResponsiveValue(props) || props.df;
+  return typeof value === 'function' ? value() : value;
+}
+
+export function HideOn(_ref) {var children = _ref.children,props = _objectWithoutProperties(_ref, _excluded);
+  var hide = useResponsiveValue(props);
+  if (!!hide) return false;
+  return children;
+}
+
+export function ShowOn(_ref2) {var children = _ref2.children,props = _objectWithoutProperties(_ref2, _excluded2);
+  var show = useResponsiveValue(props);
+  if (!show) return false;
+  return children;
+}

package/dist/components/helpers/Separator.js

@@ -1 +1,49 @@
-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/helpers/Separator.js";var _excluded=["line","lineProps"];import{pipe,is}from'ramda';import{AbsView}from"../../abstractions/View";import{View}from"../structure/View";import{useColorConverter}from"../../modifiers/colorConverter";import{useDefaultModifier}from"../../modifiers/default";import{useFlexModifier}from"../../modifiers/flex";import{useFlexWrapperModifier}from"../../modifiers/flexWrapper";import{useMarginModifier}from"../../modifiers/margin";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),_ref2$=_ref2[0],size=_ref2$.size,sizeCode=_ref2$.sizeCode,line=_ref2[1].line;return{height:!!line?2*size:size,br:sizeCode,center:true,fullW:true};};export function Separator(rootProps){var _pipe=pipe(useColorConverter('divider'),useSizeConverter('spaces','md'),useThemeComponentModifier('Separator'),useDefaultModifier(DEFAULT_PROPS),useSizeModifier,useMarginModifier,useFlexModifier,useFlexWrapperModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),color=_pipe2[0].color,formattedProps=_pipe2[1];var line=formattedProps.line,lineProps=formattedProps.lineProps,props=_objectWithoutProperties(formattedProps,_excluded);var lineHeight=is(Number,line)?line:1;return _jsx(AbsView,Object.assign({className:"neko-separator"},props,{children:!!line&&_jsx(View,Object.assign({bg:color,br:lineHeight,height:lineHeight,fullW:true,className:"neko-separator-line"},lineProps))}));}export var Divider=Separator;
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/helpers/Separator.js";var _excluded = ["line", "vertical", "lineProps"];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, is } from 'ramda';
+
+import { AbsView } from "../../abstractions/View";
+import { View } from "../structure/View";
+import { useColorConverter } from "../../modifiers/colorConverter";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useFlexModifier } from "../../modifiers/flex";
+import { useFlexWrapperModifier } from "../../modifiers/flexWrapper";
+import { useMarginModifier } from "../../modifiers/margin";
+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),_ref2$ = _ref2[0],size = _ref2$.size,sizeCode = _ref2$.sizeCode,_ref2$2 = _ref2[1],line = _ref2$2.line,vertical = _ref2$2.vertical;
+  var lineSize = is(Number, line) ? line : 1;
+  return Object.assign({},
+  vertical ?
+  { width: !!line ? 2 * size : size, fullH: true, row: true } :
+  { height: !!line ? 2 * size : size, fullW: true }, {
+    br: sizeCode,
+    center: true,
+    lineProps: vertical ?
+    { width: lineSize, fullH: true, br: lineSize } :
+    { height: lineSize, fullW: true, br: lineSize } });
+
+};
+
+export function Separator(rootProps) {
+  var _pipe = pipe(
+      useColorConverter('divider'),
+      useSizeConverter('spaces', 'md'),
+      useThemeComponentModifier('Separator'),
+      useDefaultModifier(DEFAULT_PROPS),
+      useSizeModifier,
+      useMarginModifier,
+      useFlexModifier,
+      useFlexWrapperModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),color = _pipe2[0].color,formattedProps = _pipe2[1];
+
+  var line = formattedProps.line,vertical = formattedProps.vertical,lineProps = formattedProps.lineProps,props = _objectWithoutProperties(formattedProps, _excluded);
+
+  return (
+    _jsx(AbsView, Object.assign({ className: "neko-separator" }, props, { children:
+      !!line && _jsx(View, Object.assign({ bg: color, className: "neko-separator-line" }, lineProps)) })
+    ));
+
+}
+
+export var Divider = Separator;

package/dist/components/helpers/VerticalView.js

@@ -1 +1,34 @@
-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/helpers/VerticalView.js";var _excluded=["children","invert"];import React from'react';import{View}from"../structure/View";import{formatTransform}from"../../abstractions/helpers/transformStyle";import{getElementSize}from"../../abstractions/helpers/componentSize";import{jsx as _jsx}from"react/jsx-runtime";export function VerticalView(_ref){var children=_ref.children,invert=_ref.invert,props=_objectWithoutProperties(_ref,_excluded);var wrapperRef=React.useRef(null);var _React$useState=React.useState({}),_React$useState2=_slicedToArray(_React$useState,2),size=_React$useState2[0],setSize=_React$useState2[1];React.useLayoutEffect(function(){getElementSize(wrapperRef,setSize);},[]);var height=size.height,width=size.width;return _jsx(View,Object.assign({width:"100%",height:"100%"},props,{relative:true,ref:wrapperRef,children:_jsx(View,{style:{position:'absolute',width:height,height:width,transform:formatTransform([{rotate:!!invert?'90deg':'-90deg'}]),left:width/2-height/2,top:'50%',marginTop:-width/2},children:children})}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/helpers/VerticalView.js";var _excluded = ["children", "invert"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import React from 'react';
+
+import { View } from "../structure/View";
+import { formatTransform } from "../../abstractions/helpers/transformStyle";
+import { getElementSize } from "../../abstractions/helpers/componentSize";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function VerticalView(_ref) {var children = _ref.children,invert = _ref.invert,props = _objectWithoutProperties(_ref, _excluded);
+  var wrapperRef = React.useRef(null);
+  var _React$useState = React.useState({}),_React$useState2 = _slicedToArray(_React$useState, 2),size = _React$useState2[0],setSize = _React$useState2[1];
+
+  React.useLayoutEffect(function () {
+    getElementSize(wrapperRef, setSize);
+  }, []);
+
+  var height = size.height,width = size.width;
+
+  return (
+    _jsx(View, Object.assign({ width: "100%", height: "100%" }, props, { relative: true, ref: wrapperRef, children:
+      _jsx(View, {
+        style: {
+          position: 'absolute',
+          width: height,
+          height: width,
+          transform: formatTransform([{ rotate: !!invert ? '90deg' : '-90deg' }]),
+          left: width / 2 - height / 2,
+          top: '50%',
+          marginTop: -width / 2
+        }, children:
+
+        children }
+      ) })
+    ));
+
+}

package/dist/components/helpers/index.js

@@ -1 +1,8 @@
-export*from"./Separator";export*from"./Responsive";export*from"./VerticalView";export*from"./PortalHandler";export*from"./Portal";export*from"./LazyRender";export*from"./ConditionalLazyRender";
+export * from "./Separator";
+export * from "./Responsive";
+export * from "./VerticalView";
+export * from "./PortalHandler";
+export * from "./Portal";
+export * from "./LazyAction";
+export * from "./LazyRender";
+export * from "./ConditionalLazyRender";

package/dist/components/index.js

@@ -1 +1,20 @@
-export*from"./actions";export*from"./animations";export*from"./form";export*from"./presentation";export*from"./structure";export*from"./modals";export*from"./text";export*from"./helpers";export*from"./inputs";export*from"./state";export*from"./layout";export*from"./table";export*from"./feedback";export*from"./calendar";export*from"./list";export*from"./tabs";export*from"./theme";export*from"./sections";
+export * from "./actions";
+export * from "./animations";
+export * from "./form";
+export * from "./presentation";
+export * from "./structure";
+export * from "./modals";
+export * from "./text";
+export * from "./helpers";
+export * from "./inputs";
+export * from "./state";
+export * from "./layout";
+export * from "./table";
+export * from "./feedback";
+export * from "./calendar";
+export * from "./list";
+export * from "./tabs";
+export * from "./theme";
+export * from "./sections";
+export * from "./filter";
+export * from "./steps";

package/dist/components/inputs/BooleanSelect.js

@@ -0,0 +1,14 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/BooleanSelect.js";var _excluded = ["trueLabel", "falseLabel", "placeholder"];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 { Select } from "./Select";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function BooleanSelect(_ref) {var _ref$trueLabel = _ref.trueLabel,trueLabel = _ref$trueLabel === void 0 ? 'True' : _ref$trueLabel,_ref$falseLabel = _ref.falseLabel,falseLabel = _ref$falseLabel === void 0 ? 'False' : _ref$falseLabel,placeholder = _ref.placeholder,props = _objectWithoutProperties(_ref, _excluded);
+  return (
+    _jsx(Select, Object.assign({
+      placeholder: placeholder,
+      options: [
+      { label: trueLabel, value: true },
+      { label: falseLabel, value: false }] },
+
+    props)
+    ));
+
+}

package/dist/components/inputs/Checkbox.js

@@ -1 +1,56 @@
-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/inputs/Checkbox.js";var _excluded=["value","onChange","disabled","initialValue"],_excluded2=["checkboxProps"],_excluded3=["option","selected","onChange","labelKey"];import{pipe}from'ramda';import React from'react';import{AbsHiddenInput}from"../../abstractions/HiddenInput";import{ContentLabel}from"../presentation/ContentLabel";import{Link}from"../actions/Link";import{Picker}from"./Picker";import{View}from"../structure/View";import{useColorConverter}from"../../modifiers/colorConverter";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function Checkbox(_ref){var value=_ref.value,onChange=_ref.onChange,disabled=_ref.disabled,initialValue=_ref.initialValue,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useColorConverter('primary'),useSizeConverter('elementHeights','md'),useThemeComponentModifier('Checkbox'))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],size=_pipe2$.size,sizeCode=_pipe2$.sizeCode,color=_pipe2$.color,props=_pipe2[1];var _React$useState=React.useState(initialValue),_React$useState2=_slicedToArray(_React$useState,2),localValue=_React$useState2[0],setLocalValue=_React$useState2[1];value=value===undefined?localValue:value;var toggle=function toggle(){if(!!disabled)return;setLocalValue(!value);onChange==null?void 0:onChange(!value);};return _jsxs(Link,{onPress:toggle,className:"neko-checkbox",disabled:disabled,children:[_jsx(AbsHiddenInput,{checked:value,onChange:toggle,type:"checkbox",disabled:disabled}),_jsx(ContentLabel,Object.assign({size:sizeCode,gap:8,content:_jsx(View,{height:size*0.65,ratio:1,border:2,padding:2,borderColor:color,br:3,center:true,children:!!value&&_jsx(View,{bg:color,br:2,flex:true,fullW:true,fullH:true})})},props))]});}export function CheckboxGroup(_ref2){var _this=this;var checkboxProps=_ref2.checkboxProps,props=_objectWithoutProperties(_ref2,_excluded2);return _jsx(Picker,Object.assign({},props,{multiple:true,renderOption:function renderOption(_ref3){var option=_ref3.option,selected=_ref3.selected,onChange=_ref3.onChange,labelKey=_ref3.labelKey,props=_objectWithoutProperties(_ref3,_excluded3);return _jsx(Checkbox,Object.assign({label:option[labelKey],value:selected,onChange:onChange},props,checkboxProps));}}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/Checkbox.js";var _excluded = ["value", "onChange", "disabled", "initialValue"],_excluded2 = ["checkboxProps"],_excluded3 = ["option", "selected", "onChange", "labelKey"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { pipe } from 'ramda';
+import React from 'react';
+
+import { AbsHiddenInput } from "../../abstractions/HiddenInput";
+import { ContentLabel } from "../presentation/ContentLabel";
+import { Link } from "../actions/Link";
+import { Picker } from "./Picker";
+import { View } from "../structure/View";
+import { useColorConverter } from "../../modifiers/colorConverter";
+import { useSizeConverter } from "../../modifiers/sizeConverter";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+export function Checkbox(_ref) {var value = _ref.value,onChange = _ref.onChange,disabled = _ref.disabled,initialValue = _ref.initialValue,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useColorConverter('primary'),
+      useSizeConverter('elementHeights', 'md'),
+      useThemeComponentModifier('Checkbox')
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_pipe2$ = _pipe2[0],size = _pipe2$.size,sizeCode = _pipe2$.sizeCode,color = _pipe2$.color,props = _pipe2[1];
+
+  var _React$useState = React.useState(initialValue),_React$useState2 = _slicedToArray(_React$useState, 2),localValue = _React$useState2[0],setLocalValue = _React$useState2[1];
+  value = value === undefined ? localValue : value;
+
+  var toggle = function toggle() {
+    if (!!disabled) return;
+    setLocalValue(!value);
+    onChange == null ? void 0 : onChange(!value);
+  };
+
+  return (
+    _jsxs(Link, { onPress: toggle, className: "neko-checkbox", disabled: disabled, children: [
+      _jsx(AbsHiddenInput, { checked: value, onChange: toggle, type: "checkbox", disabled: disabled }),
+      _jsx(ContentLabel, Object.assign({
+        size: sizeCode,
+        gap: 8,
+        content:
+        _jsx(View, { height: size * 0.65, ratio: 1, border: 2, padding: 2, borderColor: color, br: 3, center: true, children:
+          !!value && _jsx(View, { bg: color, br: 2, flex: true, fullW: true, fullH: true }) }
+        ) },
+
+      props)
+      )] }
+    ));
+
+}
+
+export function CheckboxGroup(_ref2) {var _this = this;var checkboxProps = _ref2.checkboxProps,props = _objectWithoutProperties(_ref2, _excluded2);
+  return (
+    _jsx(Picker, Object.assign({},
+    props, {
+      multiple: true,
+      renderOption: function renderOption(_ref3) {var option = _ref3.option,selected = _ref3.selected,onChange = _ref3.onChange,labelKey = _ref3.labelKey,props = _objectWithoutProperties(_ref3, _excluded3);return (
+          _jsx(Checkbox, Object.assign({ label: option[labelKey], value: selected, onChange: onChange }, props, checkboxProps)));} })
+
+    ));
+
+}

package/dist/components/inputs/DateInput.js

@@ -1 +1,123 @@
-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/inputs/DateInput.js";var _excluded=["ref"],_excluded2=["value","onChange","min","max","onCheckDisabled","placement","type","format","useBottomDrawer"];import React from'react';import advancedFormat from'dayjs/esm/plugin/advancedFormat';import dayjs from'dayjs';import weekOfYear from'dayjs/esm/plugin/weekOfYear';import{LinkInput}from"./LinkInput";import{View}from"../structure/View";import{useResponsiveValue}from"../../responsive";dayjs.extend(advancedFormat);dayjs.extend(weekOfYear);import{DatePicker}from"./datePicker/DatePicker";import{MaskInput}from"./MaskInput";import{Popover}from"../structure/popover/Popover";import{isValidDate}from"../calendar/_helpers/dateDisabled";import{jsx as _jsx}from"react/jsx-runtime";export function getDateInputDefaultFormat(type){switch(type){case'year':return'YYYY';case'quarter':return'YYYY-Q';case'month':return'YYYY-MM';case'week':return'YYYY-ww';default:return'YYYY-MM-DD';}}function FullWidthInputWrapper(_ref){var ref=_ref.ref,props=_objectWithoutProperties(_ref,_excluded);return _jsx(View,{fullW:true,ref:ref,children:_jsx(MaskInput,Object.assign({},props))});}export function DateInput(_ref2){var _value,_this=this;var value=_ref2.value,onChange=_ref2.onChange,min=_ref2.min,max=_ref2.max,onCheckDisabled=_ref2.onCheckDisabled,placement=_ref2.placement,_ref2$type=_ref2.type,type=_ref2$type===void 0?'day':_ref2$type,format=_ref2.format,_ref2$useBottomDrawer=_ref2.useBottomDrawer,useBottomDrawer=_ref2$useBottomDrawer===void 0?{native:true,sm:true,md:true}:_ref2$useBottomDrawer,props=_objectWithoutProperties(_ref2,_excluded2);useBottomDrawer=useResponsiveValue(useBottomDrawer);format=format||getDateInputDefaultFormat(type);if(value==='')value=undefined;var _React$useState=React.useState(''),_React$useState2=_slicedToArray(_React$useState,2),inputValue=_React$useState2[0],setInputValue=_React$useState2[1];var _React$useState3=React.useState(value),_React$useState4=_slicedToArray(_React$useState3,2),localValue=_React$useState4[0],setLocalValue=_React$useState4[1];value=value||localValue;var validations={min:min,max:max,onCheckDisabled:onCheckDisabled};var handleChange=function handleChange(v){if(!isValidDate(v,format,validations))return;v=!!v?dayjs(v):null;setLocalValue(v);onChange==null?void 0:onChange(v);};var handleChangeInput=function handleChangeInput(v){setInputValue(v);if(!isValidDate(v,format,validations))return;handleChange(v);};var onBlur=function onBlur(){if(isValidDate(inputValue,format,validations))return;handleChange(null);setInputValue('');};React.useEffect(function(){setInputValue(!!value?dayjs(value).format(format):'');},[value]);var Input=useBottomDrawer?LinkInput:FullWidthInputWrapper;return _jsx(Popover,{trigger:"click",placement:placement||'bottomLeft',snapPoints:[350],useBottomDrawer:useBottomDrawer,bottomDrawerProps:{contentProps:{padding:'md'}},watch:[(_value=value)==null?void 0:_value.format==null?void 0:_value.format('YYYYMMDD')],renderContent:function renderContent(_ref3){var onClose=_ref3.onClose;return _jsx(View,{flex:true,centerH:true,children:_jsx(DatePicker,Object.assign({value:value,onChange:function onChange(v){handleChange(v);onClose();}},validations,{type:type}))});},children:_jsx(Input,Object.assign({value:inputValue,onChange:handleChangeInput,suffixIcon:"calendar-line",suffixIconColor:"text4",onBlur:onBlur,mask:format.replace(/[DMYQwW]/gi,'9')},props))});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/DateInput.js";var _excluded = ["ref"],_excluded2 = ["value", "onChange", "min", "max", "onCheckDisabled", "placement", "type", "format", "startsOpen", "useBottomDrawer"];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 advancedFormat from 'dayjs/esm/plugin/advancedFormat';
+import dayjs from 'dayjs';
+import weekOfYear from 'dayjs/esm/plugin/weekOfYear';
+
+import { LinkInput } from "./LinkInput";
+import { View } from "../structure/View";
+import { useResponsiveValue } from "../../responsive";
+
+dayjs.extend(advancedFormat);
+dayjs.extend(weekOfYear);
+
+import { DatePicker } from "./datePicker/DatePicker";
+import { MaskInput } from "./MaskInput";
+import { Popover } from "../structure/popover/Popover";
+import { isValidDate } from "../calendar/_helpers/dateDisabled";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function getDateInputDefaultFormat(type) {
+  switch (type) {
+    case 'year':
+      return 'YYYY';
+    case 'quarter':
+      return 'YYYY-Q';
+    case 'month':
+      return 'YYYY-MM';
+    case 'week':
+      return 'YYYY-ww';
+    default:
+      return 'YYYY-MM-DD';
+  }
+}
+
+function FullWidthInputWrapper(_ref) {var ref = _ref.ref,props = _objectWithoutProperties(_ref, _excluded);
+  return (
+    _jsx(View, { fullW: true, ref: ref, children:
+      _jsx(MaskInput, Object.assign({}, props)) }
+    ));
+
+}
+
+export function DateInput(_ref2)
+
+
+
+
+
+
+
+
+
+
+
+{var _value,_this = this;var value = _ref2.value,onChange = _ref2.onChange,min = _ref2.min,max = _ref2.max,onCheckDisabled = _ref2.onCheckDisabled,placement = _ref2.placement,_ref2$type = _ref2.type,type = _ref2$type === void 0 ? 'day' : _ref2$type,format = _ref2.format,startsOpen = _ref2.startsOpen,_ref2$useBottomDrawer = _ref2.useBottomDrawer,useBottomDrawer = _ref2$useBottomDrawer === void 0 ? { native: true, sm: true, md: true } : _ref2$useBottomDrawer,props = _objectWithoutProperties(_ref2, _excluded2);
+  useBottomDrawer = useResponsiveValue(useBottomDrawer);
+  format = format || getDateInputDefaultFormat(type);
+  if (value === '') value = undefined;
+  var _React$useState = React.useState(''),_React$useState2 = _slicedToArray(_React$useState, 2),inputValue = _React$useState2[0],setInputValue = _React$useState2[1];
+  var _React$useState3 = React.useState(value),_React$useState4 = _slicedToArray(_React$useState3, 2),localValue = _React$useState4[0],setLocalValue = _React$useState4[1];
+
+  value = value || localValue;
+
+  var validations = { min: min, max: max, onCheckDisabled: onCheckDisabled };
+
+  var handleChange = function handleChange(v) {
+    if (!isValidDate(v, format, validations)) return;
+    v = !!v ? dayjs(v) : null;
+    setLocalValue(v);
+    onChange == null ? void 0 : onChange(v);
+  };
+
+  var handleChangeInput = function handleChangeInput(v) {
+    setInputValue(v);
+    if (!isValidDate(v, format, validations)) return;
+    handleChange(v);
+  };
+
+  var onBlur = function onBlur() {
+    if (isValidDate(inputValue, format, validations)) return;
+    handleChange(null);
+    setInputValue('');
+  };
+
+  React.useEffect(function () {
+    setInputValue(!!value ? dayjs(value).format(format) : '');
+  }, [value]);
+
+  var Input = useBottomDrawer ? LinkInput : FullWidthInputWrapper;
+
+  return (
+    _jsx(Popover, {
+      trigger: "click",
+      startsOpen: startsOpen,
+      placement: placement || 'bottomLeft',
+      snapPoints: [350],
+      useBottomDrawer: useBottomDrawer,
+      bottomDrawerProps: { contentProps: { padding: 'md' } },
+      watch: [(_value = value) == null ? void 0 : _value.format == null ? void 0 : _value.format('YYYYMMDD')],
+      renderContent: function renderContent(_ref3) {var onClose = _ref3.onClose;return (
+          _jsx(View, { flex: true, centerH: true, onMouseDown: function onMouseDown(e) {return e.preventDefault();}, children:
+            _jsx(DatePicker, Object.assign({
+              value: value,
+              onChange: function onChange(v) {
+                handleChange(v);
+                onClose();
+              } },
+            validations, {
+              type: type })
+            ) }
+          ));}, children:
+
+
+      _jsx(Input, Object.assign({
+        value: inputValue,
+        onChange: handleChangeInput,
+        suffixIcon: "calendar-line",
+        suffixIconColor: "text4",
+        onBlur: onBlur,
+        mask: format.replace(/[DMYQwW]/gi, '9') },
+      props)
+      ) }
+    ));
+
+}