@neko-os/ui 0.5.4 → 0.6.0

package/dist/components/measurements/helpers/length.js

@@ -0,0 +1,112 @@
+var CM_TO_INCH = 0.393701;
+var CM_TO_FOOT = 0.0328084;
+var CM_PER_M = 100;
+var CM_PER_KM = 100000;
+var MI_TO_KM = 1.60934;
+
+export function cmToIn(cm) {
+  if (!cm) return cm;
+  return cm * CM_TO_INCH;
+}
+
+export function inToCm(inches) {
+  if (!inches) return inches;
+  return inches / CM_TO_INCH;
+}
+
+export function cmToFt(cm) {
+  if (!cm) return cm;
+  return cm * CM_TO_FOOT;
+}
+
+export function ftToCm(feet) {
+  if (!feet) return feet;
+  return feet / CM_TO_FOOT;
+}
+
+export function cmToFtIn(cm) {
+  if (!cm) return false;
+  var totalInches = cmToIn(cm);
+  var feet = Math.floor(totalInches / 12);
+  var inches = Math.round(totalInches % 12);
+  if (inches === 12) {
+    feet += 1;
+    inches = 0;
+  }
+  return { feet: feet, inches: inches };
+}
+
+export function ftInToCm(value) {
+  if (!value) return false;
+  var _ref = value || {},feet = _ref.feet,inches = _ref.inches;
+  var totalInches = (feet || 0) * 12 + (inches || 0);
+  return inToCm(totalInches);
+}
+
+export function cmToM(cm) {
+  if (!cm) return cm;
+  return cm / CM_PER_M;
+}
+
+export function mToCm(m) {
+  if (!m) return m;
+  return m * CM_PER_M;
+}
+
+export function mToFt(m) {
+  if (!m) return m;
+  return cmToFt(m * CM_PER_M);
+}
+
+export function ftToM(ft) {
+  if (!ft) return ft;
+  return ftToCm(ft) / CM_PER_M;
+}
+
+export function mToFtIn(m) {
+  if (!m) return false;
+  return cmToFtIn(m * CM_PER_M);
+}
+
+export function ftInToM(value) {
+  if (!value) return false;
+  return ftInToCm(value) / CM_PER_M;
+}
+
+export function mToIn(m) {
+  if (!m) return m;
+  return cmToIn(m * CM_PER_M);
+}
+
+export function inToM(inches) {
+  if (!inches) return inches;
+  return inToCm(inches) / CM_PER_M;
+}
+
+export function kmToMi(km) {
+  if (!km) return km;
+  return km / MI_TO_KM;
+}
+
+export function miToKm(mi) {
+  if (!mi) return mi;
+  return mi * MI_TO_KM;
+}
+
+export var LENGTH_CONVERTERS = {
+  cm: {
+    'ft+in': { to: cmToFtIn, from: ftInToCm },
+    in: { to: cmToIn, from: inToCm },
+    ft: { to: cmToFt, from: ftToCm }
+  },
+  m: {
+    ft: { to: mToFt, from: ftToM },
+    'ft+in': { to: mToFtIn, from: ftInToM },
+    in: { to: mToIn, from: inToM }
+  },
+  km: {
+    mi: { to: kmToMi, from: miToKm }
+  }
+};
+
+export var LENGTH_IMPERIAL_DEFAULTS = { cm: 'ft+in', m: 'ft', km: 'mi' };

package/dist/components/measurements/helpers/weight.js

