@neko-os/ui 0.0.5 → 0.0.7

package/dist/components/presentation/AvatarLabel.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/AvatarLabel.js";var _excluded=["icon","label","name","initials","src","avatarColor","square","dynamicColor","avatarProps","moveAvatarSizeScale","avatarSize"];import{pipe}from'ramda';import{Avatar}from"./Avatar";import{ContentLabel}from"./ContentLabel";import{moveScale}from"../../theme/helpers/sizeScale";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 AvatarLabel(rootProps){var _pipe=pipe(useColorConverter(),useSizeConverter('elementHeights','md'),useThemeComponentModifier('AvatarLabel'))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],sizeCode=_pipe2$.sizeCode,color=_pipe2$.color,formattedProps=_pipe2[1];var icon=formattedProps.icon,label=formattedProps.label,name=formattedProps.name,initials=formattedProps.initials,src=formattedProps.src,avatarColor=formattedProps.avatarColor,square=formattedProps.square,dynamicColor=formattedProps.dynamicColor,avatarProps=formattedProps.avatarProps,moveAvatarSizeScale=formattedProps.moveAvatarSizeScale,avatarSize=formattedProps.avatarSize,props=_objectWithoutProperties(formattedProps,_excluded);var hasAvatar=!!name||!!initials||!!src;return _jsx(ContentLabel,Object.assign({className:"neko-avatar-label",label:label||name,color:color,size:sizeCode,content:_jsx(Avatar,Object.assign({name:name||label,initials:initials,icon:icon,src:src,size:avatarSize||moveScale(sizeCode,moveAvatarSizeScale||-1),color:avatarColor||color,dynamicColor:dynamicColor,square:square,marginH:2},avatarProps))},props));}export var AvatarText=AvatarLabel;

package/dist/components/presentation/Badge.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/Badge.js";var _excluded=["label","value","dot","icon","invert","textProps","iconProps","limit"],_excluded2=["children","dot"];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{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{useShadowModifier}from"../../modifiers/shadow";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useSizeModifier}from"../../modifiers/size";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var DOT_SIZE=8;var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2),sizeCode=_ref2[0].sizeCode,_ref2$=_ref2[1],dot=_ref2$.dot,br=_ref2$.br;sizeCode=!!dot?DOT_SIZE:undefined;return{paddingH:!dot&&5,height:sizeCode,minWidth:sizeCode,round:br!==undefined?false:true,center:true,border:1};};function Badge(rootProps){var _pipe=pipe(useColorConverter('primary'),useSizeConverter('spaces','md'),useThemeComponentModifier('Badge'),useDefaultModifier(DEFAULT_PROPS),useFullColorModifier,useSizeModifier,usePositionModifier,useFlexWrapperModifier,useBackgroundModifier,usePaddingModifier,useMarginModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],fontColor=_pipe2$.fontColor,sizeCode=_pipe2$.sizeCode,formattedProps=_pipe2[1];var label=formattedProps.label,value=formattedProps.value,dot=formattedProps.dot,icon=formattedProps.icon,invert=formattedProps.invert,textProps=formattedProps.textProps,iconProps=formattedProps.iconProps,_formattedProps$limit=formattedProps.limit,limit=_formattedProps$limit===void 0?99:_formattedProps$limit,props=_objectWithoutProperties(formattedProps,_excluded);if(!!value&&value>limit)label=`${limit}+`;label=label||value;var content=_jsx(IconLabel,{center:true,color:fontColor,size:moveScale(sizeCode,-2),label:label,icon:icon,invert:invert,textProps:Object.assign({strong:true},textProps),iconProps:iconProps});if(!!dot)content=false;return _jsx(AbsView,Object.assign({className:"neko-badge"},props,{children:content}));}function BadgeWrapper(_ref3){var children=_ref3.children,dot=_ref3.dot,props=_objectWithoutProperties(_ref3,_excluded2);if(!children)return _jsx(Badge,Object.assign({dot:dot},props));if(!props.value&&!props.label&&!props.icon)return children;return _jsxs(View,{className:"neko-badge-wrapper",relative:true,children:[children,_jsx(Badge,Object.assign({},props,{dot:dot,absolute:true,top:dot?-2:-8,right:dot?-5:-12}))]});}export{BadgeWrapper as Badge};

package/dist/components/presentation/ContentLabel.js

@@ -1 +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]}));}
+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=["loading","label","content","textProps","invert","gap","strong"];import{pipe}from'ramda';import{Loading}from"../state/Loading";import{Text}from"../text/Text";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";var AUTO_GAP_SCALE={xxxs:5,xxs:5,xs:5,sm:5,md:6,lg:7,xl:8,xxl:9,xxxl:10};export function ContentLabel(rootProps){var _pipe=pipe(useColorConverter(),useSizeConverter('elementHeights','md'),useThemeComponentModifier('ContentLabel'))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],color=_pipe2$.color,sizeCode=_pipe2$.sizeCode,formattedProps=_pipe2[1];var loading=formattedProps.loading,label=formattedProps.label,content=formattedProps.content,textProps=formattedProps.textProps,invert=formattedProps.invert,gap=formattedProps.gap,strong=formattedProps.strong,props=_objectWithoutProperties(formattedProps,_excluded);if(!!loading)content=_jsx(Loading,{size:sizeCode,color:color});return _jsxs(View,Object.assign({className:"neko-content-label",row:true,gap:gap||AUTO_GAP_SCALE[sizeCode]||5,centerV:true},props,{children:[!invert&&content,!!label&&_jsx(Text,Object.assign({color:color,size:sizeCode,strong:strong},textProps,{children:label})),!!invert&&content]}));}

package/dist/components/presentation/IconLabel.js

@@ -1 +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;
+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","iconColor","iconSize","moveIconSizeScale"];import{pipe}from'ramda';import{ContentLabel}from"./ContentLabel";import{Icon}from"./Icon";import{moveScale}from"../../theme/helpers/sizeScale";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,iconColor=formattedProps.iconColor,iconSize=formattedProps.iconSize,moveIconSizeScale=formattedProps.moveIconSizeScale,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:iconSize||moveScale(sizeCode,moveIconSizeScale||-1),color:iconColor||color},iconProps))},props));}export var IconText=IconLabel;

package/dist/components/presentation/Image.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/Image.js";var _excluded=["name"];import{pipe}from'ramda';import{AbsImage}from"../../abstractions/Image";import{useBorderModifier}from"../../modifiers/border";import{useDefaultModifier}from"../../modifiers/default";import{useFlexModifier}from"../../modifiers/flex";import{useMarginModifier}from"../../modifiers/margin";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={width:'100%',br:'md'};export function Image(_ref){var name=_ref.name,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('Image'),useDefaultModifier(DEFAULT_PROPS),usePositionModifier,useMarginModifier,useSizeModifier,usePositionModifier,useFlexModifier,useMarginModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],size=_pipe2$.size,color=_pipe2$.color,props=_pipe2[1];return _jsx(AbsImage,Object.assign({className:"neko-image",name:name,color:color,size:size},props));}

package/dist/components/presentation/LabelValue.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/LabelValue.js";var _excluded=["children"],_excluded2=["icon","label","iconColor","labelProps","value","valueProps","vertical","spread"];import{pipe,is}from'ramda';import{IconLabel}from"./IconLabel";import{Text}from"../text/Text";import{View}from"../structure/View";import{moveScale}from"../../theme/helpers/sizeScale";import{useDefaultModifier}from"../../modifiers/default";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2),sizeCode=_ref2[0].sizeCode,_ref2$=_ref2[1],vertical=_ref2$.vertical,spread=_ref2$.spread;return{row:!vertical,centerV:!vertical,justify:!!spread&&'space-between',gap:!vertical?moveScale(sizeCode,-1):0,labelProps:{size:moveScale(sizeCode,!vertical?0:-2),moveIconSizeScale:!vertical?-1:-2,color:'text3'},valueProps:{size:sizeCode,align:spread&&'right'}};};export function LabelValue(_ref3){var children=_ref3.children,rootProps=_objectWithoutProperties(_ref3,_excluded);var _pipe=pipe(useSizeConverter('elementHeights','md'),useThemeComponentModifier('Labelvalue'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],sizeCode=_pipe2$.sizeCode,color=_pipe2$.color,formattedProps=_pipe2[1];var icon=formattedProps.icon,label=formattedProps.label,iconColor=formattedProps.iconColor,labelProps=formattedProps.labelProps,value=formattedProps.value,valueProps=formattedProps.valueProps,vertical=formattedProps.vertical,spread=formattedProps.spread,props=_objectWithoutProperties(formattedProps,_excluded2);var separator=!vertical&&!spread?':':'';var content=children||value;if(is(String,value))content=_jsx(Text,Object.assign({label:value},valueProps));return _jsxs(View,Object.assign({className:"neko-label-value"},props,{children:[_jsx(IconLabel,Object.assign({label:label+separator,icon:icon,iconColor:iconColor},labelProps)),content]}));}

package/dist/components/presentation/Result.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/Result.js";var _excluded=["type","icon","iconColor","title","description","footer","titleProps","descriptionProps","textProps","iconProps"];import{Divider}from"../helpers/Separator";import{Icon}from"./Icon";import{Text}from"../text/Text";import{View}from"../structure/View";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var RESULT_TYPES={error:{icon:'close-circle-fill',color:'red'},success:{icon:'checkbox-circle-fill',color:'green'},warning:{icon:'error-warning-fill',color:'yellow'},info:{icon:'information-2-fill',color:'blue'}};export function Result(_ref){var type=_ref.type,icon=_ref.icon,iconColor=_ref.iconColor,title=_ref.title,description=_ref.description,footer=_ref.footer,titleProps=_ref.titleProps,descriptionProps=_ref.descriptionProps,textProps=_ref.textProps,iconProps=_ref.iconProps,props=_objectWithoutProperties(_ref,_excluded);var typeProps=RESULT_TYPES[type]||{};icon=icon||typeProps.icon;iconColor=iconColor||typeProps.color||'primary';return _jsxs(View,Object.assign({className:"neko-result",center:true,padding:"lg"},props,{children:[_jsx(Icon,Object.assign({name:icon,color:iconColor,size:42,primary:true},iconProps)),_jsx(Divider,{height:10}),_jsx(Text,Object.assign({h3:true},textProps,titleProps,{children:title})),!!description&&_jsx(Text,Object.assign({text3:true,sm:true},textProps,descriptionProps,{children:description})),!!footer&&_jsx(View,{marginT:"lg",children:footer})]}));}

