@neko-os/ui 0.2.2 → 0.3.0

package/dist/abstractions/TouchableOpacity.js

@@ -1 +1,4 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/TouchableOpacity.js";var _excluded=["link","onPress","onClick"];import{jsx as _jsx}from"react/jsx-runtime";export function AbsTouchableOpacity(_ref){var link=_ref.link,onPress=_ref.onPress,onClick=_ref.onClick,props=_objectWithoutProperties(_ref,_excluded);var Component=link?'a':'button';return _jsx(Component,Object.assign({onClick:onClick||onPress},props));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/TouchableOpacity.js";var _excluded = ["link", "onPress", "onClick"];import { jsx as _jsx } from "react/jsx-runtime";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;}export function AbsTouchableOpacity(_ref) {var link = _ref.link,onPress = _ref.onPress,onClick = _ref.onClick,props = _objectWithoutProperties(_ref, _excluded);
+  var Component = link ? 'a' : 'button';
+  return _jsx(Component, Object.assign({ onClick: onClick || onPress }, props));
+}

package/dist/abstractions/TouchableOpacity.native.js

@@ -1 +1,3 @@
-import{TouchableOpacity as RNTouchableOpacity}from"react-native-web";export var AbsTouchableOpacity=RNTouchableOpacity;
+import { TouchableOpacity as RNTouchableOpacity } from "react-native-web";
+
+export var AbsTouchableOpacity = RNTouchableOpacity;

package/dist/abstractions/View.js

@@ -1 +1,3 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/View.js";var _excluded=["onPress","onClick"];import{jsx as _jsx}from"react/jsx-runtime";export function AbsView(_ref){var onPress=_ref.onPress,onClick=_ref.onClick,props=_objectWithoutProperties(_ref,_excluded);return _jsx("div",Object.assign({onClick:onClick||onPress},props));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/View.js";var _excluded = ["onPress", "onClick"];import { jsx as _jsx } from "react/jsx-runtime";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;}export function AbsView(_ref) {var onPress = _ref.onPress,onClick = _ref.onClick,props = _objectWithoutProperties(_ref, _excluded);
+  return _jsx("div", Object.assign({ onClick: onClick || onPress }, props));
+}

package/dist/abstractions/View.native.js

@@ -1 +1,3 @@
-import{View as RNView}from"react-native-web";export var AbsView=RNView;
+import { View as RNView } from "react-native-web";
+
+export var AbsView = RNView;

package/dist/abstractions/View.web.js

@@ -1 +1,3 @@
-import{View as RNView}from"react-native-web";export var AbsView=RNView;
+import { View as RNView } from "react-native-web";
+
+export var AbsView = RNView;

package/dist/abstractions/helpers/componentSize.js

@@ -1 +1,13 @@
-export function getElementSize(ref,callback){if(!ref.current)return;var el=ref.current;var rect=el.getBoundingClientRect();callback({width:el.offsetWidth,height:el.offsetHeight,x:rect.x+window.scrollX,y:rect.y+window.scrollY});}
+export function getElementSize(ref, callback) {
+  if (!ref.current) return;
+
+  var el = ref.current;
+  var rect = el.getBoundingClientRect();
+
+  callback({
+    width: el.offsetWidth,
+    height: el.offsetHeight,
+    x: rect.x + window.scrollX,
+    y: rect.y + window.scrollY
+  });
+}

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

@@ -1 +1,12 @@
-import{UIManager,findNodeHandle}from"react-native-web";export function getElementSize(ref,callback){if(!ref.current)return;var handle=findNodeHandle(ref.current);if(handle){UIManager.measure(handle,function(x,y,width,height){callback({width:width,height:height,x:x,y:y});});}}
+import { UIManager, findNodeHandle } from "react-native-web";
+
+export function getElementSize(ref, callback) {
+  if (!ref.current) return;
+
+  var handle = findNodeHandle(ref.current);
+  if (handle) {
+    UIManager.measure(handle, function (x, y, width, height) {
+      callback({ width: width, height: height, x: x, y: y });
+    });
+  }
+}