@@ -0,0 +1,56 @@
+var KG_TO_LB = 2.20462;
+var OZ_PER_LB = 16;
+var G_PER_KG = 1000;
+
+export function kgToLbs(kg) {
+  if (!kg) return kg;
+  return kg * KG_TO_LB;
+}
+
+export function lbsToKg(lbs) {
+  if (!lbs) return lbs;
+  return lbs / KG_TO_LB;
+}
+
+export function kgToOz(kg) {
+  if (!kg) return kg;
+  return kg * KG_TO_LB * OZ_PER_LB;
+}
+
+export function ozToKg(oz) {
+  if (!oz) return oz;
+  return oz / (KG_TO_LB * OZ_PER_LB);
+}
+
+export function gToOz(g) {
+  if (!g) return g;
+  return kgToOz(g / G_PER_KG);
+}
+
+export function ozToG(oz) {
+  if (!oz) return oz;
+  return ozToKg(oz) * G_PER_KG;
+}
+
+export function gToLbs(g) {
+  if (!g) return g;
+  return kgToLbs(g / G_PER_KG);
+}
+
+export function lbsToG(lbs) {
+  if (!lbs) return lbs;
+  return lbsToKg(lbs) * G_PER_KG;
+}
+
+export var WEIGHT_CONVERTERS = {
+  kg: {
+    lbs: { to: kgToLbs, from: lbsToKg },
+    oz: { to: kgToOz, from: ozToKg }
+  },
+  g: {
+    oz: { to: gToOz, from: ozToG },
+    lbs: { to: gToLbs, from: lbsToG }
+  }
+};
+
+export var WEIGHT_IMPERIAL_DEFAULTS = { kg: 'lbs', g: 'oz' };

package/dist/components/measurements/index.js

@@ -0,0 +1,9 @@
+export * from "./helpers";
+export * from "./MeasurementHandler";
+export * from "./useLengthFormatter";
+export * from "./useWeightFormatter";
+export * from "./LengthText";
+export * from "./WeightText";
+export * from "./FeetInchesInput";
+export * from "./LengthInput";
+export * from "./WeightInput";

package/dist/components/measurements/useLengthFormatter.js

@@ -0,0 +1,35 @@
+import { LENGTH_CONVERTERS, LENGTH_IMPERIAL_DEFAULTS } from "./helpers/length";
+import { fixedDecimals } from "../../helpers/numbers";
+import { useIsImperial } from "./MeasurementHandler";
+
+export function useLengthFormatter()
+
+
+
+
+{var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},measurementSystem = _ref.measurementSystem,_ref$metricPrecision = _ref.metricPrecision,metricPrecision = _ref$metricPrecision === void 0 ? 'cm' : _ref$metricPrecision,imperialPrecision = _ref.imperialPrecision,withoutSuffix = _ref.withoutSuffix;
+  var isImperial = useIsImperial(measurementSystem);
+  var impPrec = imperialPrecision || LENGTH_IMPERIAL_DEFAULTS[metricPrecision] || 'ft+in';
+
+  return function (value) {
+    if (!value && value !== 0) return null;
+
+    if (isImperial) {var _LENGTH_CONVERTERS$me;
+      var converter = (_LENGTH_CONVERTERS$me = LENGTH_CONVERTERS[metricPrecision]) == null ? void 0 : _LENGTH_CONVERTERS$me[impPrec];
+      if (!converter) return `${fixedDecimals(value)} ${metricPrecision}`;
+
+      var converted = converter.to(value);
+
+      if (impPrec === 'ft+in') {
+        var v = typeof converted === 'object' ? converted : { feet: 0, inches: 0 };
+        return `${v.feet}'${v.inches}"`;
+      }
+
+      if (withoutSuffix) return fixedDecimals(converted);
+      return `${fixedDecimals(converted)} ${impPrec}`;
+    }
+
+    if (withoutSuffix) return fixedDecimals(value);
+    return `${fixedDecimals(value)} ${metricPrecision}`;
+  };
+}

package/dist/components/measurements/useLocalInputValue.js

@@ -0,0 +1,32 @@
+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';
+
+
+
+
+export function useLocalInputValue(_ref) {var value = _ref.value,formattedValue = _ref.formattedValue,suffix = _ref.suffix,onChange = _ref.onChange,converter = _ref.converter;
+  var _React$useState = React.useState(formattedValue),_React$useState2 = _slicedToArray(_React$useState, 2),localValue = _React$useState2[0],setLocalValue = _React$useState2[1];
+  var _React$useState3 = React.useState(suffix),_React$useState4 = _slicedToArray(_React$useState3, 2),prevSuffix = _React$useState4[0],setPrevSuffix = _React$useState4[1];
+  var lastEmitted = React.useRef(value);
+
+  if (suffix !== prevSuffix) {
+    setPrevSuffix(suffix);
+    setLocalValue(formattedValue);
+    lastEmitted.current = value;
+  } else if (value !== lastEmitted.current) {
+    lastEmitted.current = value;
+    setLocalValue(formattedValue);
+  }
+
+  function handleChange(newValue) {
+    setLocalValue(newValue);
+    if (!newValue && newValue !== 0) {
+      lastEmitted.current = newValue;
+      return onChange(newValue);
+    }
+    var converted = converter ? converter.from(newValue) : newValue;
+    lastEmitted.current = converted;
+    onChange(converted);
+  }
+
+  return [localValue, handleChange];
+}

