@tecsinapse/cortex-react 1.7.0 → 1.7.3

package/dist/cjs/components/Menubar/Category.js

@@ -5,7 +5,7 @@ var menubar = require('../../styles/menubar.js');
 
 const Category = ({ title, options, render }) => {
   const { text, hr, container } = menubar.category();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: text() }, title), /* @__PURE__ */ React.createElement("a", null), /* @__PURE__ */ React.createElement("hr", { className: hr() }), /* @__PURE__ */ React.createElement("div", { className: container() }, options.map((i) => render(i))));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: text() }, title), /* @__PURE__ */ React.createElement("hr", { className: hr() }), /* @__PURE__ */ React.createElement("div", { className: container() }, options.map((i) => render(i))));
 };
 
 module.exports = Category;

package/dist/cjs/components/Menubar/Item.js

@@ -4,8 +4,19 @@ var React = require('react');
 var menubar = require('../../styles/menubar.js');
 var IconControlSubItem = require('./IconControlSubItem.js');
 var ItemLink = require('./ItemLink.js');
+var clsx = require('clsx');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+require('@floating-ui/react');
+require('currency.js');
+require('react-dropzone');
+require('uuid');
+require('../../provider/MenubarContext.js');
+require('../../provider/SnackbarProvider.js');
+var useMenubar = require('../../provider/useMenubar.js');
 
-const { container, text } = menubar.item();
+const { container, textBehavior } = menubar.item();
 const Item = ({
   children,
   subItems,
@@ -16,7 +27,26 @@ const Item = ({
 }) => {
   const [showSubItem, setShowSubItem] = React.useState(false);
   const hasSubItems = (subItems ?? []).length > 0;
-  return /* @__PURE__ */ React.createElement(ItemLink, { anchorProps }, /* @__PURE__ */ React.createElement("div", { "data-testid": "item-menubar", ...rest, className: container() }, /* @__PURE__ */ React.createElement("div", { className: text({ className }) }, children), hasSubItems ? /* @__PURE__ */ React.createElement(IconControlSubItem, { show: showSubItem, setShow: setShowSubItem }) : /* @__PURE__ */ React.createElement(React.Fragment, null)), showSubItem ? /* @__PURE__ */ React.createElement(React.Fragment, null, subItems?.map((subItem) => renderSubItems?.(subItem))) : /* @__PURE__ */ React.createElement(React.Fragment, null));
+  const [, setShow] = useMenubar.useMenubar();
+  return /* @__PURE__ */ React.createElement(ItemLink, { anchorProps }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-testid": "item-menubar",
+      ...rest,
+      onClick: (e) => {
+        if (hasSubItems) e.stopPropagation();
+        else {
+          setShow(false);
+        }
+      },
+      className: clsx(
+        container({ className }),
+        !hasSubItems && textBehavior()
+      )
+    },
+    children,
+    hasSubItems ? /* @__PURE__ */ React.createElement(IconControlSubItem, { show: showSubItem, setShow: setShowSubItem }) : /* @__PURE__ */ React.createElement(React.Fragment, null)
+  ), showSubItem ? /* @__PURE__ */ React.createElement(React.Fragment, null, subItems?.map((subItem) => renderSubItems?.(subItem))) : /* @__PURE__ */ React.createElement(React.Fragment, null));
 };
 
 module.exports = Item;

package/dist/cjs/components/Menubar/ItemLink.js

@@ -2,37 +2,18 @@
 
 var React = require('react');
 var clsx = require('clsx');
-require('@internationalized/date');
-require('react-aria');
-require('react-stately');
-require('@floating-ui/react');
-require('currency.js');
-require('react-dropzone');
-require('uuid');
-require('../../provider/MenubarContext.js');
-require('../../provider/SnackbarProvider.js');
-var useMenubar = require('../../provider/useMenubar.js');
 
 const ItemLink = ({ anchorProps, children }) => {
-  const [, setShow] = useMenubar.useMenubar();
-  return /* @__PURE__ */ React.createElement(
-    "div",
+  return /* @__PURE__ */ React.createElement("div", null, anchorProps ? /* @__PURE__ */ React.createElement(
+    "a",
     {
-      onClick: () => {
-        setShow(false);
-      }
+      target: "_blank",
+      rel: "noopener noreferrer",
+      ...anchorProps,
+      className: clsx("w-full", anchorProps?.className)
     },
-    anchorProps ? /* @__PURE__ */ React.createElement(
-      "a",
-      {
-        ...anchorProps,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: clsx("w-full", anchorProps?.className)
-      },
-      children
-    ) : children
-  );
+    children
+  ) : children);
 };
 
 module.exports = ItemLink;