package/dist/abstractions/helpers/storage.js

@@ -1 +1,32 @@
-function set(key,value){return localStorage.setItem(key,value);}function setAsync(key,value){return Promise.resulve(set(key,value));}function get(key){return localStorage.getItem(key);}function getAsync(key){return Promise.resulve(get(key));}function remove(key){return localStorage.removeItem(key);}function removeAsync(key){return Promise.resulve(remove(key));}export var AbsStorage={set:set,setAsync:setAsync,get:get,getAsync:getAsync,remove:remove,removeAsync:removeAsync};
+function set(key, value) {
+  return localStorage.setItem(key, value);
+}
+
+function setAsync(key, value) {
+  return Promise.resulve(set(key, value));
+}
+
+function get(key) {
+  return localStorage.getItem(key);
+}
+
+function getAsync(key) {
+  return Promise.resulve(get(key));
+}
+
+function remove(key) {
+  return localStorage.removeItem(key);
+}
+
+function removeAsync(key) {
+  return Promise.resulve(remove(key));
+}
+
+export var AbsStorage = {
+  set: set,
+  setAsync: setAsync,
+  get: get,
+  getAsync: getAsync,
+  remove: remove,
+  removeAsync: removeAsync
+};

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

@@ -1 +1,34 @@
-var set=function set(){return console.warn('expo-sqlite not installed. Neko Storage needs expo-sqlite to work properly');};var setAsync=function setAsync(){return Promise.resolve(set());};var get=function get(){return console.warn('expo-sqlite not installed. Neko Storage needs expo-sqlite to work properly');};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());};try{var StorageModule=require('expo-sqlite/kv-store');if(StorageModule!=null&&StorageModule.default){var Storage=StorageModule.default;set=Storage.setItemSync.bind(Storage);setAsync=Storage.setItem.bind(Storage);get=Storage.getItemSync.bind(Storage);getAsync=Storage.getItem.bind(Storage);remove=Storage.removeItemSync.bind(Storage);removeAsync=Storage.removeItem.bind(Storage);}}catch(e){console.log('expo-sqlite not available:',e);}export var AbsStorage={set:set,setAsync:setAsync,get:get,getAsync:getAsync,remove:remove,removeAsync:removeAsync};
+var set = function set() {return console.warn('expo-sqlite not installed. Neko Storage needs expo-sqlite to work properly');};
+var setAsync = function setAsync() {return Promise.resolve(set());};
+
+var get = function get() {return console.warn('expo-sqlite not installed. Neko Storage needs expo-sqlite to work properly');};
+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());};
+
+try {
+  var StorageModule = require('expo-sqlite/kv-store');
+  if (StorageModule != null && StorageModule.default) {
+    var Storage = StorageModule.default;
+    set = Storage.setItemSync.bind(Storage);
+    setAsync = Storage.setItem.bind(Storage);
+
+    get = Storage.getItemSync.bind(Storage);
+    getAsync = Storage.getItem.bind(Storage);
+
+    remove = Storage.removeItemSync.bind(Storage);
+    removeAsync = Storage.removeItem.bind(Storage);
+  }
+} catch (e) {
+  console.log('expo-sqlite not available:', e);
+}
+
+export var AbsStorage = {
+  set: set,
+  setAsync: setAsync,
+  get: get,
+  getAsync: getAsync,
+  remove: remove,
+  removeAsync: removeAsync
+};

package/dist/abstractions/helpers/transformStyle.js

@@ -1 +1,8 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";export function formatTransform(transforms){return transforms.map(function(t){var _Object$entries$=_slicedToArray(Object.entries(t)[0],2),key=_Object$entries$[0],value=_Object$entries$[1];return`${key}(${value})`;}).join(' ');}
+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;}export function formatTransform(transforms) {
+  return transforms.
+  map(function (t) {
+    var _Object$entries$ = _slicedToArray(Object.entries(t)[0], 2),key = _Object$entries$[0],value = _Object$entries$[1];
+    return `${key}(${value})`;
+  }).
+  join(' ');
+}

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