package/dist/components/measurements/useWeightFormatter.js

@@ -0,0 +1,29 @@
+import { WEIGHT_CONVERTERS, WEIGHT_IMPERIAL_DEFAULTS } from "./helpers/weight";
+import { fixedDecimals } from "../../helpers/numbers";
+import { useIsImperial } from "./MeasurementHandler";
+
+export function useWeightFormatter()
+
+
+
+
+{var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},measurementSystem = _ref.measurementSystem,_ref$metricPrecision = _ref.metricPrecision,metricPrecision = _ref$metricPrecision === void 0 ? 'kg' : _ref$metricPrecision,imperialPrecision = _ref.imperialPrecision,withoutSuffix = _ref.withoutSuffix;
+  var isImperial = useIsImperial(measurementSystem);
+  var impPrec = imperialPrecision || WEIGHT_IMPERIAL_DEFAULTS[metricPrecision] || 'lbs';
+
+  return function (value) {
+    if (!value && value !== 0) return null;
+
+    if (isImperial) {var _WEIGHT_CONVERTERS$me;
+      var converter = (_WEIGHT_CONVERTERS$me = WEIGHT_CONVERTERS[metricPrecision]) == null ? void 0 : _WEIGHT_CONVERTERS$me[impPrec];
+      if (!converter) return `${fixedDecimals(value)} ${metricPrecision}`;
+
+      var converted = converter.to(value);
+      if (withoutSuffix) return fixedDecimals(converted);
+      return `${fixedDecimals(converted)} ${impPrec}`;
+    }
+
+    if (withoutSuffix) return fixedDecimals(value);
+    return `${fixedDecimals(value)} ${metricPrecision}`;
+  };
+}

package/dist/components/routing/ReturnButton.js

@@ -0,0 +1,20 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/routing/ReturnButton.js";var _excluded = ["icon", "close", "onPress"];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 { Button } from "../actions";import { jsx as _jsx } from "react/jsx-runtime";
+
+
+
+var useNavigate;
+try {
+  useNavigate = require('react-router-dom').useNavigate;
+} catch (_unused) {
+  useNavigate = function useNavigate() {return function () {return console.warn('ReturnButton: react-router-dom not installed.');};};
+}
+
+
+
+
+export function ReturnButton(_ref) {var icon = _ref.icon,close = _ref.close,onPress = _ref.onPress,props = _objectWithoutProperties(_ref, _excluded);
+  var navigate = useNavigate();
+  var name = icon || (close ? 'close-line' : 'arrow-left-s-line');
+
+  return _jsx(Button, Object.assign({ icon: name, onPress: onPress || function () {return navigate(-1);} }, props));
+}

package/dist/components/routing/ReturnButton.native.js

@@ -0,0 +1,20 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/routing/ReturnButton.native.js";var _excluded = ["icon", "close", "onPress"];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 { Button } from "../actions";import { jsx as _jsx } from "react/jsx-runtime";
+
+
+
+var useNavigation;
+try {
+  useNavigation = require('@react-navigation/native').useNavigation;
+} catch (_unused) {
+  useNavigation = function useNavigation() {return { goBack: function goBack() {return console.warn('ReturnButton: @react-navigation/native not installed.');} };};
+}
+
+
+
+
+export function ReturnButton(_ref) {var icon = _ref.icon,close = _ref.close,onPress = _ref.onPress,props = _objectWithoutProperties(_ref, _excluded);
+  var navigation = useNavigation();
+  var name = icon || (close ? 'close-line' : 'arrow-left-s-line');
+
+  return _jsx(Button, Object.assign({ icon: name, onPress: onPress || function () {return navigation.goBack();} }, props));
+}

package/dist/components/routing/ReturnButton.web.js

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

package/dist/components/routing/ReturnLink.js