package/dist/cjs/components/Menubar/SubItem.js

@@ -3,6 +3,16 @@
 var React = require('react');
 var menubar = require('../../styles/menubar.js');
 var ItemLink = require('./ItemLink.js');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+require('@floating-ui/react');
+require('currency.js');
+require('react-dropzone');
+require('uuid');
+require('../../provider/MenubarContext.js');
+require('../../provider/SnackbarProvider.js');
+var useMenubar = require('../../provider/useMenubar.js');
 
 const { container } = menubar.subItem();
 const SubItem = ({
@@ -11,12 +21,16 @@ const SubItem = ({
   className,
   ...rest
 }) => {
+  const [, setShow] = useMenubar.useMenubar();
   return /* @__PURE__ */ React.createElement(ItemLink, { anchorProps }, /* @__PURE__ */ React.createElement(
     "div",
     {
       ...rest,
       "data-testid": "sub-item-menubar",
-      className: container({ className })
+      className: container({ className }),
+      onClick: () => {
+        setShow(false);
+      }
     },
     children
   ));

package/dist/cjs/components/ProgressBar/Progress.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var React = require('react');
+require('../../styles/calendar-cell.js');
+require('../../styles/groupButton.js');
+var progressBar = require('../../styles/progressBar.js');
+
+const { container, bar, progress } = progressBar.ProgressVariants();
+const Progress = ({
+  value,
+  intent = "default",
+  infinite
+}) => {
+  return /* @__PURE__ */ React.createElement("div", { className: container(), "data-testid": "linear-progress" }, /* @__PURE__ */ React.createElement("div", { className: bar() }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        width: !infinite ? `${value}%` : void 0,
+        transition: !infinite ? "width 0.5s ease" : void 0
+      },
+      "data-testid": "progress-filled",
+      className: progress({ intent, infinite })
+    }
+  )));
+};
+
+exports.Progress = Progress;

package/dist/cjs/components/ProgressBar/ProgressBar.js

@@ -1,41 +1,14 @@
 'use strict';
 
 var React = require('react');
-var ProgressBarInfinite = require('./ProgressBarInfinite.js');
-var ProgressBarSegments = require('./ProgressBarSegments.js');
+var Progress = require('./Progress.js');
 
 const ProgressBar = ({
-  segments: _segments = 1,
-  valueMin = 0,
-  valueMax = 100,
-  valueCurrent = 50,
-  intentProgress = "default",
-  type = "default",
-  animated = true
+  value = 50,
+  intent = "default",
+  infinite = false
 }) => {
-  const [displayedValue, setDisplayedValue] = React.useState(0);
-  const [showAnimation, setShowAnimation] = React.useState(true);
-  React.useEffect(() => {
-    const timeout = setTimeout(() => {
-      if (valueCurrent < displayedValue) {
-        setShowAnimation(false);
-      }
-      if (animated && valueCurrent > displayedValue) setShowAnimation(true);
-      setDisplayedValue(valueCurrent);
-    }, 0);
-    return () => clearTimeout(timeout);
-  }, [valueCurrent]);
-  const totalProgress = (displayedValue - valueMin) / (valueMax - valueMin) * 100;
-  const segments = Math.max(1, _segments);
-  return type === "infinite" ? /* @__PURE__ */ React.createElement(ProgressBarInfinite.ProgressBarInfinite, { intentProgress }) : /* @__PURE__ */ React.createElement(
-    ProgressBarSegments.ProgressBarSegments,
-    {
-      segments,
-      totalProgress,
-      intentProgress,
-      showAnimation
-    }
-  );
+  return /* @__PURE__ */ React.createElement(Progress.Progress, { value, intent, infinite });
 };
 
 exports.ProgressBar = ProgressBar;

package/dist/cjs/components/Uploader/Upload.js

@@ -25,7 +25,7 @@ const File = ({ file, index, onDelete }) => {
       })
     },
     /* @__PURE__ */ React.createElement(md.MdClose, { size: 20 })
-  )), /* @__PURE__ */ React.createElement(ProgressBar.ProgressBar, { intentProgress: file.status, type: "infinite" }));
+  )), /* @__PURE__ */ React.createElement(ProgressBar.ProgressBar, { intent: "info", infinite: file.status !== "success" }));
 };
 
 exports.File = File;

package/dist/cjs/styles/menubar.js