@@ -1 +1,3 @@
-export function formatTransform(transforms){return transforms;}
+export function formatTransform(transforms) {
+  return transforms;
+}

package/dist/abstractions/helpers/useSafeAreaInsets.js

@@ -1 +1,3 @@
-export var useSafeAreaInsets=function useSafeAreaInsets(){return{top:0,bottom:0,left:0,right:0};};
+export var useSafeAreaInsets = function useSafeAreaInsets() {
+  return { top: 0, bottom: 0, left: 0, right: 0 };
+};

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

@@ -1 +1,3 @@
-import{useSafeAreaInsets as _useSafeAreaInsets}from'react-native-safe-area-context';export var useSafeAreaInsets=_useSafeAreaInsets;
+import { useSafeAreaInsets as _useSafeAreaInsets } from 'react-native-safe-area-context';
+
+export var useSafeAreaInsets = _useSafeAreaInsets;

package/dist/abstractions/helpers/windowWidth.js

@@ -1 +1,13 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import React from'react';export function useWindowWidth(){var _React$useState=React.useState(window.innerWidth),_React$useState2=_slicedToArray(_React$useState,2),width=_React$useState2[0],setWidth=_React$useState2[1];React.useEffect(function(){var handleResize=function handleResize(){return setWidth(window.innerWidth);};window.addEventListener('resize',handleResize);return function(){return window.removeEventListener('resize',handleResize);};},[]);return width;}
+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 useWindowWidth() {
+  var _React$useState = React.useState(window.innerWidth),_React$useState2 = _slicedToArray(_React$useState, 2),width = _React$useState2[0],setWidth = _React$useState2[1];
+
+  React.useEffect(function () {
+    var handleResize = function handleResize() {return setWidth(window.innerWidth);};
+    window.addEventListener('resize', handleResize);
+    return function () {return window.removeEventListener('resize', handleResize);};
+  }, []);
+
+  return width;
+}

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

@@ -1 +1,6 @@
-import{useWindowDimensions}from"react-native-web";export function useWindowWidth(){var _useWindowDimensions=useWindowDimensions(),width=_useWindowDimensions.width;return width;}
+import { useWindowDimensions } from "react-native-web";
+
+export function useWindowWidth() {
+  var _useWindowDimensions = useWindowDimensions(),width = _useWindowDimensions.width;
+  return width;
+}

package/dist/abstractions/helpers/windowWidth.web.js

@@ -1 +1,6 @@
-import{useWindowDimensions}from"react-native-web";export function useWindowWidth(){var _useWindowDimensions=useWindowDimensions(),width=_useWindowDimensions.width;return width;}
+import { useWindowDimensions } from "react-native-web";
+
+export function useWindowWidth() {
+  var _useWindowDimensions = useWindowDimensions(),width = _useWindowDimensions.width;
+  return width;
+}

package/dist/components/actions/ActionsDrawer.js