@@ -0,0 +1,25 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/routing/ReturnLink.js";var _excluded = ["icon", "close", "onPress"];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 { Icon } from "../presentation";
+import { Link } from "../actions";import { jsx as _jsx } from "react/jsx-runtime";
+
+
+
+var useNavigate;
+try {
+  useNavigate = require('react-router-dom').useNavigate;
+} catch (_unused) {
+  useNavigate = function useNavigate() {return function () {return console.warn('ReturnLink: react-router-dom not installed.');};};
+}
+
+
+
+
+export function ReturnLink(_ref) {var icon = _ref.icon,close = _ref.close,onPress = _ref.onPress,props = _objectWithoutProperties(_ref, _excluded);
+  var navigate = useNavigate();
+  var name = icon || (close ? 'close-line' : 'arrow-left-s-line');
+
+  return (
+    _jsx(Link, { onPress: onPress || function () {return navigate(-1);}, children:
+      _jsx(Icon, Object.assign({ name: name }, props)) }
+    ));
+
+}

package/dist/components/routing/ReturnLink.native.js

@@ -0,0 +1,25 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/routing/ReturnLink.native.js";var _excluded = ["icon", "close", "onPress"];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 { Icon } from "../presentation";
+import { Link } from "../actions";import { jsx as _jsx } from "react/jsx-runtime";
+
+
+
+var useNavigation;
+try {
+  useNavigation = require('@react-navigation/native').useNavigation;
+} catch (_unused) {
+  useNavigation = function useNavigation() {return { goBack: function goBack() {return console.warn('ReturnLink: @react-navigation/native not installed.');} };};
+}
+
+
+
+
+export function ReturnLink(_ref) {var icon = _ref.icon,close = _ref.close,onPress = _ref.onPress,props = _objectWithoutProperties(_ref, _excluded);
+  var navigation = useNavigation();
+  var name = icon || (close ? 'close-line' : 'arrow-left-s-line');
+
+  return (
+    _jsx(Link, { onPress: onPress || function () {return navigation.goBack();}, children:
+      _jsx(Icon, Object.assign({ name: name }, props)) }
+    ));
+
+}

package/dist/components/routing/ReturnLink.web.js

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

package/dist/components/routing/RoutedStepsContent.js

@@ -0,0 +1,21 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/routing/RoutedStepsContent.js";var _excluded = ["screenOptions"];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 { ActiveStepContent } from "../steps";
+import { View } from "../structure";import { jsx as _jsx } from "react/jsx-runtime";
+
+
+
+
+var warned = false;
+
+
+export function RoutedStepsContent(_ref) {var screenOptions = _ref.screenOptions,props = _objectWithoutProperties(_ref, _excluded);
+  if (!warned) {
+    warned = true;
+    console.warn('RoutedStepsContent is native-only (react-navigation). Rendering steps in place on plain web.');
+  }
+
+  return (
+    _jsx(View, Object.assign({ flex: true }, props, { children:
+      _jsx(ActiveStepContent, {}) })
+    ));
+
+}

package/dist/components/routing/RoutedStepsContent.native.js