@@ -34,15 +34,15 @@ const mostUsedItem = tailwindVariants.tv({
 });
 const item = tailwindVariants.tv({
   slots: {
-    container: "flex flex-row gap-x-deca items-center",
-    text: "text-secondary-dark hover:text-primary-medium hover:cursor-pointer text-base",
+    container: "flex flex-row gap-x-deca items-center text-secondary-dark text-base",
+    textBehavior: "hover:text-primary-medium hover:cursor-pointer text-base",
     icon: "text-primary-medium hover:cursor-pointer"
   }
 });
 const category = tailwindVariants.tv({
   slots: {
     text: "mb-mili font-bold",
-    hr: "mb-mili",
+    hr: "mb-mili border-0 h-px bg-secondary-light",
     container: "flex flex-col gap-y-mili"
   }
 });

package/dist/cjs/styles/progressBar.js

@@ -2,51 +2,36 @@
 
 var tailwindVariants = require('tailwind-variants');
 
-const progressBarFilled = tailwindVariants.tv({
-  base: "h-full first:rounded-l-pill last:rounded-r-pill",
-  variants: {
-    intentProgress: {
-      default: "bg-primary-medium",
-      error: "bg-error-medium",
-      info: "bg-info-medium",
-      warning: "bg-warning-medium",
-      success: "bg-success-medium",
-      uploading: ""
-    },
-    showAnimation: {
-      true: "transition-[width] duration-1000 ease-linear"
-    }
-  }
-});
-const progressBarInfiniteVariants = tailwindVariants.tv({
+const ProgressVariants = tailwindVariants.tv({
   slots: {
     container: "relative mb-mili",
-    bar: "h-1.5 w-full overflow-hidden",
-    progress: "w-full h-full origin-left-right rounded-b-mili"
+    bar: "h-1.5 w-full overflow-hidden bg-secondary-xlight",
+    progress: "w-full h-full rounded-mili"
   },
   variants: {
-    status: {
-      uploading: {
-        progress: "bg-info-medium animate-progress"
-      },
-      success: {
-        progress: "bg-success-medium"
+    intent: {
+      default: {
+        progress: "bg-primary-medium"
       },
       error: {
         progress: "bg-error-medium"
       },
-      default: {
-        progress: "bg-primary-medium"
-      },
       info: {
         progress: "bg-info-medium"
       },
       warning: {
         progress: "bg-warning-medium"
+      },
+      success: {
+        progress: "bg-success-medium"
+      }
+    },
+    infinite: {
+      true: {
+        progress: "animate-progress origin-left-right"
       }
     }
   }
 });
 
-exports.progressBarFilled = progressBarFilled;
-exports.progressBarInfiniteVariants = progressBarInfiniteVariants;
+exports.ProgressVariants = ProgressVariants;

package/dist/esm/components/Menubar/Category.js

@@ -3,7 +3,7 @@ import { category } from '../../styles/menubar.js';
 
 const Category = ({ title, options, render }) => {
   const { text, hr, container } = category();
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("p", { className: text() }, title), /* @__PURE__ */ React__default.createElement("a", null), /* @__PURE__ */ React__default.createElement("hr", { className: hr() }), /* @__PURE__ */ React__default.createElement("div", { className: container() }, options.map((i) => render(i))));
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("p", { className: text() }, title), /* @__PURE__ */ React__default.createElement("hr", { className: hr() }), /* @__PURE__ */ React__default.createElement("div", { className: container() }, options.map((i) => render(i))));
 };
 
 export { Category as default };

package/dist/esm/components/Menubar/Item.js

@@ -2,8 +2,19 @@ import React__default, { useState } from 'react';
 import { item } from '../../styles/menubar.js';
 import IconControlSubItem from './IconControlSubItem.js';
 import ItemLink from './ItemLink.js';
+import clsx from 'clsx';
+import '@internationalized/date';
+import 'react-aria';
+import 'react-stately';
+import '@floating-ui/react';
+import 'currency.js';
+import 'react-dropzone';
+import 'uuid';
+import '../../provider/MenubarContext.js';
+import '../../provider/SnackbarProvider.js';
+import { useMenubar } from '../../provider/useMenubar.js';
 
-const { container, text } = item();
+const { container, textBehavior } = item();
 const Item = ({
   children,
   subItems,
@@ -14,7 +25,26 @@ const Item = ({
 }) => {
   const [showSubItem, setShowSubItem] = useState(false);
   const hasSubItems = (subItems ?? []).length > 0;
-  return /* @__PURE__ */ React__default.createElement(ItemLink, { anchorProps }, /* @__PURE__ */ React__default.createElement("div", { "data-testid": "item-menubar", ...rest, className: container() }, /* @__PURE__ */ React__default.createElement("div", { className: text({ className }) }, children), hasSubItems ? /* @__PURE__ */ React__default.createElement(IconControlSubItem, { show: showSubItem, setShow: setShowSubItem }) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)), showSubItem ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, subItems?.map((subItem) => renderSubItems?.(subItem))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null));
+  const [, setShow] = useMenubar();
+  return /* @__PURE__ */ React__default.createElement(ItemLink, { anchorProps }, /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      "data-testid": "item-menubar",
+      ...rest,
+      onClick: (e) => {
+        if (hasSubItems) e.stopPropagation();
+        else {
+          setShow(false);
+        }
+      },
+      className: clsx(
+        container({ className }),
+        !hasSubItems && textBehavior()
+      )
+    },
+    children,
+    hasSubItems ? /* @__PURE__ */ React__default.createElement(IconControlSubItem, { show: showSubItem, setShow: setShowSubItem }) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)
+  ), showSubItem ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, subItems?.map((subItem) => renderSubItems?.(subItem))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null));
 };
 
 export { Item as default };