package/dist/components/presentation/ResultBar.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/ResultBar.js";var _excluded=["type","icon","iconColor","title","description","rightContent","titleProps","descriptionProps","textProps","iconProps"];import{Card}from"../structure/Card";import{Icon}from"./Icon";import{RESULT_TYPES}from"./Result";import{Text}from"../text/Text";import{View}from"../structure/View";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function ResultBar(_ref){var type=_ref.type,icon=_ref.icon,iconColor=_ref.iconColor,title=_ref.title,description=_ref.description,rightContent=_ref.rightContent,titleProps=_ref.titleProps,descriptionProps=_ref.descriptionProps,textProps=_ref.textProps,iconProps=_ref.iconProps,props=_objectWithoutProperties(_ref,_excluded);var typeProps=RESULT_TYPES[type]||{};icon=icon||typeProps.icon;iconColor=iconColor||typeProps.color||'primary';var bg=typeProps.color?typeProps.color+'_op10':'overlayBG';var brColor=typeProps.color&&typeProps.color+'_op30';return _jsxs(Card,Object.assign({className:"neko-result",row:true,gap:"sm",center:true,padding:"sm",br:"sm",bg:bg,border:true,borderColor:brColor,centerV:true,fullW:true},props,{children:[!!icon&&_jsx(Icon,Object.assign({name:icon,color:iconColor,size:"lg",primary:true},iconProps)),_jsxs(View,{flex:true,children:[_jsx(Text,Object.assign({sm:true,strong:true},textProps,titleProps,{children:title})),!!description&&_jsx(Text,Object.assign({text3:true,xs:true},textProps,descriptionProps,{children:description}))]}),rightContent]}));}

package/dist/components/presentation/Tag.js

@@ -1 +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})}))});}
+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=["loading","disabled","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;return{paddingH:moveScale(sizeCode,-2),padding:moveScale(sizeCode,-4),outline:true,br:'xxxs',border: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 loading=formattedProps.loading,disabled=formattedProps.disabled,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,disabled:disabled,children:_jsx(AbsView,Object.assign({className:"neko-tag-inner"},props,{children:_jsx(IconLabel,{center:true,color:fontColor,size:moveScale(sizeCode,-2),label:label,icon:icon,gap:gap,invert:invert,textProps:Object.assign({strong:true},textProps),iconProps:iconProps,loading:loading})}))});}

package/dist/components/presentation/Tooltip.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/Tooltip.js";var _excluded=["label","icon","textProps","iconProps","gap","invert","children"];import{pipe}from'ramda';import{IconLabel}from"./IconLabel";import{Popover}from"../structure/popover/Popover";import{useColorConverter}from"../../modifiers/colorConverter";import{useFullColorModifier}from"../../modifiers/fullColor";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function Tooltip(rootProps){var _pipe=pipe(useColorConverter('overlayBG'),useSizeConverter('text','md'),useThemeComponentModifier('Tooltip'),useFullColorModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],loading=_pipe2$.loading,fontColor=_pipe2$.fontColor,sizeCode=_pipe2$.sizeCode,formattedProps=_pipe2[1];var label=formattedProps.label,icon=formattedProps.icon,textProps=formattedProps.textProps,iconProps=formattedProps.iconProps,gap=formattedProps.gap,invert=formattedProps.invert,children=formattedProps.children,props=_objectWithoutProperties(formattedProps,_excluded);if(!label&&!icon)return children;return _jsx(Popover,Object.assign({className:"neko-tooltip"},props,{content:_jsx(IconLabel,{center:true,color:fontColor,size:sizeCode,label:label,icon:icon,gap:gap,invert:invert,textProps:textProps,iconProps:iconProps,loading:loading}),children:children}));}

package/dist/components/presentation/index.js

@@ -1 +1 @@
-export*from"./Tag";export*from"./Icon";export*from"./IconLabel";
+export*from"./Tag";export*from"./Icon";export*from"./IconLabel";export*from"./Result";export*from"./ResultBar";export*from"./Tooltip";export*from"./Badge";export*from"./Avatar";export*from"./AvatarLabel";export*from"./Image";export*from"./LabelValue";

package/dist/components/state/Loading.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/state/Loading.js";import{pipe}from'ramda';import{AbsActivityIndicator}from"../../abstractions/ActivityIndicator";import{useColorConverter}from"../../modifiers/colorConverter";import{useMarginModifier}from"../../modifiers/margin";import{usePaddingModifier}from"../../modifiers/padding";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function Loading(_ref){var rootProps=Object.assign({},(_objectDestructuringEmpty(_ref),_ref));var _pipe=pipe(useColorConverter('primary'),useSizeConverter('icons','md'),useThemeComponentModifier('Loading'),usePaddingModifier,useMarginModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],color=_pipe2$.color,size=_pipe2$.size,props=_pipe2[1];return _jsx(AbsActivityIndicator,Object.assign({className:"neko-loader",size:size,color:color},props));}

package/dist/components/state/LoadingView.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/state/LoadingView.js";var _excluded=["active","children","size","color","replaceChildren","noWrapper"];import{Loading}from"./Loading";import{View}from"../structure/View";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function LoadingView(_ref){var active=_ref.active,children=_ref.children,size=_ref.size,color=_ref.color,replaceChildren=_ref.replaceChildren,noWrapper=_ref.noWrapper,props=_objectWithoutProperties(_ref,_excluded);if(!active&&!!noWrapper)return children;if(!active)return _jsx(View,Object.assign({},props,{children:children}));var loader=_jsx(Loading,{size:size,color:color});if(!!replaceChildren&&!!noWrapper)return loader;if(!!replaceChildren){return _jsx(View,Object.assign({},props,{center:true,children:loader}));}return _jsxs(View,Object.assign({className:"neko-loading-view",relative:true},props,{children:[children,_jsx(View,{className:"neko-laoding-view-overlay",bg:"bg_op90",absolute:true,top:0,left:0,right:0,bottom:0,center:true,children:loader})]}));}export var LoadingWrapper=LoadingView;

package/dist/components/state/index.js

@@ -0,0 +1 @@
+export*from"./Loading";export*from"./LoadingView";

package/dist/components/structure/Accordion.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/Accordion.js";var _excluded=["children","title","open","onChange"],_excluded2=["contentProps","titleProps","headerProps","initOpen"];import{pipe}from'ramda';import React from'react';import{AbsView}from"../../abstractions/View";import{Card}from"./Card";import{Icon}from"../presentation/Icon";import{Link}from"../actions/Link";import{Text}from"../text/Text";import{View}from"./View";import{moveScale}from"../../theme/helpers/sizeScale";import{useDefaultModifier}from"../../modifiers/default";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var DEFAULT_PROPS={padding:0,br:'xl',bg:'overlayBG',hiddenOverflow:true};export function Accordion(_ref){var children=_ref.children,title=_ref.title,open=_ref.open,onChange=_ref.onChange,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useSizeConverter('elementHeights','md'),useThemeComponentModifier('Accordion'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),sizeCode=_pipe2[0].sizeCode,formattedProps=_pipe2[1];var contentProps=formattedProps.contentProps,titleProps=formattedProps.titleProps,headerProps=formattedProps.headerProps,initOpen=formattedProps.initOpen,props=_objectWithoutProperties(formattedProps,_excluded2);var _React$useState=React.useState(initOpen),_React$useState2=_slicedToArray(_React$useState,2),localOpen=_React$useState2[0],setLocalOpen=_React$useState2[1];open=open===undefined?localOpen:open;var toggle=function toggle(){setLocalOpen(!open);onChange==null?void 0:onChange(!open);};return _jsxs(Card,Object.assign({},props,{children:[_jsxs(Link,Object.assign({padding:sizeCode,row:true,gap:moveScale(sizeCode,-2),borderB:open?props.border||true:open,borderColor:props.borderColor,centerV:true},headerProps,{onPress:toggle,children:[_jsx(Icon,{name:!!open?'arrow-down-s-line':'arrow-right-s-line'}),_jsx(Text,Object.assign({flex:true},titleProps,{children:title}))]})),!!open&&_jsx(View,Object.assign({padding:sizeCode},contentProps,{children:children}))]}));return _jsx(AbsView,Object.assign({className:"neko-accordion"},props,{children:children}));}

package/dist/components/structure/AccordionGroup.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/AccordionGroup.js";var _excluded=["items","contentProps","titleProps","headerProps","initOpen","open","onChange"],_excluded2=["key"];import React from'react';import{Accordion}from"./Accordion";import{Card}from"./Card";import{jsx as _jsx}from"react/jsx-runtime";export function AccordionsGroup(_ref){var _this=this;var items=_ref.items,contentProps=_ref.contentProps,titleProps=_ref.titleProps,headerProps=_ref.headerProps,initOpen=_ref.initOpen,open=_ref.open,onChange=_ref.onChange,props=_objectWithoutProperties(_ref,_excluded);var _React$useState=React.useState(initOpen),_React$useState2=_slicedToArray(_React$useState,2),localOpen=_React$useState2[0],setLocalOpen=_React$useState2[1];open=open===undefined?localOpen:open;var handleChange=function handleChange(key){var v=open===key?null:key;setLocalOpen(v);onChange==null?void 0:onChange(v);};if(!(items!=null&&items.length))return false;var sharedProps={contentProps:contentProps,titleProps:titleProps,headerProps:headerProps};return _jsx(Card,Object.assign({padding:0},props,{children:items.map(function(_ref2,index){var key=_ref2.key,item=_objectWithoutProperties(_ref2,_excluded2);return _jsx(Accordion,Object.assign({},sharedProps,item,{br:0,borderB:index<items.length-1,open:!!open&&open===key,onChange:function onChange(){return handleChange(key);}}),key||index);})}));}

package/dist/components/structure/Card.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/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}));}
+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{useOverflowModifier}from"../../modifiers/overflow";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:'xl',bg:'overlayBG',hiddenOverflow:true};export function Card(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('Card'),useDefaultModifier(DEFAULT_PROPS),useSizeModifier,usePositionModifier,useOverflowModifier,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/Col.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/Col.js";var _excluded=["children"];import{pipe}from'ramda';import{View}from"./View";import{useDefaultModifier}from"../../modifiers/default";import{useResponsiveConverter}from"../../modifiers/responsiveConverter";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS={};export function Col(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('Col'),useResponsiveConverter([]),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];return _jsx(View,Object.assign({className:"neko-col"},props,{children:children}));}

package/dist/components/structure/Row.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/Row.js";var _excluded=["children"],_excluded2=["colSpan"];import{pipe}from'ramda';import React from'react';import{AbsView}from"../../abstractions/View";import{useFlexModifier}from"../../modifiers/flex";import{useFlexWrapperModifier}from"../../modifiers/flexWrapper";import{useGridModifier}from"../../modifiers/grid";import{useMarginModifier}from"../../modifiers/margin";import{usePositionModifier}from"../../modifiers/position";import{useResponsiveConverter}from"../../modifiers/responsiveConverter";import{useSizeModifier}from"../../modifiers/size";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function Row(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('Row'),useResponsiveConverter([]),useGridModifier,useSizeModifier,usePositionModifier,useFlexWrapperModifier,useFlexModifier,useMarginModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),childPaddingProps=_pipe2[0].childPaddingProps,_pipe2$=_pipe2[1],colSpan=_pipe2$.colSpan,props=_objectWithoutProperties(_pipe2$,_excluded2);var clonedChildren=React.useMemo(function(){return React.Children.map(children,function(child){return React.isValidElement(child)?React.cloneElement(child,Object.assign({parentSpan:colSpan},childPaddingProps)):child;});},[children,childPaddingProps]);return _jsx(AbsView,Object.assign({className:"neko-row"},props,{children:clonedChildren}));}export var Grid=Row;

package/dist/components/structure/SafeAreaView.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/SafeAreaView.js";var _excluded=["children"];import{pipe}from'ramda';import{AbsSafeAreaView}from"../../abstractions/SafeAreaView";import{useAnimationModifier}from"../../modifiers/animation";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{useOverflowModifier}from"../../modifiers/overflow";import{usePaddingModifier}from"../../modifiers/padding";import{usePositionModifier}from"../../modifiers/position";import{useShadowModifier}from"../../modifiers/shadow";import{useSizeModifier}from"../../modifiers/size";import{useStateModifier}from"../../modifiers/state";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function SafeAreaView(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('SafeAreaView'),useFlexWrapperModifier,useDisplayModifier,useAnimationModifier,useStateModifier,useSizeModifier,usePositionModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useFlexModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];return _jsx(AbsSafeAreaView,Object.assign({className:"neko-safe-area-view"},props,{children:children}));}

package/dist/components/structure/View.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/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}));}
+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{useAnimationModifier}from"../../modifiers/animation";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{useOverflowModifier}from"../../modifiers/overflow";import{usePaddingModifier}from"../../modifiers/padding";import{usePositionModifier}from"../../modifiers/position";import{useShadowModifier}from"../../modifiers/shadow";import{useSizeModifier}from"../../modifiers/size";import{useStateModifier}from"../../modifiers/state";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'),useFlexWrapperModifier,useDisplayModifier,useAnimationModifier,useStateModifier,useSizeModifier,usePositionModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,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/structure/index.js