@@ -0,0 +1,94 @@
+var _excluded = ["screenOptions"];var _this = this,_jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/routing/RoutedStepsContent.native.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;}import React from 'react';
+
+import { View } from "../structure";
+import { useSteps } from "../steps";import { jsx as _jsx } from "react/jsx-runtime";
+
+
+
+var NavigationContainer;
+var NavigationIndependentTree;
+var StackActions;
+var createNativeStackNavigator;
+var available = true;
+try {
+  var nav = require('@react-navigation/native');
+  NavigationContainer = nav.NavigationContainer;
+  NavigationIndependentTree = nav.NavigationIndependentTree;
+  StackActions = nav.StackActions;
+  createNativeStackNavigator = require('@react-navigation/native-stack').createNativeStackNavigator;
+} catch (_unused) {
+  available = false;
+}
+
+var warned = false;
+
+
+
+var stepContent = function stepContent(item) {
+  var Content = item.render || item.renderContent || item.Content;
+  return Content ? _jsx(Content, {}) : null;
+};
+
+
+
+
+
+export function RoutedStepsContent(_ref) {var _this2 = this;var screenOptions = _ref.screenOptions,props = _objectWithoutProperties(_ref, _excluded);
+  var _useSteps = useSteps(),items = _useSteps.items,activeIndex = _useSteps.activeIndex,moveToIndex = _useSteps.moveToIndex;
+  var navRef = React.useRef(null);
+  var Stack = React.useRef(available ? createNativeStackNavigator() : null).current;
+
+
+
+
+
+
+  React.useEffect(function () {var _ref$getCurrentRoute;
+    var ref = navRef.current;
+    if (!(ref != null && ref.isReady != null && ref.isReady())) return;
+    var current = Number(ref.getCurrentRoute == null ? void 0 : (_ref$getCurrentRoute = ref.getCurrentRoute()) == null ? void 0 : _ref$getCurrentRoute.name) || 0;
+    if (activeIndex === current) return;
+    ref.dispatch(
+      activeIndex > current ? StackActions.push(String(activeIndex)) : StackActions.popTo(String(activeIndex))
+    );
+  }, [activeIndex]);
+
+  if (!available) {
+    if (!warned) {
+      warned = true;
+      console.warn(
+        'RoutedStepsContent requires @react-navigation/native and @react-navigation/native-stack; neither is installed.'
+      );
+    }
+    return null;
+  }
+
+
+
+  var handleStateChange = function handleStateChange() {var _navRef$current, _navRef$current$getCu;
+    var index = Number((_navRef$current = navRef.current) == null ? void 0 : _navRef$current.getCurrentRoute == null ? void 0 : (_navRef$current$getCu = _navRef$current.getCurrentRoute()) == null ? void 0 : _navRef$current$getCu.name) || 0;
+    if (index !== activeIndex) moveToIndex(index);
+  };
+
+  var navigator =
+  _jsx(Stack.Navigator, { screenOptions: Object.assign({ headerShown: false }, screenOptions), children:
+    items.map(function (item, index) {return (
+        _jsx(Stack.Screen, { name: String(index), options: { title: item.label }, children:
+          function children() {return stepContent(item);} }, index
+        ));}
+    ) }
+  );
+
+
+
+
+  return (
+    _jsx(View, Object.assign({ flex: true }, props, { children:
+      _jsx(NavigationIndependentTree, { children:
+        _jsx(NavigationContainer, { ref: navRef, onStateChange: handleStateChange, children:
+          navigator }
+        ) }
+      ) })
+    ));
+
+}

package/dist/components/routing/RoutedStepsContent.web.js

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

package/dist/components/routing/index.js

@@ -0,0 +1,3 @@
+export * from "./RoutedStepsContent";
+export * from "./ReturnLink";
+export * from "./ReturnButton";

package/dist/components/state/StatePresenter.js

@@ -24,7 +24,7 @@ export function StatePresenter(_ref)
   if (error) {
     return (
       _jsx(View, Object.assign({ flex: true, center: true }, props, { children:
-        _jsx(Result, { type: "error", title: errorTitle, description: errorDescription || error.message }) })
+        _jsx(Result, { type: "error", title: errorTitle, description: errorDescription || (typeof error === 'string' ? error : error.message) }) })
       ));
 
   }

package/dist/components/steps/StepsHandler.js

