@neko-os/ui 0.0.4 → 0.0.5

package/dist/abstractions/HiddenInput.js

@@ -0,0 +1 @@
+var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/HiddenInput.js";import{jsx as _jsx}from"react/jsx-runtime";export function AbsHiddenInput(props){return _jsx("input",Object.assign({style:{width:0,height:0,position:'absolute',opacity:0}},props));}

package/dist/abstractions/HiddenInput.native.js

@@ -0,0 +1 @@
+export function AbsHiddenInput(){return false;}

package/dist/abstractions/Icon.js

@@ -1 +1 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/Icon.js";var _excluded=["name"];import React from'react';import{capitalizeFirstLetter,toCamelCase}from"../helpers/string";import{jsx as _jsx}from"react/jsx-runtime";export function AbsIcon(_ref){var name=_ref.name,props=_objectWithoutProperties(_ref,_excluded);var _React$useState=React.useState(true),_React$useState2=_slicedToArray(_React$useState,2),loading=_React$useState2[0],setLoading=_React$useState2[1];var ref=React.useRef();var Component=(ref==null?void 0:ref.current)||function(){return false;};React.useEffect(function(){try{import('@remixicon/react').then(function(module){if(!!name&&!name.startsWith('Ri'))name='Ri'+capitalizeFirstLetter(toCamelCase(name));var IconComponent=module[name]||module['RiCircleFill'];ref.current=IconComponent;setLoading(false);});}catch(_unused){console.error('Error loading AbsIcon component');}},[]);if(loading)return false;return _jsx(Component,Object.assign({},props));}
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/Icon.js";var _excluded=["name"];import React from'react';import{capitalizeFirstLetter,toCamelCase}from"../helpers/string";import{jsx as _jsx}from"react/jsx-runtime";export function AbsIcon(_ref){var name=_ref.name,props=_objectWithoutProperties(_ref,_excluded);var _React$useState=React.useState(true),_React$useState2=_slicedToArray(_React$useState,2),loading=_React$useState2[0],setLoading=_React$useState2[1];var ref=React.useRef();var Component=(ref==null?void 0:ref.current)||function(){return false;};React.useEffect(function(){try{import('@remixicon/react').then(function(module){if(!!name&&!name.startsWith('Ri'))name='Ri'+capitalizeFirstLetter(toCamelCase(name));var IconComponent=module[name]||module['RiCircleFill'];ref.current=IconComponent;setLoading(false);});}catch(_unused){console.error('Error loading AbsIcon component');}},[]);if(loading){return _jsx("div",{style:{height:props.size,width:props.size,borderRadius:props.size,display:'flex',justifyContent:'center',alignItems:'center'},children:_jsx("div",{style:{height:props.size/3,width:props.size/3,borderRadius:props.size,backgroundColor:props.color}})});}return _jsx(Component,Object.assign({},props));}

package/dist/abstractions/Icon.native.js

@@ -1 +1 @@
-import RmIcon from'react-native-remix-icon';export var AbsIcon=RmIcon;
+var _this=this,_jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/Icon.native.js";import{jsx as _jsx}from"react/jsx-runtime";var AbsIcon;try{var _require;var RmIcon=(_require=require('react-native-remix-icon'))==null?void 0:_require.default;console.log(RmIcon);AbsIcon=function AbsIcon(props){return _jsx(RmIcon,Object.assign({},props));};}catch(_unused){AbsIcon=function AbsIcon(){return false;};}export{AbsIcon};

package/dist/abstractions/Icon.web.js

@@ -1 +1 @@
-import RmIcon from'react-native-remix-icon';export var AbsIcon=RmIcon;
+var _this=this,_jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/Icon.web.js";import{jsx as _jsx}from"react/jsx-runtime";var AbsIcon;try{var _require;var RmIcon=(_require=require('react-native-remix-icon'))==null?void 0:_require.default;console.log(RmIcon);AbsIcon=function AbsIcon(props){return _jsx(RmIcon,Object.assign({},props));};}catch(_unused){AbsIcon=function AbsIcon(){return false;};}export{AbsIcon};

package/dist/abstractions/Switch.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/Switch.js";var _excluded=["value","onValueChange","disabled","trackColor","thumbColor","height","style"];import{useCallback}from'react';import{jsx as _jsx}from"react/jsx-runtime";export function AbsSwitch(_ref){var _ref$value=_ref.value,value=_ref$value===void 0?false:_ref$value,_ref$onValueChange=_ref.onValueChange,onValueChange=_ref$onValueChange===void 0?function(){}:_ref$onValueChange,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,_ref$trackColor=_ref.trackColor,trackColor=_ref$trackColor===void 0?{false:'#767577',true:'#81b0ff'}:_ref$trackColor,thumbColor=_ref.thumbColor,_ref$height=_ref.height,height=_ref$height===void 0?32:_ref$height,style=_ref.style,rest=_objectWithoutProperties(_ref,_excluded);var isOn=!!value;var handleToggle=useCallback(function(){if(disabled)return;onValueChange(!isOn);},[disabled,isOn,onValueChange]);var onKeyDown=useCallback(function(e){if(disabled)return;if(e.key==='Enter'||e.key===' '){e.preventDefault();onValueChange(!isOn);}if(e.key==='ArrowLeft'&&isOn)onValueChange(false);if(e.key==='ArrowRight'&&!isOn)onValueChange(true);},[disabled,isOn,onValueChange]);var trackOff=trackColor&&trackColor.false||'#76757750';var trackOn=trackColor&&trackColor.true||'#81b0ff';var currentTrack=isOn?trackOn:trackOff;var defaultThumb='#ffffff';var currentThumb=thumbColor||defaultThumb;var width=1.7*height;var padding=2;var thumbSize=height-padding*2;var translateX=isOn?width-thumbSize-padding*2:0;return _jsx("button",Object.assign({type:"button",role:"switch","aria-checked":isOn,"aria-disabled":disabled,onClick:handleToggle,onKeyDown:onKeyDown,disabled:disabled,style:Object.assign({WebkitTapHighlightColor:'transparent',cursor:disabled?'not-allowed':'pointer',background:'transparent',border:'none',padding:0,margin:0,outline:'none',display:'inline-flex',alignItems:'center'},style)},rest,{children:_jsx("span",{"aria-hidden":true,style:{position:'relative',width:width,height:height,borderRadius:height/2,backgroundColor:currentTrack,transition:'background-color 150ms ease',_opacity:disabled?0.6:1,display:'inline-block'},children:_jsx("span",{style:{position:'absolute',top:padding,left:padding+translateX,width:thumbSize,height:thumbSize,borderRadius:thumbSize/2,backgroundColor:currentThumb,boxShadow:'0 1px 2px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.1)',transition:'left 150ms ease, background-color 150ms ease'}})})}));}

package/dist/abstractions/Switch.native.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/Switch.native.js";var _excluded=["height","style"];import{Switch as RNSwitch}from"react-native-web";import{jsx as _jsx}from"react/jsx-runtime";export function AbsSwitch(_ref){var height=_ref.height,style=_ref.style,props=_objectWithoutProperties(_ref,_excluded);var baseHeight=31;var transform=undefined;if(!!height){var scale=height/baseHeight;transform=[{scaleX:scale},{scaleY:scale}];}return _jsx(RNSwitch,Object.assign({style:Object.assign({transform:transform},style)},props));}

package/dist/abstractions/TouchableOpacity.js

@@ -1 +1 @@
-var _this=this,_jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/TouchableOpacity.js";import React from'react';import{jsx as _jsx}from"react/jsx-runtime";var AbsTouchableOpacity;try{var _require=require("react-native-web"),Platform=_require.Platform,RNTouchableOpacity=_require.TouchableOpacity;AbsTouchableOpacity=function AbsTouchableOpacity(props){return _jsx(RNTouchableOpacity,Object.assign({},props));};}catch(_unused){AbsTouchableOpacity=function AbsTouchableOpacity(props){return _jsx("button",Object.assign({},props));};}export{AbsTouchableOpacity};
+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));}

package/dist/abstractions/TouchableOpacity.native.js

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

package/dist/abstractions/TouchableOpacity.web.js

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

package/dist/abstractions/windowWidth.js

@@ -0,0 +1 @@
+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;}

package/dist/abstractions/windowWidth.native.js

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

package/dist/abstractions/windowWidth.web.js

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

package/dist/components/actions/Button.js

@@ -0,0 +1 @@
+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=["label","icon","textProps","iconProps","gap","invert","size"];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{useDefaultModifier}from"../../modifiers/default";import{useFlexModifier}from"../../modifiers/flex";import{useFlexWrapperModifier}from"../../modifiers/flexWrapper";import{useFullColorModifier}from"../../modifiers/fullColor";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{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,borderWidth:1,center:true};};export function Button(rootProps){var _pipe=pipe(useColorConverter('primary'),useSizeConverter('elementHeights','md'),useThemeComponentModifier('Button'),useDefaultModifier(DEFAULT_PROPS),useFullColorModifier,useSizeModifier,usePositionModifier,usePaddingModifier,useMarginModifier,useFlexModifier,useFlexWrapperModifier,useBackgroundModifier,useBorderModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],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,props=_objectWithoutProperties(formattedProps,_excluded);return _jsx(AbsTouchableOpacity,Object.assign({className:"neko-button neko-wave-click-effect"},props,{children:_jsx(IconLabel,{center:true,color:fontColor,size:sizeCode,label:label,icon:icon,gap:gap,invert:invert,textProps:Object.assign({strong:true},textProps),iconProps:iconProps})}));}

package/dist/components/actions/Link.js

@@ -0,0 +1 @@
+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/Link.js";var _excluded=["label","children","onPress"];import{pipe,is}from'ramda';import{AbsTouchableOpacity}from"../../abstractions/TouchableOpacity";import{Text}from"../text/Text";import{useDisplayModifier}from"../../modifiers/display";import{useFlexModifier}from"../../modifiers/flex";import{useFlexWrapperModifier}from"../../modifiers/flexWrapper";import{useMarginModifier}from"../../modifiers/margin";import{usePaddingModifier}from"../../modifiers/padding";import{usePositionModifier}from"../../modifiers/position";import{useSizeModifier}from"../../modifiers/size";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function Link(_ref){var label=_ref.label,children=_ref.children,onPress=_ref.onPress,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('Link'),useSizeModifier,useDisplayModifier,usePositionModifier,usePaddingModifier,useMarginModifier,useFlexWrapperModifier,useFlexModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];if(!!label||is(String,children)){children=_jsx(Text,Object.assign({primary:true},props,{children:label||children}));}return _jsx(AbsTouchableOpacity,Object.assign({className:"neko-link",link:true,onPress:!!props.disabled?undefined:onPress},props,{children:children}));}

package/dist/components/actions/index.js

@@ -0,0 +1 @@
+export*from"./Button";export*from"./Link";

package/dist/components/form/Form.js

@@ -0,0 +1 @@
+var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/Form.js";import React from'react';import{FormWrapperComponent}from"./FormWrapperComponent";import{jsx as _jsx}from"react/jsx-runtime";var FormContext=React.createContext(null);export var useFormInstance=function useFormInstance(){return React.useContext(FormContext);};export function Form(_ref){var form=_ref.form,children=_ref.children;return _jsx(FormContext.Provider,{value:form,children:_jsx(FormWrapperComponent,{form:form,children:children})});}

