@neko-os/ui 0.2.3 → 0.3.0

package/dist/components/presentation/Badge.js

@@ -1 +1,91 @@
-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};
+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"];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 { 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));
+  var hasContent = props.value || props.label || props.icon || dot && props.value === undefined;
+  if (!hasContent) return children;
+
+  return (
+    _jsxs(View, { className: "neko-badge-wrapper", relative: true, children: [
+      children,
+      _jsx(Badge, Object.assign({ dot: dot, absolute: true, top: dot ? -2 : -8, right: dot ? -5 : -12 }, props))] }
+    ));
+
+}
+
+export { BadgeWrapper as Badge };

package/dist/components/presentation/ContentLabel.js

@@ -1 +1,43 @@
-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]}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/ContentLabel.js";var _excluded = ["loading", "label", "content", "textProps", "invert", "gap", "strong"];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 { 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 != null && label != false && label !== '' &&
+      _jsx(Text, Object.assign({ color: color, size: sizeCode, strong: strong }, textProps, { children:
+        label })
+      ),
+
+      !!invert && content] })
+    ));
+
+}

package/dist/components/presentation/Icon.js

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

package/dist/components/presentation/IconLabel.js

@@ -1 +1,40 @@
-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;
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/IconLabel.js";var _excluded = ["icon", "iconProps", "iconColor", "iconSize", "moveIconSizeScale"];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 { 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({
+        center: true,
+        name: icon,
+        size: iconSize || moveScale(sizeCode, moveIconSizeScale || -1),
+        color: iconColor || color },
+      iconProps)
+      ) },
+
+
+    props)
+    ));
+
+}
+
+export var IconText = IconLabel;

package/dist/components/presentation/Image.js

@@ -1 +1,33 @@
-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));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/Image.js";var _excluded = ["name"];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 { 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/ImageBackground.js

@@ -1 +1,38 @@
-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/presentation/ImageBackground.js";import{pipe}from'ramda';import{AbsImageBackground}from"../../abstractions/ImageBackground";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 ImageBackground(_ref){var rootProps=Object.assign({},(_objectDestructuringEmpty(_ref),_ref));var _pipe=pipe(useThemeComponentModifier('ImageBackground'),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(AbsImageBackground,Object.assign({className:"neko-image-background"},props));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/ImageBackground.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 { AbsImageBackground } from "../../abstractions/ImageBackground";
+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 ImageBackground(_ref) {var rootProps = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var _pipe = pipe(
+      useThemeComponentModifier('ImageBackground'),
+      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(AbsImageBackground, Object.assign({ className: "neko-image-background" }, props));
+}

package/dist/components/presentation/LabelValue.js

@@ -1 +1,51 @@
-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","valueColor","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{useColorConverter}from"../../modifiers/colorConverter";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),_ref2$=_ref2[0],sizeCode=_ref2$.sizeCode,color=_ref2$.color,_ref2$2=_ref2[1],vertical=_ref2$2.vertical,spread=_ref2$2.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:color||'text3'},valueProps:{size:sizeCode,align:spread&&'right'}};};export function LabelValue(_ref3){var children=_ref3.children,rootProps=_objectWithoutProperties(_ref3,_excluded);var _pipe=pipe(useColorConverter(),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,valueColor=formattedProps.valueColor,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,color:valueColor||color},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]}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/LabelValue.js";var _excluded = ["children"],_excluded2 = ["icon", "label", "iconColor", "labelProps", "value", "valueColor", "valueProps", "vertical", "spread"];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, is } from 'ramda';
+
+import { IconLabel } from "./IconLabel";
+import { Text } from "../text/Text";
+import { View } from "../structure/View";
+import { moveScale } from "../../theme/helpers/sizeScale";
+import { useColorConverter } from "../../modifiers/colorConverter";
+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),_ref2$ = _ref2[0],sizeCode = _ref2$.sizeCode,color = _ref2$.color,_ref2$2 = _ref2[1],vertical = _ref2$2.vertical,spread = _ref2$2.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: color || 'text3'
+    },
+    valueProps: {
+      size: sizeCode,
+      align: spread && 'right'
+    }
+  };
+};
+
+export function LabelValue(_ref3) {var children = _ref3.children,rootProps = _objectWithoutProperties(_ref3, _excluded);
+  var _pipe = pipe(
+      useColorConverter(),
+      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,valueColor = formattedProps.valueColor,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, color: valueColor || color }, 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/Progress.js

@@ -0,0 +1,20 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/Progress.js";var _excluded = ["value", "target", "bg", "height"];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 { View } from "../structure/View";
+import { useColorConverter } from "../../modifiers/colorConverter";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function Progress(_ref) {var value = _ref.value,_ref$target = _ref.target,target = _ref$target === void 0 ? 100 : _ref$target,_ref$bg = _ref.bg,bg = _ref$bg === void 0 ? 'divider' : _ref$bg,_ref$height = _ref.height,height = _ref$height === void 0 ? 8 : _ref$height,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useColorConverter('primary'),
+      useThemeComponentModifier('Progress')
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),color = _pipe2[0].color,props = _pipe2[1];
+
+  var pct = Math.max(0, Math.min(100, (value || 0) / target * 100));
+
+  return (
+    _jsx(View, Object.assign({ className: "neko-progress", fullW: true, height: height, bg: bg, br: height, hiddenOverflow: true, relative: true }, props, { children:
+      _jsx(View, { absolute: true, top: 0, bottom: 0, left: 0, bg: color, width: `${pct}%`, br: height }) })
+    ));
+
+}