@@ -8,6 +8,7 @@ export function StepsHandler(_ref) {var children = _ref.children,items = _ref.it
   var _React$useState3 = React.useState(0),_React$useState4 = _slicedToArray(_React$useState3, 2),maxIndexReleased = _React$useState4[0],setMaxIndexReleased = _React$useState4[1];
   var _React$useState5 = React.useState(false),_React$useState6 = _slicedToArray(_React$useState5, 2),loading = _React$useState6[0],setLoading = _React$useState6[1];
   var activeStep = items[activeIndex];
+  var isFirstStep = activeIndex === 0;
   var isLastStep = activeIndex === items.length - 1;
 
   var moveToIndex = function () {var _ref2 = _asyncToGenerator(function* (index) {
@@ -44,6 +45,7 @@ export function StepsHandler(_ref) {var children = _ref.children,items = _ref.it
     activeStep: activeStep,
     maxIndexReleased: maxIndexReleased,
     loading: loading,
+    isFirstStep: isFirstStep,
     isLastStep: isLastStep,
     moveToNextStep: moveToNextStep,
     moveToPrevStep: moveToPrevStep

package/dist/components/structure/TopBar.js

@@ -1,17 +1,27 @@
-var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/TopBar.js";var _excluded = ["right", "left", "WrapperView", "children"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { pipe } from 'ramda';
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/TopBar.js";var _excluded = ["title", "subtitle", "right", "left", "WrapperView", "children"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { pipe } from 'ramda';
 
 import { Text } from "../text";
 import { View } from "./View";
 import { useDefaultModifier } from "../../modifiers/default";
 import { useResponsiveConverter } from "../../modifiers/responsiveConverter";
-import { useThemeComponentModifier } from "../../modifiers/themeComponent";
-import { useSafeAreaInsets } from "../../abstractions/helpers/useSafeAreaInsets";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSafeAreaInsets } from "../../abstractions/helpers/useSafeAreaInsets";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 
 var DEFAULT_PROPS = {
-  borderB: 'overlayDivider'
+  borderB: 'overlayDivider',
+  titleProps: {
+    center: true,
+    size: 'h6',
+    numberOfLines: 1
+  },
+  subtitleProps: {
+    center: true,
+    size: 'xs',
+    numberOfLines: 1
+  }
 };
 
-export function TopBar(_ref) {var right = _ref.right,left = _ref.left,WrapperView = _ref.WrapperView,children = _ref.children,rootProps = _objectWithoutProperties(_ref, _excluded);
+export function TopBar(_ref) {var title = _ref.title,subtitle = _ref.subtitle,right = _ref.right,left = _ref.left,WrapperView = _ref.WrapperView,children = _ref.children,rootProps = _objectWithoutProperties(_ref, _excluded);
   var _useSafeAreaInsets = useSafeAreaInsets(),safeTop = _useSafeAreaInsets.top;
 
   var _pipe = pipe(
@@ -19,7 +29,7 @@ export function TopBar(_ref) {var right = _ref.right,left = _ref.left,WrapperVie
       useDefaultModifier(DEFAULT_PROPS),
       useResponsiveConverter([])
     )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_ = _pipe2[0],props = _pipe2[1];
-  var _props$useSafeArea = props.useSafeArea,useSafeArea = _props$useSafeArea === void 0 ? true : _props$useSafeArea,title = props.title,subtitle = props.subtitle;
+  var _props$useSafeArea = props.useSafeArea,useSafeArea = _props$useSafeArea === void 0 ? true : _props$useSafeArea,titleProps = props.titleProps,subtitleProps = props.subtitleProps;
 
   var hasContent = !!title || !!subtitle || !!children || !!right || !!left;
 
@@ -34,17 +44,9 @@ export function TopBar(_ref) {var right = _ref.right,left = _ref.left,WrapperVie
         ),
 
         _jsxs(View, { center: true, flex: 3, children: [
-          children ||
-          _jsx(Text, { center: true, h6: true, numberOfLines: 1, children:
-            title }
-          ),
-
-
-          subtitle &&
-          _jsx(Text, { center: true, xs: true, numberOfLines: 1, children:
-            subtitle }
-          )] }
+          children || _jsx(Text, Object.assign({}, titleProps, { children: title })),
 
+          subtitle && _jsx(Text, Object.assign({}, subtitleProps, { children: subtitle }))] }
         ),
 
         _jsx(View, { flex: 1, toRight: true, children:

package/dist/components/theme/ThemePickerDrawer.js

@@ -3,7 +3,7 @@ import { ThemePicker } from "./ThemePicker";import { jsx as _jsx } from "react/j
 
 export function ThemePickerDrawer(_ref) {var open = _ref.open,onClose = _ref.onClose,onChange = _ref.onChange;
   return (
-    _jsx(BottomDrawer, { open: open, onClose: onClose, maxWidth: 550, snapPoints: ['50%', '85%'], children:
+    _jsx(BottomDrawer, { open: open, onClose: onClose, maxWidth: 550, snapPoints: ['60%', '85%'], useSafeArea: false, children:
       _jsx(DrawerScrollView, { padding: "md", children:
         _jsx(ThemePicker, { onChange: onChange }) }
       ) }