@neko-os/ui 0.2.3 → 0.3.0

package/dist/components/presentation/Result.js

@@ -1 +1,60 @@
-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:[!!icon&&_jsx(Icon,Object.assign({name:icon,color:iconColor,size:42,primary:true},iconProps)),!!icon&&_jsx(Divider,{height:10}),_jsx(Text,Object.assign({h4:true,center:true},textProps,titleProps,{children:title})),!!description&&_jsx(Text,Object.assign({text3:true,sm:true,marginT:"sm",center:true},textProps,descriptionProps,{children:description})),!!footer&&_jsx(View,{marginT:"lg",children:footer})]}));}
+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"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { 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: [
+      !!icon && _jsx(Icon, Object.assign({ name: icon, color: iconColor, size: 42, primary: true }, iconProps)),
+      !!icon && _jsx(Divider, { height: 10 }),
+      _jsx(Text, Object.assign({ h4: true, center: true }, textProps, titleProps, { children:
+        title })
+      ),
+      !!description &&
+      _jsx(Text, Object.assign({ text3: true, sm: true, marginT: "sm", center: true }, textProps, descriptionProps, { children:
+        description })
+      ),
+
+      !!footer && _jsx(View, { marginT: "lg", children: footer })] })
+    ));
+
+}

package/dist/components/presentation/ResultBar.js

