@neko-os/ui 0.2.3 → 0.4.0

package/dist/components/state/StatePresenter.js

@@ -1 +1,41 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/state/StatePresenter.js";var _excluded=["loading","error","empty","errorTitle","errorDescription","emptyTitle","emptyDescription","children"];import{Loading}from"./Loading";import{Result}from"../presentation";import{View}from"../structure";import{jsx as _jsx}from"react/jsx-runtime";export function StatePresenter(_ref){var loading=_ref.loading,error=_ref.error,empty=_ref.empty,_ref$errorTitle=_ref.errorTitle,errorTitle=_ref$errorTitle===void 0?'Something went wrong':_ref$errorTitle,errorDescription=_ref.errorDescription,_ref$emptyTitle=_ref.emptyTitle,emptyTitle=_ref$emptyTitle===void 0?'No results':_ref$emptyTitle,emptyDescription=_ref.emptyDescription,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);if(loading){return _jsx(View,Object.assign({flex:true,center:true},props,{children:_jsx(Loading,{})}));}if(error){return _jsx(View,Object.assign({flex:true,center:true},props,{children:_jsx(Result,{type:"error",title:errorTitle,description:errorDescription||error.message})}));}if(empty){return _jsx(View,Object.assign({flex:true,center:true},props,{children:_jsx(Result,{type:"empty",title:emptyTitle,description:emptyDescription})}));}return children;}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/state/StatePresenter.js";var _excluded = ["loading", "error", "empty", "errorTitle", "errorDescription", "emptyTitle", "emptyDescription", "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;}import { Loading } from "./Loading";
+import { Result } from "../presentation";
+import { View } from "../structure";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function StatePresenter(_ref)
+
+
+
+
+
+
+
+
+
+{var loading = _ref.loading,error = _ref.error,empty = _ref.empty,_ref$errorTitle = _ref.errorTitle,errorTitle = _ref$errorTitle === void 0 ? 'Something went wrong' : _ref$errorTitle,errorDescription = _ref.errorDescription,_ref$emptyTitle = _ref.emptyTitle,emptyTitle = _ref$emptyTitle === void 0 ? 'No results' : _ref$emptyTitle,emptyDescription = _ref.emptyDescription,children = _ref.children,props = _objectWithoutProperties(_ref, _excluded);
+  if (loading) {
+    return (
+      _jsx(View, Object.assign({ flex: true, center: true }, props, { children:
+        _jsx(Loading, {}) })
+      ));
+
+  }
+
+  if (error) {
+    return (
+      _jsx(View, Object.assign({ flex: true, center: true }, props, { children:
+        _jsx(Result, { type: "error", title: errorTitle, description: errorDescription || error.message }) })
+      ));
+
+  }
+
+  if (empty) {
+    return (
+      _jsx(View, Object.assign({ flex: true, center: true }, props, { children:
+        _jsx(Result, { type: "empty", title: emptyTitle, description: emptyDescription }) })
+      ));
+
+  }
+
+  return children;
+}

package/dist/components/state/index.js

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

package/dist/components/steps/ActiveStepContent.js

@@ -0,0 +1,16 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/steps/ActiveStepContent.js";import React from 'react';
+
+import { useSteps } from "./StepsHandler";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function ActiveStepContent() {
+  var _useSteps = useSteps(),activeStep = _useSteps.activeStep;
+
+  var Content = React.useMemo(
+    function () {return activeStep.render || activeStep.renderContent || activeStep.Content;},
+    [activeStep.renderContent, activeStep.Content]
+  );
+
+  if (!Content) return false;
+
+  return _jsx(Content, {});
+}

package/dist/components/steps/StepsHandler.js

@@ -0,0 +1,53 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/steps/StepsHandler.js";function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import React from 'react';import { jsx as _jsx } from "react/jsx-runtime";
+
+var StepsContext = React.createContext(null);
+export var useSteps = function useSteps() {return React.useContext(StepsContext) || {};};
+
+export function StepsHandler(_ref) {var children = _ref.children,items = _ref.items,onSubmit = _ref.onSubmit,onValidateStep = _ref.onValidateStep,onStepChange = _ref.onStepChange,resetMaxIndexOnNavigate = _ref.resetMaxIndexOnNavigate;
+  var _React$useState = React.useState(0),_React$useState2 = _slicedToArray(_React$useState, 2),activeIndex = _React$useState2[0],setActiveIndex = _React$useState2[1];
+  var _React$useState3 = React.useState(0),_React$useState4 = _slicedToArray(_React$useState3, 2),maxIndexReleased = _React$useState4[0],setMaxIndexReleased = _React$useState4[1];
+  var _React$useState5 = React.useState(false),_React$useState6 = _slicedToArray(_React$useState5, 2),loading = _React$useState6[0],setLoading = _React$useState6[1];
+  var activeStep = items[activeIndex];
+  var isLastStep = activeIndex === items.length - 1;
+
+  var moveToIndex = function () {var _ref2 = _asyncToGenerator(function* (index) {
+      var shouldValidate = index > activeIndex;
+      if (shouldValidate) {
+        setLoading(true);
+        try {
+          var result = yield Promise.resolve(onValidateStep == null ? void 0 : onValidateStep());
+          if (result === false) return;
+          result = yield Promise.resolve(activeStep == null ? void 0 : activeStep.onValidate == null ? void 0 : activeStep.onValidate());
+          if (result === false) return;
+        } catch (_unused) {
+          return;
+        } finally {
+          setLoading(false);
+        }
+        yield Promise.resolve(onStepChange == null ? void 0 : onStepChange());
+      }
+
+      if (index === items.length) onSubmit == null ? void 0 : onSubmit();
+      var nextStep = items[index];
+      if (!nextStep) return;
+      setActiveIndex(index);
+      if (index > maxIndexReleased || !!resetMaxIndexOnNavigate) setMaxIndexReleased(index);
+    });return function moveToIndex(_x) {return _ref2.apply(this, arguments);};}();
+
+  var moveToNextStep = function moveToNextStep() {return moveToIndex(activeIndex + 1);};
+  var moveToPrevStep = function moveToPrevStep() {return moveToIndex(activeIndex - 1);};
+
+  var value = {
+    items: items,
+    moveToIndex: moveToIndex,
+    activeIndex: activeIndex,
+    activeStep: activeStep,
+    maxIndexReleased: maxIndexReleased,
+    loading: loading,
+    isLastStep: isLastStep,
+    moveToNextStep: moveToNextStep,
+    moveToPrevStep: moveToPrevStep
+  };
+
+  return _jsx(StepsContext.Provider, { value: value, children: children });
+}

package/dist/components/steps/StepsMenu.js

@@ -0,0 +1,14 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/steps/StepsMenu.js";import { Menu } from "../actions";
+import { useSteps } from "./StepsHandler";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function StepsMenu(props) {
+  var _useSteps = useSteps(),activeIndex = _useSteps.activeIndex,items = _useSteps.items,moveToIndex = _useSteps.moveToIndex,maxIndexReleased = _useSteps.maxIndexReleased;
+  var formattedItems = items.map(function (item, index) {return Object.assign({},
+    item, {
+      disabled: maxIndexReleased < index });}
+  );
+
+  return (
+    _jsx(Menu, Object.assign({ items: formattedItems, activeIndex: activeIndex, onChangeIndex: function onChangeIndex(index) {return moveToIndex(index);} }, props)));
+
+}

package/dist/components/steps/StepsNavigation.js

@@ -0,0 +1,37 @@
+var _excluded = ["loading"],_excluded2 = ["submitProps", "returnProps"];var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/steps/StepsNavigation.js";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 { Button } from "../actions";
+import { View } from "../structure";
+import { useSteps } from "./StepsHandler";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+export function StepsReturnButton(props) {
+  var _useSteps = useSteps(),activeIndex = _useSteps.activeIndex,moveToPrevStep = _useSteps.moveToPrevStep;
+  if (activeIndex === 0) return null;
+
+  return _jsx(Button, Object.assign({ label: "Back", outline: true, icon: "arrow-left-line", onPress: moveToPrevStep, text4: true }, props));
+}
+
+export function StepsSubmitButton(_ref) {var propLoading = _ref.loading,props = _objectWithoutProperties(_ref, _excluded);
+  var _useSteps2 = useSteps(),isLastStep = _useSteps2.isLastStep,moveToNextStep = _useSteps2.moveToNextStep,loading = _useSteps2.loading;
+  var label = isLastStep ? 'Submit' : 'Next';
+  var icon = isLastStep ? 'checkbox-circle-line' : 'arrow-right-line';
+
+  return (
+    _jsx(Button, Object.assign({
+      label: label,
+      outline: !isLastStep,
+      icon: icon,
+      onPress: moveToNextStep,
+      loading: propLoading || loading,
+      invert: true },
+    props)
+    ));
+
+}
+
+export function StepsNavigation(_ref2) {var submitProps = _ref2.submitProps,returnProps = _ref2.returnProps,props = _objectWithoutProperties(_ref2, _excluded2);
+  return (
+    _jsxs(View, Object.assign({ row: true, centerV: true, toRight: true }, props, { gap: "sm", children: [
+      _jsx(StepsReturnButton, Object.assign({}, props, returnProps)),
+      _jsx(StepsSubmitButton, Object.assign({}, props, submitProps))] })
+    ));
+
+}

package/dist/components/steps/index.js

@@ -0,0 +1,4 @@
+export * from "./StepsHandler";
+export * from "./StepsMenu";
+export * from "./ActiveStepContent";
+export * from "./StepsNavigation";

package/dist/components/structure/Accordion.js

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

package/dist/components/structure/AccordionGroup.js

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

package/dist/components/structure/Affix.js

@@ -0,0 +1,34 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/Affix.js";var _excluded = ["children", "shadow", "offsetTop", "offsetBottom"];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 React from 'react';
+import { View } from "./View";import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+
+export function Affix(_ref) {var children = _ref.children,shadow = _ref.shadow,offsetTop = _ref.offsetTop,offsetBottom = _ref.offsetBottom,props = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState(false),_React$useState2 = _slicedToArray(_React$useState, 2),isFloating = _React$useState2[0],setIsFloating = _React$useState2[1];
+  var sentinelRef = React.useRef();
+
+  React.useEffect(function () {
+    var sentinel = sentinelRef.current;
+    if (!sentinel) return;
+
+    var observer = new IntersectionObserver(
+      function (_ref2) {var _ref3 = _slicedToArray(_ref2, 1),entry = _ref3[0];return setIsFloating(!entry.isIntersecting);},
+      { threshold: [1] }
+    );
+    observer.observe(sentinel);
+    return function () {return observer.disconnect();};
+  }, []);
+
+  return (
+    _jsxs(_Fragment, { children: [
+      _jsx("div", { ref: sentinelRef, style: { height: 0 } }),
+      _jsx(View, Object.assign({
+        sticky: true,
+        top: offsetBottom === undefined ? offsetTop || 0 : undefined,
+        bottom: offsetBottom,
+        shadow: shadow && isFloating },
+      props, { children:
+
+        children })
+      )] }
+    ));
+
+}

package/dist/components/structure/Affix.native.js

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

package/dist/components/structure/BlurView.js

@@ -1 +1,59 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/BlurView.js";var _excluded=["children"];import tinycolor from'tinycolor2';import{pipe}from'ramda';import{AbsBlurView}from"../../abstractions/BlurView";import{useAnimationModifier}from"../../modifiers/animation";import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useColors}from"../../theme";import{useDefaultModifier}from"../../modifiers/default";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";var DEFAULT_PROPS=function DEFAULT_PROPS(colors){return function(_ref){var _ref2=_slicedToArray(_ref,2);_objectDestructuringEmpty(_ref2[0]);_objectDestructuringEmpty(_ref2[1]);var isDark=tinycolor((colors==null?void 0:colors.overlayBG)||(colors==null?void 0:colors.bg)).isDark();return{width:'auto',tint:isDark?'dark':'light'};};};export function BlurView(_ref3){var children=_ref3.children,rootProps=_objectWithoutProperties(_ref3,_excluded);var colors=useColors();var _pipe=pipe(useThemeComponentModifier('BlurView'),useDefaultModifier(DEFAULT_PROPS(colors)),useFlexWrapperModifier,useDisplayModifier,useAnimationModifier,useStateModifier,useSizeModifier,usePositionModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useFlexModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var props=_pipe2[1];return _jsx(AbsBlurView,Object.assign({className:"neko-blur-view"},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/BlurView.js";var _excluded = ["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 _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;}import tinycolor from 'tinycolor2';
+import { pipe } from 'ramda';
+
+import { AbsBlurView } from "../../abstractions/BlurView";
+import { useAnimationModifier } from "../../modifiers/animation";
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useBorderModifier } from "../../modifiers/border";
+import { useColors } from "../../theme";
+import { useDefaultModifier } from "../../modifiers/default";
+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";
+
+var DEFAULT_PROPS =
+function DEFAULT_PROPS(colors) {return (
+    function (_ref) {var _ref2 = _slicedToArray(_ref, 2);_objectDestructuringEmpty(_ref2[0]);_objectDestructuringEmpty(_ref2[1]);
+      var isDark = tinycolor((colors == null ? void 0 : colors.overlayBG) || (colors == null ? void 0 : colors.bg)).isDark();
+
+      return {
+        width: 'auto',
+        tint: isDark ? 'dark' : 'light'
+      };
+    });};
+
+export function BlurView(_ref3) {var children = _ref3.children,rootProps = _objectWithoutProperties(_ref3, _excluded);
+  var colors = useColors();
+
+  var _pipe = pipe(
+      useThemeComponentModifier('BlurView'),
+      useDefaultModifier(DEFAULT_PROPS(colors)),
+      useFlexWrapperModifier,
+      useDisplayModifier,
+      useAnimationModifier,
+      useStateModifier,
+      useSizeModifier,
+      usePositionModifier,
+      useOverflowModifier,
+      usePaddingModifier,
+      useMarginModifier,
+      useFlexModifier,
+      useBackgroundModifier,
+      useBorderModifier,
+      useShadowModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2);_objectDestructuringEmpty(_pipe2[0]);var props = _pipe2[1];
+
+  return (
+    _jsx(AbsBlurView, Object.assign({ className: "neko-blur-view" }, props, { children:
+      children })
+    ));
+
+}

package/dist/components/structure/Card.js

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

package/dist/components/structure/Col.js

@@ -1 +1,22 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/Col.js";var _excluded=["children"];import{pipe}from'ramda';import{View}from"./View";import{useDefaultModifier}from"../../modifiers/default";import{useResponsiveConverter}from"../../modifiers/responsiveConverter";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS={};export function Col(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('Col'),useResponsiveConverter([]),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];return _jsx(View,Object.assign({className:"neko-col"},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/Col.js";var _excluded = ["children"];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 "./View";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useResponsiveConverter } from "../../modifiers/responsiveConverter";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = {};
+
+export function Col(_ref) {var children = _ref.children,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('Col'),
+      useResponsiveConverter([]),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_ = _pipe2[0],props = _pipe2[1];
+
+  return (
+    _jsx(View, Object.assign({ className: "neko-col" }, props, { children:
+      children })
+    ));
+
+}

package/dist/components/structure/GradientView.js

@@ -1 +1,42 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/GradientView.js";var _excluded=["children"];import{pipe}from'ramda';import{AbsGradientView}from"../../abstractions/GradientView";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 GradientView(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('GradientView'),useFlexWrapperModifier,useDisplayModifier,useAnimationModifier,useStateModifier,useSizeModifier,usePositionModifier,useOverflowModifier,usePaddingModifier,useMarginModifier,useFlexModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),gradientColors=_pipe2[0].gradientColors,props=_pipe2[1];return _jsx(AbsGradientView,Object.assign({className:"neko-gradient-view",colors:gradientColors},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/GradientView.js";var _excluded = ["children"];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 { AbsGradientView } from "../../abstractions/GradientView";
+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 GradientView(_ref) {var children = _ref.children,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useThemeComponentModifier('GradientView'),
+      useFlexWrapperModifier,
+      useDisplayModifier,
+      useAnimationModifier,
+      useStateModifier,
+      useSizeModifier,
+      usePositionModifier,
+      useOverflowModifier,
+      usePaddingModifier,
+      useMarginModifier,
+      useFlexModifier,
+      useBackgroundModifier,
+      useBorderModifier,
+      useShadowModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),gradientColors = _pipe2[0].gradientColors,props = _pipe2[1];
+
+  return (
+    _jsx(AbsGradientView, Object.assign({ className: "neko-gradient-view", colors: gradientColors }, props, { children:
+      children })
+    ));
+
+}