@neko-os/ui 0.5.4 → 0.6.1

package/dist/NekoUI.js

@@ -1,6 +1,7 @@
-var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/NekoUI.js";var _excluded = ["children", "i18n"];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 { initFirstDayOfWeek } from "./helpers/weekStartSetup";
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/NekoUI.js";var _excluded = ["children", "i18n", "measurementSystem"];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 { initFirstDayOfWeek } from "./helpers/weekStartSetup";
 import { DynamicStyleTag } from "./DynamicStyleTag";
 import { I18nProvider } from "./i18n";
+import { MeasurementHandler } from "./components/measurements/MeasurementHandler";
 import { ModalsHandler } from "./components/modals/modal/handler/ModalsHandler";
 import { NotificationsHandler } from "./components/feedback/notifications/NotificationsHandler";
 import { OverlayHandler } from "./components/structure/overlay/OverlayHandler";
@@ -12,18 +13,20 @@ import { useThemeHandler } from "./theme";import { jsx as _jsx, jsxs as _jsxs }
 
 initFirstDayOfWeek();
 
-export function NekoUI(_ref) {var children = _ref.children,i18n = _ref.i18n,props = _objectWithoutProperties(_ref, _excluded);
+export function NekoUI(_ref) {var children = _ref.children,i18n = _ref.i18n,measurementSystem = _ref.measurementSystem,props = _objectWithoutProperties(_ref, _excluded);
   return (
     _jsxs(ThemeHandler, Object.assign({}, props, { children: [
       _jsx(DynamicStyleTag, {}),
       _jsx(ResponsiveHandler, { children:
-        _jsx(PortalHandler, { children:
-          _jsx(ModalsHandler, { children:
-            _jsx(I18nProvider, { i18n: i18n, children:
-              _jsx(NotificationsHandler, { children:
-                _jsxs(OverlayHandler, { children: [
-                  children,
-                  _jsx(FixedComponents, {})] }
+        _jsx(MeasurementHandler, { measurementSystem: measurementSystem, children:
+          _jsx(PortalHandler, { children:
+            _jsx(ModalsHandler, { children:
+              _jsx(I18nProvider, { i18n: i18n, children:
+                _jsx(NotificationsHandler, { children:
+                  _jsxs(OverlayHandler, { children: [
+                    children,
+                    _jsx(FixedComponents, {})] }
+                  ) }
                 ) }
               ) }
             ) }

package/dist/abstractions/WindowOverlay.js

@@ -0,0 +1,3 @@
+export function AbsWindowOverlay(_ref) {var children = _ref.children;
+  return children;
+}

package/dist/abstractions/WindowOverlay.native.js

@@ -0,0 +1,21 @@
+var _this = this,_jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/WindowOverlay.native.js";import { Platform } from "react-native-web";import { jsx as _jsx } from "react/jsx-runtime";
+
+var AbsWindowOverlay = function AbsWindowOverlay(_ref) {var children = _ref.children;return children;};
+
+
+
+
+
+
+if (Platform.OS === 'ios') {
+  try {
+    var _ref2 = require('react-native-screens') || {},FullWindowOverlay = _ref2.FullWindowOverlay;
+    if (FullWindowOverlay) {
+      AbsWindowOverlay = function AbsWindowOverlay(_ref3) {var children = _ref3.children;return _jsx(FullWindowOverlay, { children: children });};
+    }
+  } catch (_unused) {
+    console.warn('react-native-screens not installed. Notifications may render behind native iOS modals.');
+  }
+}
+
+export { AbsWindowOverlay };

package/dist/abstractions/helpers/storage.js

@@ -3,7 +3,7 @@ function set(key, value) {
 }
 
 function setAsync(key, value) {
-  return Promise.resulve(set(key, value));
+  return Promise.resolve(set(key, value));
 }
 
 function get(key) {
@@ -11,7 +11,7 @@ function get(key) {
 }
 
 function getAsync(key) {
-  return Promise.resulve(get(key));
+  return Promise.resolve(get(key));
 }
 
 function remove(key) {
@@ -19,7 +19,15 @@ function remove(key) {
 }
 
 function removeAsync(key) {
-  return Promise.resulve(remove(key));
+  return Promise.resolve(remove(key));
+}
+
+function clear() {
+  return localStorage.clear();
+}
+
+function clearAsync() {
+  return Promise.resolve(clear());
 }
 
 export var AbsStorage = {
@@ -28,5 +36,7 @@ export var AbsStorage = {
   get: get,
   getAsync: getAsync,
   remove: remove,
-  removeAsync: removeAsync
+  removeAsync: removeAsync,
+  clear: clear,
+  clearAsync: clearAsync
 };

package/dist/abstractions/helpers/storage.native.js

@@ -7,6 +7,9 @@ var getAsync = function getAsync() {return Promise.resolve(get());};
 var remove = function remove() {return console.warn('expo-sqlite not installed. Neko Storage needs expo-sqlite to work properly');};
 var removeAsync = function removeAsync() {return Promise.resolve(remove());};
 
+var clear = function clear() {return console.warn('expo-sqlite not installed. Neko Storage needs expo-sqlite to work properly');};
+var clearAsync = function clearAsync() {return Promise.resolve(clear());};
+
 try {
   var StorageModule = require('expo-sqlite/kv-store');
   if (StorageModule != null && StorageModule.default) {
@@ -19,6 +22,9 @@ try {
 
     remove = Storage.removeItemSync.bind(Storage);
     removeAsync = Storage.removeItem.bind(Storage);
+
+    clear = Storage.clearSync.bind(Storage);
+    clearAsync = Storage.clearAsync.bind(Storage);
   }
 } catch (e) {
   console.log('expo-sqlite not available:', e);
@@ -30,5 +36,7 @@ export var AbsStorage = {
   get: get,
   getAsync: getAsync,
   remove: remove,
-  removeAsync: removeAsync
+  removeAsync: removeAsync,
+  clear: clear,
+  clearAsync: clearAsync
 };

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

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

package/dist/components/index.js

@@ -19,4 +19,6 @@ export * from "./theme";
 export * from "./sections";
 export * from "./filter";
 export * from "./steps";
-export * from "./carousel";
+export * from "./routing";
+export * from "./carousel";
+export * from "./measurements";

package/dist/components/inputs/DateInput.js

@@ -1,4 +1,4 @@
-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", "allowClear", "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';
+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", "presentation", "format", "startsOpen", "allowClear", "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';
@@ -11,6 +11,7 @@ dayjs.extend(advancedFormat);
 dayjs.extend(weekOfYear);
 
 import { DatePicker } from "./datePicker/DatePicker";
+import { DateWheelPicker } from "./dateWheelPicker/DateWheelPicker";
 import { MaskInput } from "./MaskInput";
 import { Popover } from "../structure/popover/Popover";
 import { isValidDate } from "../calendar/_helpers/dateDisabled";import { jsx as _jsx } from "react/jsx-runtime";
@@ -51,7 +52,8 @@ 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,allowClear = _ref2.allowClear,_ref2$useBottomDrawer = _ref2.useBottomDrawer,useBottomDrawer = _ref2$useBottomDrawer === void 0 ? { native: true, sm: true, md: true } : _ref2$useBottomDrawer,props = _objectWithoutProperties(_ref2, _excluded2);
+
+{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,_ref2$presentation = _ref2.presentation,presentation = _ref2$presentation === void 0 ? 'calendar' : _ref2$presentation,format = _ref2.format,startsOpen = _ref2.startsOpen,allowClear = _ref2.allowClear,_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;
@@ -85,26 +87,28 @@ export function DateInput(_ref2)
     setInputValue(!!value ? dayjs(value).format(format) : '');
   }, [value]);
 
+  var isWheel = presentation === 'wheel';
   var Input = useBottomDrawer ? LinkInput : FullWidthInputWrapper;
+  var Picker = isWheel ? DateWheelPicker : DatePicker;
 
   return (
     _jsx(Popover, {
       trigger: "click",
       startsOpen: startsOpen,
       placement: placement || 'bottomLeft',
-      snapPoints: [450],
+      snapPoints: [isWheel ? 275 : 450],
       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({
+            _jsx(Picker, Object.assign({
               value: value,
               onChange: function onChange(v) {
                 handleChange(v);
-                onClose();
+                if (!isWheel) onClose();
               },
-              width: useBottomDrawer ? '100%' : 275,
+              width: !isWheel && (useBottomDrawer ? '100%' : 275),
               allowClear: allowClear },
             validations, {
               type: type })

package/dist/components/inputs/InputWrapper.js

@@ -13,10 +13,9 @@ var DEFAULT_PROPS = function DEFAULT_PROPS(_ref) {var _ref2 = _slicedToArray(_re
     paddingH: 'sm',
     bg: 'overlayBG',
     border: true,
-    br: 'md',
+    br: sizeCode,
     row: true,
-    gap: 'sm',
-    br: sizeCode
+    gap: 'sm'
   };};
 
 export function InputWrapper(_ref3)

package/dist/components/inputs/NumberWheelInput.js

@@ -0,0 +1,50 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/NumberWheelInput.js";var _excluded = ["value", "onChange", "min", "max", "step", "decimalStep", "useInt", "precision", "suffix"];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 { BottomDrawer } from "../modals/bottomDrawer";
+import { LinkInput } from "./LinkInput";
+import { NumberWheelPicker } from "./NumberWheelPicker";
+import { View } from "../structure/View";import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+
+export function NumberWheelInput(_ref)
+
+
+
+
+
+
+
+
+
+
+{var _value;var value = _ref.value,onChange = _ref.onChange,min = _ref.min,max = _ref.max,step = _ref.step,decimalStep = _ref.decimalStep,useInt = _ref.useInt,precision = _ref.precision,suffix = _ref.suffix,props = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState(false),_React$useState2 = _slicedToArray(_React$useState, 2),open = _React$useState2[0],setOpen = _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 = value) != null ? _value : localValue;
+
+  var handleChange = function handleChange(v) {
+    setLocalValue(v);
+    onChange == null ? void 0 : onChange(v);
+  };
+
+  var displayValue = value != null ? `${value}${suffix ? ` ${suffix}` : ''}` : '';
+
+  return (
+    _jsxs(_Fragment, { children: [
+      _jsx(LinkInput, Object.assign({ value: displayValue, onPress: function onPress() {return setOpen(true);} }, props)),
+      _jsx(BottomDrawer, { open: open, onClose: function onClose() {return setOpen(false);}, snapPoints: [275], contentProps: { padding: 'md' }, children:
+        _jsx(View, { flex: true, centerH: true, children:
+          _jsx(NumberWheelPicker, {
+            value: value,
+            onChange: handleChange,
+            min: min,
+            max: max,
+            step: step,
+            decimalStep: decimalStep,
+            useInt: useInt,
+            precision: precision }
+          ) }
+        ) }
+      )] }
+    ));
+
+}

package/dist/components/inputs/NumberWheelPicker.js

@@ -0,0 +1,43 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/NumberWheelPicker.js";import { Text } from "../text";
+import { View } from "../structure";
+import { WheelPicker } from "./WheelPicker";import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+
+export function NumberWheelPicker(_ref) {var value = _ref.value,onChange = _ref.onChange,_ref$min = _ref.min,min = _ref$min === void 0 ? 0 : _ref$min,_ref$max = _ref.max,max = _ref$max === void 0 ? 100 : _ref$max,_ref$step = _ref.step,step = _ref$step === void 0 ? 1 : _ref$step,_ref$decimalStep = _ref.decimalStep,decimalStep = _ref$decimalStep === void 0 ? 1 : _ref$decimalStep,useInt = _ref.useInt,_ref$precision = _ref.precision,precision = _ref$precision === void 0 ? 2 : _ref$precision;
+  if (useInt) precision = 0;
+
+  var intValue = value != null ? Math.trunc(value) : min;
+  var decFactor = Math.pow(10, precision);
+  var decValue = value != null ? Math.round((Math.abs(value) - Math.abs(intValue)) * decFactor) : 0;
+
+  var handleIntChange = function handleIntChange(v) {
+    onChange == null ? void 0 : onChange(precision === 0 ? v : v + decValue / decFactor);
+  };
+
+  var handleDecChange = function handleDecChange(v) {
+    onChange == null ? void 0 : onChange(intValue + v / decFactor);
+  };
+
+  return (
+    _jsxs(View, { row: true, gap: "xs", centerV: true, children: [
+      _jsx(View, { flex: true, children:
+        _jsx(WheelPicker, { range: [min, max], step: step, value: intValue, onChange: handleIntChange }) }
+      ),
+      precision > 0 &&
+      _jsxs(_Fragment, { children: [
+        _jsx(Text, { h3: true, strong: true, children: "." }
+
+        ),
+        _jsx(View, { flex: true, children:
+          _jsx(WheelPicker, {
+            range: [0, decFactor - 1],
+            step: decimalStep,
+            value: decValue,
+            onChange: handleDecChange,
+            formatLabel: function formatLabel(v) {return String(v).padStart(precision, '0');} }
+          ) }
+        )] }
+      )] }
+
+    ));
+
+}

package/dist/components/inputs/UploadInput.js

@@ -110,8 +110,8 @@ function Content(_ref6) {var _this = this;var value = _ref6.value,open = _ref6.o
   if (grid) {
     return (
       _jsxs(View, { row: true, wrap: true, gap: "sm", children: [
-        items.map(function (item) {return (
-            _jsx(GridItem, { value: item, remove: remove }, item._id));}
+        items.map(function (item) {var _item$_id;return (
+            _jsx(GridItem, { value: item, remove: remove }, (_item$_id = item._id) != null ? _item$_id : item.id));}
         ),
         showAdd && _jsx(AddTile, { onPress: open, isDragging: isDragging })] }
       ));
@@ -128,8 +128,8 @@ function Content(_ref6) {var _this = this;var value = _ref6.value,open = _ref6.o
   return (
     _jsxs(View, { gap: "xs", children: [
       showAdd && link,
-      items.map(function (item) {return (
-          _jsx(ListItem, { value: item, remove: remove }, item._id));}
+      items.map(function (item) {var _item$_id2;return (
+          _jsx(ListItem, { value: item, remove: remove }, (_item$_id2 = item._id) != null ? _item$_id2 : item.id));}
       )] }
     ));
 

package/dist/components/inputs/WheelPicker.js

@@ -0,0 +1,49 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/WheelPicker.js";var _excluded = ["value", "onChange", "options", "suffix", "range", "step", "labelKey", "valueKey", "useRawOption", "formatLabel"];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;}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 { NumberInput } from "./NumberInput";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function WheelPicker(_ref)
+
+
+
+
+
+
+
+
+
+
+
+{var value = _ref.value,onChange = _ref.onChange,options = _ref.options,suffix = _ref.suffix,range = _ref.range,_ref$step = _ref.step,step = _ref$step === void 0 ? 1 : _ref$step,_ref$labelKey = _ref.labelKey,labelKey = _ref$labelKey === void 0 ? 'label' : _ref$labelKey,_ref$valueKey = _ref.valueKey,valueKey = _ref$valueKey === void 0 ? 'value' : _ref$valueKey,useRawOption = _ref.useRawOption,formatLabel = _ref.formatLabel,props = _objectWithoutProperties(_ref, _excluded);
+  var min = 0;
+  var max = 100;
+
+  if (!!range || !options) {
+    var _ref2 = range || [0, 100],_ref3 = _slicedToArray(_ref2, 2),from = _ref3[0],to = _ref3[1];
+    var count = Math.floor((to - from) / step) + 1;
+    options = Array.from({ length: count }, function (_, i) {
+      var v = from + i * step;
+      return _defineProperty(_defineProperty({}, labelKey, formatLabel ? formatLabel(v) : v), valueKey, v);
+    });
+  }
+
+  var values = (options || []).map(function (o) {return o[valueKey];}).filter(function (v) {return typeof v === 'number';});
+  if (values.length) {
+    min = Math.min.apply(Math, _toConsumableArray(values));
+    max = Math.max.apply(Math, _toConsumableArray(values));
+  }
+
+  function handleChange(newValue) {
+    if (useRawOption) {
+
+      var match = options.find(function (o) {return o[valueKey] === newValue;});
+      return onChange(
+        match ||
+        options.reduce(function (best, o) {return (
+            Math.abs(o[valueKey] - newValue) < Math.abs(best[valueKey] - newValue) ? o : best);}
+        )
+      );
+    }
+    onChange(newValue);
+  }
+
+  return _jsx(NumberInput, Object.assign({ value: value, onChange: handleChange, suffix: suffix, min: min, max: max, precision: 0 }, props));
+}

package/dist/components/inputs/WheelPicker.native.js

@@ -0,0 +1,88 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/WheelPicker.native.js";var _excluded = ["value", "onChange", "options", "suffix", "range", "step", "labelKey", "valueKey", "useRawOption", "formatLabel"];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;}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 { Text } from "../text";
+import { View } from "../structure";
+import { useColors } from "../../theme";
+import { debounce } from "../../helpers/debounce";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+var QuidoneWheelPicker;
+
+try {
+  QuidoneWheelPicker = require('@quidone/react-native-wheel-picker').default;
+} catch (_unused) {
+  QuidoneWheelPicker = null;
+}
+
+export function WheelPicker(_ref)
+
+
+
+
+
+
+
+
+
+
+
+{var value = _ref.value,onChange = _ref.onChange,options = _ref.options,suffix = _ref.suffix,range = _ref.range,_ref$step = _ref.step,step = _ref$step === void 0 ? 1 : _ref$step,_ref$labelKey = _ref.labelKey,labelKey = _ref$labelKey === void 0 ? 'label' : _ref$labelKey,_ref$valueKey = _ref.valueKey,valueKey = _ref$valueKey === void 0 ? 'value' : _ref$valueKey,useRawOption = _ref.useRawOption,formatLabel = _ref.formatLabel,props = _objectWithoutProperties(_ref, _excluded);
+  var colors = useColors();
+  var handleChange = React.useMemo(function () {return debounce(onChange, 300);}, [onChange]);
+
+  if (!!range || !options) {
+    var _ref2 = range || [0, 100],_ref3 = _slicedToArray(_ref2, 2),from = _ref3[0],to = _ref3[1];
+    var count = Math.floor((to - from) / step) + 1;
+    options = Array.from({ length: count }, function (_, i) {
+      var v = from + i * step;
+      return _defineProperty(_defineProperty({}, labelKey, formatLabel ? formatLabel(v) : v), valueKey, v);
+    });
+  }
+
+  var data = React.useMemo(function () {
+    if (!options) return [];
+    return options.map(function (opt) {var _opt$labelKey;return {
+        value: opt[valueKey],
+        label: String((_opt$labelKey = opt[labelKey]) != null ? _opt$labelKey : opt[valueKey])
+      };});
+  }, [options, labelKey, valueKey]);
+
+  if (!QuidoneWheelPicker) {
+    console.warn('@quidone/react-native-wheel-picker not installed.');
+    return null;
+  }
+
+  var resolveValue = function resolveValue(item) {
+    if (useRawOption) return options.find(function (o) {return o[valueKey] === item.value;});
+    return item.value;
+  };
+
+  return (
+    _jsxs(View, { relative: true, hiddenOverflow: true, children: [
+      !!suffix &&
+      _jsxs(View, { absoluteFill: true, row: true, centerV: true, children: [
+        _jsx(View, { flex: true }),
+        _jsx(View, { flex: true, paddingL: 20, children:
+          _jsx(Text, { text2: true, children: suffix }) }
+        )] }
+      ),
+
+      _jsx(QuidoneWheelPicker, Object.assign({
+        data: data,
+        value: value,
+        itemTextStyle: { color: colors.text },
+        itemHeight: 40,
+        overlayItemStyle: {
+          backgroundColor: 'transparent',
+          borderWidth: 1,
+          borderLeftWidth: 0,
+          borderRightWidth: 0,
+          borderColor: colors.divider,
+          opacity: 1
+        },
+        _onValueChanging: function _onValueChanging(_ref5) {var item = _ref5.item;return handleChange(resolveValue(item));},
+        onValueChanged: function onValueChanged(_ref6) {var item = _ref6.item;return onChange(resolveValue(item));} },
+      props)
+      )] }
+    ));
+
+}

package/dist/components/inputs/WheelPicker.web.js

@@ -0,0 +1 @@
+export { WheelPicker } from "./WheelPicker.native";

package/dist/components/inputs/dateWheelPicker/DateWheelPicker.js

@@ -0,0 +1,24 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/dateWheelPicker/DateWheelPicker.js";var _excluded = ["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 { DayWheelPicker } from "./DayWheelPicker";
+import { MonthWheelPicker } from "./MonthWheelPicker";
+import { QuarterWheelPicker } from "./QuarterWheelPicker";
+import { WeekWheelPicker } from "./WeekWheelPicker";
+import { YearWheelPicker } from "./YearWheelPicker";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function DateWheelPicker(_ref) {var type = _ref.type,props = _objectWithoutProperties(_ref, _excluded);
+  switch (type) {
+    case 'year':
+      return _jsx(YearWheelPicker, Object.assign({}, props));
+
+    case 'quarter':
+      return _jsx(QuarterWheelPicker, Object.assign({}, props));
+
+    case 'month':
+      return _jsx(MonthWheelPicker, Object.assign({}, props));
+
+    case 'week':
+      return _jsx(WeekWheelPicker, Object.assign({}, props));
+
+    default:
+      return _jsx(DayWheelPicker, Object.assign({}, props));
+  }
+}

package/dist/components/inputs/dateWheelPicker/DayWheelPicker.js

@@ -0,0 +1,48 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/dateWheelPicker/DayWheelPicker.js";var _excluded = ["value", "onChange", "min", "max", "onCheckDisabled", "allowClear"];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 dayjs from 'dayjs';
+
+import { ClearLink } from "../../actions/ClearLink";
+import { View } from "../../structure";
+import { useColors } from "../../../theme";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+var DatePicker;
+
+try {
+  DatePicker = require('@quidone/react-native-wheel-picker').DatePicker;
+} catch (_unused) {
+  DatePicker = null;
+}
+
+export function DayWheelPicker(_ref) {var value = _ref.value,onChange = _ref.onChange,min = _ref.min,max = _ref.max,onCheckDisabled = _ref.onCheckDisabled,allowClear = _ref.allowClear,props = _objectWithoutProperties(_ref, _excluded);
+  var colors = useColors();
+  if (!DatePicker) {
+    console.warn('@quidone/react-native-wheel-picker not installed.');
+    return null;
+  }
+
+  value = value ? dayjs(value) : dayjs();
+
+  return (
+    _jsxs(View, { center: true, height: 40 * 5, overflow: "hidden", relative: true, children: [
+      _jsx(DatePicker, Object.assign({
+        locale: 'pt',
+        date: value.format('YYYY-MM-DD'),
+        minDate: min ? dayjs(min).format('YYYY-MM-DD') : undefined,
+        maxDate: max ? dayjs(max).format('YYYY-MM-DD') : undefined,
+        onDateChanged: function onDateChanged(_ref2) {var date = _ref2.date;return onChange(dayjs(date));},
+        itemTextStyle: { color: colors.text },
+        itemHeight: 40,
+        overlayItemStyle: {
+          backgroundColor: 'transparent',
+          borderWidth: 1,
+          borderLeftWidth: 0,
+          borderRightWidth: 0,
+          borderColor: colors.divider,
+          opacity: 1
+        } },
+      props)
+      ),
+
+      _jsx(ClearLink, { hide: !allowClear, value: value, onChange: onChange })] }
+    ));
+
+}