package/dist/esm/components/Menubar/ItemLink.js

@@ -1,36 +1,17 @@
 import React__default from 'react';
 import clsx from 'clsx';
-import '@internationalized/date';
-import 'react-aria';
-import 'react-stately';
-import '@floating-ui/react';
-import 'currency.js';
-import 'react-dropzone';
-import 'uuid';
-import '../../provider/MenubarContext.js';
-import '../../provider/SnackbarProvider.js';
-import { useMenubar } from '../../provider/useMenubar.js';
 
 const ItemLink = ({ anchorProps, children }) => {
-  const [, setShow] = useMenubar();
-  return /* @__PURE__ */ React__default.createElement(
-    "div",
+  return /* @__PURE__ */ React__default.createElement("div", null, anchorProps ? /* @__PURE__ */ React__default.createElement(
+    "a",
     {
-      onClick: () => {
-        setShow(false);
-      }
+      target: "_blank",
+      rel: "noopener noreferrer",
+      ...anchorProps,
+      className: clsx("w-full", anchorProps?.className)
     },
-    anchorProps ? /* @__PURE__ */ React__default.createElement(
-      "a",
-      {
-        ...anchorProps,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: clsx("w-full", anchorProps?.className)
-      },
-      children
-    ) : children
-  );
+    children
+  ) : children);
 };
 
 export { ItemLink as default };

package/dist/esm/components/Menubar/SubItem.js

@@ -1,6 +1,16 @@
 import React__default from 'react';
 import { subItem } from '../../styles/menubar.js';
 import ItemLink from './ItemLink.js';
+import '@internationalized/date';
+import 'react-aria';
+import 'react-stately';
+import '@floating-ui/react';
+import 'currency.js';
+import 'react-dropzone';
+import 'uuid';
+import '../../provider/MenubarContext.js';
+import '../../provider/SnackbarProvider.js';
+import { useMenubar } from '../../provider/useMenubar.js';
 
 const { container } = subItem();
 const SubItem = ({
@@ -9,12 +19,16 @@ const SubItem = ({
   className,
   ...rest
 }) => {
+  const [, setShow] = useMenubar();
   return /* @__PURE__ */ React__default.createElement(ItemLink, { anchorProps }, /* @__PURE__ */ React__default.createElement(
     "div",
     {
       ...rest,
       "data-testid": "sub-item-menubar",
-      className: container({ className })
+      className: container({ className }),
+      onClick: () => {
+        setShow(false);
+      }
     },
     children
   ));

package/dist/esm/components/ProgressBar/Progress.js

@@ -0,0 +1,25 @@
+import React__default from 'react';
+import '../../styles/calendar-cell.js';
+import '../../styles/groupButton.js';
+import { ProgressVariants } from '../../styles/progressBar.js';
+
+const { container, bar, progress } = ProgressVariants();
+const Progress = ({
+  value,
+  intent = "default",
+  infinite
+}) => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: container(), "data-testid": "linear-progress" }, /* @__PURE__ */ React__default.createElement("div", { className: bar() }, /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      style: {
+        width: !infinite ? `${value}%` : void 0,
+        transition: !infinite ? "width 0.5s ease" : void 0
+      },
+      "data-testid": "progress-filled",
+      className: progress({ intent, infinite })
+    }
+  )));
+};
+
+export { Progress };

package/dist/esm/components/ProgressBar/ProgressBar.js