@@ -1 +1 @@
-export*from"./View";export*from"./Card";
+export*from"./Accordion";export*from"./AccordionGroup";export*from"./View";export*from"./SafeAreaView";export*from"./Card";export*from"./Row";export*from"./Col";export*from"./popover/Popover";

package/dist/components/structure/overlay/OverlayHandler.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/overlay/OverlayHandler.js";import{toPairs,dissoc}from'ramda';import React from'react';import{OverlayWrapper}from"./OverlayWrapper";import{Text}from"../../text/Text";import{genRandonId}from"../../../helpers/random";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var OverlayContext=React.createContext(null);export var useOverlay=function useOverlay(){return React.useContext(OverlayContext);};export var useRegisterOverlay=function useRegisterOverlay(){var opts=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var unmountOnClose=opts.unmountOnClose;var timeout=React.useRef(null);var _useOverlay=useOverlay(),overlays=_useOverlay.overlays,setOverlays=_useOverlay.setOverlays;var randomId=React.useMemo(function(){return genRandonId();},[]);var overlay=overlays[randomId]||{};var mergeOverlay=function mergeOverlay(value){return setOverlays(function(data){return Object.assign({},data,_defineProperty({},randomId,Object.assign({},overlay,value)));});};var closeOverlay=function closeOverlay(){return mergeOverlay({open:false});};var removeOverlay=function removeOverlay(){return setOverlays(function(data){return dissoc(randomId,data);});};var stopDelayedClosing=function stopDelayedClosing(){return!!(timeout!=null&&timeout.current)&&clearTimeout(timeout.current);};React.useEffect(function(){return function(){return removeOverlay();};},[]);var onOpen=function onOpen(_ref){var content=_ref.content,triggerRect=_ref.triggerRect,placement=_ref.placement,_ref$options=_ref.options,options=_ref$options===void 0?{}:_ref$options;stopDelayedClosing();mergeOverlay(Object.assign({open:true,content:content,triggerRect:triggerRect,placement:placement},options));};var onClose=function onClose(){stopDelayedClosing();timeout.current=setTimeout(function(){!!unmountOnClose?removeOverlay():closeOverlay();},250);};var onFastClose=function onFastClose(){stopDelayedClosing();!!unmountOnClose?removeOverlay():closeOverlay();};return{onOpen:onOpen,onClose:onClose,onFastClose:onFastClose,stopDelayedClosing:stopDelayedClosing};};export function OverlayHandler(_ref2){var _this=this;var children=_ref2.children;var _React$useState=React.useState({}),_React$useState2=_slicedToArray(_React$useState,2),overlays=_React$useState2[0],setOverlays=_React$useState2[1];return _jsxs(OverlayContext.Provider,{value:{overlays:overlays,setOverlays:setOverlays},children:[children,toPairs(overlays).map(function(_ref3){var _ref4=_slicedToArray(_ref3,2),key=_ref4[0],overlay=_ref4[1];var handleClickOutside=function handleClickOutside(){return setTimeout(function(){return setOverlays(function(data){return dissoc(key,data);});},100);};return _jsx(OverlayWrapper,{triggerRect:overlay.triggerRect,placement:overlay.placement,onClickOutside:overlay.dismissOnClickOutside?handleClickOutside:null,display:!overlay.open&&'none',children:overlay.content},key);})]});}

package/dist/components/structure/overlay/OverlayHandler.native.js

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

package/dist/components/structure/overlay/OverlayWrapper.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/overlay/OverlayWrapper.js";var _excluded=["children","triggerRect","placement","onClickOutside"];import React from'react';import{View}from"../View";import{calculatePosition}from"./calculatePosition";import{smartPlacement}from"./smartPlacement";import{jsx as _jsx}from"react/jsx-runtime";export function OverlayWrapper(_ref){var children=_ref.children,triggerRect=_ref.triggerRect,placement=_ref.placement,onClickOutside=_ref.onClickOutside,props=_objectWithoutProperties(_ref,_excluded);var overlayRef=React.useRef(null);var _React$useState=React.useState({x:-9999,y:-9999}),_React$useState2=_slicedToArray(_React$useState,2),pos=_React$useState2[0],setPos=_React$useState2[1];React.useLayoutEffect(function(){if(overlayRef.current&&triggerRect){var rect=overlayRef.current.getBoundingClientRect();var popoverRect={width:rect.width,height:rect.height};var safePlacement=smartPlacement(triggerRect,popoverRect,placement);setPos(calculatePosition(triggerRect,popoverRect,safePlacement));}},[triggerRect,placement,children]);React.useEffect(function(){if(onClickOutside){var handleClickOutside=function handleClickOutside(event){if(overlayRef.current&&!overlayRef.current.contains(event.target)){onClickOutside();}};var timer=setTimeout(function(){document.addEventListener('mousedown',handleClickOutside,true);},10);return function(){clearTimeout(timer);document.removeEventListener('mousedown',handleClickOutside,true);};}},[onClickOutside]);return _jsx(View,Object.assign({ref:overlayRef,className:"neko-overlay-wrapper",absolute:true,top:pos.y,left:pos.x,zIndex:9999,pointerEvents:"none"},props,{children:children}));}

package/dist/components/structure/overlay/calculatePosition.js

@@ -0,0 +1 @@
+export function calculatePosition(triggerRect,popoverRect,placement){var gap=arguments.length>3&&arguments[3]!==undefined?arguments[3]:2;var left=triggerRect.left,right=triggerRect.right,top=triggerRect.top,bottom=triggerRect.bottom,width=triggerRect.width,height=triggerRect.height;var pw=(popoverRect==null?void 0:popoverRect.width)||0;var ph=(popoverRect==null?void 0:popoverRect.height)||0;var positions={top:{x:left+width/2-pw/2,y:top-ph-gap},topLeft:{x:left,y:top-ph-gap},topRight:{x:right-pw,y:top-ph-gap},bottom:{x:left+width/2-pw/2,y:bottom+gap},bottomLeft:{x:left,y:bottom+gap},bottomRight:{x:right-pw,y:bottom+gap},left:{x:left-pw-gap,y:top+height/2-ph/2},leftTop:{x:left-pw-gap,y:top},leftBottom:{x:left-pw-gap,y:bottom-ph},right:{x:right+gap,y:top+height/2-ph/2},rightTop:{x:right+gap,y:top},rightBottom:{x:right+gap,y:bottom-ph}};return positions[placement]||positions.bottom;}