@@ -1 +1,56 @@
-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]}));}
+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"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { 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,69 @@
-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})}))});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/Tag.js";var _excluded = ["loading", "disabled", "label", "icon", "textProps", "iconProps", "gap", "invert"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { pipe } from 'ramda';
+
+import { 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

@@ -1 +1,44 @@
-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','sm'),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",padding:"xs"},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}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/Tooltip.js";var _excluded = ["label", "icon", "textProps", "iconProps", "gap", "invert", "children"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { pipe } from 'ramda';
+
+import { 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', 'sm'),
+      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",
+      padding: "xs" },
+    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,16 @@
-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"./ImageBackground";export*from"./LabelValue";export*from"./Rate";export*from"./RateTag";
+export * from "./Tag";
+export * from "./Icon";
+export * from "./IconLabel";
+export * from "./Progress";
+export * from "./Result";
+export * from "./ResultBar";
+export * from "./Tooltip";
+export * from "./Badge";
+export * from "./Avatar";
+export * from "./AvatarLabel";
+export * from "./AvatarsGroup";
+export * from "./Image";
+export * from "./ImageBackground";
+export * from "./LabelValue";
+export * from "./Rate";
+export * from "./RateTag";

package/dist/components/sections/Section.js

@@ -1 +1,50 @@
-import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";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/sections/Section.js";var _excluded=["children","title"],_excluded2=["titleProps","dividerProps"];import{pipe}from'ramda';import React from'react';import{Divider}from"../helpers/Separator";import{Text}from"../text";import{View}from"../structure";import{useDefaultModifier}from"../../modifiers/default";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var DEFAULT_PROPS={marginH:'md',bg:'overlayBG',br:'md',titleProps:{strong:true,text4:true,sm:true,marginB:'sm',paddingH:'md'},dividerProps:{line:true,height:1}};export function Section(_ref){var _this=this;var children=_ref.children,title=_ref.title,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('Section'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var formattedProps=_pipe2[1];var titleProps=formattedProps.titleProps,dividerProps=formattedProps.dividerProps,props=_objectWithoutProperties(formattedProps,_excluded2);var childArray=React.Children.toArray(children);return _jsxs(View,{children:[!!title&&_jsx(Text,Object.assign({marginH:props.marginH},titleProps,{label:title})),_jsx(View,Object.assign({className:"neko-section"},props,{children:childArray.map(function(child,i){return _jsxs(React.Fragment,{children:[child,i<childArray.length-1&&_jsx(Divider,Object.assign({},dividerProps))]},child.key);})}))]});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/sections/Section.js";var _excluded = ["children", "title"],_excluded2 = ["titleProps", "dividerProps"];function _objectDestructuringEmpty(t) {if (null == t) throw new TypeError("Cannot destructure " + t);}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { pipe } from 'ramda';
+import React from 'react';
+
+import { Divider } from "../helpers/Separator";
+import { Text } from "../text";
+import { View } from "../structure";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = {
+  bg: 'overlayBG',
+  br: 'md',
+  border: 'overlayDivider',
+  titleProps: {
+    strong: true,
+    text4: true,
+    sm: true,
+    marginB: 'sm',
+    paddingH: 'md'
+  },
+  dividerProps: {
+    line: true,
+    height: 1
+  }
+};
+
+export function Section(_ref) {var _this = this;var children = _ref.children,title = _ref.title,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('Section'),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2);_objectDestructuringEmpty(_pipe2[0]);var formattedProps = _pipe2[1];
+
+  var titleProps = formattedProps.titleProps,dividerProps = formattedProps.dividerProps,props = _objectWithoutProperties(formattedProps, _excluded2);
+
+  var childArray = React.Children.toArray(children);
+
+  return (
+    _jsxs(View, { children: [
+      !!title && _jsx(Text, Object.assign({ marginH: props.marginH }, titleProps, { label: title })),
+      _jsx(View, Object.assign({ className: "neko-section" }, props, { children:
+        childArray.map(function (child, i) {return (
+            _jsxs(React.Fragment, { children: [
+              child,
+              i < childArray.length - 1 && _jsx(Divider, Object.assign({}, dividerProps))] }, child.key
+            ));}
+        ) })
+      )] }
+    ));
+
+}

package/dist/components/sections/SectionItem.js

@@ -1 +1,24 @@
-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/sections/SectionItem.js";import{pipe}from'ramda';import{LabelValue}from"../presentation";import{useColorConverter}from"../../modifiers/colorConverter";import{useDefaultModifier}from"../../modifiers/default";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS={paddingH:'md',paddingV:'sm',minH:'md'};export function SectionItem(_ref){var rootProps=Object.assign({},(_objectDestructuringEmpty(_ref),_ref));var _pipe=pipe(useColorConverter(),useThemeComponentModifier('SectionItem'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),color=_pipe2[0].color,formattedProps=_pipe2[1];var props=Object.assign({},(_objectDestructuringEmpty(formattedProps),formattedProps));return _jsx(LabelValue,Object.assign({spread:true,className:"neko-section-item",color:color},props));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/sections/SectionItem.js";function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectDestructuringEmpty(t) {if (null == t) throw new TypeError("Cannot destructure " + t);}import { pipe } from 'ramda';
+
+import { LabelValue } from "../presentation";
+import { useColorConverter } from "../../modifiers/colorConverter";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = {
+  paddingH: 'md',
+  paddingV: 'sm',
+  minH: 'md'
+};
+
+export function SectionItem(_ref) {var rootProps = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var _pipe = pipe(
+      useColorConverter(),
+      useThemeComponentModifier('SectionItem'),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),color = _pipe2[0].color,formattedProps = _pipe2[1];
+
+  var props = Object.assign({}, (_objectDestructuringEmpty(formattedProps), formattedProps));
+
+  return _jsx(LabelValue, Object.assign({ spread: true, className: "neko-section-item", color: color }, props));
+}

package/dist/components/sections/SectionItemDropdown.js

@@ -1 +1,68 @@
-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/sections/SectionItemDropdown.js";var _excluded=["children","value","valueLabel","items","onChange"],_excluded2=["icon","iconLabelProps","trigger","placement","popoverProps","useBottomDrawer"];import{pipe}from'ramda';import{IconLabel}from"../presentation";import{Link}from"../actions";import{Menu}from"../actions/menu/Menu";import{Popover}from"../structure/popover/Popover";import{ScrollView}from"../list";import{SectionItem}from"./SectionItem";import{useColorConverter}from"../../modifiers/colorConverter";import{useDefaultModifier}from"../../modifiers/default";import{useResponsiveValue}from"../../responsive";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS={paddingV:'sm',minH:'md',icon:'arrow-down-s-fill'};export function SectionItemDropdown(_ref){var _this=this;var children=_ref.children,value=_ref.value,valueLabel=_ref.valueLabel,items=_ref.items,onChange=_ref.onChange,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useColorConverter(),useThemeComponentModifier('SectionItemDropdown'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),color=_pipe2[0].color,formattedProps=_pipe2[1];var icon=formattedProps.icon,iconLabelProps=formattedProps.iconLabelProps,_formattedProps$trigg=formattedProps.trigger,trigger=_formattedProps$trigg===void 0?'click':_formattedProps$trigg,placement=formattedProps.placement,popoverProps=formattedProps.popoverProps,useBottomDrawer=formattedProps.useBottomDrawer,props=_objectWithoutProperties(formattedProps,_excluded2);useBottomDrawer=useResponsiveValue(useBottomDrawer||{native:true,sm:true,md:true});return _jsx(Popover,Object.assign({useParentMinWidth:true,placement:placement||'bottomRight',trigger:trigger,padding:0,contentProps:{padding:0},useBottomDrawer:useBottomDrawer},popoverProps,{renderContent:function renderContent(_ref2){var onClose=_ref2.onClose;var handleChange=function handleChange(){if(onChange)onChange.apply(void 0,arguments);onClose();};return _jsx(ScrollView,{children:_jsx(Menu,{vertical:true,items:items,onChange:handleChange,linkPaddingH:useBottomDrawer?'md':'sm',linkMinHeight:useBottomDrawer?'xl':'md',withDivider:useBottomDrawer})});},children:_jsx(Link,{className:"neko-section-item-dropdown",children:_jsx(SectionItem,Object.assign({color:color},props,{children:children||_jsx(IconLabel,Object.assign({gap:2,invert:true,color:color},iconLabelProps,{label:valueLabel||value,icon:icon}))}))})}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/sections/SectionItemDropdown.js";var _excluded = ["children", "value", "valueLabel", "items", "onChange"],_excluded2 = ["icon", "iconLabelProps", "trigger", "placement", "popoverProps", "useBottomDrawer"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { pipe } from 'ramda';
+
+import { IconLabel } from "../presentation";
+import { Link } from "../actions";
+import { Menu } from "../actions/menu/Menu";
+import { Popover } from "../structure/popover/Popover";
+import { ScrollView } from "../list";
+import { SectionItem } from "./SectionItem";
+import { useColorConverter } from "../../modifiers/colorConverter";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useResponsiveValue } from "../../responsive";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = {
+  paddingV: 'sm',
+  minH: 'md',
+  icon: 'arrow-down-s-fill'
+};
+
+export function SectionItemDropdown(_ref) {var _this = this;var children = _ref.children,value = _ref.value,valueLabel = _ref.valueLabel,items = _ref.items,onChange = _ref.onChange,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useColorConverter(),
+      useThemeComponentModifier('SectionItemDropdown'),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),color = _pipe2[0].color,formattedProps = _pipe2[1];
+
+  var icon = formattedProps.icon,iconLabelProps = formattedProps.iconLabelProps,_formattedProps$trigg = formattedProps.trigger,trigger = _formattedProps$trigg === void 0 ? 'click' : _formattedProps$trigg,placement = formattedProps.placement,popoverProps = formattedProps.popoverProps,useBottomDrawer = formattedProps.useBottomDrawer,props = _objectWithoutProperties(formattedProps, _excluded2);
+
+  useBottomDrawer = useResponsiveValue(useBottomDrawer || { native: true, sm: true, md: true });
+
+  return (
+    _jsx(Popover, Object.assign({
+      useParentMinWidth: true,
+      placement: placement || 'bottomRight',
+      trigger: trigger,
+      padding: 0,
+      contentProps: { padding: 0 },
+      useBottomDrawer: useBottomDrawer },
+    popoverProps, {
+      renderContent: function renderContent(_ref2) {var onClose = _ref2.onClose;
+        var handleChange = function handleChange() {
+          if (onChange) onChange.apply(void 0, arguments);
+          onClose();
+        };
+        return (
+          _jsx(ScrollView, { children:
+            _jsx(Menu, {
+              vertical: true,
+              items: items,
+              onChange: handleChange,
+              linkPaddingH: useBottomDrawer ? 'md' : 'sm',
+              linkMinHeight: useBottomDrawer ? 'xl' : 'md',
+              withDivider: useBottomDrawer }
+            ) }
+          ));
+
+      }, children:
+
+      _jsx(Link, { className: "neko-section-item-dropdown", children:
+        _jsx(SectionItem, Object.assign({ color: color }, props, { children:
+          children ||
+          _jsx(IconLabel, Object.assign({ gap: 2, invert: true, color: color }, iconLabelProps, { label: valueLabel || value, icon: icon })) })
+
+        ) }
+      ) })
+    ));
+
+}

package/dist/components/sections/SectionItemLink.js

@@ -1 +1,35 @@
-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/sections/SectionItemLink.js";var _excluded=["children","value","onPress"],_excluded2=["icon","iconLabelProps"];import{pipe}from'ramda';import{IconLabel}from"../presentation";import{Link}from"../actions";import{SectionItem}from"./SectionItem";import{useColorConverter}from"../../modifiers/colorConverter";import{useDefaultModifier}from"../../modifiers/default";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS={icon:'md',paddingV:'sm',minH:'md',icon:'arrow-right-s-line'};export function SectionItemLink(_ref){var children=_ref.children,value=_ref.value,onPress=_ref.onPress,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useColorConverter(),useThemeComponentModifier('SectionItemLink'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),color=_pipe2[0].color,formattedProps=_pipe2[1];var icon=formattedProps.icon,iconLabelProps=formattedProps.iconLabelProps,props=_objectWithoutProperties(formattedProps,_excluded2);return _jsx(Link,{className:"neko-section-item-link",onPress:onPress,children:_jsx(SectionItem,Object.assign({color:color},props,{children:children||_jsx(IconLabel,Object.assign({gap:2,invert:true,color:color},iconLabelProps,{label:value,icon:icon}))}))});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/sections/SectionItemLink.js";var _excluded = ["children", "value", "onPress", "loading"],_excluded2 = ["icon", "iconLabelProps"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { pipe } from 'ramda';
+
+import { IconLabel } from "../presentation";
+import { Link } from "../actions";
+import { SectionItem } from "./SectionItem";
+import { useColorConverter } from "../../modifiers/colorConverter";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = {
+  icon: 'md',
+  paddingV: 'sm',
+  minH: 'md',
+  icon: 'arrow-right-s-line'
+};
+
+export function SectionItemLink(_ref) {var children = _ref.children,value = _ref.value,onPress = _ref.onPress,loading = _ref.loading,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useColorConverter(),
+      useThemeComponentModifier('SectionItemLink'),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),color = _pipe2[0].color,formattedProps = _pipe2[1];
+
+  var icon = formattedProps.icon,iconLabelProps = formattedProps.iconLabelProps,props = _objectWithoutProperties(formattedProps, _excluded2);
+
+  return (
+    _jsx(Link, { className: "neko-section-item-link", onPress: onPress, children:
+      _jsx(SectionItem, Object.assign({ color: color }, props, { children:
+        children ||
+        _jsx(IconLabel, Object.assign({ gap: 2, invert: true, color: color, loading: loading }, iconLabelProps, { label: value, icon: icon })) })
+
+      ) }
+    ));
+
+}

package/dist/components/sections/index.js

@@ -1 +1,4 @@
-export*from"./Section";export*from"./SectionItem";export*from"./SectionItemDropdown";export*from"./SectionItemLink";
+export * from "./Section";
+export * from "./SectionItem";
+export * from "./SectionItemDropdown";
+export * from "./SectionItemLink";

package/dist/components/state/Loading.js

@@ -1 +1,20 @@
-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));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/state/Loading.js";function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectDestructuringEmpty(t) {if (null == t) throw new TypeError("Cannot destructure " + t);}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

@@ -1 +1,37 @@
-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:"mainBG_op90",absolute:true,top:0,left:0,right:0,bottom:0,center:true,children:loader})]}));}export var LoadingWrapper=LoadingView;
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/state/LoadingView.js";var _excluded = ["active", "children", "size", "color", "replaceChildren", "noWrapper"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { 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: "mainBG_op90",
+        absolute: true,
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        center: true, children:
+
+        loader }
+      )] })
+    ));
+
+}
+
+export var LoadingWrapper = LoadingView;