@@ -1,39 +1,12 @@
-import React__default, { useState, useEffect } from 'react';
-import { ProgressBarInfinite } from './ProgressBarInfinite.js';
-import { ProgressBarSegments } from './ProgressBarSegments.js';
+import React__default from 'react';
+import { Progress } from './Progress.js';
 
 const ProgressBar = ({
-  segments: _segments = 1,
-  valueMin = 0,
-  valueMax = 100,
-  valueCurrent = 50,
-  intentProgress = "default",
-  type = "default",
-  animated = true
+  value = 50,
+  intent = "default",
+  infinite = false
 }) => {
-  const [displayedValue, setDisplayedValue] = useState(0);
-  const [showAnimation, setShowAnimation] = useState(true);
-  useEffect(() => {
-    const timeout = setTimeout(() => {
-      if (valueCurrent < displayedValue) {
-        setShowAnimation(false);
-      }
-      if (animated && valueCurrent > displayedValue) setShowAnimation(true);
-      setDisplayedValue(valueCurrent);
-    }, 0);
-    return () => clearTimeout(timeout);
-  }, [valueCurrent]);
-  const totalProgress = (displayedValue - valueMin) / (valueMax - valueMin) * 100;
-  const segments = Math.max(1, _segments);
-  return type === "infinite" ? /* @__PURE__ */ React__default.createElement(ProgressBarInfinite, { intentProgress }) : /* @__PURE__ */ React__default.createElement(
-    ProgressBarSegments,
-    {
-      segments,
-      totalProgress,
-      intentProgress,
-      showAnimation
-    }
-  );
+  return /* @__PURE__ */ React__default.createElement(Progress, { value, intent, infinite });
 };
 
 export { ProgressBar };

package/dist/esm/components/Uploader/Upload.js

@@ -23,7 +23,7 @@ const File = ({ file, index, onDelete }) => {
       })
     },
     /* @__PURE__ */ React__default.createElement(MdClose, { size: 20 })
-  )), /* @__PURE__ */ React__default.createElement(ProgressBar, { intentProgress: file.status, type: "infinite" }));
+  )), /* @__PURE__ */ React__default.createElement(ProgressBar, { intent: "info", infinite: file.status !== "success" }));
 };
 
 export { File };

package/dist/esm/styles/menubar.js

@@ -32,15 +32,15 @@ const mostUsedItem = tv({
 });
 const item = tv({
   slots: {
-    container: "flex flex-row gap-x-deca items-center",
-    text: "text-secondary-dark hover:text-primary-medium hover:cursor-pointer text-base",
+    container: "flex flex-row gap-x-deca items-center text-secondary-dark text-base",
+    textBehavior: "hover:text-primary-medium hover:cursor-pointer text-base",
     icon: "text-primary-medium hover:cursor-pointer"
   }
 });
 const category = tv({
   slots: {
     text: "mb-mili font-bold",
-    hr: "mb-mili",
+    hr: "mb-mili border-0 h-px bg-secondary-light",
     container: "flex flex-col gap-y-mili"
   }
 });

package/dist/esm/styles/progressBar.js

@@ -1,49 +1,35 @@
 import { tv } from 'tailwind-variants';
 