package/dist/components/presentation/Rate.js

@@ -1 +1,58 @@
-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/Rate.js";var _excluded=["value"],_excluded2=["icon","max","inactiveColor","tag"];import{pipe,range,is}from'ramda';import{Icon}from"../presentation";import{View}from"../structure/View";import{useColorConverter}from"../../modifiers/colorConverter";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={color:'primary',inactiveColor:'text4_op50',max:5,icon:'star-fill'};export function Rate(_ref){var _this=this;var value=_ref.value,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useColorConverter('primary'),useSizeConverter('icons','md'),useThemeComponentModifier('Rate'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],size=_pipe2$.size,sizeCode=_pipe2$.sizeCode,color=_pipe2$.color,formattedProps=_pipe2[1];var icon=formattedProps.icon,max=formattedProps.max,inactiveColor=formattedProps.inactiveColor,tag=formattedProps.tag,props=_objectWithoutProperties(formattedProps,_excluded2);return _jsx(View,Object.assign({className:"neko-rate",row:true,gap:"xxs",centerV:true,minHeight:sizeCode},props,{children:range(1,max+1).map(function(i){var active=value>=i;var partial=getDecimalOrEdge(value,i);var finalIcon=icon;if(is(Function,icon))finalIcon=icon==null?void 0:icon({value:value,optionValue:i,active:active});var finalColor=color;if(is(Function,color))finalColor=color==null?void 0:color({value:value,optionValue:i,active:active});return _jsxs(View,{center:true,relative:true,children:[_jsx(Icon,{name:finalIcon,size:sizeCode,color:inactiveColor}),!!partial&&_jsx(View,{absolute:true,overflow:"hidden",left:0,width:100*partial+'%',children:_jsx(Icon,{name:finalIcon,size:sizeCode,color:finalColor})})]},i);})}));}function getDecimalOrEdge(value,i){if(value>=i)return 1;if(value<i-1)return 0;return value-Math.floor(value);}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/Rate.js";var _excluded = ["value"],_excluded2 = ["icon", "max", "inactiveColor", "tag"];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, range, is } from 'ramda';
+
+import { Icon } from "../presentation";
+import { View } from "../structure/View";
+import { useColorConverter } from "../../modifiers/colorConverter";
+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 = {
+  color: 'primary',
+  inactiveColor: 'text4_op50',
+  max: 5,
+  icon: 'star-fill'
+};
+
+export function Rate(_ref) {var _this = this;var value = _ref.value,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useColorConverter('primary'),
+      useSizeConverter('icons', 'md'),
+      useThemeComponentModifier('Rate'),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_pipe2$ = _pipe2[0],size = _pipe2$.size,sizeCode = _pipe2$.sizeCode,color = _pipe2$.color,formattedProps = _pipe2[1];
+
+  var icon = formattedProps.icon,max = formattedProps.max,inactiveColor = formattedProps.inactiveColor,tag = formattedProps.tag,props = _objectWithoutProperties(formattedProps, _excluded2);
+
+  return (
+    _jsx(View, Object.assign({ className: "neko-rate", row: true, gap: "xxs", centerV: true, minHeight: sizeCode }, props, { children:
+      range(1, max + 1).map(function (i) {
+        var active = value >= i;
+        var partial = getDecimalOrEdge(value, i);
+
+        var finalIcon = icon;
+        if (is(Function, icon)) finalIcon = icon == null ? void 0 : icon({ value: value, optionValue: i, active: active });
+
+        var finalColor = color;
+        if (is(Function, color)) finalColor = color == null ? void 0 : color({ value: value, optionValue: i, active: active });
+
+        return (
+          _jsxs(View, { center: true, relative: true, children: [
+            _jsx(Icon, { name: finalIcon, size: sizeCode, color: inactiveColor }),
+            !!partial &&
+            _jsx(View, { absolute: true, overflow: "hidden", left: 0, width: 100 * partial + '%', children:
+              _jsx(Icon, { name: finalIcon, size: sizeCode, color: finalColor }) }
+            )] }, i
+
+          ));
+
+      }) })
+    ));
+
+}
+
+function getDecimalOrEdge(value, i) {
+  if (value >= i) return 1;
+  if (value < i - 1) return 0;
+  return value - Math.floor(value);
+}