@@ -1 +1,81 @@
-import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","onChange","title","subtitle","onClose"],_excluded2=["topBarProps","menuProps"];var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/actions/ActionsDrawer.js";import{pipe}from'ramda';import{TopBar,View}from"../structure";import{BottomDrawer,DrawerScrollView}from"../modals/bottomDrawer";import{Menu}from"./menu/Menu";import{Section}from"../sections";import{useDefaultModifier}from"../../modifiers/default";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";var DEFAULT_PROPS={useSafeArea:false,bg:'mainBG',topBarProps:{useSafeArea:false},menuProps:{vertical:true,linkPaddingH:'md',linkMinHeight:'xl',withDivider:true}};function Content(_ref){var items=_ref.items,title=_ref.title,subtitle=_ref.subtitle,onClose=_ref.onClose,onChange=_ref.onChange,topBarProps=_ref.topBarProps,menuProps=_ref.menuProps;var handleChange=function handleChange(){for(var _len=arguments.length,params=new Array(_len),_key=0;_key<_len;_key++){params[_key]=arguments[_key];}onChange==null?void 0:onChange.apply(void 0,params);onClose();};return _jsxs(_Fragment,{children:[_jsx(TopBar,Object.assign({title:title,subtitle:subtitle},topBarProps)),_jsx(View,{flex:true,children:_jsxs(DrawerScrollView,{children:[!title&&_jsx(View,{paddingT:"md"}),_jsx(Section,{children:_jsx(Menu,Object.assign({items:items,onChange:handleChange},menuProps))}),_jsx(View,{height:100})]})})]});}export function ActionsDrawer(_ref2){var items=_ref2.items,onChange=_ref2.onChange,title=_ref2.title,subtitle=_ref2.subtitle,onClose=_ref2.onClose,rootProps=_objectWithoutProperties(_ref2,_excluded);var _pipe=pipe(useThemeComponentModifier('ActionsDrawer'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var formattedProps=_pipe2[1];var topBarProps=formattedProps.topBarProps,menuProps=formattedProps.menuProps,props=_objectWithoutProperties(formattedProps,_excluded2);return _jsx(BottomDrawer,Object.assign({onClose:onClose},props,{children:_jsx(Content,{onClose:onClose,topBarProps:topBarProps,menuProps:menuProps,title:title,subtitle:subtitle,onChange:onChange,items:items})}));}
+var _excluded = ["items", "onChange", "title", "subtitle", "onClose", "snapPoints"],_excluded2 = ["topBarProps", "menuProps"];var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/actions/ActionsDrawer.js";function _objectDestructuringEmpty(t) {if (null == t) throw new TypeError("Cannot destructure " + 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 { pipe } from 'ramda';
+import React from 'react';
+
+import { BottomDrawer, DrawerScrollView } from "../modals/bottomDrawer";
+import { Menu } from "./menu/Menu";
+import { Section } from "../sections";
+import { TopBar, View } from "../structure";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useTheme } from "../../theme";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = {
+  useSafeArea: false,
+  bg: 'mainBG',
+  topBarProps: {
+    useSafeArea: false
+  },
+  menuProps: {
+    vertical: true,
+    linkPaddingH: 'md',
+    linkMinHeight: 'xl',
+    withDivider: true
+  }
+};
+
+function Content(_ref) {var items = _ref.items,title = _ref.title,subtitle = _ref.subtitle,onClose = _ref.onClose,onChange = _ref.onChange,topBarProps = _ref.topBarProps,menuProps = _ref.menuProps;
+  var handleChange = function handleChange() {for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {params[_key] = arguments[_key];}
+    onChange == null ? void 0 : onChange.apply(void 0, params);
+    onClose();
+  };
+
+  return (
+    _jsxs(_Fragment, { children: [
+      _jsx(TopBar, Object.assign({ title: title, subtitle: subtitle }, topBarProps)),
+
+      _jsx(View, { flex: true, children:
+        _jsxs(DrawerScrollView, { children: [
+          !title && _jsx(View, { paddingT: "md" }),
+          _jsx(Section, { marginH: "md", children:
+            _jsx(Menu, Object.assign({ items: items, onChange: handleChange }, menuProps)) }
+          ),
+          _jsx(View, { height: 100 })] }
+        ) }
+      )] }
+    ));
+
+}
+
+export function ActionsDrawer(_ref2) {var items = _ref2.items,onChange = _ref2.onChange,title = _ref2.title,subtitle = _ref2.subtitle,onClose = _ref2.onClose,snapPoints = _ref2.snapPoints,rootProps = _objectWithoutProperties(_ref2, _excluded);
+  var _useTheme = useTheme(),elementHeights = _useTheme.elementHeights,spaces = _useTheme.spaces;
+  var _pipe = pipe(
+      useThemeComponentModifier('ActionsDrawer'),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2);_objectDestructuringEmpty(_pipe2[0]);var formattedProps = _pipe2[1];
+
+  var topBarProps = formattedProps.topBarProps,menuProps = formattedProps.menuProps,props = _objectWithoutProperties(formattedProps, _excluded2);
+
+
+  snapPoints = React.useMemo(function () {var _snapPoints;
+    if (!!((_snapPoints = snapPoints) != null && _snapPoints.length)) return snapPoints;
+
+    var safeSpace = (!!title ? elementHeights.xxl : spaces.sm) + spaces.md + spaces.sm;
+    var itemHeight = elementHeights[menuProps == null ? void 0 : menuProps.linkMinHeight];
+    var itemsLength = Math.min(8, items.length);
+    return [itemsLength * itemHeight + safeSpace];
+  }, [snapPoints, title, items]);
+
+  return (
+    _jsx(BottomDrawer, Object.assign({ onClose: onClose, snapPoints: snapPoints }, props, { children:
+      _jsx(Content, {
+        onClose: onClose,
+        topBarProps: topBarProps,
+        menuProps: menuProps,
+        title: title,
+        subtitle: subtitle,
+        onChange: onChange,
+        items: items }
+      ) })
+    ));
+
+}

