@geneui/components 3.0.0-next-7b678fb-11102024 → 3.0.0-next-5981a23-15102024

package/Charts/index.js

@@ -18,6 +18,7 @@ import '../_rollupPluginBabelHelpers-a83240e1.js';
 import '../configs-00612ce0.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
+import '../InfoOutline-dd2e89d9.js';
 import '../ArrowLeft-b88e2ba8.js';
 import '../index-a1b8ec78.js';
 import '../GeneUIProvider/index.js';

package/Counter/index.js

@@ -16,6 +16,7 @@ import 'react-dom';
 import '../tslib.es6-f211516f.js';
 import '../Icon/index.js';
 import '../_rollupPluginBabelHelpers-a83240e1.js';
+import '../InfoOutline-dd2e89d9.js';
 import '../ArrowLeft-b88e2ba8.js';
 import '../useEllipsisDetection-c1c9ad94.js';
 import '../hooks/useDebounce.js';

package/Divider/index.js

@@ -1,16 +1,23 @@
-import { _ as __rest } from '../tslib.es6-f211516f.js';
-import React__default, { useMemo } from 'react';
+import React__default from 'react';
 import { c as classnames } from '../index-031ff73c.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 
-var css_248z = "[data-gene-ui-version=\"2.16.1\"] .divider{background:rgba(var(--background-sc-rgb),.05);height:2.6rem;width:1px}[data-gene-ui-version=\"2.16.1\"] .divider:not(.divider-withNoSpace){margin:0 1.5rem}[data-gene-ui-version=\"2.16.1\"] .divider:not(.divider-withNoSpace).type-horizontal{margin:1.5rem 0}[data-gene-ui-version=\"2.16.1\"] .divider.type-horizontal{height:1px;width:2.6rem}[data-gene-ui-version=\"2.16.1\"] .divider.type-horizontal.full-width{width:100%}";
+var css_248z = "[data-gene-ui-version=\"2.16.1\"] .divider{display:inline-flex;gap:var(--guit-ref-spacing-xsmall);overflow:hidden}[data-gene-ui-version=\"2.16.1\"] .divider:before{content:\"\";display:block;flex:1;pointer-events:none}[data-gene-ui-version=\"2.16.1\"] .divider_horizontal{align-items:center;width:100%}[data-gene-ui-version=\"2.16.1\"] .divider_horizontal.divider:after,[data-gene-ui-version=\"2.16.1\"] .divider_horizontal.divider:before{border-block-start:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid);min-width:var(--guit-sem-dimension-width-medium)}[data-gene-ui-version=\"2.16.1\"] .divider_horizontal.divider_inset{padding-inline:var(--guit-ref-spacing-large)}[data-gene-ui-version=\"2.16.1\"] .divider_horizontal.divider:empty:after{display:none}[data-gene-ui-version=\"2.16.1\"] .divider_vertical{align-items:center;flex-direction:column;height:100%}[data-gene-ui-version=\"2.16.1\"] .divider_vertical.divider:before{border-inline-start:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid)}[data-gene-ui-version=\"2.16.1\"] .divider_vertical.divider:after{display:none}[data-gene-ui-version=\"2.16.1\"] .divider_vertical.divider_inset{padding-block:var(--guit-ref-spacing-large)}[data-gene-ui-version=\"2.16.1\"] .divider_color_default .divider__icon,[data-gene-ui-version=\"2.16.1\"] .divider_color_default .divider__text,[data-gene-ui-version=\"2.16.1\"] .divider_color_strong .divider__icon,[data-gene-ui-version=\"2.16.1\"] .divider_color_strong .divider__text{color:var(--guit-sem-color-foreground-neutral-1)}[data-gene-ui-version=\"2.16.1\"] .divider_color_default.divider:after,[data-gene-ui-version=\"2.16.1\"] .divider_color_default.divider:before{border-block-color:var(--guit-sem-color-border-neutral-2);border-inline-color:var(--guit-sem-color-border-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .divider_color_strong.divider:after,[data-gene-ui-version=\"2.16.1\"] .divider_color_strong.divider:before{border-block-color:var(--guit-sem-color-border-neutral-3);border-inline-color:var(--guit-sem-color-border-neutral-3)}[data-gene-ui-version=\"2.16.1\"] .divider_color_brand.divider:after,[data-gene-ui-version=\"2.16.1\"] .divider_color_brand.divider:before{border-block-color:var(--guit-sem-color-border-brand);border-inline-color:var(--guit-sem-color-border-brand)}[data-gene-ui-version=\"2.16.1\"] .divider_color_brand .divider__icon,[data-gene-ui-version=\"2.16.1\"] .divider_color_brand .divider__text{color:var(--guit-sem-color-foreground-brand)}[data-gene-ui-version=\"2.16.1\"] .divider_color_inverse.divider:after,[data-gene-ui-version=\"2.16.1\"] .divider_color_inverse.divider:before{border-block-color:var(--guit-sem-color-border-inverse);border-inline-color:var(--guit-sem-color-border-inverse)}[data-gene-ui-version=\"2.16.1\"] .divider_color_inverse .divider__icon,[data-gene-ui-version=\"2.16.1\"] .divider_color_inverse .divider__text{color:var(--guit-sem-color-foreground-inverse)}[data-gene-ui-version=\"2.16.1\"] .divider_withLabel_before.divider:before{display:none}[data-gene-ui-version=\"2.16.1\"] .divider_withLabel_before.divider:after,[data-gene-ui-version=\"2.16.1\"] .divider_withLabel_center.divider:after{content:\"\";flex:1}[data-gene-ui-version=\"2.16.1\"] .divider_withLabel_center .divider__element{max-width:calc(100% - var(--guit-sem-dimension-width-medium)*4)}[data-gene-ui-version=\"2.16.1\"] .divider_withLabel_after.divider:before{flex:1}[data-gene-ui-version=\"2.16.1\"] .divider_withLabel_after .divider__element,[data-gene-ui-version=\"2.16.1\"] .divider_withLabel_before .divider__element{max-width:calc(100% - var(--guit-sem-dimension-width-medium)*2.8)}[data-gene-ui-version=\"2.16.1\"] .divider__label{align-items:center;display:flex;gap:var(--guit-ref-spacing-3xsmall);overflow:hidden}[data-gene-ui-version=\"2.16.1\"] .divider__text{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.16.1\"] .divider__icon{flex:0 0 auto}[data-gene-ui-version=\"2.16.1\"] .divider__element{display:flex;flex:0 0 auto;min-width:0;order:1}";
 styleInject(css_248z);
 