package/dist/components/presentation/RateTag.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/presentation/RateTag.js";var _excluded=["value"],_excluded2=["icon"];import{pipe}from'ramda';import{Tag}from"./Tag";import{moveScale}from"../../theme/helpers/sizeScale";import{useColorConverter}from"../../modifiers/colorConverter";import{useDefaultModifier}from"../../modifiers/default";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS={icon:'star-fill'};export function RateTag(_ref){var value=_ref.value,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useColorConverter('primary'),useSizeConverter('icons','md'),useThemeComponentModifier('RateTag'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],size=_pipe2$.size,sizeCode=_pipe2$.sizeCode,color=_pipe2$.color,formattedProps=_pipe2[1];var icon=formattedProps.icon,props=_objectWithoutProperties(formattedProps,_excluded2);return _jsx(Tag,Object.assign({icon:icon,label:value,color:color,textProps:{size:moveScale(sizeCode,-1)},gap:moveScale(sizeCode,-3)},props));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/presentation/RateTag.js";var _excluded = ["value"],_excluded2 = ["icon"];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 { Tag } from "./Tag";
+import { moveScale } from "../../theme/helpers/sizeScale";
+import { useColorConverter } from "../../modifiers/colorConverter";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useSizeConverter } from "../../modifiers/sizeConverter";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = {
+  icon: 'star-fill'
+
+};
+
+export function RateTag(_ref) {var value = _ref.value,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useColorConverter('primary'),
+      useSizeConverter('icons', 'md'),
+      useThemeComponentModifier('RateTag'),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_pipe2$ = _pipe2[0],size = _pipe2$.size,sizeCode = _pipe2$.sizeCode,color = _pipe2$.color,formattedProps = _pipe2[1];
+
+  var icon = formattedProps.icon,props = _objectWithoutProperties(formattedProps, _excluded2);
+
+  return (
+    _jsx(Tag, Object.assign({
+      icon: icon,
+      label: value,
+      color: color,
+      textProps: { size: moveScale(sizeCode, -1) },
+      gap: moveScale(sizeCode, -3) },
+    props)
+    ));
+
+}