package/dist/components/actions/Breadcrumb.js

@@ -1 +1,47 @@
-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/actions/Breadcrumb.js";var _excluded=["items","onChange"];import{pipe,omit}from'ramda';import{IconLabel}from"../presentation/IconLabel";import{Link}from"./Link";import{Text}from"../text/Text";import{View}from"../structure/View";import{moveScale}from"../../theme/helpers/sizeScale";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function Breadcrumb(_ref){var _this=this;var items=_ref.items,onChange=_ref.onChange,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useSizeConverter('elementHeights','md'),useThemeComponentModifier('Breadcrumb'))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),sizeCode=_pipe2[0].sizeCode,props=_pipe2[1];var gap='sm';var handlePress=function handlePress(item,index){onChange==null?void 0:onChange(item,index);item.onPress==null?void 0:item.onPress(index);item.onClick==null?void 0:item.onClick(index);};return _jsx(View,Object.assign({className:"neko-breadcrumb",row:true,gap:gap,centerV:true},props,{children:items.map(function(item,index){var active=index===items.length-1;return _jsxs(View,{row:true,gap:gap,centerV:true,children:[_jsx(Link,{onPress:!active?function(){return handlePress(item,index);}:undefined,children:_jsx(IconLabel,Object.assign({color:active?'text':'text3',size:sizeCode,moveIconSizeScale:-2,strong:active},omit(['onPress','onClick'],item)))}),!active&&_jsx(Text,{text4:true,label:"/",size:moveScale(sizeCode,-1)})]},item.key||index);})}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/actions/Breadcrumb.js";var _excluded = ["items", "onChange"];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, omit } from 'ramda';
+
+import { IconLabel } from "../presentation/IconLabel";
+import { Link } from "./Link";
+import { Text } from "../text/Text";
+import { View } from "../structure/View";
+import { moveScale } from "../../theme/helpers/sizeScale";
+import { useSizeConverter } from "../../modifiers/sizeConverter";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+export function Breadcrumb(_ref) {var _this = this;var items = _ref.items,onChange = _ref.onChange,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useSizeConverter('elementHeights', 'md'),
+      useThemeComponentModifier('Breadcrumb')
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),sizeCode = _pipe2[0].sizeCode,props = _pipe2[1];
+
+  var gap = 'sm';
+
+  var handlePress = function handlePress(item, index) {
+    onChange == null ? void 0 : onChange(item, index);
+    item.onPress == null ? void 0 : item.onPress(index);
+    item.onClick == null ? void 0 : item.onClick(index);
+  };
+
+  return (
+    _jsx(View, Object.assign({ className: "neko-breadcrumb", row: true, gap: gap, centerV: true }, props, { children:
+      items.map(function (item, index) {
+        var active = index === items.length - 1;
+
+        return (
+          _jsxs(View, { row: true, gap: gap, centerV: true, children: [
+            _jsx(Link, { onPress: !active ? function () {return handlePress(item, index);} : undefined, children:
+              _jsx(IconLabel, Object.assign({
+                color: active ? 'text' : 'text3',
+                size: sizeCode,
+                moveIconSizeScale: -2,
+                strong: active },
+              omit(['onPress', 'onClick'], item))
+              ) }
+            ),
+            !active && _jsx(Text, { text4: true, label: "/", size: moveScale(sizeCode, -1) })] }, item.key || index
+          ));
+
+      }) })
+    ));
+
+}