package/dist/components/form/FormGroup.js

@@ -0,0 +1 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/FormGroup.js";import React from'react';import{jsx as _jsx}from"react/jsx-runtime";var FormGroupContext=React.createContext(null);var useGroupPath=function useGroupPath(){var _React$useContext;return((_React$useContext=React.useContext(FormGroupContext))==null?void 0:_React$useContext.path)||[];};export function useRelativePath(name,opts){var relative=opts.relative;var listPath=!!name?Array.isArray(name)?name:[name]:[];var parentPath=useGroupPath();if(!relative)return listPath;return[].concat(_toConsumableArray(parentPath),_toConsumableArray(listPath));}export function FormGroup(_ref){var name=_ref.name;var path=useRelativePath(name,{relative:true});var value={path:path};return _jsx(FormGroupContext.Provider,{value:value,children:children});}

package/dist/components/form/FormItem.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/FormItem.js";import React from'react';import{FormGroup,useRelativePath}from"./FormGroup";import{Text}from"../text/Text";import{useFormInstance}from"./Form";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function FormItem(_ref){var name=_ref.name,relative=_ref.relative,children=_ref.children;var form=useFormInstance();var listPath=useRelativePath(name,{relative:relative});var _React$useState=React.useState(form.getFieldValue(listPath)),_React$useState2=_slicedToArray(_React$useState,2),value=_React$useState2[0],setValue=_React$useState2[1];var error=form.getError(listPath);React.useEffect(function(){return form.registerListener(listPath,function(val){return setValue(val);});},[listPath.join('$NEKOJOIN$')]);var handleChange=function handleChange(e){var _e$target$value,_e$target;var val=(_e$target$value=e==null?void 0:(_e$target=e.target)==null?void 0:_e$target.value)!=null?_e$target$value:e;form.setFieldValue(listPath,val);};var child=React.Children.only(children);var childWithProps=React.cloneElement(child,{value:value,onChange:handleChange});return _jsxs(FormGroup,{name:listPath,children:[childWithProps,error&&_jsx(Text,{color:"red",children:error})]});}

package/dist/components/form/FormList.js

@@ -0,0 +1 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/FormList.js";import React from'react';import{FormGroup,useRelativePath}from"./FormGroup";import{Text}from"../text/Text";import{useFormInstance}from"./Form";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var FormListContext=React.createContext(null);var useFormList=function useFormList(){return React.useContext(FormListContext);};export function FormList(_ref){var name=_ref.name,relative=_ref.relative,children=_ref.children;var form=useFormInstance();var listPath=useRelativePath(name,{relative:relative});var listPathStr=listPath.join('$NEKOJOIN$');var error=form.getError(listPath);var _React$useState=React.useState(function(){var initial=form.getFieldValue(listPath)||[];return initial.map(function(_,index){return{key:index,name:index};});}),_React$useState2=_slicedToArray(_React$useState,2),fields=_React$useState2[0],setFields=_React$useState2[1];React.useEffect(function(){return form.registerListener(listPath,function(val){if(Array.isArray(val)){setFields(val.map(function(_,index){return{key:index,name:index};}));}});},[listPathStr]);var add=function add(){var defaultValue=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var current=form.getFieldValue(listPath)||[];form.setFieldValue(listPath,[].concat(_toConsumableArray(current),[defaultValue]));};var addOn=function addOn(index){var defaultValue=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var current=form.getFieldValue(listPath)||[];form.setFieldValue(listPath,[].concat(_toConsumableArray(current.slice(0,index)),[defaultValue],_toConsumableArray(current.slice(index))));};var replace=function replace(index,value){var current=form.getFieldValue(listPath)||[];form.setFieldValue(listPath,current.map(function(item,i){return i===index?value:item;}));};var move=function move(fromIndex,toIndex){var current=form.getFieldValue(listPath)||[];if(fromIndex<0||fromIndex>=current.length)return;if(toIndex<0||toIndex>=current.length)return;var item=current[fromIndex];var updated=_toConsumableArray(current);updated.splice(fromIndex,1);updated.splice(toIndex,0,item);form.setFieldValue(listPath,updated);};var remove=function remove(index){var current=form.getFieldValue(listPath)||[];form.setFieldValue(listPath,current.filter(function(_,i){return i!==index;}));};var actions=React.useMemo(function(){return{add:add,addOn:addOn,replace:replace,remove:remove,move:move};},[listPathStr]);return _jsx(FormGroup,{name:listPath,children:_jsxs(FormListContext.Provider,{value:actions,children:[typeof children==='function'?children(fields,actions):React.cloneElement(React.Children.only(children),Object.assign({fields:fields},actions)),error&&_jsx(Text,{color:"red",children:error})]})});}

package/dist/components/form/FormWrapperComponent.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/FormWrapperComponent.js";var _excluded=["children","form"];import{jsx as _jsx}from"react/jsx-runtime";export function FormWrapperComponent(_ref){var children=_ref.children,form=_ref.form,props=_objectWithoutProperties(_ref,_excluded);var handleSubmit=function handleSubmit(e){e.preventDefault();form.handleSubmit();};return _jsx("form",{onSubmit:handleSubmit,children:children});}

package/dist/{form → components/form}/index.js

@@ -1 +1 @@
-export*from"./Form";export*from"./FormItem";export*from"./FormList";export*from"./FormWrapperComponent";export*from"./FormGroup";export*from"./useForm";
+export*from"./Form";export*from"./FormItem";export*from"./FormList";export*from"./FormWrapperComponent";export*from"./FormGroup";export*from"./useForm";export*from"./inputs";

package/dist/components/form/inputs/Checkbox.js

@@ -0,0 +1 @@
+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/form/inputs/Checkbox.js";var _excluded=["value","onChange","disabled"];import{pipe}from'ramda';import React from'react';import{AbsHiddenInput}from"../../../abstractions/HiddenInput";import{ContentLabel}from"../../presentation/ContentLabel";import{Link}from"../../actions/Link";import{View}from"../../structure/View";import{useColorConverter}from"../../../modifiers/colorConverter";import{useSizeConverter}from"../../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function Checkbox(_ref){var value=_ref.value,onChange=_ref.onChange,disabled=_ref.disabled,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useColorConverter('primary'),useSizeConverter('elementHeights','md'),useThemeComponentModifier('Checkbox'))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],size=_pipe2$.size,sizeCode=_pipe2$.sizeCode,color=_pipe2$.color,props=_pipe2[1];var _React$useState=React.useState(value),_React$useState2=_slicedToArray(_React$useState,2),checked=_React$useState2[0],setChecked=_React$useState2[1];var toggle=function toggle(){if(!!disabled)return;setChecked(!checked);if(onChange)onChange(!checked);};return _jsxs(Link,{onPress:toggle,className:"neko-checkbox",disabled:disabled,children:[_jsx(AbsHiddenInput,{checked:checked,onChange:toggle,type:"checkbox",disabled:disabled}),_jsx(ContentLabel,Object.assign({size:sizeCode,gap:8,content:_jsx(View,{height:size*0.75,ratio:1,borderWidth:2,padding:3,borderColor:color,br:3,center:true,children:checked&&_jsx(View,{bg:color,br:2,flex:true,fullW:true,fullH:true})})},props))]});}

package/dist/components/form/inputs/Radio.js

@@ -0,0 +1 @@
+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/form/inputs/Radio.js";var _excluded=["value","onChange","disabled"];import{pipe}from'ramda';import React from'react';import{AbsHiddenInput}from"../../../abstractions/HiddenInput";import{ContentLabel}from"../../presentation/ContentLabel";import{Link}from"../../actions/Link";import{View}from"../../structure/View";import{useColorConverter}from"../../../modifiers/colorConverter";import{useSizeConverter}from"../../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function Radio(_ref){var value=_ref.value,onChange=_ref.onChange,disabled=_ref.disabled,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useColorConverter('primary'),useSizeConverter('elementHeights','md'),useThemeComponentModifier('Radio'))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],size=_pipe2$.size,sizeCode=_pipe2$.sizeCode,color=_pipe2$.color,props=_pipe2[1];var _React$useState=React.useState(value),_React$useState2=_slicedToArray(_React$useState,2),checked=_React$useState2[0],setChecked=_React$useState2[1];var toggle=function toggle(){if(!!disabled)return;setChecked(!checked);if(onChange)onChange(!checked);};return _jsxs(Link,{onPress:toggle,className:"neko-radio",disabled:disabled,children:[_jsx(AbsHiddenInput,{checked:checked,onChange:toggle,type:"radio",disabled:disabled}),_jsx(ContentLabel,Object.assign({size:sizeCode,gap:8,content:_jsx(View,{height:size*0.75,ratio:1,borderWidth:2,padding:3,borderColor:color,br:size,center:true,children:checked&&_jsx(View,{bg:color,br:size,flex:true,fullW:true,fullH:true})})},props))]});}

package/dist/components/form/inputs/Switch.js

@@ -0,0 +1 @@
+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/form/inputs/Switch.js";var _excluded=["value","onChange","disabled"];import{pipe}from'ramda';import React from'react';import{AbsSwitch}from"../../../abstractions/Switch";import{ContentLabel}from"../../presentation/ContentLabel";import{useColorConverter}from"../../../modifiers/colorConverter";import{useSizeConverter}from"../../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function Switch(_ref){var value=_ref.value,onChange=_ref.onChange,disabled=_ref.disabled,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useColorConverter('primary'),useSizeConverter('elementHeights','md'),useThemeComponentModifier('Switch'))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],size=_pipe2$.size,sizeCode=_pipe2$.sizeCode,color=_pipe2$.color,props=_pipe2[1];var _React$useState=React.useState(value),_React$useState2=_slicedToArray(_React$useState,2),checked=_React$useState2[0],setChecked=_React$useState2[1];var toggle=function toggle(){if(!!disabled)return;setChecked(!checked);if(onChange)onChange(!checked);};return _jsx(ContentLabel,Object.assign({className:"neko-checkbox",size:sizeCode,gap:8,disabled:disabled,content:_jsx(AbsSwitch,{color:color,value:checked,onValueChange:toggle,trackColor:{true:color},disabled:disabled,height:size*0.75})},props));}

package/dist/components/form/inputs/index.js

@@ -0,0 +1 @@
+export*from"./Checkbox";export*from"./Radio";export*from"./Switch";

package/dist/components/helpers/Responsive.js

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