package/dist/components/structure/overlay/smartPlacement.js

@@ -0,0 +1 @@
+export function smartPlacement(triggerRect,popoverRect,placement){var scrollX=window.scrollX||window.pageXOffset;var scrollY=window.scrollY||window.pageYOffset;var screenWidth=window.innerWidth;var screenHeight=window.innerHeight;var viewportRect={left:triggerRect.left-scrollX,right:triggerRect.right-scrollX,top:triggerRect.top-scrollY,bottom:triggerRect.bottom-scrollY};var fitsRight=viewportRect.right+popoverRect.width<=screenWidth;var fitsLeft=viewportRect.left-popoverRect.width>=0;var fitsBottom=viewportRect.bottom+popoverRect.height<=screenHeight;var fitsTop=viewportRect.top-popoverRect.height>=0;if(placement.startsWith('right')&&!fitsRight&&fitsLeft)return placement.replace('right','left');if(placement.endsWith('Right')&&!fitsLeft&&fitsRight)return placement.replace('Right','Left');if(placement.startsWith('left')&&!fitsLeft&&fitsRight)return placement.replace('left','right');if(placement.endsWith('Left')&&!fitsRight&&fitsLeft)return placement.replace('Left','Right');if(placement.startsWith('bottom')&&!fitsBottom&&fitsTop)return placement.replace('bottom','top');if(placement.endsWith('Bottom')&&!fitsTop&&fitsBottom)return placement.replace('Bottom','Top');if(placement.startsWith('top')&&!fitsTop&&fitsBottom)return placement.replace('top','bottom');if(placement.endsWith('Top')&&!fitsBottom&&fitsTop)return placement.replace('Top','Bottom');return placement;}

package/dist/components/structure/popover/Popover.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/popover/Popover.js";var _excluded=["renderContent","content","trigger","placement","unmountOnClose","children","parentWidth","parentMinWidth"];import React from'react';import{PopoverContent}from"./PopoverContent";import{useRegisterOverlay}from"../overlay/OverlayHandler";import{jsx as _jsx}from"react/jsx-runtime";export function Popover(_ref){var _this=this;var renderContent=_ref.renderContent,content=_ref.content,_ref$trigger=_ref.trigger,trigger=_ref$trigger===void 0?'hover':_ref$trigger,_ref$placement=_ref.placement,placement=_ref$placement===void 0?'bottom':_ref$placement,unmountOnClose=_ref.unmountOnClose,children=_ref.children,parentWidth=_ref.parentWidth,parentMinWidth=_ref.parentMinWidth,props=_objectWithoutProperties(_ref,_excluded);var ref=React.useRef(null);var _useRegisterOverlay=useRegisterOverlay({unmountOnClose:unmountOnClose}),onOpen=_useRegisterOverlay.onOpen,onClose=_useRegisterOverlay.onClose,onFastClose=_useRegisterOverlay.onFastClose,stopDelayedClosing=_useRegisterOverlay.stopDelayedClosing;var click=trigger==='click';var hover=trigger==='hover';var focus=trigger==='focus';renderContent=renderContent||function(){return content;};var show=function show(e){if(e&&e.stopPropagation)e.stopPropagation();var rect=ref.current.getBoundingClientRect();var scrollX=window.scrollX||window.pageXOffset;var scrollY=window.scrollY||window.pageYOffset;var triggerRect={left:rect.left+scrollX,right:rect.right+scrollX,top:rect.top+scrollY,bottom:rect.bottom+scrollY,width:rect.width,height:rect.height};onOpen({content:_jsx(PopoverContent,Object.assign({placement:placement,width:parentWidth?rect.width:undefined,minWidth:parentMinWidth?rect.width:undefined},props,{onMouseEnter:hover?stopDelayedClosing:undefined,onMouseLeave:hover?onClose:undefined,children:renderContent({onClose:onFastClose})})),triggerRect:triggerRect,placement:placement,options:{dismissOnClickOutside:!!click}});};React.useEffect(function(){return function(){return onClose();};},[]);var child=React.Children.only(children);var childProps={ref:ref,onClick:show};if(hover)childProps={ref:ref,onMouseEnter:show,onMouseLeave:onClose};if(focus)childProps={ref:ref,onFocus:show,onBlur:onClose};return React.cloneElement(child,childProps);}

package/dist/components/structure/popover/Popover.native.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/popover/Popover.native.js";var _excluded=["content","placement","children"];import{Modal,TouchableWithoutFeedback}from"react-native-web";import React from'react';import{PopoverContent}from"./PopoverContent";import{View}from"../View";import{calculatePosition}from"../overlay/calculatePosition";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";export function Popover(_ref){var _position$y,_position$x;var content=_ref.content,_ref$placement=_ref.placement,placement=_ref$placement===void 0?'bottom':_ref$placement,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);var ref=React.useRef(null);var _React$useState=React.useState(false),_React$useState2=_slicedToArray(_React$useState,2),visible=_React$useState2[0],setVisible=_React$useState2[1];var _React$useState3=React.useState(null),_React$useState4=_slicedToArray(_React$useState3,2),triggerRect=_React$useState4[0],setTriggerRect=_React$useState4[1];var _React$useState5=React.useState(null),_React$useState6=_slicedToArray(_React$useState5,2),position=_React$useState6[0],setPosition=_React$useState6[1];var show=function show(){if(ref.current){ref.current.measureInWindow(function(x,y,width,height){setTriggerRect({left:x,top:y,right:x+width,bottom:y+height,width:width,height:height});setVisible(true);});}};var hide=function hide(){setVisible(false);setTriggerRect(null);setPosition(null);};return _jsxs(_Fragment,{children:[_jsx(View,{ref:ref,children:React.cloneElement(React.Children.only(children),{onPress:show})}),visible&&_jsx(Modal,{transparent:true,visible:visible,animationType:"fade",onRequestClose:hide,children:_jsx(View,{fullW:true,flex:true,fullH:true,bg:"bg_op50",children:_jsx(TouchableWithoutFeedback,{onPress:hide,children:_jsx(View,{style:{flex:1},children:triggerRect&&_jsx(View,{style:{position:'absolute',top:(_position$y=position==null?void 0:position.y)!=null?_position$y:-9999,left:(_position$x=position==null?void 0:position.x)!=null?_position$x:-9999},onLayout:function onLayout(e){var _e$nativeEvent$layout=e.nativeEvent.layout,width=_e$nativeEvent$layout.width,height=_e$nativeEvent$layout.height;var popoverRect={width:width,height:height};var pos=calculatePosition(triggerRect,popoverRect,placement,8);setPosition(pos);},children:_jsx(PopoverContent,Object.assign({placement:placement},props,{children:content}))})})})})})]});}

package/dist/components/structure/popover/PopoverContent.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/popover/PopoverContent.js";var _excluded=["children","placement"];import{Card}from"../Card";import{jsx as _jsx}from"react/jsx-runtime";export function PopoverContent(_ref){var children=_ref.children,_ref$placement=_ref.placement,placement=_ref$placement===void 0?'bottom':_ref$placement,props=_objectWithoutProperties(_ref,_excluded);return _jsx(Card,Object.assign({shadow:true,padding:"sm",br:"sm",className:"neko-popover-content",bg:"overlayBG",border:true,borderColor:"divider_op40"},props,{children:children}));}

package/dist/components/table/DataTable.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["render","field","key","label"],_excluded2=["data","columns","rowKey","stickyHeader","grid"],_excluded3=["key"];var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/table/DataTable.js";import{pipe}from'ramda';import{Table}from'..';import{TableCol}from"./TableCol";import{TableHeader}from"./TableHeader";import{TableHeaderRow}from"./TableHeaderRow";import{TableRow}from"./TableRow";import{useSizeConverter}from"../../modifiers/sizeConverter";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function RowItem(_ref){var _this=this;var record=_ref.record,columns=_ref.columns,size=_ref.size,grid=_ref.grid;return _jsx(TableRow,{children:columns.map(function(_ref2,index){var render=_ref2.render,field=_ref2.field,key=_ref2.key,label=_ref2.label,column=_objectWithoutProperties(_ref2,_excluded);render=render||function(v){return v;};var value=record[field];var colProps=Object.assign({},column,{size:size});if(!column.borderR&&columns.length-1>index&&grid)colProps.borderR=true;return _jsx(TableCol,Object.assign({},colProps,{children:render(value,record)}),key);})});}export function DataTable(_ref3){var _this2=this;var data=_ref3.data,columns=_ref3.columns,_ref3$rowKey=_ref3.rowKey,rowKey=_ref3$rowKey===void 0?'key':_ref3$rowKey,stickyHeader=_ref3.stickyHeader,grid=_ref3.grid,props=_objectWithoutProperties(_ref3,_excluded2);var _pipe=pipe(useSizeConverter('padding','md'))([{},props]),_pipe2=_slicedToArray(_pipe,2),sizeCode=_pipe2[0].sizeCode,_=_pipe2[1];return _jsxs(Table,Object.assign({},props,{children:[_jsx(TableHeaderRow,{sticky:stickyHeader,children:columns.map(function(_ref4,index){var key=_ref4.key,column=_objectWithoutProperties(_ref4,_excluded3);var headerProps=Object.assign({},column,{size:sizeCode});if(!column.borderR&&columns.length-1>index&&grid)headerProps.borderR=true;return _jsx(TableHeader,Object.assign({},headerProps),column.key);})}),data.map(function(record,index){return _jsx(RowItem,{columns:columns,record:record,size:sizeCode,grid:grid},record[rowKey]||(record==null?void 0:record.id)||index);})]}));}