package/dist/components/actions/Button.js

@@ -1 +1,82 @@
-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/actions/Button.js";var _excluded=["children"],_excluded2=["label","icon","textProps","iconProps","gap","invert","size","iconLabelProps"];import{pipe}from'ramda';import{AbsTouchableOpacity}from"../../abstractions/TouchableOpacity";import{IconLabel}from"../presentation/IconLabel";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useColorConverter}from"../../modifiers/colorConverter";import{useCursorModifier}from"../../modifiers/cursor";import{useDefaultModifier}from"../../modifiers/default";import{useDisplayModifier}from"../../modifiers/display";import{useFlexModifier}from"../../modifiers/flex";import{useFlexWrapperModifier}from"../../modifiers/flexWrapper";import{useFullColorModifier}from"../../modifiers/fullColor";import{useHoverConverter}from"../../modifiers/hover";import{useMarginModifier}from"../../modifiers/margin";import{usePaddingModifier}from"../../modifiers/padding";import{usePositionModifier}from"../../modifiers/position";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useSizeModifier}from"../../modifiers/size";import{useStateModifier}from"../../modifiers/state";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,1),sizeCode=_ref2[0].sizeCode;return{paddingH:sizeCode,paddingV:2,height:sizeCode,br:sizeCode,border:1,center:true,pointer:true,hover:{opacity:0.7}};};export function Button(_ref3){var children=_ref3.children,rootProps=_objectWithoutProperties(_ref3,_excluded);var _pipe=pipe(useColorConverter('primary'),useSizeConverter('elementHeights','md'),useThemeComponentModifier('Button'),useDefaultModifier(DEFAULT_PROPS),useHoverConverter,useCursorModifier,useFullColorModifier,useDisplayModifier,useStateModifier,useSizeModifier,usePositionModifier,usePaddingModifier,useMarginModifier,useFlexModifier,useFlexWrapperModifier,useBackgroundModifier,useBorderModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],loading=_pipe2$.loading,fontColor=_pipe2$.fontColor,sizeCode=_pipe2$.sizeCode,formattedProps=_pipe2[1];var label=formattedProps.label,icon=formattedProps.icon,textProps=formattedProps.textProps,iconProps=formattedProps.iconProps,gap=formattedProps.gap,invert=formattedProps.invert,size=formattedProps.size,iconLabelProps=formattedProps.iconLabelProps,props=_objectWithoutProperties(formattedProps,_excluded2);return _jsx(AbsTouchableOpacity,Object.assign({className:"neko-button neko-wave-click-effect",type:"button"},props,{children:children||_jsx(IconLabel,Object.assign({center:true,color:fontColor,size:sizeCode,label:label,icon:icon,gap:gap,invert:invert,textProps:Object.assign({strong:true},textProps),iconProps:iconProps,loading:loading},iconLabelProps))}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/actions/Button.js";var _excluded = ["children", "dashed"],_excluded2 = ["label", "icon", "textProps", "iconProps", "gap", "invert", "size", "iconLabelProps"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { pipe } from 'ramda';
+
+import { AbsTouchableOpacity } from "../../abstractions/TouchableOpacity";
+import { IconLabel } from "../presentation/IconLabel";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useBorderModifier } from "../../modifiers/border";
+import { useColorConverter } from "../../modifiers/colorConverter";
+import { useCursorModifier } from "../../modifiers/cursor";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useDisplayModifier } from "../../modifiers/display";
+import { useFlexModifier } from "../../modifiers/flex";
+import { useFlexWrapperModifier } from "../../modifiers/flexWrapper";
+import { useFullColorModifier } from "../../modifiers/fullColor";
+import { useHoverConverter } from "../../modifiers/hover";
+import { useMarginModifier } from "../../modifiers/margin";
+import { usePaddingModifier } from "../../modifiers/padding";
+import { usePositionModifier } from "../../modifiers/position";
+import { useShadowModifier } from "../../modifiers/shadow";
+import { useSizeConverter } from "../../modifiers/sizeConverter";
+import { useSizeModifier } from "../../modifiers/size";
+import { useStateModifier } from "../../modifiers/state";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = function DEFAULT_PROPS(_ref) {var _ref2 = _slicedToArray(_ref, 1),sizeCode = _ref2[0].sizeCode;return {
+    paddingH: sizeCode,
+    paddingV: 2,
+    height: sizeCode,
+    br: sizeCode,
+    border: 1,
+    center: true,
+    pointer: true,
+    hover: {
+      opacity: 0.7
+    }
+  };};
+
+export function Button(_ref3) {var children = _ref3.children,dashed = _ref3.dashed,rootProps = _objectWithoutProperties(_ref3, _excluded);
+  if (dashed) rootProps = Object.assign({ outline: true }, rootProps, { borderStyle: 'dashed' });
+
+  var _pipe = pipe(
+      useColorConverter('primary'),
+      useSizeConverter('elementHeights', 'md'),
+      useThemeComponentModifier('Button'),
+      useDefaultModifier(DEFAULT_PROPS),
+      useShadowModifier,
+      useHoverConverter,
+      useCursorModifier,
+      useFullColorModifier,
+      useDisplayModifier,
+      useStateModifier,
+      useSizeModifier,
+      usePositionModifier,
+      usePaddingModifier,
+      useMarginModifier,
+      useFlexModifier,
+      useFlexWrapperModifier,
+      useBackgroundModifier,
+      useBorderModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_pipe2$ = _pipe2[0],loading = _pipe2$.loading,fontColor = _pipe2$.fontColor,sizeCode = _pipe2$.sizeCode,formattedProps = _pipe2[1];
+
+  var label = formattedProps.label,icon = formattedProps.icon,textProps = formattedProps.textProps,iconProps = formattedProps.iconProps,gap = formattedProps.gap,invert = formattedProps.invert,size = formattedProps.size,iconLabelProps = formattedProps.iconLabelProps,props = _objectWithoutProperties(formattedProps, _excluded2);
+
+  return (
+    _jsx(AbsTouchableOpacity, Object.assign({ className: "neko-button neko-wave-click-effect", type: "button" }, props, { children:
+      children ||
+      _jsx(IconLabel, Object.assign({
+        center: true,
+        color: fontColor,
+        size: sizeCode,
+        label: label,
+        icon: icon,
+        gap: gap,
+        invert: invert,
+        textProps: Object.assign({ strong: true }, textProps),
+        iconProps: iconProps,
+        loading: loading },
+      iconLabelProps)
+      ) })
+
+    ));
+
+}

package/dist/components/actions/Dropdown.js

@@ -1 +1,91 @@
-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/actions/Dropdown.js";var _excluded=["items"],_excluded2=["onChange","label","trigger","icon","strong","color","popoverProps","iconLabelProps","children","placement","gap","useBottomDrawer"];import{pipe}from'ramda';import{DrawerScrollView}from"../modals";import{IconLabel}from"../presentation/IconLabel";import{Link}from"./Link";import{Menu}from"./menu/Menu";import{Popover}from"../structure/popover/Popover";import{View}from"../structure/View";import{useResponsiveValue}from"../../responsive";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function Dropdown(_ref){var _this=this;var items=_ref.items,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('Dropdown'))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],formattedProps=_pipe2[1];var onChange=formattedProps.onChange,label=formattedProps.label,_formattedProps$trigg=formattedProps.trigger,trigger=_formattedProps$trigg===void 0?'click':_formattedProps$trigg,icon=formattedProps.icon,strong=formattedProps.strong,color=formattedProps.color,popoverProps=formattedProps.popoverProps,iconLabelProps=formattedProps.iconLabelProps,children=formattedProps.children,placement=formattedProps.placement,gap=formattedProps.gap,useBottomDrawer=formattedProps.useBottomDrawer,props=_objectWithoutProperties(formattedProps,_excluded2);useBottomDrawer=useResponsiveValue(useBottomDrawer||{native:true,sm:true,md:true});return _jsx(View,Object.assign({className:"neko-dropdown"},props,{children:_jsx(Popover,Object.assign({useParentMinWidth:true,placement:placement||'bottomLeft',trigger:trigger,padding:0,contentProps:{padding:0},useBottomDrawer:useBottomDrawer},popoverProps,{renderContent:function renderContent(_ref2){var onClose=_ref2.onClose;var handleChange=function handleChange(){if(onChange)onChange.apply(void 0,arguments);onClose();};return _jsx(DrawerScrollView,{children:_jsx(Menu,{vertical:true,items:items,onChange:handleChange,linkPaddingH:useBottomDrawer?'md':'sm',linkMinHeight:useBottomDrawer?'xl':'md',withDivider:useBottomDrawer})});},children:children||_jsx(Link,{children:_jsx(IconLabel,Object.assign({label:label||'---',icon:icon||'arrow-down-s-fill',strong:strong,color:color,invert:true,gap:gap},iconLabelProps))})}))}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/actions/Dropdown.js";var _excluded = ["items"],_excluded2 = ["onChange", "label", "trigger", "icon", "strong", "color", "popoverProps", "iconLabelProps", "children", "placement", "gap", "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 { pipe } from 'ramda';
+
+import { DrawerScrollView } from "../modals";
+import { IconLabel } from "../presentation/IconLabel";
+import { Link } from "./Link";
+import { Menu } from "./menu/Menu";
+import { Popover } from "../structure/popover/Popover";
+import { View } from "../structure/View";
+import { useResponsiveValue } from "../../responsive";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+
+export function Dropdown(_ref) {var _this = this;var items = _ref.items,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('Dropdown')
+
+
+
+
+
+
+
+
+
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_ = _pipe2[0],formattedProps = _pipe2[1];
+
+  var
+    onChange =
+
+
+
+
+
+
+
+
+
+
+
+
+    formattedProps.onChange,label = formattedProps.label,_formattedProps$trigg = formattedProps.trigger,trigger = _formattedProps$trigg === void 0 ? 'click' : _formattedProps$trigg,icon = formattedProps.icon,strong = formattedProps.strong,color = formattedProps.color,popoverProps = formattedProps.popoverProps,iconLabelProps = formattedProps.iconLabelProps,children = formattedProps.children,placement = formattedProps.placement,gap = formattedProps.gap,useBottomDrawer = formattedProps.useBottomDrawer,props = _objectWithoutProperties(formattedProps, _excluded2);
+
+  useBottomDrawer = useResponsiveValue(useBottomDrawer || { native: true, sm: true, md: true });
+
+  return (
+    _jsx(View, Object.assign({ className: "neko-dropdown" }, props, { children:
+      _jsx(Popover, Object.assign({
+        useParentMinWidth: true,
+        placement: placement || 'bottomLeft',
+        trigger: trigger,
+        padding: 0,
+
+        contentProps: { padding: 0 },
+        useBottomDrawer: useBottomDrawer },
+      popoverProps, {
+        renderContent: function renderContent(_ref2) {var onClose = _ref2.onClose;
+          var handleChange = function handleChange() {
+            if (onChange) onChange.apply(void 0, arguments);
+            onClose();
+          };
+          return (
+            _jsx(DrawerScrollView, { children:
+              _jsx(Menu, {
+                vertical: true,
+                items: items,
+                onChange: handleChange,
+                linkPaddingH: useBottomDrawer ? 'md' : 'sm',
+                linkMinHeight: useBottomDrawer ? 'xl' : 'md',
+                withDivider: useBottomDrawer }
+              ) }
+            ));
+
+        }, children:
+
+        children ||
+        _jsx(Link, { children:
+          _jsx(IconLabel, Object.assign({
+            label: label || '---',
+            icon: icon || 'arrow-down-s-fill',
+            strong: strong,
+            color: color,
+            invert: true,
+            gap: gap },
+          iconLabelProps)
+          ) }
+        ) })
+
+      ) })
+    ));
+
+}