package/dist/components/helpers/Separator.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/helpers/Separator.js";var _excluded=["withLine","lineProps","lineWidth","lineHeight"];import{pipe}from'ramda';import{AbsView}from"../../abstractions/View";import{View}from"../structure/View";import{useColorConverter}from"../../modifiers/colorConverter";import{useDefaultModifier}from"../../modifiers/default";import{useFlexModifier}from"../../modifiers/flex";import{useFlexWrapperModifier}from"../../modifiers/flexWrapper";import{useMarginModifier}from"../../modifiers/margin";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useSizeModifier}from"../../modifiers/size";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2),_ref2$=_ref2[0],size=_ref2$.size,sizeCode=_ref2$.sizeCode,withLine=_ref2[1].withLine;return{height:withLine?2*size:size,br:sizeCode,center:true};};export function Separator(rootProps){var _pipe=pipe(useColorConverter('divider'),useSizeConverter('spaces','md'),useThemeComponentModifier('Separator'),useDefaultModifier(DEFAULT_PROPS),useSizeModifier,useMarginModifier,useFlexModifier,useFlexWrapperModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),color=_pipe2[0].color,formattedProps=_pipe2[1];var withLine=formattedProps.withLine,lineProps=formattedProps.lineProps,lineWidth=formattedProps.lineWidth,_formattedProps$lineH=formattedProps.lineHeight,lineHeight=_formattedProps$lineH===void 0?1:_formattedProps$lineH,props=_objectWithoutProperties(formattedProps,_excluded);return _jsx(AbsView,Object.assign({className:"neko-separator"},props,{children:!!withLine&&_jsx(View,Object.assign({bg:color,br:lineHeight,height:lineHeight,fullW:true,maxWidth:lineWidth,className:"neko-separator-line"},lineProps))}));}

package/dist/components/helpers/index.js

@@ -0,0 +1 @@
+export*from"./Separator";export*from"./Responsive";

package/dist/components/index.js

@@ -0,0 +1 @@
+export*from"./actions";export*from"./form";export*from"./presentation";export*from"./structure";export*from"./text";export*from"./helpers";

package/dist/components/presentation/ContentLabel.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/ContentLabel.js";var _excluded=["label","content","textProps","size","invert","gap"];import{pipe}from'ramda';import{Text}from"../text/Text";import{View}from"../structure/View";import{useColorConverter}from"../../modifiers/colorConverter";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function ContentLabel(rootProps){var _pipe=pipe(useColorConverter(),useThemeComponentModifier('ContentLabel'))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),color=_pipe2[0].color,formattedProps=_pipe2[1];var label=formattedProps.label,content=formattedProps.content,textProps=formattedProps.textProps,_formattedProps$size=formattedProps.size,size=_formattedProps$size===void 0?'md':_formattedProps$size,invert=formattedProps.invert,_formattedProps$gap=formattedProps.gap,gap=_formattedProps$gap===void 0?5:_formattedProps$gap,props=_objectWithoutProperties(formattedProps,_excluded);return _jsxs(View,Object.assign({className:"neko-content-label",row:true,gap:gap,centerV:true},props,{children:[!invert&&content,_jsx(Text,Object.assign({color:color,size:size},textProps,{children:label})),!!invert&&content]}));}

package/dist/components/presentation/Icon.js

@@ -0,0 +1 @@
+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/presentation/Icon.js";var _excluded=["name"];import{pipe}from'ramda';import{AbsIcon}from"../../abstractions/Icon";import{useColorConverter}from"../../modifiers/colorConverter";import{useMarginModifier}from"../../modifiers/margin";import{usePositionModifier}from"../../modifiers/position";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function Icon(_ref){var name=_ref.name,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useSizeConverter('icons','md'),useColorConverter('text'),useThemeComponentModifier('Icon'),usePositionModifier,useMarginModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],size=_pipe2$.size,color=_pipe2$.color,props=_pipe2[1];return _jsx(AbsIcon,Object.assign({className:"neko-icon",name:name,color:color,size:size},props));}

package/dist/components/presentation/IconLabel.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/IconLabel.js";var _excluded=["icon","iconProps"];import{pipe}from'ramda';import{ContentLabel}from"./ContentLabel";import{Icon}from"./Icon";import{useColorConverter}from"../../modifiers/colorConverter";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function IconLabel(rootProps){var _pipe=pipe(useColorConverter(),useSizeConverter('icons','md'),useThemeComponentModifier('IconLabel'))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],sizeCode=_pipe2$.sizeCode,color=_pipe2$.color,formattedProps=_pipe2[1];var icon=formattedProps.icon,iconProps=formattedProps.iconProps,props=_objectWithoutProperties(formattedProps,_excluded);return _jsx(ContentLabel,Object.assign({className:"neko-icon-label",color:color,size:sizeCode,content:!!icon&&_jsx(Icon,Object.assign({name:icon,size:sizeCode,color:color},iconProps))},props));}export var IconText=IconLabel;

package/dist/components/presentation/Tag.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/Tag.js";var _excluded=["label","icon","textProps","iconProps","gap","invert"];import{pipe}from'ramda';import{AbsView}from"../../abstractions/View";import{IconLabel}from"./IconLabel";import{View}from"../structure/View";import{moveScale}from"../../theme/helpers/sizeScale";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useColorConverter}from"../../modifiers/colorConverter";import{useDefaultModifier}from"../../modifiers/default";import{useFlexModifier}from"../../modifiers/flex";import{useFlexWrapperModifier}from"../../modifiers/flexWrapper";import{useFullColorModifier}from"../../modifiers/fullColor";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{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;var oneSizeDown=moveScale(sizeCode,-1);var twoSizeDown=moveScale(sizeCode,-2);var threeSizeDown=moveScale(sizeCode,-3);return{paddingH:twoSizeDown,padding:threeSizeDown,outline:true,br:threeSizeDown,borderWidth:1,center:true};};export function Tag(rootProps){var _pipe=pipe(useColorConverter('primary'),useSizeConverter('elementHeights','md'),useThemeComponentModifier('Tag'),useDefaultModifier(DEFAULT_PROPS),useFullColorModifier,useSizeModifier,usePositionModifier,usePaddingModifier,useMarginModifier,useFlexModifier,useFlexWrapperModifier,useBackgroundModifier,useBorderModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],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,props=_objectWithoutProperties(formattedProps,_excluded);return _jsx(View,{className:"neko-tag",row:true,children:_jsx(AbsView,Object.assign({className:"neko-tag-inner"},props,{children:_jsx(IconLabel,{center:true,color:fontColor,size:moveScale(sizeCode,-1),label:label,icon:icon,gap:gap,invert:invert,textProps:Object.assign({strong:true},textProps),iconProps:iconProps})}))});}

package/dist/components/presentation/index.js

@@ -0,0 +1 @@
+export*from"./Tag";export*from"./Icon";export*from"./IconLabel";

package/dist/components/structure/Card.js

@@ -0,0 +1 @@
+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/structure/Card.js";var _excluded=["children"];import{pipe}from'ramda';import{AbsView}from"../../abstractions/View";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useDefaultModifier}from"../../modifiers/default";import{useFlexModifier}from"../../modifiers/flex";import{useFlexWrapperModifier}from"../../modifiers/flexWrapper";import{useMarginModifier}from"../../modifiers/margin";import{usePaddingModifier}from"../../modifiers/padding";import{usePositionModifier}from"../../modifiers/position";import{useShadowModifier}from"../../modifiers/shadow";import{useSizeModifier}from"../../modifiers/size";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS={padding:'md',br:'xlg',bg:'overlayBG'};export function Card(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('Card'),useDefaultModifier(DEFAULT_PROPS),useSizeModifier,usePositionModifier,usePaddingModifier,useMarginModifier,useFlexWrapperModifier,useFlexModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];return _jsx(AbsView,Object.assign({className:"neko-card"},props,{children:children}));}

package/dist/components/structure/View.js

@@ -0,0 +1 @@
+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/structure/View.js";var _excluded=["children"];import{pipe}from'ramda';import{AbsView}from"../../abstractions/View";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useDisplayModifier}from"../../modifiers/display";import{useFlexModifier}from"../../modifiers/flex";import{useFlexWrapperModifier}from"../../modifiers/flexWrapper";import{useMarginModifier}from"../../modifiers/margin";import{usePaddingModifier}from"../../modifiers/padding";import{usePositionModifier}from"../../modifiers/position";import{useShadowModifier}from"../../modifiers/shadow";import{useSizeModifier}from"../../modifiers/size";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function View(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('View'),useDisplayModifier,useSizeModifier,usePositionModifier,usePaddingModifier,useMarginModifier,useFlexWrapperModifier,useFlexModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];return _jsx(AbsView,Object.assign({className:"neko-view"},props,{children:children}));}

package/dist/components/text/Text.js

@@ -0,0 +1 @@
+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/text/Text.js";var _excluded=["children","label"];import{pipe}from'ramda';import{AbsText}from"../../abstractions/Text";import{useColorConverter}from"../../modifiers/colorConverter";import{useFlexModifier}from"../../modifiers/flex";import{useMarginModifier}from"../../modifiers/margin";import{usePaddingModifier}from"../../modifiers/padding";import{useSizeModifier}from"../../modifiers/size";import{useTextConverter}from"../../modifiers/textConverter";import{useTextModifier}from"../../modifiers/text";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function Text(_ref){var children=_ref.children,label=_ref.label,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useColorConverter('text'),useTextConverter('p'),useThemeComponentModifier('Text'),useSizeModifier,usePaddingModifier,useMarginModifier,useFlexModifier,useTextModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];return _jsx(AbsText,Object.assign({},props,{children:children||label}));}export var Title=Text;

package/dist/helpers/index.js

@@ -0,0 +1 @@
+export*from"./responsive";export*from"./string";

package/dist/helpers/responsive.js

@@ -0,0 +1 @@
+import{is}from'ramda';import{useBreakpoints}from"../theme/ThemeHandler";import{useWindowWidth}from"../abstractions/windowWidth";export function useResponsiveScreen(){var _breakpoints;var breakpoints=useBreakpoints();var width=useWindowWidth();if(!(breakpoints!=null&&breakpoints.length))return false;for(var i=0;i<breakpoints.length;i++){if(width<breakpoints[i].value){return breakpoints[i].name;}}return(_breakpoints=breakpoints[breakpoints.length-1])==null?void 0:_breakpoints.name;}export function useResponsiveValue(value){var breakpoints=useBreakpoints();var width=useWindowWidth();var screen=useResponsiveScreen();if(!is(Object,value))return value;if(value[screen])return value[screen];var keys=Object.keys(value);var _loop=function _loop(){var match=k.match(/^(\w+)([du])$/);if(!match)return 0;var bpName=match[1];var mode=match[2];var bpIndex=breakpoints.findIndex(function(b){return b.name===bpName;});if(bpIndex===-1)return 0;if(mode==='u'){var lowerBound=bpIndex>0?breakpoints[bpIndex-1].value:0;if(width>=lowerBound)return{v:value[k]};}if(mode==='d'){if(width<breakpoints[bpIndex].value)return{v:value[k]};}},_ret;for(var k of keys){_ret=_loop();if(_ret===0)continue;if(_ret)return _ret.v;}return value==null?void 0:value.df;}

package/dist/index.css

@@ -25,6 +25,11 @@ body {
   min-height: 100vh;
 }
 