package/dist/components/table/Pagination.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/table/Pagination.js";var _excluded=["active"],_excluded2=["total","itemsPerPage","pages","maxVisible","value","initialValue","onChange"];import{range,is,pipe}from'ramda';import React from'react';import{Button}from"../actions/Button";import{View}from"../structure/View";import{moveScale}from"../../theme/helpers/sizeScale";import{useSizeConverter}from"../../modifiers/sizeConverter";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function getPageIndexes(pages,value){var maxVisible=arguments.length>2&&arguments[2]!==undefined?arguments[2]:5;if(pages<=maxVisible){return Array.from({length:pages},function(_,i){return{label:i+1,value:i+1};});}var middle=Math.floor(maxVisible/2);var start=value-middle;var end=value+middle;if(start<1){start=1;end=maxVisible;}if(end>pages){end=pages;start=pages-maxVisible+1;}var range=Array.from({length:end-start+1},function(_,i){return start+i;});var result=[];if(start>1){if(start===2){result.push({label:1,value:1});}else{result.push({label:'...',value:start-1});}}result.push.apply(result,_toConsumableArray(range.map(function(p){return{label:p,value:p};})));if(end<pages){if(end===pages-1){result.push({label:pages,value:pages});}else{result.push({label:'...',value:end+1});}}return result;}function Item(_ref){var active=_ref.active,props=_objectWithoutProperties(_ref,_excluded);return _jsx(Button,Object.assign({size:"sm",ratio:1,color:active?'primary':'transparent',textProps:{color:!active&&'text3'},iconProps:{color:!active&&'text3'}},props));}export function Pagination(_ref2){var _this=this;var _ref2$total=_ref2.total,total=_ref2$total===void 0?0:_ref2$total,_ref2$itemsPerPage=_ref2.itemsPerPage,itemsPerPage=_ref2$itemsPerPage===void 0?10:_ref2$itemsPerPage,pages=_ref2.pages,_ref2$maxVisible=_ref2.maxVisible,maxVisible=_ref2$maxVisible===void 0?5:_ref2$maxVisible,value=_ref2.value,_ref2$initialValue=_ref2.initialValue,initialValue=_ref2$initialValue===void 0?1:_ref2$initialValue,onChange=_ref2.onChange,rootProps=_objectWithoutProperties(_ref2,_excluded2);var _pipe=pipe(useSizeConverter('padding','md'))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),sizeCode=_pipe2[0].sizeCode,props=_pipe2[1];var size=moveScale(sizeCode,-1);pages=pages||Math.ceil(total/itemsPerPage);var _React$useState=React.useState(initialValue),_React$useState2=_slicedToArray(_React$useState,2),localValue=_React$useState2[0],setLocalValue=_React$useState2[1];value=value||localValue||initialValue;var handleChange=function handleChange(v){setLocalValue(v);onChange==null?void 0:onChange(v);};var pageIndexes=getPageIndexes(pages,value,maxVisible);return _jsxs(View,Object.assign({className:"neko-pagination",row:true,gap:"xxs"},props,{children:[_jsx(Item,Object.assign({icon:"arrow-left-s-line",disabled:value===1,onPress:function onPress(){return handleChange(value-1);},size:size},props)),pageIndexes.map(function(item){return _jsx(Item,Object.assign({active:value===item.value,onPress:function onPress(){return handleChange(item.value);},label:item.label,disabled:is(String,item.value),size:size},props),item.value);}),_jsx(Item,Object.assign({icon:"arrow-right-s-line",disabled:value===pages,onPress:function onPress(){return handleChange(value+1);},size:size},props))]}));}

package/dist/components/table/Table.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/table/Table.js";var _excluded=["children"];import{pipe}from'ramda';import React from'react';import{AbsTable}from"../../abstractions/Table";import{AbsView}from"../../abstractions/View";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useDefaultModifier}from"../../modifiers/default";import{useDisplayModifier}from"../../modifiers/display";import{useMarginModifier}from"../../modifiers/margin";import{useOverflowModifier}from"../../modifiers/overflow";import{usePaddingModifier}from"../../modifiers/padding";import{useShadowModifier}from"../../modifiers/shadow";import{useSizeModifier}from"../../modifiers/size";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var TableContext=React.createContext(null);export var useTable=function useTable(){return React.useContext(TableContext)||{};};var DEFAULT_PROPS={br:'md',overflow:'scroll',width:'100%',relative:true};export function Table(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('Table'),useDefaultModifier(DEFAULT_PROPS),useDisplayModifier,useSizeModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];var scrollRef=React.useRef();var _React$useState=React.useState(true),_React$useState2=_slicedToArray(_React$useState,2),scrolledToMaxLeft=_React$useState2[0],setScrolledToMaxLeft=_React$useState2[1];var _React$useState3=React.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),scrolledToMaxRight=_React$useState4[0],setScrolledToMaxRight=_React$useState4[1];React.useEffect(function(){var el=scrollRef.current;if(!el||!el.addEventListener)return;var onScroll=function onScroll(){setScrolledToMaxLeft(el.scrollLeft===0);setScrolledToMaxRight(el.scrollLeft+el.clientWidth>=el.scrollWidth-1);};el.addEventListener('scroll',onScroll);return function(){return el.removeEventListener('scroll',onScroll);};},[]);return _jsx(TableContext.Provider,{value:{scrolledToMaxLeft:scrolledToMaxLeft,scrolledToMaxRight:scrolledToMaxRight},children:_jsx(AbsView,Object.assign({},props,{className:"neko-table-wrapper",ref:scrollRef,children:_jsx(AbsTable,{className:"neko-table",children:children})}))});}

package/dist/components/table/TableCol.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/table/TableCol.js";var _excluded=["label","children","strong","color","colSpan","rowSpan"],_excluded2=["style"];import{pipe,is}from'ramda';import{AbsTableCol}from"../../abstractions/Table";import{Text}from"../text/Text";import{View}from"../structure/View";import{useAlignConverter}from"../../modifiers/alignConverter";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useDefaultModifier}from"../../modifiers/default";import{useDisplayModifier}from"../../modifiers/display";import{useMarginModifier}from"../../modifiers/margin";import{useOverflowModifier}from"../../modifiers/overflow";import{usePaddingModifier}from"../../modifiers/padding";import{usePositionModifier}from"../../modifiers/position";import{useShadowModifier}from"../../modifiers/shadow";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useSizeModifier}from"../../modifiers/size";import{useTable}from"./Table";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var scrolledToMaxLeft=_ref.scrolledToMaxLeft,scrolledToMaxRight=_ref.scrolledToMaxRight;return function(_ref2){var _ref3=_slicedToArray(_ref2,2),sizeCode=_ref3[0].sizeCode,_ref3$=_ref3[1],sticky=_ref3$.sticky,left=_ref3$.left,right=_ref3$.right;return{bg:'overlayBG',paddingH:['xxxs','xxs','xs'].includes(sizeCode)?'sm':sizeCode,paddingV:sizeCode,borderB:true,margin:0,borderR:left!==undefined&&!!sticky&&!scrolledToMaxLeft,borderL:right!==undefined&&!!sticky&&!scrolledToMaxRight};};};export function TableCol(_ref4){var label=_ref4.label,children=_ref4.children,strong=_ref4.strong,color=_ref4.color,colSpan=_ref4.colSpan,rowSpan=_ref4.rowSpan,rootProps=_objectWithoutProperties(_ref4,_excluded);var _useTable=useTable(),scrolledToMaxLeft=_useTable.scrolledToMaxLeft,scrolledToMaxRight=_useTable.scrolledToMaxRight;var _pipe=pipe(useAlignConverter('left'),useSizeConverter('padding','md'),useThemeComponentModifier('TableCol'),useDefaultModifier(DEFAULT_PROPS({scrolledToMaxLeft:scrolledToMaxLeft,scrolledToMaxRight:scrolledToMaxRight})),useDisplayModifier,usePositionModifier,useSizeModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],sizeCode=_pipe2$.sizeCode,align=_pipe2$.align,_pipe2$2=_pipe2[1],style=_pipe2$2.style,props=_objectWithoutProperties(_pipe2$2,_excluded2);if(!!label||is(String,children)||is(Number,children)){children=_jsx(Text,{strong:!!strong,color:color,size:sizeCode,align:align,children:label||children});}return _jsx(AbsTableCol,{className:"neko-table-col",style:style,colSpan:colSpan,rowSpan:rowSpan,children:_jsx(View,Object.assign({className:"neko-table-col-content",fullW:true,fullH:true,align:align,centerV:true},props,{children:children}))});}