-const Divider = (_a) => {
-    var { type = 'vertical', className, size, withSpace = true } = _a, restProps = __rest(_a, ["type", "className", "size", "withSpace"]);
-    const modifiedSize = useMemo(() => (typeof size === 'number' ? `${size / 10}rem` : size), [size]);
-    const styles = useMemo(() => (type === 'vertical' ? { height: modifiedSize } : { width: modifiedSize }), [modifiedSize, type]);
-    return (React__default.createElement("div", Object.assign({ className: classnames('divider', `type-${type}`, { 'divider-withNoSpace': !withSpace }, className), style: styles }, restProps)));
+/**
+ * A divider separates sections of content to establish visual rhythm and hierarchy. Combine dividers with appropriate spacing and text hierarchy to effectively organize content within your layout.
+ */
+const Divider = ({ appearance = 'default', Icon, vertical, label, labelPosition = 'before', content, inset = false, className }) => {
+    return (React__default.createElement("div", { className: classnames(`divider divider_${inset ? 'inset' : 'block'} divider_color_${appearance}  `, className, {
+            divider_horizontal: !vertical,
+            divider_vertical: vertical,
+            [` divider_withLabel_${labelPosition}`]: (label || Icon) && !vertical
+        }) }, !vertical && (React__default.createElement(React__default.Fragment, null,
+        content && React__default.createElement("div", { className: "divider__element" }, content),
+        (label || Icon) && (React__default.createElement("div", { className: "divider__label" },
+            label && React__default.createElement("span", { className: "divider__text ellipsis-text" }, label),
+            Icon && React__default.createElement(Icon, { className: "divider__icon", size: 20 })))))));
 };
 
 export { Divider as default };

package/Info/index.js

@@ -0,0 +1,41 @@
+import React__default, { useState, useMemo } from 'react';
+import { c as classnames } from '../index-031ff73c.js';
+import { S as SvgInfoOutline } from '../InfoOutline-dd2e89d9.js';
+import { T as Tooltip } from '../index-a1b8ec78.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import '../ArrowLeft-b88e2ba8.js';
+import '../tslib.es6-f211516f.js';
+import 'react-dom';
+import '../GeneUIProvider/index.js';
+
+var css_248z = "[data-gene-ui-version=\"2.16.1\"] .info{border-radius:var(--guit-ref-radius-3xsmall);line-height:0}[data-gene-ui-version=\"2.16.1\"] .info_appearance_default{color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .info_appearance_brand{color:var(--guit-sem-color-foreground-brand)}[data-gene-ui-version=\"2.16.1\"] .info_appearance_inverse{color:var(--guit-sem-color-foreground-inverse)}[data-gene-ui-version=\"2.16.1\"] .info_disabled{color:var(--guit-sem-color-foreground-disabled);pointer-events:none}";
+styleInject(css_248z);
+
+const iconSizes = {
+    small: 24,
+    smallNudge: 20,
+    XSmall: 16
+};
+/**
+ * Info icon component used to provide additional contextual information to users. It appears as a small icon, and is placed near elements where further explanation or clarification is useful.
+ */
+const Info = ({ infoText, disabled, size = 'smallNudge', appearance = 'default', className }) => {
+    const [alwaysShow, setAlwaysShow] = useState(false);
+    const keyDownHandler = (event) => {
+        if (disabled)
+            return;
+        if (event.key === 'Enter') {
+            setAlwaysShow((prev) => !prev);
+        }
+    };
+    const handleBlur = () => !disabled && alwaysShow && setAlwaysShow(false);
+    const buttonClassNames = useMemo(() => classnames('info', className, {
+        [`info_appearance_${appearance}`]: appearance,
+        info_disabled: disabled
+    }), [appearance, className, disabled]);
+    return (React__default.createElement(Tooltip, { text: infoText, alwaysShow: alwaysShow, appearance: appearance === 'inverse' ? 'inverse' : 'default' },
+        React__default.createElement("button", { disabled: disabled, "aria-pressed": alwaysShow, className: buttonClassNames, onKeyDown: keyDownHandler, onBlur: handleBlur },
+            React__default.createElement(SvgInfoOutline, { className: "info__icon", size: iconSizes[size] }))));
+};
+
+export { Info as default };

package/InfoOutline-dd2e89d9.js

@@ -0,0 +1,29 @@
+import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft-b88e2ba8.js';
+import React__default from 'react';
+
+var _excluded = ["size", "color"];
+var SvgInfoOutline = function SvgInfoOutline(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "currentColor" : _ref$color,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.createElement("svg", _extends({
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18.5a8.5 8.5 0 1 1 8.5-8.5 8.51 8.51 0 0 1-8.5 8.5Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M11.97 10.237a.75.75 0 0 0-.75.75v5.243a.75.75 0 0 0 1.5 0v-5.243a.75.75 0 0 0-.75-.75Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M11.969 6.995a.914.914 0 1 0 0 1.829.914.914 0 0 0 0-1.829Z",
+    fill: color
+  }));
+};
+
+export { SvgInfoOutline as S };

package/Label/index.js

@@ -1,5 +1,5 @@
 import React__default, { useRef } from 'react';
-import { _ as _objectWithoutProperties, a as _extends } from '../ArrowLeft-b88e2ba8.js';
+import { S as SvgInfoOutline } from '../InfoOutline-dd2e89d9.js';
 import { c as classnames } from '../index-031ff73c.js';
 import { T as Tooltip } from '../index-a1b8ec78.js';
 import 'prop-types';
@@ -8,36 +8,12 @@ import 'react-dom';
 import '../configs-00612ce0.js';
 import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import '../ArrowLeft-b88e2ba8.js';
 import '../tslib.es6-f211516f.js';
 import '../GeneUIProvider/index.js';
 import '../_commonjsHelpers-24198af3.js';
 import '../hooks/useDebounce.js';
 
-var _excluded = ["size", "color"];
-var SvgInfoOutline = function SvgInfoOutline(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 24 : _ref$size,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "currentColor" : _ref$color,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement("svg", _extends({
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: color,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
-    d: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18.5a8.5 8.5 0 1 1 8.5-8.5 8.51 8.51 0 0 1-8.5 8.5Z",
-    fill: color
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M11.97 10.237a.75.75 0 0 0-.75.75v5.243a.75.75 0 0 0 1.5 0v-5.243a.75.75 0 0 0-.75-.75Z",
-    fill: color
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M11.969 6.995a.914.914 0 1 0 0 1.829.914.914 0 0 0 0-1.829Z",
-    fill: color
-  }));
-};
-
 var css_248z = "[data-gene-ui-version=\"2.16.1\"] .label{align-items:center;display:inline-flex;max-width:100%;min-width:0}[data-gene-ui-version=\"2.16.1\"] .label__container{align-items:center;display:flex;gap:var(--guit-ref-spacing-3xsmall);min-width:0;width:100%}[data-gene-ui-version=\"2.16.1\"] .label__container-inner{align-items:center;display:flex;gap:var(--guit-ref-spacing-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .label__asterisk,[data-gene-ui-version=\"2.16.1\"] .label__text{color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .label__asterisk_size_medium,[data-gene-ui-version=\"2.16.1\"] .label__text_size_medium{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.16.1\"] .label__asterisk_size_small,[data-gene-ui-version=\"2.16.1\"] .label__text_size_small{font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);line-height:var(--guit-sem-font-label-small-default-medium-line-height)}[data-gene-ui-version=\"2.16.1\"] .label__asterisk_disabled,[data-gene-ui-version=\"2.16.1\"] .label__text_disabled{color:var(--guit-sem-color-foreground-disabled)}[data-gene-ui-version=\"2.16.1\"] .label__icon{color:var(--guit-sem-color-foreground-neutral-2);flex:0 0 auto}[data-gene-ui-version=\"2.16.1\"] .label__icon_disabled{color:var(--guit-sem-color-foreground-disabled)}";
 styleInject(css_248z);
 

package/Products/index.js

@@ -12,7 +12,6 @@ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../_commonjsHelpers-24198af3.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../tslib.es6-f211516f.js';
 
 var css_248z = "[data-gene-ui-version=\"2.16.1\"] .products-switcher-holder{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:.5rem 2rem;text-align:center;width:100%}[data-gene-ui-version=\"2.16.1\"] .products-switcher-holder .divider{margin-left:auto;margin-right:auto}[data-gene-ui-version=\"2.16.1\"] .product-item{border:1px solid #0000;border-radius:1rem;cursor:pointer;display:flex;flex-wrap:wrap;font:600 1.2rem/1.42 var(--font-family);justify-content:center;margin:.5rem 0;padding:1rem .5rem;text-align:center;width:33.3333333333%}[data-gene-ui-version=\"2.16.1\"] .product-item .icon{align-items:center;background:rgba(var(--background-sc-rgb),.05);border-radius:100%;display:flex;height:5rem;justify-content:center;margin:0 0 .5rem;transition:color .2s,background .2s;width:5rem}[data-gene-ui-version=\"2.16.1\"] .product-item p{width:100%}@media (hover:hover){[data-gene-ui-version=\"2.16.1\"] .product-item:hover .icon{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.16.1\"] .product-item.active .icon{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.16.1\"] .product-item.active{pointer-events:none}@media (hover:hover){[data-gene-ui-version=\"2.16.1\"] .product-item:hover{border-color:rgba(var(--background-sc-rgb),.11)}}";
 styleInject(css_248z);

package/index.d.ts

@@ -27,6 +27,7 @@ export { default as LinkButton } from './lib/atoms/LinkButton/index';
 export { default as HelperText } from './lib/atoms/HelperText';
 export { default as Loader } from './lib/atoms/Loader';
 export { default as Pill } from './lib/atoms/Pill';
+export { default as Info } from './lib/atoms/Info';
 export { Row, Col } from './lib/molecules/Grid';
 export { Tab, Tabs } from './lib/molecules/Tabs';
 export { Step, Steps } from './lib/molecules/Steps';

package/index.js

@@ -27,6 +27,7 @@ export { default as LinkButton } from './LinkButton/index.js';
 export { default as HelperText } from './HelperText/index.js';
 export { default as Loader } from './Loader/index.js';
 export { default as Pill } from './Pill/index.js';
+export { default as Info } from './Info/index.js';
 export { Col, Row } from './Grid/index.js';
 export { Tab, Tabs } from './Tabs/index.js';
 export { Step, Steps } from './Steps/index.js';
@@ -131,6 +132,7 @@ export { u as useEllipsisDetection } from './useEllipsisDetection-c1c9ad94.js';
 import './index-031ff73c.js';
 import './style-inject.es-746bb8ed.js';
 import './tslib.es6-f211516f.js';
+import './InfoOutline-dd2e89d9.js';
 import './ArrowLeft-b88e2ba8.js';
 import './dateValidation-67caec66.js';
 import './_commonjsHelpers-24198af3.js';

package/lib/atoms/Divider/Divider.d.ts

@@ -1,24 +1,48 @@
-import { FC, HTMLAttributes } from 'react';
+import { FC, JSX } from 'react';
+import { IconProps } from '@geneui/icons';
 import './Divider.scss';
-export interface IDividerProps extends HTMLAttributes<HTMLDivElement> {
+interface IDividerProps {
     /**
-     * Divider direction. <br>
-     * Possible values: `horizontal | vertical`
+     * Divider visual style <br/>
+     * Possible values: `default | strong | brand | inverse`
      */
-    type: 'horizontal' | 'vertical';
+    appearance?: 'default' | 'strong' | 'brand' | 'inverse';
     /**
-     * Divider additional className
+     * Divider content <br/>
+     * The `alignContent` prop accepts a JSX element that will be displayed alongside the divider
      */
-    className?: string;
+    content?: JSX.Element;
+    /**
+     * Divider direction <br/>
+     * If the `vertical` prop is `true`, the `Divider` will be displayed vertically otherwise the `Divider` will be displayed horizontally
+     */
+    vertical?: boolean;
+    /**
+     * The `Icon` prop accepts a React Functional Component that will be displayed alongside the divider.
+     */
+    Icon?: FC<IconProps> | null;
     /**
-     * Divider size will be applied to height(when "type" is set to "vertical") or to width(when "type" is set to "horizontal"). <br>
-     * Possible values: `string | number`
+     * Divider label <br/>
+     * Text which will be displayed with `Divider`. The position of the `label` depends on `labelPosition` prop
      */
-    size?: string | number;
+    label?: string;
     /**
-     * withSpace by default true. If you want to remove the divider`s spacing, switch to false
+     * Divider `label` position <br/>
+     * Possible values: `before | after | center`
      */
-    withSpace: boolean;
+    labelPosition?: 'before' | 'after' | 'center';
+    /**
+     * provides space between the edge and the divider
+     */
+    inset?: boolean;
+    /**
+     * Additional class for the parent element.
+     * This prop should be used to set placement properties for the element relative to its parent using BEM conventions.
+     */
+    className?: string;
 }
+/**
+ * A divider separates sections of content to establish visual rhythm and hierarchy. Combine dividers with appropriate spacing and text hierarchy to effectively organize content within your layout.
+ */
 declare const Divider: FC<IDividerProps>;
-export default Divider;
+export { IDividerProps, Divider as default };

package/lib/atoms/Info/Info.d.ts

@@ -0,0 +1,35 @@
+import { FC } from 'react';
+import { IconProps } from '@geneui/icons';
+import './Info.scss';
+declare const iconSizes: Record<'small' | 'smallNudge' | 'XSmall', IconProps['size']>;
+interface IInfoProps {
+    /**
+     * The text that will be displayed inside the tooltip when the user interacts with the info icon.
+     */
+    infoText: string;
+    /**
+     * Disables the info icon button, preventing any interaction (click, key down, or focus).<br>
+     * When `disabled` is true, the button becomes non-interactive, and the tooltip won't be shown.
+     */
+    disabled?: boolean;
+    /**
+     * Defines the size of the info icon.<br>
+     * Possible values: `small | smallNudge | XSmall`
+     */
+    size?: keyof typeof iconSizes;
+    /**
+     * Determines the visual appearance of the info icon.<br>
+     * Possible values: `default | brand | inverse`
+     */
+    appearance?: 'default' | 'brand' | 'inverse';
+    /**
+     * Additional class for the parent element.<br>
+     * This prop should be used to set placement properties for the element relative to its parent using BEM conventions.
+     */
+    className?: string;
+}
+/**
+ * Info icon component used to provide additional contextual information to users. It appears as a small icon, and is placed near elements where further explanation or clarification is useful.
+ */
+declare const Info: FC<IInfoProps>;
+export { IInfoProps, Info as default };

package/lib/atoms/Info/index.d.ts

@@ -0,0 +1 @@
+export { IInfoProps, default as default } from './Info';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@geneui/components",
     "description": "The Gene UI components library designed for BI tools",
-    "version": "3.0.0-next-7b678fb-11102024",
+    "version": "3.0.0-next-5981a23-15102024",
     "author": "SoftConstruct",
     "homepage": "https://github.com/softconstruct/gene-ui-components#readme",
     "repository": {