-const progressBarFilled = tv({
-  base: "h-full first:rounded-l-pill last:rounded-r-pill",
-  variants: {
-    intentProgress: {
-      default: "bg-primary-medium",
-      error: "bg-error-medium",
-      info: "bg-info-medium",
-      warning: "bg-warning-medium",
-      success: "bg-success-medium",
-      uploading: ""
-    },
-    showAnimation: {
-      true: "transition-[width] duration-1000 ease-linear"
-    }
-  }
-});
-const progressBarInfiniteVariants = tv({
+const ProgressVariants = tv({
   slots: {
     container: "relative mb-mili",
-    bar: "h-1.5 w-full overflow-hidden",
-    progress: "w-full h-full origin-left-right rounded-b-mili"
+    bar: "h-1.5 w-full overflow-hidden bg-secondary-xlight",
+    progress: "w-full h-full rounded-mili"
   },
   variants: {
-    status: {
-      uploading: {
-        progress: "bg-info-medium animate-progress"
-      },
-      success: {
-        progress: "bg-success-medium"
+    intent: {
+      default: {
+        progress: "bg-primary-medium"
       },
       error: {
         progress: "bg-error-medium"
       },
-      default: {
-        progress: "bg-primary-medium"
-      },
       info: {
         progress: "bg-info-medium"
       },
       warning: {
         progress: "bg-warning-medium"
+      },
+      success: {
+        progress: "bg-success-medium"
+      }
+    },
+    infinite: {
+      true: {
+        progress: "animate-progress origin-left-right"
       }
     }
   }
 });
 
-export { progressBarFilled, progressBarInfiniteVariants };
+export { ProgressVariants };

package/dist/types/components/ProgressBar/Progress.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface ProgressProps {
+    value: number;
+    intent?: 'default' | 'success' | 'warning' | 'info' | 'error';
+    infinite: boolean;
+}
+export declare const Progress: ({ value, intent, infinite, }: ProgressProps) => JSX.Element;
+export {};

package/dist/types/components/ProgressBar/ProgressBar.d.ts

@@ -1,11 +1,7 @@
 /// <reference types="react" />
 export interface ProgressBarProps {
-    segments?: number;
-    valueMin?: number;
-    valueMax?: number;
-    valueCurrent?: number;
-    intentProgress?: 'default' | 'success' | 'warning' | 'info' | 'error' | 'uploading';
-    type?: 'infinite' | 'default';
-    animated?: boolean;
+    value?: number;
+    intent?: 'default' | 'success' | 'warning' | 'info' | 'error';
+    infinite?: boolean;
 }
-export declare const ProgressBar: ({ segments: _segments, valueMin, valueMax, valueCurrent, intentProgress, type, animated, }: ProgressBarProps) => JSX.Element;
+export declare const ProgressBar: ({ value, intent, infinite, }: ProgressBarProps) => JSX.Element;

package/dist/types/styles/menubar.d.ts

@@ -172,53 +172,53 @@ export declare const mostUsedItem: import("tailwind-variants").TVReturnType<{
 export declare const item: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
-            text?: import("tailwind-merge").ClassNameValue;
             container?: import("tailwind-merge").ClassNameValue;
             icon?: import("tailwind-merge").ClassNameValue;
+            textBehavior?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-merge").ClassNameValue | {
-            text?: import("tailwind-merge").ClassNameValue;
             container?: import("tailwind-merge").ClassNameValue;
             icon?: import("tailwind-merge").ClassNameValue;
+            textBehavior?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
     container: string;
-    text: string;
+    textBehavior: string;
     icon: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
-            text?: import("tailwind-merge").ClassNameValue;
             container?: import("tailwind-merge").ClassNameValue;
             icon?: import("tailwind-merge").ClassNameValue;
+            textBehavior?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}>, {
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
-            text?: import("tailwind-merge").ClassNameValue;
             container?: import("tailwind-merge").ClassNameValue;
             icon?: import("tailwind-merge").ClassNameValue;
+            textBehavior?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
     container: string;
-    text: string;
+    textBehavior: string;
     icon: string;
 }, import("tailwind-variants").TVReturnType<unknown, {
     container: string;
-    text: string;
+    textBehavior: string;
     icon: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
-            text?: import("tailwind-merge").ClassNameValue;
             container?: import("tailwind-merge").ClassNameValue;
             icon?: import("tailwind-merge").ClassNameValue;
+            textBehavior?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;

package/dist/types/styles/progressBar.d.ts

@@ -1,106 +1,23 @@
-export declare const progressBarFilled: import("tailwind-variants").TVReturnType<{
-    intentProgress: {
-        default: string;
-        error: string;
-        info: string;
-        warning: string;
-        success: string;
-        uploading: string;
-    };
-    showAnimation: {
-        true: string;
-    };
-}, undefined, "h-full first:rounded-l-pill last:rounded-r-pill", import("tailwind-variants/dist/config").TVConfig<{
-    intentProgress: {
-        default: string;
-        error: string;
-        info: string;
-        warning: string;
-        success: string;
-        uploading: string;
-    };
-    showAnimation: {
-        true: string;
-    };
-}, {
-    intentProgress: {
-        default: string;
-        error: string;
-        info: string;
-        warning: string;
-        success: string;
-        uploading: string;
-    };
-    showAnimation: {
-        true: string;
-    };
-}>, {
-    intentProgress: {
-        default: string;
-        error: string;
-        info: string;
-        warning: string;
-        success: string;
-        uploading: string;
-    };
-    showAnimation: {
-        true: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    intentProgress: {
-        default: string;
-        error: string;
-        info: string;
-        warning: string;
-        success: string;
-        uploading: string;
-    };
-    showAnimation: {
-        true: string;
-    };
-}, undefined, "h-full first:rounded-l-pill last:rounded-r-pill", import("tailwind-variants/dist/config").TVConfig<{
-    intentProgress: {
-        default: string;
-        error: string;
-        info: string;
-        warning: string;
-        success: string;
-        uploading: string;
-    };
-    showAnimation: {
-        true: string;
-    };
-}, {
-    intentProgress: {
-        default: string;
-        error: string;
-        info: string;
-        warning: string;
-        success: string;
-        uploading: string;
-    };
-    showAnimation: {
-        true: string;
-    };
-}>, unknown, unknown, undefined>>;
-export declare const progressBarInfiniteVariants: import("tailwind-variants").TVReturnType<{
-    status: {
-        uploading: {
+export declare const ProgressVariants: import("tailwind-variants").TVReturnType<{
+    intent: {
+        default: {
             progress: string;
         };
-        success: {
+        error: {
             progress: string;
         };
-        error: {
+        info: {
             progress: string;
         };
-        default: {
+        warning: {
             progress: string;
         };
-        info: {
+        success: {
             progress: string;
         };
-        warning: {
+    };
+    infinite: {
+        true: {
             progress: string;
         };
     };
@@ -109,65 +26,71 @@ export declare const progressBarInfiniteVariants: import("tailwind-variants").TV
     bar: string;
     progress: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<{
-    status: {
-        uploading: {
+    intent: {
+        default: {
             progress: string;
         };
-        success: {
+        error: {
             progress: string;
         };
-        error: {
+        info: {
             progress: string;
         };
-        default: {
+        warning: {
             progress: string;
         };
-        info: {
+        success: {
             progress: string;
         };
-        warning: {
+    };
+    infinite: {
+        true: {
             progress: string;
         };
     };
 }, {
-    status: {
-        uploading: {
+    intent: {
+        default: {
             progress: string;
         };
-        success: {
+        error: {
             progress: string;
         };
-        error: {
+        info: {
             progress: string;
         };
-        default: {
+        warning: {
             progress: string;
         };
-        info: {
+        success: {
             progress: string;
         };
-        warning: {
+    };
+    infinite: {
+        true: {
             progress: string;
         };
     };
 }>, {
-    status: {
-        uploading: {
+    intent: {
+        default: {
             progress: string;
         };
-        success: {
+        error: {
             progress: string;
         };
-        error: {
+        info: {
             progress: string;
         };
-        default: {
+        warning: {
             progress: string;
         };
-        info: {
+        success: {
             progress: string;
         };
-        warning: {
+    };
+    infinite: {
+        true: {
             progress: string;
         };
     };
@@ -176,23 +99,25 @@ export declare const progressBarInfiniteVariants: import("tailwind-variants").TV
     bar: string;
     progress: string;
 }, import("tailwind-variants").TVReturnType<{
-    status: {
-        uploading: {
+    intent: {
+        default: {
             progress: string;
         };
-        success: {
+        error: {
             progress: string;
         };
-        error: {
+        info: {
             progress: string;
         };
-        default: {
+        warning: {
             progress: string;
         };
-        info: {
+        success: {
             progress: string;
         };
-        warning: {
+    };
+    infinite: {
+        true: {
             progress: string;
         };
     };
@@ -201,44 +126,48 @@ export declare const progressBarInfiniteVariants: import("tailwind-variants").TV
     bar: string;
     progress: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<{
-    status: {
-        uploading: {
+    intent: {
+        default: {
             progress: string;
         };
-        success: {
+        error: {
             progress: string;
         };
-        error: {
+        info: {
             progress: string;
         };
-        default: {
+        warning: {
             progress: string;
         };
-        info: {
+        success: {
             progress: string;
         };
-        warning: {
+    };
+    infinite: {
+        true: {
             progress: string;
         };
     };
 }, {
-    status: {
-        uploading: {
+    intent: {
+        default: {
             progress: string;
         };
-        success: {
+        error: {
             progress: string;
         };
-        error: {
+        info: {
             progress: string;
         };
-        default: {
+        warning: {
             progress: string;
         };
-        info: {
+        success: {
             progress: string;
         };
-        warning: {
+    };
+    infinite: {
+        true: {
             progress: string;
         };
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.7.0",
+  "version": "1.7.3",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -20,7 +20,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.18",
     "@internationalized/date": "*",
-    "@tecsinapse/cortex-core": "0.4.0",
+    "@tecsinapse/cortex-core": "0.4.2",
     "clsx": "*",
     "currency.js": "~2.0.4",
     "react-aria": "^3.33.1",
@@ -48,5 +48,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "0d09b9c3a9193d5cf9a46a77d90a18c836561156"
+  "gitHead": "98934da7976983634d9cc44e91c67a5850eeb5ba"
 }

package/dist/cjs/components/ProgressBar/ProgressBarInfinite.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var React = require('react');
-require('../../styles/calendar-cell.js');
-require('../../styles/groupButton.js');
-var progressBar = require('../../styles/progressBar.js');
-
-const { container, bar, progress } = progressBar.progressBarInfiniteVariants();
-const ProgressBarInfinite = ({
-  intentProgress
-}) => {
-  return /* @__PURE__ */ React.createElement("div", { className: container() }, /* @__PURE__ */ React.createElement("div", { className: bar(), "data-testid": "infinite-progress-bar" }, /* @__PURE__ */ React.createElement("div", { className: progress({ status: intentProgress }) })));
-};
-
-exports.ProgressBarInfinite = ProgressBarInfinite;

package/dist/cjs/components/ProgressBar/ProgressBarSegments.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var React = require('react');
-require('../../styles/calendar-cell.js');
-require('../../styles/groupButton.js');
-var progressBar = require('../../styles/progressBar.js');
-
-const ProgressBarSegments = ({
-  segments,
-  totalProgress,
-  intentProgress,
-  showAnimation
-}) => {
-  const lengthSeg = 100 / segments;
-  const items = [...Array(segments).keys()];
-  const progressStyle = React.useCallback(
-    (width, index) => {
-      return {
-        width: `${width}%`,
-        transitionDelay: `${showAnimation ? `${index * 1e3}ms` : `0ms`}`
-      };
-    },
-    [showAnimation]
-  );
-  return /* @__PURE__ */ React.createElement("div", { className: "flex gap-x-nano flex-row", "data-testid": "progress-bar" }, items.map((_, index) => {
-    const max = lengthSeg * (index + 1);
-    const min = lengthSeg * index;
-    const minmax = (totalProgress - min) / (max - min);
-    const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        key: index,
-        className: "h-[0.5rem] bg-secondary-light flex flex-1 first:rounded-l-pill last:rounded-r-pill"
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: progressStyle(width, index),
-          "data-testid": "div-segment-filled",
-          className: progressBar.progressBarFilled({ intentProgress, showAnimation })
-        }
-      )
-    );
-  }));
-};
-
-exports.ProgressBarSegments = ProgressBarSegments;

package/dist/esm/components/ProgressBar/ProgressBarInfinite.js

@@ -1,13 +0,0 @@
-import React__default from 'react';
-import '../../styles/calendar-cell.js';
-import '../../styles/groupButton.js';
-import { progressBarInfiniteVariants } from '../../styles/progressBar.js';
-
-const { container, bar, progress } = progressBarInfiniteVariants();
-const ProgressBarInfinite = ({
-  intentProgress
-}) => {
-  return /* @__PURE__ */ React__default.createElement("div", { className: container() }, /* @__PURE__ */ React__default.createElement("div", { className: bar(), "data-testid": "infinite-progress-bar" }, /* @__PURE__ */ React__default.createElement("div", { className: progress({ status: intentProgress }) })));
-};
-
-export { ProgressBarInfinite };

package/dist/esm/components/ProgressBar/ProgressBarSegments.js

@@ -1,46 +0,0 @@
-import React__default, { useCallback } from 'react';
-import '../../styles/calendar-cell.js';
-import '../../styles/groupButton.js';
-import { progressBarFilled } from '../../styles/progressBar.js';
-
-const ProgressBarSegments = ({
-  segments,
-  totalProgress,
-  intentProgress,
-  showAnimation
-}) => {
-  const lengthSeg = 100 / segments;
-  const items = [...Array(segments).keys()];
-  const progressStyle = useCallback(
-    (width, index) => {
-      return {
-        width: `${width}%`,
-        transitionDelay: `${showAnimation ? `${index * 1e3}ms` : `0ms`}`
-      };
-    },
-    [showAnimation]
-  );
-  return /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-x-nano flex-row", "data-testid": "progress-bar" }, items.map((_, index) => {
-    const max = lengthSeg * (index + 1);
-    const min = lengthSeg * index;
-    const minmax = (totalProgress - min) / (max - min);
-    const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;
-    return /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        key: index,
-        className: "h-[0.5rem] bg-secondary-light flex flex-1 first:rounded-l-pill last:rounded-r-pill"
-      },
-      /* @__PURE__ */ React__default.createElement(
-        "div",
-        {
-          style: progressStyle(width, index),
-          "data-testid": "div-segment-filled",
-          className: progressBarFilled({ intentProgress, showAnimation })
-        }
-      )
-    );
-  }));
-};
-
-export { ProgressBarSegments };

package/dist/types/components/ProgressBar/ProgressBarInfinite.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface ProgressBarInfiniteProps {
-    intentProgress?: 'default' | 'success' | 'warning' | 'info' | 'error' | 'uploading';
-}
-export declare const ProgressBarInfinite: ({ intentProgress, }: ProgressBarInfiniteProps) => JSX.Element;
-export {};

package/dist/types/components/ProgressBar/ProgressBarSegments.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-interface ProgressBarSegmentsProps {
-    segments: number;
-    totalProgress: number;
-    intentProgress?: 'default' | 'success' | 'warning' | 'info' | 'error' | 'uploading';
-    showAnimation: boolean;
-}
-export declare const ProgressBarSegments: ({ segments, totalProgress, intentProgress, showAnimation, }: ProgressBarSegmentsProps) => JSX.Element;
-export {};