package/dist/components/table/TableHeader.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/table/TableHeader.js";var _excluded=["children","label","colSpan","rowSpan"],_excluded2=["style"];import{pipe,is}from'ramda';import{AbsTableHeader}from"../../abstractions/Table";import{Text}from"../text/Text";import{View}from"../structure/View";import{moveScale}from"../../theme/helpers/sizeScale";import{useAlignConverter}from"../../modifiers/alignConverter";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useDefaultModifier}from"../../modifiers/default";import{useDisplayModifier}from"../../modifiers/display";import{useMarginModifier}from"../../modifiers/margin";import{useOverflowModifier}from"../../modifiers/overflow";import{usePaddingModifier}from"../../modifiers/padding";import{usePositionModifier}from"../../modifiers/position";import{useShadowModifier}from"../../modifiers/shadow";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useSizeModifier}from"../../modifiers/size";import{useTable}from"./Table";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var scrolledToMaxLeft=_ref.scrolledToMaxLeft,scrolledToMaxRight=_ref.scrolledToMaxRight;return function(_ref2){var _ref3=_slicedToArray(_ref2,2),sizeCode=_ref3[0].sizeCode,_ref3$=_ref3[1],sticky=_ref3$.sticky,left=_ref3$.left,right=_ref3$.right;return{bg:'overlayBG',paddingH:['xxxs','xxs','xs'].includes(sizeCode)?'sm':sizeCode,paddingV:moveScale(sizeCode,-1),borderB:true,margin:0,borderR:left!==undefined&&!!sticky&&!scrolledToMaxLeft,borderL:right!==undefined&&!!sticky&&!scrolledToMaxRight};};};export function TableHeader(_ref4){var children=_ref4.children,label=_ref4.label,colSpan=_ref4.colSpan,rowSpan=_ref4.rowSpan,rootProps=_objectWithoutProperties(_ref4,_excluded);var _useTable=useTable(),scrolledToMaxLeft=_useTable.scrolledToMaxLeft,scrolledToMaxRight=_useTable.scrolledToMaxRight;var _pipe=pipe(useAlignConverter('left'),useSizeConverter('padding','md'),useThemeComponentModifier('TableHeader'),useDefaultModifier(DEFAULT_PROPS({scrolledToMaxLeft:scrolledToMaxLeft,scrolledToMaxRight:scrolledToMaxRight})),useDisplayModifier,usePositionModifier,useSizeModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],sizeCode=_pipe2$.sizeCode,align=_pipe2$.align,_pipe2$2=_pipe2[1],style=_pipe2$2.style,props=_objectWithoutProperties(_pipe2$2,_excluded2);if(!!label||is(String,children)){console.log(sizeCode,moveScale(sizeCode,-1));children=_jsx(Text,{strong:true,text3:true,fullW:true,block:true,align:align,size:moveScale(sizeCode,-1),children:label||children});}return _jsx(AbsTableHeader,{className:"neko-table-header",style:style,colSpan:colSpan,rowSpan:rowSpan,children:_jsx(View,Object.assign({className:"neko-table-header-content",fullW:true,fullH:true,align:align,centerV:true},props,{children:children}))});}

package/dist/components/table/TableHeaderRow.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/table/TableHeaderRow.js";var _excluded=["children"];import{pipe}from'ramda';import{AbsTableRow}from"../../abstractions/Table";import{useBackgroundModifier}from"../../modifiers/background";import{useDefaultModifier}from"../../modifiers/default";import{useDisplayModifier}from"../../modifiers/display";import{useOverflowModifier}from"../../modifiers/overflow";import{usePositionModifier}from"../../modifiers/position";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS={top:0,zIndex:40};export function TableHeaderRow(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('TableHeaderRow'),useDefaultModifier(DEFAULT_PROPS),useDisplayModifier,usePositionModifier,useOverflowModifier,useBackgroundModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];return _jsx(AbsTableRow,Object.assign({className:"neko-table-header-row"},props,{children:children}));}

package/dist/components/table/TableRow.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/table/TableRow.js";var _excluded=["children"];import{pipe}from'ramda';import{AbsTableRow}from"../../abstractions/Table";import{useBackgroundModifier}from"../../modifiers/background";import{useDefaultModifier}from"../../modifiers/default";import{useDisplayModifier}from"../../modifiers/display";import{useOverflowModifier}from"../../modifiers/overflow";import{usePositionModifier}from"../../modifiers/position";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS={};export function TableRow(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('TableRow'),useDefaultModifier(DEFAULT_PROPS),useDisplayModifier,usePositionModifier,useOverflowModifier,useBackgroundModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];return _jsx(AbsTableRow,Object.assign({className:"neko-table-row"},props,{children:children}));}

package/dist/components/table/index.js

@@ -0,0 +1 @@
+export*from"./Table";export*from"./TableRow";export*from"./TableHeaderRow";export*from"./TableHeader";export*from"./TableCol";export*from"./DataTable";export*from"./Pagination";

package/dist/components/text/Text.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/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;
+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{useAnimationModifier}from"../../modifiers/animation";import{useColorConverter}from"../../modifiers/colorConverter";import{useDisplayModifier}from"../../modifiers/display";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'),useAnimationModifier,useDisplayModifier,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/components/text/VerticalText.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/VerticalText.js";var _excluded=["children","label","invert"],_excluded2=["style"];import{pipe}from'ramda';import{AbsText}from"../../abstractions/Text";import{VerticalView}from"../helpers/VerticalView";import{useColorConverter}from"../../modifiers/colorConverter";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 VerticalText(_ref){var children=_ref.children,label=_ref.label,invert=_ref.invert,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useColorConverter('text'),useTextConverter('p'),useThemeComponentModifier('VerticalText'),useTextModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],_pipe2$=_pipe2[1],style=_pipe2$.style,props=_objectWithoutProperties(_pipe2$,_excluded2);return _jsx(VerticalView,Object.assign({invert:invert},props,{children:_jsx(AbsText,{style:Object.assign({},style),children:children||label})}));}

package/dist/components/text/index.js

@@ -1 +1 @@
-export*from"./Text";
+export*from"./Text";export*from"./VerticalText";

package/dist/helpers/debounce.js

@@ -0,0 +1 @@
+export function debounce(action){var _this=this;var time=arguments.length>1&&arguments[1]!==undefined?arguments[1]:550;var timer;return function(){for(var _len=arguments.length,params=new Array(_len),_key=0;_key<_len;_key++){params[_key]=arguments[_key];}clearTimeout(timer);timer=setTimeout(function(){action.apply(_this,params);},time);};}

package/dist/helpers/index.js

@@ -1 +1 @@
-export*from"./responsive";export*from"./string";
+export*from"./debounce";export*from"./string";export*from"./random";

package/dist/helpers/options.js

@@ -0,0 +1 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{is,propEq}from'ramda';import React from'react';function formatOptions(options){if(!(options!=null&&options.length))return options;return options.map(function(option){if(is(String,option)||is(Number,option)){return{label:option,value:option};}return option;});}export function useOptions(optionsOrFetch){var _ref=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},limit=_ref.limit;var isLazy=!is(Array,optionsOrFetch);var _React$useState=React.useState(isLazy),_React$useState2=_slicedToArray(_React$useState,2),loading=_React$useState2[0],setLoading=_React$useState2[1];var _React$useState3=React.useState([]),_React$useState4=_slicedToArray(_React$useState3,2),options=_React$useState4[0],setOptions=_React$useState4[1];var _React$useState5=React.useState(1),_React$useState6=_slicedToArray(_React$useState5,2),page=_React$useState6[0],setPage=_React$useState6[1];var _React$useState7=React.useState(!isLazy),_React$useState8=_slicedToArray(_React$useState7,2),done=_React$useState8[0],setDone=_React$useState8[1];var isFirstLoad=page===1&&!(options!=null&&options.length)&&loading;var isRefetching=page===1&&!!options.length&&loading;var isFetchingMore=page>1&&!!options.length&&loading;var handleGetOptions=function handleGetOptions(){var page=arguments.length>0&&arguments[0]!==undefined?arguments[0]:1;setDone(false);setPage(page);setLoading(true);optionsOrFetch(optionsOrFetch,page).then(function(result){if((result==null?void 0:result.length)<limit)setDone(true);var newOptions=[];if(page>1)newOptions=options;setOptions([].concat(_toConsumableArray(newOptions),_toConsumableArray(result)));}).finally(function(){return setLoading(false);});};var fetchMore=function fetchMore(){var newPage=(page||1)+1;handleGetOptions(newPage);};React.useEffect(function(){if(isLazy)handleGetOptions();},[limit]);return{options:formatOptions(isLazy?options:optionsOrFetch),handleGetOptions:handleGetOptions,fetchMore:fetchMore,done:done,page:page,done:done,limit:limit,loading:loading,isFirstLoad:isFirstLoad,isRefetching:isRefetching,isFetchingMore:isFetchingMore};}export function findOptionByValue(options,value){return options.find(propEq('value',value));}

package/dist/helpers/random.js

@@ -0,0 +1 @@
+export function genRandonId(){var length=arguments.length>0&&arguments[0]!==undefined?arguments[0]:30;return Math.random().toString(36).substring(2,2+length);}

package/dist/index.css