+a,
+button {
+  cursor: pointer;
+}
+
 .neko-wave-click-effect {
   position: relative;
   padding: 10px 20px;

package/dist/index.js

@@ -1 +1 @@
-export*from"./structure";export*from"./actions";export*from"./presentation";export*from"./text";export*from"./theme";export*from"./NekoUI";export var version=41;
+export*from"./helpers";export*from"./components";export*from"./theme";export*from"./NekoUI";export var version=41;

package/dist/modifiers/background.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["bg","background","backgroundColor"];import{clearProps}from"./_helpers";import{useGetColor}from"../theme/ThemeHandler";export function useBackgroundModifier(props){var _ref;var getColor=useGetColor();var bg=props.bg,background=props.background,backgroundColor=props.backgroundColor,restProps=_objectWithoutProperties(props,_excluded);backgroundColor=getColor((_ref=bg!=null?bg:background)!=null?_ref:backgroundColor);var style=clearProps({backgroundColor:backgroundColor});return Object.assign({},restProps,{style:Object.assign({},props.style,style)});}
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["bg","background","backgroundColor"];import{clearProps}from"./_helpers";import{useGetColor}from"../theme/ThemeHandler";export function useBackgroundModifier(_ref){var _ref3;var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getColor=useGetColor();var bg=props.bg,background=props.background,backgroundColor=props.backgroundColor,restProps=_objectWithoutProperties(props,_excluded);backgroundColor=getColor((_ref3=bg!=null?bg:background)!=null?_ref3:backgroundColor);var style=clearProps({backgroundColor:backgroundColor});return[values,Object.assign({},restProps,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/border.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["br","brT","borderRadiusT","brB","borderRadiusB","brL","borderRadiusL","brR","borderRadiusR","borderRadius","borderStyle","borderWidth","borderColor","brColor","round"];import{clearProps}from"./_helpers";import{useGetColor,useGetRadius}from"../theme/ThemeHandler";export function useBorderModifier(props){var _ref,_ref2,_ref3,_ref4,_ref5,_ref6,_ref7,_ref8,_ref9,_ref0,_ref1,_ref10,_ref11,_ref12,_ref13,_ref14;var getRadius=useGetRadius();var getColor=useGetColor();var br=props.br,brT=props.brT,borderRadiusT=props.borderRadiusT,brB=props.brB,borderRadiusB=props.borderRadiusB,brL=props.brL,borderRadiusL=props.borderRadiusL,brR=props.brR,borderRadiusR=props.borderRadiusR,borderRadius=props.borderRadius,borderStyle=props.borderStyle,borderWidth=props.borderWidth,borderColor=props.borderColor,brColor=props.brColor,round=props.round,restProps=_objectWithoutProperties(props,_excluded);if(round)br=1000;var borderTopRightRadius=getRadius((_ref=(_ref2=(_ref3=(_ref4=brT!=null?brT:borderRadiusT)!=null?_ref4:brR)!=null?_ref3:borderRadiusR)!=null?_ref2:borderRadius)!=null?_ref:br);var borderTopLeftRadius=getRadius((_ref5=(_ref6=(_ref7=(_ref8=brT!=null?brT:borderRadiusT)!=null?_ref8:brL)!=null?_ref7:borderRadiusL)!=null?_ref6:borderRadius)!=null?_ref5:br);var borderBottomRightRadius=getRadius((_ref9=(_ref0=(_ref1=(_ref10=brB!=null?brB:borderRadiusB)!=null?_ref10:brR)!=null?_ref1:borderRadiusR)!=null?_ref0:borderRadius)!=null?_ref9:br);var borderBottomLeftRadius=getRadius((_ref11=(_ref12=(_ref13=(_ref14=brB!=null?brB:borderRadiusB)!=null?_ref14:brL)!=null?_ref13:borderRadiusL)!=null?_ref12:borderRadius)!=null?_ref11:br);if(!!borderColor||brColor)borderColor=getColor(brColor!=null?brColor:borderColor);borderStyle=borderStyle;if(!!borderWidth)borderStyle='solid';var style=clearProps({borderStyle:borderStyle,borderTopRightRadius:borderTopRightRadius,borderTopLeftRadius:borderTopLeftRadius,borderBottomRightRadius:borderBottomRightRadius,borderBottomLeftRadius:borderBottomLeftRadius,borderColor:borderColor,borderWidth:borderWidth});return Object.assign({},restProps,{style:Object.assign({},props.style,style)});}
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["br","brT","borderRadiusT","brB","borderRadiusB","brL","borderRadiusL","brR","borderRadiusR","borderRadius","borderStyle","borderWidth","borderColor","brColor","round"];import{clearProps}from"./_helpers";import{useGetColor,useGetRadius}from"../theme/ThemeHandler";export function useBorderModifier(_ref){var _ref3,_ref4,_ref5,_ref6,_ref7,_ref8,_ref9,_ref0,_ref1,_ref10,_ref11,_ref12,_ref13,_ref14,_ref15,_ref16;var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getRadius=useGetRadius();var getColor=useGetColor();var br=props.br,brT=props.brT,borderRadiusT=props.borderRadiusT,brB=props.brB,borderRadiusB=props.borderRadiusB,brL=props.brL,borderRadiusL=props.borderRadiusL,brR=props.brR,borderRadiusR=props.borderRadiusR,borderRadius=props.borderRadius,borderStyle=props.borderStyle,borderWidth=props.borderWidth,borderColor=props.borderColor,brColor=props.brColor,round=props.round,restProps=_objectWithoutProperties(props,_excluded);if(round)br=1000;var borderTopRightRadius=getRadius((_ref3=(_ref4=(_ref5=(_ref6=brT!=null?brT:borderRadiusT)!=null?_ref6:brR)!=null?_ref5:borderRadiusR)!=null?_ref4:borderRadius)!=null?_ref3:br);var borderTopLeftRadius=getRadius((_ref7=(_ref8=(_ref9=(_ref0=brT!=null?brT:borderRadiusT)!=null?_ref0:brL)!=null?_ref9:borderRadiusL)!=null?_ref8:borderRadius)!=null?_ref7:br);var borderBottomRightRadius=getRadius((_ref1=(_ref10=(_ref11=(_ref12=brB!=null?brB:borderRadiusB)!=null?_ref12:brR)!=null?_ref11:borderRadiusR)!=null?_ref10:borderRadius)!=null?_ref1:br);var borderBottomLeftRadius=getRadius((_ref13=(_ref14=(_ref15=(_ref16=brB!=null?brB:borderRadiusB)!=null?_ref16:brL)!=null?_ref15:borderRadiusL)!=null?_ref14:borderRadius)!=null?_ref13:br);if(!!borderColor||brColor)borderColor=getColor(brColor!=null?brColor:borderColor);borderStyle=borderStyle;if(!!borderWidth)borderStyle='solid';var style=clearProps({borderStyle:borderStyle,borderTopRightRadius:borderTopRightRadius,borderTopLeftRadius:borderTopLeftRadius,borderBottomRightRadius:borderBottomRightRadius,borderBottomLeftRadius:borderBottomLeftRadius,borderColor:borderColor,borderWidth:borderWidth});return[values,Object.assign({},restProps,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/colorConverter.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{getColorFromProps}from"../theme/helpers/colorScale";import{useGetColor}from"../theme/ThemeHandler";export function useColorConverter(defaultValue){var getColor=useGetColor();return function(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var _getColorFromProps=getColorFromProps(props,defaultValue),_getColorFromProps2=_slicedToArray(_getColorFromProps,2),colorCode=_getColorFromProps2[0],formattedProps=_getColorFromProps2[1];var color=getColor(colorCode);return[Object.assign({},values,{color:color,colorCode:colorCode}),formattedProps];};}

package/dist/modifiers/default.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{mergeDeepRight,is}from'ramda';export function useDefaultModifier(defaultPropsOrFunc){return function(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var defaultProps=(is(Function,defaultPropsOrFunc)?defaultPropsOrFunc([values,props]):defaultPropsOrFunc)||{};return[values,mergeDeepRight(defaultProps,props)];};}

package/dist/modifiers/display.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["cursor","opacity","disabled","hidden","display"];import{clearProps}from"./_helpers";export function useDisplayModifier(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var cursor=props.cursor,opacity=props.opacity,disabled=props.disabled,hidden=props.hidden,display=props.display,restProps=_objectWithoutProperties(props,_excluded);if(!!hidden)display='hidden';if(!!disabled){opacity=opacity||0.4;cursor='not-allowed';}var style=clearProps({display:display,opacity:opacity,cursor:cursor});return[values,Object.assign({},restProps,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/flex.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["flex"];import{clearProps}from"./_helpers";export function useFlexModifier(props){var flex=props.flex,restProps=_objectWithoutProperties(props,_excluded);if(flex===true)flex=1;var style=clearProps({flex:flex});return Object.assign({},restProps,{style:Object.assign({},props.style,style)});}
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["flex"];import{clearProps}from"./_helpers";export function useFlexModifier(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var flex=props.flex,restProps=_objectWithoutProperties(props,_excluded);if(flex===true)flex=1;var style=clearProps({flex:flex});return[values,Object.assign({},restProps,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/flexWrapper.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["justify","align","center","centerV","centerH","toRight","toBottom","direction","row","wrap","gap"];import{clearProps}from"./_helpers";import{useGetSpace}from"../theme/ThemeHandler";export function useFlexWrapperModifier(props){var getSpace=useGetSpace();var justify=props.justify,align=props.align,center=props.center,centerV=props.centerV,centerH=props.centerH,toRight=props.toRight,toBottom=props.toBottom,direction=props.direction,row=props.row,wrap=props.wrap,gap=props.gap,restProps=_objectWithoutProperties(props,_excluded);var justifyContent=justify;var alignItems=align;var flexDirection=direction||'column';var flexWrap;gap=getSpace(gap);if(center){justifyContent='center';alignItems='center';}else{if(centerV)justifyContent='center';if(toBottom)justifyContent='flex-end';if(centerH)alignItems='center';if(toRight)alignItems='flex-end';}if(row)flexDirection='row';if(wrap)flexWrap='wrap';var style=clearProps({display:'flex',justifyContent:justifyContent,alignItems:alignItems,flexDirection:flexDirection,flexWrap:flexWrap,gap:gap});return Object.assign({},restProps,{style:Object.assign({},props.style,style)});}
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["justify","align","center","centerV","centerH","toRight","toBottom","direction","row","wrap","gap"];import{clearProps}from"./_helpers";import{useGetSpace}from"../theme/ThemeHandler";export function useFlexWrapperModifier(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getSpace=useGetSpace();var justify=props.justify,align=props.align,center=props.center,centerV=props.centerV,centerH=props.centerH,toRight=props.toRight,toBottom=props.toBottom,direction=props.direction,row=props.row,wrap=props.wrap,gap=props.gap,restProps=_objectWithoutProperties(props,_excluded);var justifyContent=justify;var alignItems=align;var flexDirection=direction||'column';var flexWrap;gap=getSpace(gap);if(center){justifyContent='center';alignItems='center';}else{if(centerH)justifyContent='center';if(toBottom)justifyContent='flex-end';if(centerV)alignItems='center';if(toRight)alignItems='flex-end';}if(row)flexDirection='row';if(wrap)flexWrap='wrap';var style=clearProps({display:'flex',justifyContent:justifyContent,alignItems:alignItems,flexDirection:flexDirection,flexWrap:flexWrap,gap:gap});return[values,Object.assign({},restProps,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/fullColor.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["color"],_excluded2=["outline"];import tinycolor from'tinycolor2';import{useGetColor}from"../theme/ThemeHandler";export function useFullColorModifier(_ref){var _ref2=_slicedToArray(_ref,2),_ref2$=_ref2[0],color=_ref2$.color,values=_objectWithoutProperties(_ref2$,_excluded),_ref2$2=_ref2[1],outline=_ref2$2.outline,props=_objectWithoutProperties(_ref2$2,_excluded2);var getColor=useGetColor();var bg=color;var bgObj=tinycolor(getColor(bg));var borderColor=color;var fontColor='text';var fontColorObj=tinycolor(getColor('text'));if(!!outline){bg='transparent';fontColor=color;}else if(bgObj.isDark()===fontColorObj.isDark()){fontColor='overlayBG';}return[Object.assign({},values,{fontColor:fontColor}),Object.assign({},props,{bg:bg,borderColor:borderColor})];}

package/dist/modifiers/logger.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";export function useLoggerModifier(key){return function(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];console.log(key,values,props);return[values,props];};}

package/dist/modifiers/margin.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["marginT","marginB","marginL","marginR","marginV","marginH","margin"];import{clearProps}from"./_helpers";import{useGetSpace}from"../theme/ThemeHandler";export function useMarginModifier(props){var _ref,_ref2,_ref3,_ref4;var getSpace=useGetSpace();var marginT=props.marginT,marginB=props.marginB,marginL=props.marginL,marginR=props.marginR,marginV=props.marginV,marginH=props.marginH,margin=props.margin,restProps=_objectWithoutProperties(props,_excluded);var marginTop=getSpace((_ref=marginT!=null?marginT:marginV)!=null?_ref:margin);var marginBottom=getSpace((_ref2=marginB!=null?marginB:marginV)!=null?_ref2:margin);var marginRight=getSpace((_ref3=marginR!=null?marginR:marginH)!=null?_ref3:margin);var marginLeft=getSpace((_ref4=marginL!=null?marginL:marginH)!=null?_ref4:margin);var style=clearProps({marginTop:marginTop,marginBottom:marginBottom,marginRight:marginRight,marginLeft:marginLeft});return Object.assign({},restProps,{style:Object.assign({},props.style,style)});}
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["marginT","marginB","marginL","marginR","marginV","marginH","margin"];import{clearProps}from"./_helpers";import{useGetSpace}from"../theme/ThemeHandler";export function useMarginModifier(_ref){var _ref3,_ref4,_ref5,_ref6;var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getSpace=useGetSpace();var marginT=props.marginT,marginB=props.marginB,marginL=props.marginL,marginR=props.marginR,marginV=props.marginV,marginH=props.marginH,margin=props.margin,restProps=_objectWithoutProperties(props,_excluded);var marginTop=getSpace((_ref3=marginT!=null?marginT:marginV)!=null?_ref3:margin);var marginBottom=getSpace((_ref4=marginB!=null?marginB:marginV)!=null?_ref4:margin);var marginRight=getSpace((_ref5=marginR!=null?marginR:marginH)!=null?_ref5:margin);var marginLeft=getSpace((_ref6=marginL!=null?marginL:marginH)!=null?_ref6:margin);var style=clearProps({marginTop:marginTop,marginBottom:marginBottom,marginRight:marginRight,marginLeft:marginLeft});return[values,Object.assign({},restProps,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/padding.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["paddingT","paddingB","paddingL","paddingR","paddingV","paddingH","padding"];import{clearProps}from"./_helpers";import{useGetSpace}from"../theme/ThemeHandler";export function usePaddingModifier(props){var _ref,_ref2,_ref3,_ref4;var getSpace=useGetSpace();var paddingT=props.paddingT,paddingB=props.paddingB,paddingL=props.paddingL,paddingR=props.paddingR,paddingV=props.paddingV,paddingH=props.paddingH,padding=props.padding,restProps=_objectWithoutProperties(props,_excluded);var paddingTop=getSpace((_ref=paddingT!=null?paddingT:paddingV)!=null?_ref:padding);var paddingBottom=getSpace((_ref2=paddingB!=null?paddingB:paddingV)!=null?_ref2:padding);var paddingRight=getSpace((_ref3=paddingR!=null?paddingR:paddingH)!=null?_ref3:padding);var paddingLeft=getSpace((_ref4=paddingL!=null?paddingL:paddingH)!=null?_ref4:padding);var style=clearProps({paddingTop:paddingTop,paddingBottom:paddingBottom,paddingRight:paddingRight,paddingLeft:paddingLeft});return Object.assign({},restProps,{style:Object.assign({},props.style,style)});}
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["paddingT","paddingB","paddingL","paddingR","paddingV","paddingH","padding"];import{clearProps}from"./_helpers";import{useGetSpace}from"../theme/ThemeHandler";export function usePaddingModifier(_ref){var _ref3,_ref4,_ref5,_ref6;var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getSpace=useGetSpace();var paddingT=props.paddingT,paddingB=props.paddingB,paddingL=props.paddingL,paddingR=props.paddingR,paddingV=props.paddingV,paddingH=props.paddingH,padding=props.padding,restProps=_objectWithoutProperties(props,_excluded);var paddingTop=getSpace((_ref3=paddingT!=null?paddingT:paddingV)!=null?_ref3:padding);var paddingBottom=getSpace((_ref4=paddingB!=null?paddingB:paddingV)!=null?_ref4:padding);var paddingRight=getSpace((_ref5=paddingR!=null?paddingR:paddingH)!=null?_ref5:padding);var paddingLeft=getSpace((_ref6=paddingL!=null?paddingL:paddingH)!=null?_ref6:padding);var style=clearProps({paddingTop:paddingTop,paddingBottom:paddingBottom,paddingRight:paddingRight,paddingLeft:paddingLeft});return[values,Object.assign({},restProps,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/position.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["position","absolute","relative","top","bottom","left","right"];import{clearProps}from"./_helpers";export function usePositionModifier(props){var position=props.position,absolute=props.absolute,relative=props.relative,top=props.top,bottom=props.bottom,left=props.left,right=props.right,restProps=_objectWithoutProperties(props,_excluded);if(absolute)position='absolute';if(relative)position='relative';var style=clearProps({position:position,top:top,bottom:bottom,left:left,right:right});return Object.assign({},restProps,{style:Object.assign({},props.style,style)});}
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["position","absolute","relative","top","bottom","left","right"];import{clearProps}from"./_helpers";export function usePositionModifier(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var position=props.position,absolute=props.absolute,relative=props.relative,top=props.top,bottom=props.bottom,left=props.left,right=props.right,restProps=_objectWithoutProperties(props,_excluded);if(absolute)position='absolute';if(relative)position='relative';var style=clearProps({position:position,top:top,bottom:bottom,left:left,right:right});return[values,Object.assign({},restProps,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/shadow.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["shadow"];import{clearProps}from"./_helpers";import{useGetColor}from"../theme/ThemeHandler";export function useShadowModifier(props){var getColor=useGetColor();var shadow=props.shadow,restProps=_objectWithoutProperties(props,_excluded);var boxShadow,shadowRadius,shadowOffset,shadowOpacity,shadowColor,elevation;if(shadow===true){shadow=getColor('shadow');}else if(!!shadow){shadow=getColor(shadow);}if(!!shadow){boxShadow=`0 1px 10px ${shadow}`;shadowRadius=10;shadowOffset={width:0,height:1};shadowOpacity=1;elevation=10;shadowColor=shadow;}var style=clearProps({boxShadow:boxShadow,shadowRadius:shadowRadius,shadowOffset:shadowOffset,shadowOpacity:shadowOpacity,shadowColor:shadowColor,elevation:elevation});return Object.assign({},restProps,{style:Object.assign({},props.style,style)});}
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["shadow"];import{clearProps}from"./_helpers";import{useGetColor}from"../theme/ThemeHandler";export function useShadowModifier(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getColor=useGetColor();var shadow=props.shadow,restProps=_objectWithoutProperties(props,_excluded);var boxShadow,shadowRadius,shadowOffset,shadowOpacity,shadowColor,elevation;if(shadow===true){shadow=getColor('shadow');}else if(!!shadow){shadow=getColor(shadow);}if(!!shadow){boxShadow=`0 1px 10px ${shadow}`;shadowRadius=10;shadowOffset={width:0,height:1};shadowOpacity=1;elevation=10;shadowColor=shadow;}var style=clearProps({boxShadow:boxShadow,shadowRadius:shadowRadius,shadowOffset:shadowOffset,shadowOpacity:shadowOpacity,shadowColor:shadowColor,elevation:elevation});return[values,Object.assign({},restProps,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/size.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["width","height","minH","minHeight","maxH","maxHeight","minWidth","minW","maxWidth","maxW","fullWidth","fullW","fullHeight","fullH","ratio","square"];import{clearProps}from"./_helpers";import{useGetElementHeight}from"../theme/ThemeHandler";export function useSizeModifier(props){var getHeight=useGetElementHeight();var _ref=props||{},width=_ref.width,height=_ref.height,minH=_ref.minH,minHeight=_ref.minHeight,maxH=_ref.maxH,maxHeight=_ref.maxHeight,minWidth=_ref.minWidth,minW=_ref.minW,maxWidth=_ref.maxWidth,maxW=_ref.maxW,fullWidth=_ref.fullWidth,fullW=_ref.fullW,fullHeight=_ref.fullHeight,fullH=_ref.fullH,ratio=_ref.ratio,square=_ref.square,restProps=_objectWithoutProperties(_ref,_excluded);minHeight=getHeight(minHeight||minH);minWidth=minWidth||minW;maxHeight=maxHeight||maxH;maxWidth=maxWidth||maxW;height=getHeight(height);if(fullWidth||fullW)width='100%';if(fullHeight||fullH)height='100%';var aspectRatio=ratio;if(!!square)aspectRatio=1;var style=clearProps({height:height,width:width,minHeight:minHeight,minHeight:minHeight,maxHeight:maxHeight,maxWidth:maxWidth,aspectRatio:aspectRatio});return Object.assign({},restProps,{style:Object.assign({},props.style,style)});}
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["width","height","minH","minHeight","maxH","maxHeight","minWidth","minW","maxWidth","maxW","fullWidth","fullW","fullHeight","fullH","ratio","square"];import{clearProps}from"./_helpers";import{useGetElementHeight}from"../theme/ThemeHandler";export function useSizeModifier(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getHeight=useGetElementHeight();var _ref3=props||{},width=_ref3.width,height=_ref3.height,minH=_ref3.minH,minHeight=_ref3.minHeight,maxH=_ref3.maxH,maxHeight=_ref3.maxHeight,minWidth=_ref3.minWidth,minW=_ref3.minW,maxWidth=_ref3.maxWidth,maxW=_ref3.maxW,fullWidth=_ref3.fullWidth,fullW=_ref3.fullW,fullHeight=_ref3.fullHeight,fullH=_ref3.fullH,ratio=_ref3.ratio,square=_ref3.square,restProps=_objectWithoutProperties(_ref3,_excluded);minHeight=getHeight(minHeight||minH);minWidth=minWidth||minW;maxHeight=maxHeight||maxH;maxWidth=maxWidth||maxW;height=getHeight(height);if(fullWidth||fullW)width='100%';if(fullHeight||fullH)height='100%';var aspectRatio=ratio;if(!!square)aspectRatio=1;var style=clearProps({height:height,width:width,minHeight:minHeight,minHeight:minHeight,maxHeight:maxHeight,maxWidth:maxWidth,aspectRatio:aspectRatio});return[values,Object.assign({},restProps,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/sizeConverter.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{getSizeFromProps}from"../theme/helpers/sizeScale";import{useGetThemeValue}from"../theme/ThemeHandler";export function useSizeConverter(groupKey,defaultValue){var getSizeValue=useGetThemeValue(groupKey);return function(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var _getSizeFromProps=getSizeFromProps(props,defaultValue),_getSizeFromProps2=_slicedToArray(_getSizeFromProps,2),sizeCode=_getSizeFromProps2[0],formattedProps=_getSizeFromProps2[1];var size=getSizeValue(sizeCode);return[Object.assign({},values,{size:size,sizeCode:sizeCode}),formattedProps];};}

package/dist/modifiers/text.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size"],_excluded2=["color","opacity","bold","strong","fontWeight","weight","italic","underline","lineHeight","align","center","toRight","inherit","fontSize"];import{clearProps}from"./_helpers";import{mergePreset,useGetColor,useTexts}from"../theme/ThemeHandler";export function useTextModifier(_ref){var size=_ref.size,props=_objectWithoutProperties(_ref,_excluded);var getColor=useGetColor();var texts=useTexts();if(!size&&!props.inherit)size='p';var _mergePreset=mergePreset(texts,size,props,'p'),color=_mergePreset.color,opacity=_mergePreset.opacity,bold=_mergePreset.bold,strong=_mergePreset.strong,fontWeight=_mergePreset.fontWeight,weight=_mergePreset.weight,italic=_mergePreset.italic,underline=_mergePreset.underline,lineHeight=_mergePreset.lineHeight,align=_mergePreset.align,center=_mergePreset.center,toRight=_mergePreset.toRight,inherit=_mergePreset.inherit,fontSize=_mergePreset.fontSize,restProps=_objectWithoutProperties(_mergePreset,_excluded2);var fontStyle;if(italic)fontStyle='italic';var textDecorationLine;if(underline)textDecorationLine='underline';var textAlign=align;if(center)textAlign='center';if(toRight)textAlign='right';fontWeight=fontWeight||weight;if(bold||strong)fontWeight=600;if(!inherit)color=getColor(color||'text');var style=clearProps({fontWeight:fontWeight,fontStyle:fontStyle,textDecorationLine:textDecorationLine,lineHeight:lineHeight,textAlign:textAlign,opacity:opacity,color:color,fontSize:fontSize});return Object.assign({},restProps,{style:Object.assign({},props.style,style)});}
+import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["color","textCode"],_excluded2=["opacity","bold","strong","fontWeight","weight","italic","underline","lineHeight","align","center","toRight","inherit","fontSize"];import{clearProps}from"./_helpers";import{mergePreset}from"../theme/helpers/mergePreset";import{useGetColor,useTexts}from"../theme/ThemeHandler";export function useTextModifier(_ref){var _ref2=_slicedToArray(_ref,2),_ref2$=_ref2[0],color=_ref2$.color,textCode=_ref2$.textCode,values=_objectWithoutProperties(_ref2$,_excluded),props=Object.assign({},(_objectDestructuringEmpty(_ref2[1]),_ref2[1]));var getColor=useGetColor();var texts=useTexts();if(!textCode&&!props.inherit)textCode='p';var _mergePreset=mergePreset(texts,textCode,props,'p'),opacity=_mergePreset.opacity,bold=_mergePreset.bold,strong=_mergePreset.strong,fontWeight=_mergePreset.fontWeight,weight=_mergePreset.weight,italic=_mergePreset.italic,underline=_mergePreset.underline,lineHeight=_mergePreset.lineHeight,align=_mergePreset.align,center=_mergePreset.center,toRight=_mergePreset.toRight,inherit=_mergePreset.inherit,fontSize=_mergePreset.fontSize,restProps=_objectWithoutProperties(_mergePreset,_excluded2);var fontStyle;if(italic)fontStyle='italic';var textDecorationLine;if(underline)textDecorationLine='underline';var textAlign=align;if(center)textAlign='center';if(toRight)textAlign='right';fontWeight=fontWeight||weight;if(bold||strong)fontWeight=600;var style=clearProps({fontWeight:fontWeight,fontStyle:fontStyle,textDecorationLine:textDecorationLine,lineHeight:lineHeight,textAlign:textAlign,opacity:opacity,color:color,fontSize:fontSize});return[values,Object.assign({},restProps,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/textConverter.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{getTextFromProps}from"../theme/helpers/textScale";import{useGetThemeValue}from"../theme/ThemeHandler";export function useTextConverter(defaultValue){var getTextValue=useGetThemeValue('texts');return function(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var _getTextFromProps=getTextFromProps(props,defaultValue),_getTextFromProps2=_slicedToArray(_getTextFromProps,2),textCode=_getTextFromProps2[0],formattedProps=_getTextFromProps2[1];var text=getTextValue(textCode);return[Object.assign({},values,{text:text,textCode:textCode}),formattedProps];};}

package/dist/modifiers/themeComponent.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{mergeDeepRight}from'ramda';import{useThemeComponent}from"../theme/ThemeHandler";export function useThemeComponentModifier(componentName){var themeProps=useThemeComponent(componentName);return function(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];props=mergeDeepRight(themeProps,props);return[values,props];};}

package/dist/theme/ThemeHandler.js

@@ -1 +1 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/theme/ThemeHandler.js";import{mergeDeepRight}from'ramda';import React from'react';import{DEFAULT_LIGHT_THEME}from"./default/lightTheme";import{DEFAULT_THEMES}from"./default/themes";import{useFormattedTheme}from"./format/formatTheme";import{jsx as _jsx}from"react/jsx-runtime";var ThemeContext=React.createContext(null);export var useThemeHandler=function useThemeHandler(){return React.useContext(ThemeContext)||{};};export var useTheme=function useTheme(){return useThemeHandler().theme||DEFAULT_LIGHT_THEME;};export var useColors=function useColors(){return useTheme().colors||{};};var getColor=function getColor(colors,key){return colors[key]||key;};export var useGetColor=function useGetColor(){var colors=useColors();return function(key){return getColor(colors,key);};};export var useSpaces=function useSpaces(){return useTheme().spaces||{};};var getSpace=function getSpace(spaces,key){return spaces[key]||key;};export var useGetSpace=function useGetSpace(){var spaces=useSpaces();return function(key){return getSpace(spaces,key);};};export var useRadius=function useRadius(){return useTheme().radius||{};};var getRadius=function getRadius(radius,key){return radius[key]||key;};export var useGetRadius=function useGetRadius(){var radius=useRadius();return function(key){return getRadius(radius,key);};};export var useTexts=function useTexts(){return useTheme().texts||{};};export function mergePreset(presets,key,props,defaultKey){if(!key)return props;var preset=presets[key]||presets[defaultKey];return Object.assign({},props,preset);}export var useElementHeights=function useElementHeights(){return useTheme().elementHeights||{};};var getElementHeight=function getElementHeight(elementHeights,key){return elementHeights[key]||key;};export var useGetElementHeight=function useGetElementHeight(){var elementHeights=useElementHeights();return function(key){return getElementHeight(elementHeights,key);};};export var useThemeComponents=function useThemeComponents(){return useTheme().components||{};};export function useThemeComponent(name){var components=useThemeComponents();return components[name]||{};}export function useMergeThemeComponent(name,props){var themeProps=useThemeComponent(name);return mergeDeepRight(themeProps,props);}export function ThemeHandler(_ref){var themes=_ref.themes,initTheme=_ref.initTheme,children=_ref.children;var _React$useState=React.useState(initTheme||'light'),_React$useState2=_slicedToArray(_React$useState,2),activeThemeKey=_React$useState2[0],setActiveThemeKey=_React$useState2[1];var theme=useFormattedTheme(themes,activeThemeKey);var value={theme:theme,themes:themes,activeThemeKey:activeThemeKey,setActiveThemeKey:setActiveThemeKey};return _jsx(ThemeContext.Provider,{value:value,children:children});}
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/theme/ThemeHandler.js";import{mergeDeepRight}from'ramda';import React from'react';import{DEFAULT_LIGHT_THEME}from"./default/lightTheme";import{getThemeValue}from"./helpers/relatedScales";import{useFormattedTheme}from"./format/formatTheme";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_BREAKPOINTS=[{name:'sm',value:768},{name:'md',value:1024},{name:'lg',value:1440},{name:'xlg',value:10000}];var ThemeContext=React.createContext(null);export var useThemeHandler=function useThemeHandler(){return React.useContext(ThemeContext)||{};};export var useBreakpoints=function useBreakpoints(){var _useThemeHandler;return((_useThemeHandler=useThemeHandler())==null?void 0:_useThemeHandler.breakpoints)||DEFAULT_BREAKPOINTS;};export var useTheme=function useTheme(groupKey){var theme=useThemeHandler().theme||DEFAULT_LIGHT_THEME;if(!groupKey)return theme;return(theme==null?void 0:theme[groupKey])||{};};export var useGetThemeValue=function useGetThemeValue(groupKey){var group=useTheme(groupKey);return function(key){return getThemeValue(group,key);};};export var useColors=function useColors(){return useTheme('colors');};export var useGetColor=function useGetColor(){return useGetThemeValue('colors');};export var useSpaces=function useSpaces(){return useTheme('spaces');};export var useGetSpace=function useGetSpace(){return useGetThemeValue('spaces');};export var useRadius=function useRadius(){return useTheme('radius');};export var useGetRadius=function useGetRadius(){return useGetThemeValue('radius');};export var useElementHeights=function useElementHeights(){return useTheme('elementHeights');};export var useGetElementHeight=function useGetElementHeight(){return useGetThemeValue('elementHeights');};export var useTexts=function useTexts(){return useTheme('texts');};export var useGetText=function useGetText(){return useGetThemeValue('text');};export var useThemeComponents=function useThemeComponents(){return useTheme('components');};export function useThemeComponent(name){var components=useThemeComponents();return components[name]||{};}export function useMergeThemeComponent(name,props){var themeProps=useThemeComponent(name);return mergeDeepRight(themeProps,props);}export function ThemeHandler(_ref){var breakpoints=_ref.breakpoints,themes=_ref.themes,initTheme=_ref.initTheme,children=_ref.children;var _React$useState=React.useState(initTheme||'light'),_React$useState2=_slicedToArray(_React$useState,2),activeThemeKey=_React$useState2[0],setActiveThemeKey=_React$useState2[1];var theme=useFormattedTheme(themes,activeThemeKey);var value={theme:theme,themes:themes,activeThemeKey:activeThemeKey,setActiveThemeKey:setActiveThemeKey,breakpoints:breakpoints||DEFAULT_BREAKPOINTS};return _jsx(ThemeContext.Provider,{value:value,children:children});}

package/dist/theme/default/base.js

@@ -1 +1 @@
-export var BASE_THEME={spaces:{xxxsm:1,xxsm:3,xsm:5,sm:10,md:15,lg:20,xlg:30,xxlg:40,xxxlg:50},radius:{xxxsm:4,xxsm:5,xsm:5,sm:7,md:8,lg:10,xlg:12,xxlg:15,xxxlg:18},elementHeights:{xsm:20,sm:30,md:35,lg:50,xlg:60},texts:{h1:{fontSize:32,strong:true},h2:{fontSize:26,strong:true},h3:{fontSize:22,strong:true},h4:{fontSize:18,strong:true},h5:{fontSize:16,strong:true},h6:{fontSize:14,strong:true},p:{fontSize:14},sm:{fontSize:12},xsm:{fontSize:10},xxsm:{fontSize:8}}};
+export var BASE_THEME={spaces:{xxxsm:1,xxsm:3,xsm:5,sm:10,md:15,lg:20,xlg:30,xxlg:40,xxxlg:50},radius:{xxxsm:4,xxsm:5,xsm:5,sm:7,md:8,lg:10,xlg:12,xxlg:15,xxxlg:18},icons:{xxxsm:10,xxsm:12,xsm:14,sm:16,md:18,lg:22,xlg:26,xxlg:28,xxxlg:32},elementHeights:{xsm:20,sm:30,md:35,lg:50,xlg:60},texts:{h1:{fontSize:32,strong:true},h2:{fontSize:26,strong:true},h3:{fontSize:22,strong:true},h4:{fontSize:18,strong:true},h5:{fontSize:16,strong:true},h6:{fontSize:14,strong:true},p:{fontSize:14},sm:{fontSize:12},xsm:{fontSize:10},xxsm:{fontSize:8}}};

package/dist/theme/default/cyberpunkTheme.js

@@ -1 +1 @@
-import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var CYBERPUNK_DARK_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#FCEE09',text:'#FFFFFF',text2:'#B3B3B3',text3:'#8C8C8C',text4:'#666666',bg:'#0A0A0F',overlayBG:'#14141F',shadow:'rgba(39, 45, 52, 0.6)',blue:'#00E5FF',yellow:'#FFD600',green:'#00FF9D',purple:'#D500F9',orange:'#FF9100',cyan:'#00B8D4',red:'#FF1744',navy:'#1E2A38',indigo:'#651FFF',gray:'#757575',brown:'#6D4C41',lylac:'#B388FF',pink:'#FF80AB'}});
+import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var CYBERPUNK_DARK_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#FCEE09',text:'#FFFFFF',text2:'#B3B3B3',text3:'#8C8C8C',text4:'#666666',bg:'#0A0A0F',overlayBG:'#14141F',shadow:'rgba(39, 45, 52, 0.6)',divider:'rgba(255,255,255, 0.2)',blue:'#00E5FF',yellow:'#FFD600',green:'#00FF9D',purple:'#D500F9',orange:'#FF9100',cyan:'#00B8D4',red:'#FF1744',navy:'#1E2A38',indigo:'#651FFF',gray:'#757575',brown:'#6D4C41',lylac:'#B388FF',pink:'#FF80AB'}});

package/dist/theme/default/darkTheme.js

@@ -1 +1 @@
-import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var DEFAULT_DARK_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#818DF9',text:'#FFFFFF',text2:'#E0E0E0',text3:'#B0B0B0',text4:'#8A8A8A',bg:'#383E44',overlayBG:'#272D34',shadow:'rgba(39, 45, 52, 0.6)',blue:'#4DA3FF',yellow:'#FFD93B',green:'#4CAF50',purple:'#9B59B6',orange:'#FF7F50',cyan:'#00BCD4',red:'#E74C3C',navy:'#34495E',indigo:'#5C6BC0',gray:'#9E9E9E',brown:'#8D6E63',lylac:'#B39DDB',pink:'#F48FB1'}});
+import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var DEFAULT_DARK_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#818DF9',text:'#FFFFFF',text2:'#E0E0E0',text3:'#B0B0B0',text4:'#8A8A8A',bg:'#383E44',overlayBG:'#272D34',shadow:'rgba(39, 45, 52, 0.6)',divider:'rgba(255,255,255, 0.2)',blue:'#4DA3FF',yellow:'#FFD93B',green:'#4CAF50',purple:'#9B59B6',orange:'#FF7F50',cyan:'#00BCD4',red:'#E74C3C',navy:'#34495E',indigo:'#5C6BC0',gray:'#9E9E9E',brown:'#8D6E63',lylac:'#B39DDB',pink:'#F48FB1'}});

package/dist/theme/default/deepWoodsTheme.js

@@ -1 +1 @@
-import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var DEEP_WOODS_DARK_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#4CAF50',text:'#F0F8F2',text2:'#C8E6C9',text3:'#A5D6A7',text4:'#81C784',bg:'#0D1B14',overlayBG:'#16281F',shadow:'rgba(39, 45, 52, 0.6)',blue:'#64B5F6',yellow:'#FBC02D',green:'#81C784',purple:'#9575CD',orange:'#FFB74D',cyan:'#4DD0E1',red:'#E57373',navy:'#1B263B',indigo:'#5C6BC0',gray:'#9E9E9E',brown:'#8D6E63',lylac:'#B39DDB',pink:'#F48FB1'}});
+import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var DEEP_WOODS_DARK_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#4CAF50',text:'#F0F8F2',text2:'#C8E6C9',text3:'#A5D6A7',text4:'#81C784',bg:'#0D1B14',overlayBG:'#16281F',shadow:'rgba(39, 45, 52, 0.6)',divider:'rgba(255,255,255, 0.2)',blue:'#64B5F6',yellow:'#FBC02D',green:'#81C784',purple:'#9575CD',orange:'#FFB74D',cyan:'#4DD0E1',red:'#E57373',navy:'#1B263B',indigo:'#5C6BC0',gray:'#9E9E9E',brown:'#8D6E63',lylac:'#B39DDB',pink:'#F48FB1'}});

package/dist/theme/default/forestTheme.js

@@ -1 +1 @@
-import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var FOREST_MIST_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#4CAF50',text:'#0B2414',text2:'#14532D',text3:'#1B5E20',text4:'#388E3C',bg:'#E9F5EC',overlayBG:'#FFFFFF',shadow:'rgba(39, 45, 52, 0.15)',blue:'#2563EB',yellow:'#F59E0B',green:'#15803D',purple:'#7C3AED',orange:'#EA580C',cyan:'#0891B2',red:'#B91C1C',navy:'#1E3A8A',indigo:'#4338CA',gray:'#94A3B8',brown:'#78350F',lylac:'#A78BFA',pink:'#F472B6'}});
+import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var FOREST_MIST_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#4CAF50',text:'#0B2414',text2:'#14532D',text3:'#1B5E20',text4:'#388E3C',bg:'#E9F5EC',overlayBG:'#FFFFFF',shadow:'rgba(39, 45, 52, 0.15)',divider:'rgba(0,0,0, 0.1)',blue:'#2563EB',yellow:'#F59E0B',green:'#15803D',purple:'#7C3AED',orange:'#EA580C',cyan:'#0891B2',red:'#B91C1C',navy:'#1E3A8A',indigo:'#4338CA',gray:'#94A3B8',brown:'#78350F',lylac:'#A78BFA',pink:'#F472B6'}});

package/dist/theme/default/hackerTheme.js

@@ -0,0 +1 @@
+import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var DEFAULT_MATRIX_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#00FF41',text:'#00FF41',text2:'#00CC33',text3:'#009926',text4:'#00661A',bg:'#000000',overlayBG:'#0A0A0A',shadow:'rgba(0, 255, 65, 0.2)',divider:'rgba(0,255,65, 0.3)',blue:'#0087BD',yellow:'#AEBF00',green:'#00FF41',purple:'#7A1FA2',orange:'#FF6D00',cyan:'#00BFA5',red:'#D50000',navy:'#003366',indigo:'#303F9F',gray:'#4A4A4A',brown:'#5D4037',lylac:'#8E24AA',pink:'#C51162'}});

package/dist/theme/default/lightTheme.js

@@ -1 +1 @@
-import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var DEFAULT_LIGHT_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#818DF9',text:'#272D34',text2:'#4A5159',text3:'#6E7680',text4:'#9AA1AC',bg:'#F4F5FE',overlayBG:'#FFFFFF',shadow:'rgba(39, 45, 52, 0.15)',blue:'#4DA3FF',yellow:'#FFD93B',green:'#4CAF50',purple:'#9B59B6',orange:'#FF7F50',cyan:'#00BCD4',red:'#E74C3C',navy:'#34495E',indigo:'#5C6BC0',gray:'#B0BEC5',brown:'#8D6E63',lylac:'#B39DDB',pink:'#F48FB1'}});
+import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var DEFAULT_LIGHT_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#818DF9',text:'#272D34',text2:'#4A5159',text3:'#6E7680',text4:'#9AA1AC',bg:'#F4F5FE',overlayBG:'#FFFFFF',shadow:'rgba(39, 45, 52, 0.15)',divider:'rgba(0,0,0, 0.1)',blue:'#4DA3FF',yellow:'#FFD93B',green:'#4CAF50',purple:'#9B59B6',orange:'#FF7F50',cyan:'#00BCD4',red:'#E74C3C',navy:'#34495E',indigo:'#5C6BC0',gray:'#B0BEC5',brown:'#8D6E63',lylac:'#B39DDB',pink:'#F48FB1'}});

package/dist/theme/default/midnightTheme.js

@@ -1 +1 @@
-import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var MIDNIGHT_NEON_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#FF00FF',text:'#F0F0F0',text2:'#D4D4D4',text3:'#A3A3A3',text4:'#7A7A7A',bg:'#0D0D0D',overlayBG:'#1A1A1A',shadow:'rgba(39, 45, 52, 0.6)',blue:'#3B82F6',yellow:'#FACC15',green:'#22C55E',purple:'#A855F7',orange:'#FB923C',cyan:'#06B6D4',red:'#F87171',navy:'#1E3A8A',indigo:'#6366F1',gray:'#9CA3AF',brown:'#92400E',lylac:'#C084FC',pink:'#F472B6'}});
+import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var MIDNIGHT_NEON_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#FF00FF',text:'#F0F0F0',text2:'#D4D4D4',text3:'#A3A3A3',text4:'#7A7A7A',bg:'#0D0D0D',overlayBG:'#1A1A1A',shadow:'rgba(39, 45, 52, 0.6)',divider:'rgba(255,255,255, 0.2)',blue:'#3B82F6',yellow:'#FACC15',green:'#22C55E',purple:'#A855F7',orange:'#FB923C',cyan:'#06B6D4',red:'#F87171',navy:'#1E3A8A',indigo:'#6366F1',gray:'#9CA3AF',brown:'#92400E',lylac:'#C084FC',pink:'#F472B6'}});

package/dist/theme/default/msdosTheme.js

@@ -0,0 +1 @@
+import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var DEFAULT_MSDOS_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#FFFF00',text:'#FFFFFF',text2:'#FFD700',text3:'#CCCCCC',text4:'#999999',bg:'#0000AA',overlayBG:'#000088',shadow:'rgba(0, 0, 0, 0.6)',divider:'rgba(255,255,255,0.3)',blue:'#0000FF',yellow:'#FFFF00',green:'#00FF00',purple:'#AA00FF',orange:'#FF7700',cyan:'#00FFFF',red:'#FF0000',navy:'#000080',indigo:'#4B0082',gray:'#B0B0B0',brown:'#8B4513',lylac:'#9370DB',pink:'#FF69B4'},components:{Card:{borderWidth:1,br:5,borderColor:'divider'}}});

package/dist/theme/default/oceanTheme.js

@@ -1 +1 @@
-import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var OCEAN_BREEZE_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#2B90D9',text:'#04364A',text2:'#065A82',text3:'#0B84B4',text4:'#3ABEFF',bg:'#E6F7FF',overlayBG:'#FFFFFF',shadow:'rgba(39, 45, 52, 0.15)',blue:'#1D4ED8',yellow:'#FACC15',green:'#10B981',purple:'#8B5CF6',orange:'#FB923C',cyan:'#06B6D4',red:'#EF4444',navy:'#1E3A8A',indigo:'#6366F1',gray:'#9CA3AF',brown:'#A16207',lylac:'#C4B5FD',pink:'#F472B6'}});
+import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var OCEAN_BREEZE_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#2B90D9',text:'#04364A',text2:'#065A82',text3:'#0B84B4',text4:'#3ABEFF',bg:'#E6F7FF',overlayBG:'#FFFFFF',shadow:'rgba(39, 45, 52, 0.15)',divider:'rgba(0,0,0, 0.1)',blue:'#1D4ED8',yellow:'#FACC15',green:'#10B981',purple:'#8B5CF6',orange:'#FB923C',cyan:'#06B6D4',red:'#EF4444',navy:'#1E3A8A',indigo:'#6366F1',gray:'#9CA3AF',brown:'#A16207',lylac:'#C4B5FD',pink:'#F472B6'}});

package/dist/theme/default/pastelTheme.js

@@ -1 +1 @@
-import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var PASTEL_DREAM_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#FFB6C1',text:'#4B4453',text2:'#6D6875',text3:'#A093A6',text4:'#C9BBCF',bg:'#FFF7FA',overlayBG:'#FFFFFF',shadow:'rgba(39, 45, 52, 0.15)',blue:'#A5B4FC',yellow:'#FDE68A',green:'#BBF7D0',purple:'#E9D5FF',orange:'#FED7AA',cyan:'#BAE6FD',red:'#FCA5A5',navy:'#A5B4FC',indigo:'#C7D2FE',gray:'#E5E7EB',brown:'#E0B084',lylac:'#E9D5FF',pink:'#FBCFE8'}});
+import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var PASTEL_DREAM_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#FFB6C1',text:'#4B4453',text2:'#6D6875',text3:'#A093A6',text4:'#C9BBCF',bg:'#FFF7FA',overlayBG:'#FFFFFF',shadow:'rgba(39, 45, 52, 0.15)',divider:'rgba(255,255,255, 0.2)',blue:'#A5B4FC',yellow:'#FDE68A',green:'#BBF7D0',purple:'#E9D5FF',orange:'#FED7AA',cyan:'#BAE6FD',red:'#FCA5A5',navy:'#A5B4FC',indigo:'#C7D2FE',gray:'#E5E7EB',brown:'#E0B084',lylac:'#E9D5FF',pink:'#FBCFE8'}});

package/dist/theme/default/sunsetTheme.js

@@ -1 +1 @@
-import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var SUNSET_GLOW_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#FF6B6B',text:'#331E0A',text2:'#5C4033',text3:'#8C5A43',text4:'#B97A57',bg:'#FFF5E6',overlayBG:'#FFFFFF',shadow:'rgba(39, 45, 52, 0.15)',blue:'#3B82F6',yellow:'#FBBF24',green:'#22C55E',purple:'#A855F7',orange:'#FB923C',cyan:'#06B6D4',red:'#DC2626',navy:'#1E3A8A',indigo:'#4F46E5',gray:'#9CA3AF',brown:'#92400E',lylac:'#C084FC',pink:'#F472B6'}});
+import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var SUNSET_GLOW_THEME=mergeDeepRight(BASE_THEME,{colors:{primary:'#FF6B6B',text:'#331E0A',text2:'#5C4033',text3:'#8C5A43',text4:'#B97A57',bg:'#FFF5E6',overlayBG:'#FFFFFF',shadow:'rgba(39, 45, 52, 0.15)',divider:'rgba(255,255,255, 0.2)',blue:'#3B82F6',yellow:'#FBBF24',green:'#22C55E',purple:'#A855F7',orange:'#FB923C',cyan:'#06B6D4',red:'#DC2626',navy:'#1E3A8A',indigo:'#4F46E5',gray:'#9CA3AF',brown:'#92400E',lylac:'#C084FC',pink:'#F472B6'}});

package/dist/theme/default/themes.js

@@ -1 +1 @@
-import{CYBERPUNK_DARK_THEME}from"./cyberpunkTheme";import{DEEP_WOODS_DARK_THEME}from"./deepWoodsTheme";import{DEFAULT_DARK_THEME}from"./darkTheme";import{DEFAULT_LIGHT_THEME}from"./lightTheme";import{FOREST_MIST_THEME}from"./forestTheme";import{MIDNIGHT_NEON_THEME}from"./midnightTheme";import{OCEAN_BREEZE_THEME}from"./oceanTheme";import{PASTEL_DREAM_THEME}from"./pastelTheme";import{SUNSET_GLOW_THEME}from"./sunsetTheme";export var DEFAULT_THEMES={light:DEFAULT_LIGHT_THEME,dark:DEFAULT_DARK_THEME,pastel:PASTEL_DREAM_THEME,midnight:MIDNIGHT_NEON_THEME,sunset:SUNSET_GLOW_THEME,ocean:OCEAN_BREEZE_THEME,forest:FOREST_MIST_THEME,cyberpunk:CYBERPUNK_DARK_THEME,deepWoods:DEEP_WOODS_DARK_THEME};
+import{CYBERPUNK_DARK_THEME}from"./cyberpunkTheme";import{DEEP_WOODS_DARK_THEME}from"./deepWoodsTheme";import{DEFAULT_DARK_THEME}from"./darkTheme";import{DEFAULT_LIGHT_THEME}from"./lightTheme";import{DEFAULT_MATRIX_THEME}from"./hackerTheme";import{DEFAULT_MSDOS_THEME}from"./msdosTheme";import{FOREST_MIST_THEME}from"./forestTheme";import{MIDNIGHT_NEON_THEME}from"./midnightTheme";import{OCEAN_BREEZE_THEME}from"./oceanTheme";import{PASTEL_DREAM_THEME}from"./pastelTheme";import{SUNSET_GLOW_THEME}from"./sunsetTheme";export var DEFAULT_THEMES={light:DEFAULT_LIGHT_THEME,dark:DEFAULT_DARK_THEME,pastel:PASTEL_DREAM_THEME,midnight:MIDNIGHT_NEON_THEME,sunset:SUNSET_GLOW_THEME,ocean:OCEAN_BREEZE_THEME,forest:FOREST_MIST_THEME,cyberpunk:CYBERPUNK_DARK_THEME,deepWoods:DEEP_WOODS_DARK_THEME,hacker:DEFAULT_MATRIX_THEME,msdos:DEFAULT_MSDOS_THEME};

package/dist/theme/helpers/colorScale.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["color"];import{omit,keys}from'ramda';import{DEFAULT_DARK_THEME}from"../default/darkTheme";var SCALE=keys(DEFAULT_DARK_THEME.colors);export function getColorFromProps(_ref,defaultValue){var color=_ref.color,props=_objectWithoutProperties(_ref,_excluded);if(!!color)return[color,props];color=SCALE.find(function(key){return!!props[key];})||defaultValue;return[color,omit(SCALE,props)];}

package/dist/theme/helpers/mergePreset.js

@@ -0,0 +1 @@
+import{getThemeValue}from"./relatedScales";export function mergePreset(presets,key,props,defaultKey){if(!key)return props;var preset=getThemeValue(presets,key,false)||getThemeValue(presets,defaultKey,{});return Object.assign({},props,preset);}

package/dist/theme/helpers/relatedScales.js

@@ -0,0 +1 @@
+import{is}from'ramda';var SCALES=[['xxxsm'],['xxsm'],['xsm'],['sm','small'],['md','p'],['lg','h6'],['xlg','h5'],['xxlg','h4'],['xxxlg','h3']];export function getScaleSynonyms(key){return SCALES.find(function(list){return list.includes(key);})||[];}export function getThemeValue(group,key,defaultValue){defaultValue=defaultValue===undefined?key:defaultValue;if(!key)return defaultValue;var value=group[key];if(!!value||!is(String,key))return value||defaultValue;var synonyms=getScaleSynonyms(key);for(var synonym of synonyms){if(group!=null&&group[synonym]){value=group[synonym];break;}}return value||defaultValue;}

package/dist/theme/helpers/sizeScale.js

@@ -1 +1 @@
-var SCALES=['xxxsm','xxsm','xsm','sm','md','lg','xlg','xxlg','xxxlg'];export function moveScaleDown(value){var unit=arguments.length>1&&arguments[1]!==undefined?arguments[1]:1;var index=SCALES.indexOf(value);if(!index)return value;return SCALES[index-unit]||value;}
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size"];import{omit}from'ramda';var SCALE=['xxxsm','xxsm','xsm','sm','md','lg','xlg','xxlg','xxxlg'];export function moveScale(value){var unit=arguments.length>1&&arguments[1]!==undefined?arguments[1]:1;var index=SCALE.indexOf(value);if(!index)return value;return SCALE[index+unit]||value;}export function getSizeFromProps(_ref,defaultValue){var size=_ref.size,props=_objectWithoutProperties(_ref,_excluded);if(!!size)return[size,props];size=SCALE.find(function(key){return!!props[key];})||defaultValue;return[size,omit(SCALE,props)];}

package/dist/theme/helpers/textScale.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size"];import{omit}from'ramda';var SCALE=['xxxsm','xxsm','xsm','sm','p','h6','h5','h4','h3','h2','h1'];export function moveTextScale(value){var unit=arguments.length>1&&arguments[1]!==undefined?arguments[1]:1;var index=SCALE.indexOf(value);if(!index)return value;return SCALE[index+unit]||value;}export function getTextFromProps(_ref,defaultValue){var size=_ref.size,props=_objectWithoutProperties(_ref,_excluded);if(!!size)return[size,props];size=SCALE.find(function(key){return!!props[key];})||defaultValue;return[size,omit(SCALE,props)];}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neko-os/ui",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "author": "Christian Storch <ccstorch@gmail.com>",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/abstractions/BKTouchableOpacity.js

@@ -0,0 +1,12 @@
+// import React from 'react'
+
+// let AbsTouchableOpacity
+
+// try {
+// const { Platform, TouchableOpacity: RNTouchableOpacity } = require('react-native')
+// AbsTouchableOpacity = (props) => <RNTouchableOpacity {...props} />
+// } catch {
+// AbsTouchableOpacity = (props) => <button {...props} />
+// }
+
+// export { AbsTouchableOpacity }

package/src/abstractions/HiddenInput.js

@@ -0,0 +1,3 @@
+export function AbsHiddenInput(props) {
+  return <input style={{ width: 0, height: 0, position: 'absolute', opacity: 0 }} {...props} />
+}