@@ -28,6 +28,7 @@ body {
 a,
 button {
   cursor: pointer;
+  text-decoration: none;
 }
 
 .neko-wave-click-effect {
@@ -71,3 +72,12 @@ button {
     transform: scale(1.3);
   }
 }
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/dist/index.js

@@ -1 +1 @@
-export*from"./helpers";export*from"./components";export*from"./theme";export*from"./NekoUI";export var version=41;
+export*from"./helpers";export*from"./components";export*from"./theme";export*from"./responsive";export*from"./NekoUI";export var version=41;

package/dist/modifiers/alignConverter.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";export function useAlignConverter(defaultValue){return function(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var align=props.align;if(!align&&props.center)align='center';if(!align&&props.toRight)align='right';if(!align&&props.toLeft)align='left';if(!align)align=defaultValue;return[{align:align},Object.assign({},props,{align:align})];};}

package/dist/modifiers/animation.js

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

package/dist/modifiers/animations/animatedEffects.js

@@ -0,0 +1 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["open","onClose","lazy","unmountOnClose"];import{pipe}from'ramda';import React from'react';import{useApplyStyles}from"../applyStyles";import{useFadeEffect}from"./fadeEffect";import{useSlideEffect}from"./slideEffect";export function useAnimatedEffects(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],open=_ref2$.open,onClose=_ref2$.onClose,_ref2$$lazy=_ref2$.lazy,lazy=_ref2$$lazy===void 0?false:_ref2$$lazy,_ref2$$unmountOnClose=_ref2$.unmountOnClose,unmountOnClose=_ref2$$unmountOnClose===void 0?false:_ref2$$unmountOnClose,props=_objectWithoutProperties(_ref2$,_excluded);var unmountTimerRef=React.useRef();var _React$useState=React.useState(0),_React$useState2=_slicedToArray(_React$useState,2),totalDuration=_React$useState2[0],setTotalDuration=_React$useState2[1];var _React$useState3=React.useState(''),_React$useState4=_slicedToArray(_React$useState3,2),transform=_React$useState4[0],setTransform=_React$useState4[1];var _React$useState5=React.useState([]),_React$useState6=_slicedToArray(_React$useState5,2),transitions=_React$useState6[0],setTransitions=_React$useState6[1];var _React$useState7=React.useState(open||!lazy),_React$useState8=_slicedToArray(_React$useState7,2),hasOpened=_React$useState8[0],setHasOpened=_React$useState8[1];var _React$useState9=React.useState(open||!lazy),_React$useState0=_slicedToArray(_React$useState9,2),render=_React$useState0[0],setRender=_React$useState0[1];var useRegisterEffect=function useRegisterEffect(effect){React.useEffect(function(){if(!(effect!=null&&effect.duration))return;setTotalDuration(function(v){return v>effect.duration?v:effect.duration;});},[]);};var useAddTransition=function useAddTransition(effect,transition){React.useEffect(function(){if(!(effect!=null&&effect.duration))return;setTransitions(function(v){return[].concat(_toConsumableArray(v),[transition]);});},[]);};React.useEffect(function(){if(open){clearTimeout(unmountTimerRef==null?void 0:unmountTimerRef.current);setHasOpened(true);setRender(true);}else if(unmountOnClose){unmountTimerRef.current=setTimeout(function(){return setRender(false);},totalDuration);}},[open]);return pipe(useFadeEffect,useSlideEffect,useApplyStyles({transition:transitions.join(',')}))([Object.assign({},values,{useRegisterEffect:useRegisterEffect,useAddTransition:useAddTransition,open:open,onClose:onClose,lazy:lazy,unmountOnClose:unmountOnClose,transform:transform,setTransform:setTransform,hasOpened:hasOpened,setHasOpened:setHasOpened,render:render,setRender:setRender}),props]);}

package/dist/modifiers/animations/animatedEffects.native.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["open","onClose","lazy","unmountOnClose"];import{pipe}from'ramda';import{useSharedValue}from'react-native-reanimated';import React from'react';import{useFadeEffect}from"./fadeEffect";import{useSlideEffect}from"./slideEffect";export function useAnimatedEffects(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],_ref2$$open=_ref2$.open,open=_ref2$$open===void 0?true:_ref2$$open,onClose=_ref2$.onClose,_ref2$$lazy=_ref2$.lazy,lazy=_ref2$$lazy===void 0?false:_ref2$$lazy,_ref2$$unmountOnClose=_ref2$.unmountOnClose,unmountOnClose=_ref2$$unmountOnClose===void 0?false:_ref2$$unmountOnClose,props=_objectWithoutProperties(_ref2$,_excluded);var unmountTimerRef=React.useRef();var _React$useState=React.useState(0),_React$useState2=_slicedToArray(_React$useState,2),totalDuration=_React$useState2[0],setTotalDuration=_React$useState2[1];var _React$useState3=React.useState(open||!lazy),_React$useState4=_slicedToArray(_React$useState3,2),hasOpened=_React$useState4[0],setHasOpened=_React$useState4[1];var _React$useState5=React.useState(open||!lazy),_React$useState6=_slicedToArray(_React$useState5,2),render=_React$useState6[0],setRender=_React$useState6[1];var useRegisterEffect=function useRegisterEffect(effect){React.useEffect(function(){if(!(effect!=null&&effect.duration))return;setTotalDuration(function(v){return v>effect.duration?v:effect.duration;});},[]);};var translate=useSharedValue(0);React.useEffect(function(){if(open){clearTimeout(unmountTimerRef==null?void 0:unmountTimerRef.current);setHasOpened(true);setRender(true);}else if(unmountOnClose){unmountTimerRef.current=setTimeout(function(){return setRender(false);},totalDuration);}},[open]);return pipe(useFadeEffect,useSlideEffect)([Object.assign({},values,{animatedStyles:[],useRegisterEffect:useRegisterEffect,useAddTransition:function useAddTransition(){},open:open,onClose:onClose,lazy:lazy,unmountOnClose:unmountOnClose,hasOpened:hasOpened,setHasOpened:setHasOpened,render:render,setRender:setRender}),Object.assign({},props,{animatedStyles:[]})]);}

package/dist/modifiers/animations/animatedEffects.web.js

@@ -0,0 +1 @@
+import{useAnimatedEffect as useAnimatedEffectNative}from"./animatedEffects.native";export var useAnimatedEffects=useAnimatedEffectNative;

package/dist/modifiers/animations/fadeEffect.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["fade"];import React from'react';var DEFAULT_EFFECT={duration:300};export function useFadeEffect(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],fade=_ref2$.fade,props=_objectWithoutProperties(_ref2$,_excluded);if(fade===true)fade=DEFAULT_EFFECT;if(!!fade)fade=Object.assign({},DEFAULT_EFFECT,fade);var _ref3=fade||{},duration=_ref3.duration;var open=values.open,useRegisterEffect=values.useRegisterEffect,useAddTransition=values.useAddTransition;var _React$useState=React.useState(0),_React$useState2=_slicedToArray(_React$useState,2),opacity=_React$useState2[0],setOpacity=_React$useState2[1];useRegisterEffect(fade);useAddTransition(fade,`opacity ${duration}ms ease-in-out`);React.useEffect(function(){if(!fade)return;if(open){requestAnimationFrame(function(){setOpacity(1);});}else{setOpacity(0);}},[open]);if(!fade)return[values,props];var style={opacity:opacity};return[values,Object.assign({},props,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/animations/fadeEffect.native.js

@@ -0,0 +1 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["fade"];import{useSharedValue,withTiming,useAnimatedStyle}from'react-native-reanimated';import React from'react';var DEFAULT_EFFECT={duration:300};export function useFadeEffect(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],fade=_ref2$.fade,props=_objectWithoutProperties(_ref2$,_excluded);if(fade===true)fade=DEFAULT_EFFECT;if(!!fade)fade=Object.assign({},DEFAULT_EFFECT,fade);var _ref3=fade||{},duration=_ref3.duration;var open=values.open,useRegisterEffect=values.useRegisterEffect;var opacity=useSharedValue(0);useRegisterEffect(fade);React.useEffect(function(){if(!fade)return;if(open){opacity.value=0;opacity.value=withTiming(1,{duration:duration});}else{opacity.value=withTiming(0,{duration:duration});}},[open]);var animatedStyle=useAnimatedStyle(function(){return{opacity:opacity.value};});if(!fade)return[values,props];return[values,Object.assign({},props,{animatedStyles:[].concat(_toConsumableArray(props.animatedStyles),[animatedStyle])})];}

package/dist/modifiers/animations/slideEffect.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["slide"];import React from'react';var DEFAULT_EFFECT={duration:400,from:'top'};export function useSlideEffect(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],slide=_ref2$.slide,props=_objectWithoutProperties(_ref2$,_excluded);if(slide===true)slide=DEFAULT_EFFECT;if(!!slide)slide=Object.assign({},DEFAULT_EFFECT,slide);var _ref3=slide||{},duration=_ref3.duration,from=_ref3.from,distance=_ref3.distance;var open=values.open,useRegisterEffect=values.useRegisterEffect,useAddTransition=values.useAddTransition;var initialValue=React.useMemo(function(){var w=window.innerWidth;var h=window.innerHeight;switch(from){case'left':return`translateX(-${distance||w}px)`;case'right':return`translateX(${distance||w}px)`;case'top':return`translateY(-${distance||h}px)`;case'bottom':return`translateY(${distance||h}px)`;default:return`translateX(-${distance||w}px)`;}},[distance,from]);var _React$useState=React.useState(initialValue),_React$useState2=_slicedToArray(_React$useState,2),transform=_React$useState2[0],setTransform=_React$useState2[1];useRegisterEffect(slide);useAddTransition(slide,`transform ${duration}ms ease-in-out`);React.useLayoutEffect(function(){if(!slide)return;if(open){setTransform(initialValue);requestAnimationFrame(function(){setTransform('translateY(0)');});}else{setTransform(initialValue);}},[open]);if(!slide)return[values,props];var style={transform:transform};return[values,Object.assign({},props,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/animations/slideEffect.native.js

@@ -0,0 +1 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["slide"];import{Dimensions}from"react-native-web";import{useSharedValue,withTiming,useAnimatedStyle}from'react-native-reanimated';import React from'react';var DEFAULT_EFFECT={duration:400,from:'top'};var _Dimensions$get=Dimensions.get('window'),width=_Dimensions$get.width,height=_Dimensions$get.height;export function useSlideEffect(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],slide=_ref2$.slide,props=_objectWithoutProperties(_ref2$,_excluded);if(slide===true)slide=DEFAULT_EFFECT;if(!!slide)slide=Object.assign({},DEFAULT_EFFECT,slide);var _ref3=slide||{},duration=_ref3.duration,from=_ref3.from,distance=_ref3.distance;var open=values.open,useRegisterEffect=values.useRegisterEffect;useRegisterEffect(slide);var initialValue=React.useMemo(function(){switch(from){case'left':return-(distance||width);case'right':return distance||width;case'top':return-(distance||height);case'bottom':return distance||height;default:return-(distance||width);}},[from,distance,width,height]);var translate=useSharedValue(open?0:initialValue);React.useEffect(function(){if(!slide)return;if(open){translate.value=initialValue;translate.value=withTiming(0,{duration:duration});}else{translate.value=withTiming(initialValue,{duration:duration});}},[open]);var animatedStyle=useAnimatedStyle(function(){var transform=from==='left'||from==='right'?[{translateX:translate.value}]:[{translateY:translate.value}];return{transform:transform};});if(!slide)return[values,props];return[values,Object.assign({},props,{animatedStyles:[].concat(_toConsumableArray(props.animatedStyles),[animatedStyle])})];}

package/dist/modifiers/applyStyles.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["style"];import{curry}from'ramda';import{clearProps}from"./_helpers";export var useApplyStyles=curry(function(customStyle,_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],style=_ref2$.style,props=_objectWithoutProperties(_ref2$,_excluded);return[values,Object.assign({},props,{style:Object.assign({},style,clearProps(customStyle))})];});

package/dist/modifiers/border.js

@@ -1 +1 @@
-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)})];}
+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","borderT","borderB","borderL","borderR","border","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,_borderColor;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,borderT=props.borderT,borderB=props.borderB,borderL=props.borderL,borderR=props.borderR,border=props.border,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);borderStyle=borderStyle;if(border===true)border=1;if(borderT===true)borderT=1;if(borderR===true)borderR=1;if(borderB===true)borderB=1;if(borderL===true)borderL=1;var borderTopWidth=borderT||border||0;var borderBottomWidth=borderB||border||0;var borderLeftWidth=borderL||border||0;var borderRightWidth=borderR||border||0;var hasBorder=borderTopWidth||borderBottomWidth||borderLeftWidth||borderRightWidth;if(!!hasBorder){borderStyle='solid';if(!borderColor&&!brColor)brColor='divider';}if(!!borderColor||!!brColor)borderColor=getColor((_borderColor=borderColor)!=null?_borderColor:brColor);var style=clearProps({borderStyle:borderStyle,borderTopRightRadius:borderTopRightRadius,borderTopLeftRadius:borderTopLeftRadius,borderBottomRightRadius:borderBottomRightRadius,borderBottomLeftRadius:borderBottomLeftRadius,borderColor:borderColor,borderTopWidth:borderTopWidth,borderBottomWidth:borderBottomWidth,borderLeftWidth:borderLeftWidth,borderRightWidth:borderRightWidth});return[values,Object.assign({},restProps,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/display.js

@@ -1 +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)})];}
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["cursor","opacity","hidden","display","inline","block"];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,hidden=props.hidden,display=props.display,inline=props.inline,block=props.block,restProps=_objectWithoutProperties(props,_excluded);if(!!hidden)display='hidden';if(!!inline)display='inline';if(!!block)display='block';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";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)})];}
+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,minWidth:0});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";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)})];}
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["justify","align","center","centerV","centerH","toRight","toBottom","toLeft","toTop","direction","row","wrap","gap","noGap"];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,toLeft=props.toLeft,toTop=props.toTop,direction=props.direction,row=props.row,wrap=props.wrap,gap=props.gap,noGap=props.noGap,restProps=_objectWithoutProperties(props,_excluded);var flexDirection=direction||(row?'row':'column');var justifyContent=justify;var alignItems=align;var flexWrap;gap=getSpace(gap);if(noGap)gap=undefined;var isRow=flexDirection==='row';var mainAxis=isRow?'horizontal':'vertical';var crossAxis=isRow?'vertical':'horizontal';if(center){justifyContent='center';alignItems='center';}else{if(centerH){if(mainAxis==='horizontal')justifyContent='center';else alignItems='center';}if(centerV){if(mainAxis==='vertical')justifyContent='center';else alignItems='center';}if(toRight){if(mainAxis==='horizontal')justifyContent='flex-end';else alignItems='flex-end';}if(toLeft){if(mainAxis==='horizontal')justifyContent='flex-start';else alignItems='flex-start';}if(toBottom){if(mainAxis==='vertical')justifyContent='flex-end';else alignItems='flex-end';}if(toTop){if(mainAxis==='vertical')justifyContent='flex-start';else alignItems='flex-start';}}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

@@ -1 +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})];}
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["color"],_excluded2=["outline","fill"];import tinycolor from'tinycolor2';import{getContrastColor}from"../theme/helpers/contrastColor";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,fill=_ref2$2.fill,props=_objectWithoutProperties(_ref2$2,_excluded2);var getColor=useGetColor();var bg=color;var bgObj=tinycolor(getColor(bg));var borderColor=color;var fontColor='text';if(!!outline&&fill!==true){bg='transparent';fontColor=color;}else{fontColor=getContrastColor(bgObj,[getColor('text'),getColor('overlayBG')]);}return[Object.assign({},values,{fontColor:fontColor}),Object.assign({},props,{bg:bg,borderColor:borderColor})];}

package/dist/modifiers/grid.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["gap","gapV","gapH"];import{useGetSpace}from"../theme/ThemeHandler";export function useGridModifier(_ref){var _gapV,_gapH;var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getSpace=useGetSpace();var gap=props.gap,gapV=props.gapV,gapH=props.gapH,restProps=_objectWithoutProperties(props,_excluded);gap=getSpace(gap);gapV=getSpace(gapV);gapH=getSpace(gapH);var childPaddingV,childPaddingH;if(gap||gapV)childPaddingV=((_gapV=gapV)!=null?_gapV:gap)/2;if(gap||gapH)childPaddingH=((_gapH=gapH)!=null?_gapH:gap)/2;var childPaddingProps={paddingV:childPaddingV,paddingH:childPaddingH};return[Object.assign({},values,{gap:gap,childPaddingProps:childPaddingProps}),Object.assign({row:true,wrap:true,marginV:-childPaddingV,marginH:-childPaddingH},restProps)];}

package/dist/modifiers/overflow.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["hiddenOverflow","scroll","scrollY","scrollX","overflow","overflowY","overflowX"];import{clearProps}from"./_helpers";export function useOverflowModifier(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var hiddenOverflow=props.hiddenOverflow,scroll=props.scroll,scrollY=props.scrollY,scrollX=props.scrollX,overflow=props.overflow,overflowY=props.overflowY,overflowX=props.overflowX,restProps=_objectWithoutProperties(props,_excluded);if(hiddenOverflow)overflow='hidden';if(scroll)overflow='scroll';if(scrollY)overflowY='scroll';if(scrollX)overflowX='scroll';var style=clearProps({overflow:overflow,overflowY:overflowY,overflowX:overflowX});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";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)})];}
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["position","absolute","relative","fixed","sticky","top","bottom","left","right","zIndex"];import{Platform}from"../abstractions/Platform";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,fixed=props.fixed,sticky=props.sticky,top=props.top,bottom=props.bottom,left=props.left,right=props.right,zIndex=props.zIndex,restProps=_objectWithoutProperties(props,_excluded);if(!zIndex&&!!absolute)zIndex=10;if(absolute)position='absolute';if(relative)position='relative';if(fixed)position='fixed';if(sticky)position='sticky';if(Platform.OS!=='web'&&['fixed','sticky'].includes(position)){position='absolute';}var style=clearProps({position:position,top:top,bottom:bottom,left:left,right:right,zIndex:zIndex});return[values,Object.assign({},restProps,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/responsiveConverter.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{curry}from'ramda';import React from'react';import{useGetResponsiveValue}from"../responsive/responsiveHooks";export var useResponsiveConverter=curry(function(keys,_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getValue=useGetResponsiveValue();return React.useMemo(function(){var formattedProps=Object.keys(props).reduce(function(acc,k){var v=props[k];if(!(keys!=null&&keys.length)||keys.includes(k))v=getValue(v);acc[k]=v;return acc;},{});return[values,formattedProps];},[getValue]);});

package/dist/modifiers/size.js

@@ -1 +1 @@
-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)})];}
+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","span","parentSpan"];import{clearProps}from"./_helpers";import{useGetElementHeight}from"../theme/ThemeHandler";export function useSizeModifier(_ref){var _span;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,span=_ref3.span,parentSpan=_ref3.parentSpan,restProps=_objectWithoutProperties(_ref3,_excluded);minHeight=getHeight(minHeight||minH);minWidth=getHeight(minWidth||minW);maxHeight=getHeight(maxHeight||maxH);maxWidth=getHeight(maxWidth||maxW);height=getHeight(height);width=getHeight(width);span=(_span=span)!=null?_span:parentSpan;if(span)width=span/24*100+'%';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,minWidth:minWidth,maxWidth:maxWidth,aspectRatio:aspectRatio});return[values,Object.assign({},restProps,{style:Object.assign({},props.style,style)})];}

package/dist/modifiers/state.js

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

package/dist/responsive/ResponsiveHandler.js

@@ -0,0 +1 @@
+var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/responsive/ResponsiveHandler.js";import React from'react';import{useBreakpoints}from"../theme/ThemeHandler";import{useWindowWidth}from"../abstractions/helpers/windowWidth";import{jsx as _jsx}from"react/jsx-runtime";var ResponsiveContext=React.createContext(null);export var useResponsive=function useResponsive(){return React.useContext(ResponsiveContext);};export function ResponsiveHandler(_ref){var children=_ref.children;var width=useWindowWidth();var breakpoints=useBreakpoints();var screen=React.useMemo(function(){var _breakpoints;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;},[width,breakpoints]);var value=React.useMemo(function(){return{width:width,screen:screen};},[width,screen]);return _jsx(ResponsiveContext.Provider,{value:value,children:children});}

package/dist/responsive/index.js

@@ -0,0 +1 @@
+export*from"./responsiveHooks";export*from"./ResponsiveHandler";

package/dist/responsive/responsiveHooks.js

@@ -0,0 +1 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import{is}from'ramda';import React from'react';import{useBreakpoints}from"../theme/ThemeHandler";import{useResponsive}from"../responsive/ResponsiveHandler";export function useGetResponsiveValue(){var breakpoints=useBreakpoints();var _useResponsive=useResponsive(),width=_useResponsive.width,screen=_useResponsive.screen;return React.useCallback(function(value){var isObj=is(Object,value);if(!isObj)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;},[screen]);}export function useResponsiveValue(value){var getValue=useGetResponsiveValue();var isObj=is(Object,value);var valueWatch=isObj?Object.keys(value).map(function(k){return`${k}:${value[k]}`;}):[value];return React.useMemo(function(){return getValue(value);},[getValue].concat(_toConsumableArray(valueWatch)));}