@tecsinapse/cortex-react 1.7.6 → 1.8.0-beta.1

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

@@ -2,9 +2,18 @@
 
 var React = require('react');
 var Masonry = require('../Masonry.js');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+require('@floating-ui/react');
+require('currency.js');
+require('react-dropzone');
+require('uuid');
+var useDimensions = require('../../hooks/useDimensions.js');
 
 const Categories = ({ children }) => {
-  return /* @__PURE__ */ React.createElement(Masonry, { columns: 4 }, children);
+  const { width } = useDimensions.useDimensions();
+  return /* @__PURE__ */ React.createElement(Masonry, { columns: width <= 640 ? 2 : 4 }, children);
 };
 
 module.exports = Categories;

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

@@ -5,7 +5,16 @@ var menubar = require('../../styles/menubar.js');
 
 const { left } = menubar.menubar();
 const Left = ({ children, ...rest }) => {
-  return /* @__PURE__ */ React.createElement("div", { className: left(), "data-testid": "header-left-menubar", ...rest }, children);
+  const { className } = rest;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: left({ className }),
+      "data-testid": "header-left-menubar",
+      ...rest
+    },
+    children
+  );
 };
 
 module.exports = Left;

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

@@ -2,9 +2,19 @@
 
 var React = require('react');
 var menubar = require('../../styles/menubar.js');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+require('@floating-ui/react');
+require('currency.js');
+require('react-dropzone');
+require('uuid');
+var useDimensions = require('../../hooks/useDimensions.js');
 
 const { container, label: labelClass, containerList } = menubar.mostUsed();
 const MostUsed = ({ label, children, ...rest }) => {
+  const { width } = useDimensions.useDimensions();
+  if (width <= 640) return /* @__PURE__ */ React.createElement(React.Fragment, null);
   return /* @__PURE__ */ React.createElement("div", { className: container(), "data-testid": "most-used-menubar", ...rest }, /* @__PURE__ */ React.createElement("p", { className: labelClass() }, label), /* @__PURE__ */ React.createElement("div", { className: containerList() }, children));
 };
 

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

@@ -5,7 +5,16 @@ var menubar = require('../../styles/menubar.js');
 
 const { right } = menubar.menubar();
 const Right = ({ children, ...rest }) => {
-  return /* @__PURE__ */ React.createElement("div", { className: right(), "data-testid": "header-right-menubar", ...rest }, children);
+  const { className } = rest;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: right({ className }),
+      "data-testid": "header-right-menubar",
+      ...rest
+    },
+    children
+  );
 };
 
 module.exports = Right;

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

@@ -17,11 +17,12 @@ var useMenubar = require('../../provider/useMenubar.js');
 
 const Search = (props) => {
   const [show] = useMenubar.useMenubar();
+  const { className } = props;
   return /* @__PURE__ */ React.createElement(
     index.Input.Search,
     {
       ...props,
-      className: clsx("mr-tera flex-1", menubar.animate({ show }))
+      className: clsx("flex-1", menubar.animate({ show }), className)
     }
   );
 };

package/dist/cjs/components/Stepper/Node.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var React = require('react');
+var stepNodeVariants = require('../../styles/stepNodeVariants.js');
+
+const Node = ({
+  marked = false,
+  intent = "success",
+  isFirst = false,
+  isLast = false,
+  segmented = false,
+  selected = false,
+  children,
+  className,
+  ...rest
+}) => {
+  const { container, content, separator } = stepNodeVariants.StepNodeVariants({
+    intent,
+    marked,
+    isFirst,
+    isLast,
+    selected,
+    disabled: rest.disabled
+  });
+  return /* @__PURE__ */ React.createElement("button", { type: "button", className: container({ className }), ...rest }, /* @__PURE__ */ React.createElement("div", { className: content() }, children), segmented ? /* @__PURE__ */ React.createElement("div", { className: separator() }) : /* @__PURE__ */ React.createElement(React.Fragment, null));
+};
+
+exports.Node = Node;

package/dist/cjs/components/Stepper/Root.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var React = require('react');
+var Node = require('./Node.js');
+
+const Root = ({ segmented = false, children }) => {
+  const [selectedNode, setSelectedNode] = React.useState(null);
+  const childrenCount = React.useMemo(
+    () => React.Children.count(children),
+    [children]
+  );
+  const handleNodeClick = React.useCallback((index, onClick) => {
+    setSelectedNode(index);
+    if (onClick) {
+      onClick();
+    }
+  }, []);
+  const renderNode = React.useMemo(
+    () => (child, index) => {
+      if (React.isValidElement(child) && child.type === Node.Node) {
+        return React.cloneElement(child, {
+          isFirst: index === 0,
+          isLast: index === childrenCount - 1,
+          selected: selectedNode === index,
+          segmented,
+          onClick: () => handleNodeClick(index, child.props.onClick)
+        });
+      }
+      return null;
+    },
+    [childrenCount, selectedNode, segmented]
+  );
+  return /* @__PURE__ */ React.createElement("div", { className: "flex w-full space-x-2 bg-white p-4 pb-2 rounded-mili" }, React.Children.map(children, renderNode));
+};
+
+exports.Root = Root;

package/dist/cjs/components/Stepper/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var Node = require('./Node.js');
+var Root = require('./Root.js');
+
+const Stepper = {
+  Root: Root.Root,
+  Node: Node.Node
+};
+
+exports.Stepper = Stepper;

package/dist/cjs/hooks/useDimensions.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var React = require('react');
+
+const getWindowDimensions = () => {
+  const { innerWidth: width, innerHeight: height } = window;
+  return {
+    width,
+    height
+  };
+};
+const useDimensions = () => {
+  const [windowDimensions, setWindowDimensions] = React.useState(
+    getWindowDimensions()
+  );
+  React.useEffect(() => {
+    function handleResize() {
+      setWindowDimensions(getWindowDimensions());
+    }
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  return windowDimensions;
+};
+
+exports.useDimensions = useDimensions;

package/dist/cjs/index.js

@@ -40,6 +40,7 @@ var TimeFieldInput = require('./components/TimeField/TimeFieldInput.js');
 var Toggle = require('./components/Toggle.js');
 var Tooltip = require('./components/Tooltip.js');
 var index$5 = require('./components/Uploader/index.js');
+var index$6 = require('./components/Stepper/index.js');
 var useCalendar = require('./hooks/useCalendar.js');
 var useCalendarCell = require('./hooks/useCalendarCell.js');
 var useCalendarGrid = require('./hooks/useCalendarGrid.js');
@@ -54,6 +55,7 @@ var useSelectGroupedOptions = require('./hooks/useSelectGroupedOptions.js');
 var useSelectOptions = require('./hooks/useSelectOptions.js');
 var useStringMask = require('./hooks/useStringMask.js');
 var useFileUpload = require('./hooks/useFileUpload.js');
+var useDimensions = require('./hooks/useDimensions.js');
 var SnackbarSonner = require('./service/SnackbarSonner.js');
 var MenubarProvider = require('./provider/MenubarProvider.js');
 var SnackbarProvider = require('./provider/SnackbarProvider.js');
@@ -114,6 +116,7 @@ exports.TimeFieldInput = TimeFieldInput.TimeFieldInput;
 exports.Toggle = Toggle.Toggle;
 exports.Tooltip = Tooltip.Tooltip;
 exports.Uploader = index$5.Uploader;
+exports.Stepper = index$6.Stepper;
 exports.useCalendar = useCalendar.useCalendar;
 exports.useCalendarCell = useCalendarCell.useCalendarCell;
 exports.useCalendarGrid = useCalendarGrid.useCalendarGrid;
@@ -131,6 +134,7 @@ exports.getMask = useStringMask.getMask;
 exports.mergeMask = useStringMask.mergeMask;
 exports.useStringMask = useStringMask.useStringMask;
 exports.useFileUpload = useFileUpload.useFileUpload;
+exports.useDimensions = useDimensions.useDimensions;
 exports.SnackbarSonner = SnackbarSonner.SnackbarSonner;
 exports.MenubarProvider = MenubarProvider.MenubarProvider;
 exports.SnackbarProvider = SnackbarProvider.SnackbarProvider;

package/dist/cjs/styles/menubar.js

@@ -4,9 +4,9 @@ var tailwindVariants = require('tailwind-variants');
 
 const menubar = tailwindVariants.tv({
   slots: {
-    header: "relative w-screen px-kilo py-deca flex flex-row justify-between bg-white z-sidebar",
+    header: "relative w-screen px-kilo py-deca flex flex-row md:justify-between bg-white z-sidebar sm:justify-start",
     left: "flex items-center w-fit",
-    right: "flex items-center gap-x-deca",
+    right: "flex items-center gap-x-deca hidden sm:flex",
     dropdown: "w-full bg-white flex-1 shadow-default z-popover px-[8vw] absolute"
   },
   variants: {

package/dist/cjs/styles/stepNodeVariants.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var tailwindVariants = require('tailwind-variants');
+
+const StepNodeVariants = tailwindVariants.tv({
+  slots: {
+    container: "flex flex-col items-center justify-center text-center w-full max-w-[268px]",
+    content: "flex p-mili text-center w-full text-sub justify-center font-bold cursor-pointer",
+    separator: "h-micro w-full"
+  },
+  variants: {
+    intent: {
+      success: {
+        separator: "bg-success-medium"
+      },
+      warning: {
+        separator: "bg-warning-medium"
+      },
+      error: {
+        separator: "bg-error-medium"
+      }
+    },
+    marked: {
+      true: {
+        content: "font-bold"
+      },
+      false: {
+        content: "text-secondary-medium",
+        separator: "bg-secondary-light"
+      }
+    },
+    selected: {
+      true: {
+        content: "text-primary-medium"
+      }
+    },
+    isFirst: {
+      true: {
+        separator: "rounded-l-lg"
+      }
+    },
+    isLast: {
+      true: {
+        separator: "rounded-r-lg"
+      }
+    },
+    disabled: {
+      true: {
+        container: "opacity-50 cursor-not-allowed",
+        content: "pointer-events-none"
+      }
+    }
+  },
+  defaultVariants: {
+    intent: "success",
+    marked: false,
+    selected: false,
+    disabled: false
+  }
+});
+
+exports.StepNodeVariants = StepNodeVariants;

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

@@ -1,8 +1,17 @@
 import React__default from 'react';
 import Masonry from '../Masonry.js';
+import '@internationalized/date';
+import 'react-aria';
+import 'react-stately';
+import '@floating-ui/react';
+import 'currency.js';
+import 'react-dropzone';
+import 'uuid';
+import { useDimensions } from '../../hooks/useDimensions.js';
 
 const Categories = ({ children }) => {
-  return /* @__PURE__ */ React__default.createElement(Masonry, { columns: 4 }, children);
+  const { width } = useDimensions();
+  return /* @__PURE__ */ React__default.createElement(Masonry, { columns: width <= 640 ? 2 : 4 }, children);
 };
 
 export { Categories as default };

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

@@ -3,7 +3,16 @@ import { menubar } from '../../styles/menubar.js';
 
 const { left } = menubar();
 const Left = ({ children, ...rest }) => {
-  return /* @__PURE__ */ React__default.createElement("div", { className: left(), "data-testid": "header-left-menubar", ...rest }, children);
+  const { className } = rest;
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: left({ className }),
+      "data-testid": "header-left-menubar",
+      ...rest
+    },
+    children
+  );
 };
 
 export { Left as default };

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

@@ -1,8 +1,18 @@
 import React__default from 'react';
 import { mostUsed } from '../../styles/menubar.js';
+import '@internationalized/date';
+import 'react-aria';
+import 'react-stately';
+import '@floating-ui/react';
+import 'currency.js';
+import 'react-dropzone';
+import 'uuid';
+import { useDimensions } from '../../hooks/useDimensions.js';
 
 const { container, label: labelClass, containerList } = mostUsed();
 const MostUsed = ({ label, children, ...rest }) => {
+  const { width } = useDimensions();
+  if (width <= 640) return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
   return /* @__PURE__ */ React__default.createElement("div", { className: container(), "data-testid": "most-used-menubar", ...rest }, /* @__PURE__ */ React__default.createElement("p", { className: labelClass() }, label), /* @__PURE__ */ React__default.createElement("div", { className: containerList() }, children));
 };
 

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

@@ -3,7 +3,16 @@ import { menubar } from '../../styles/menubar.js';
 
 const { right } = menubar();
 const Right = ({ children, ...rest }) => {
-  return /* @__PURE__ */ React__default.createElement("div", { className: right(), "data-testid": "header-right-menubar", ...rest }, children);
+  const { className } = rest;
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: right({ className }),
+      "data-testid": "header-right-menubar",
+      ...rest
+    },
+    children
+  );
 };
 
 export { Right as default };

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

@@ -15,11 +15,12 @@ import { useMenubar } from '../../provider/useMenubar.js';
 
 const Search = (props) => {
   const [show] = useMenubar();
+  const { className } = props;
   return /* @__PURE__ */ React__default.createElement(
     Input.Search,
     {
       ...props,
-      className: clsx("mr-tera flex-1", animate({ show }))
+      className: clsx("flex-1", animate({ show }), className)
     }
   );
 };

package/dist/esm/components/Stepper/Node.js

@@ -0,0 +1,26 @@
+import React__default from 'react';
+import { StepNodeVariants } from '../../styles/stepNodeVariants.js';
+
+const Node = ({
+  marked = false,
+  intent = "success",
+  isFirst = false,
+  isLast = false,
+  segmented = false,
+  selected = false,
+  children,
+  className,
+  ...rest
+}) => {
+  const { container, content, separator } = StepNodeVariants({
+    intent,
+    marked,
+    isFirst,
+    isLast,
+    selected,
+    disabled: rest.disabled
+  });
+  return /* @__PURE__ */ React__default.createElement("button", { type: "button", className: container({ className }), ...rest }, /* @__PURE__ */ React__default.createElement("div", { className: content() }, children), segmented ? /* @__PURE__ */ React__default.createElement("div", { className: separator() }) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null));
+};
+
+export { Node };

package/dist/esm/components/Stepper/Root.js

@@ -0,0 +1,34 @@
+import React__default, { useState, useMemo, useCallback } from 'react';
+import { Node } from './Node.js';
+
+const Root = ({ segmented = false, children }) => {
+  const [selectedNode, setSelectedNode] = useState(null);
+  const childrenCount = useMemo(
+    () => React__default.Children.count(children),
+    [children]
+  );
+  const handleNodeClick = useCallback((index, onClick) => {
+    setSelectedNode(index);
+    if (onClick) {
+      onClick();
+    }
+  }, []);
+  const renderNode = useMemo(
+    () => (child, index) => {
+      if (React__default.isValidElement(child) && child.type === Node) {
+        return React__default.cloneElement(child, {
+          isFirst: index === 0,
+          isLast: index === childrenCount - 1,
+          selected: selectedNode === index,
+          segmented,
+          onClick: () => handleNodeClick(index, child.props.onClick)
+        });
+      }
+      return null;
+    },
+    [childrenCount, selectedNode, segmented]
+  );
+  return /* @__PURE__ */ React__default.createElement("div", { className: "flex w-full space-x-2 bg-white p-4 pb-2 rounded-mili" }, React__default.Children.map(children, renderNode));
+};
+
+export { Root };

package/dist/esm/components/Stepper/index.js

@@ -0,0 +1,9 @@
+import { Node } from './Node.js';
+import { Root } from './Root.js';
+
+const Stepper = {
+  Root,
+  Node
+};
+
+export { Stepper };

package/dist/esm/hooks/useDimensions.js

@@ -0,0 +1,24 @@
+import { useState, useEffect } from 'react';
+
+const getWindowDimensions = () => {
+  const { innerWidth: width, innerHeight: height } = window;
+  return {
+    width,
+    height
+  };
+};
+const useDimensions = () => {
+  const [windowDimensions, setWindowDimensions] = useState(
+    getWindowDimensions()
+  );
+  useEffect(() => {
+    function handleResize() {
+      setWindowDimensions(getWindowDimensions());
+    }
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  return windowDimensions;
+};
+
+export { useDimensions };

package/dist/esm/index.js

@@ -38,6 +38,7 @@ export { TimeFieldInput } from './components/TimeField/TimeFieldInput.js';
 export { Toggle } from './components/Toggle.js';
 export { Tooltip } from './components/Tooltip.js';
 export { Uploader } from './components/Uploader/index.js';
+export { Stepper } from './components/Stepper/index.js';
 export { useCalendar } from './hooks/useCalendar.js';
 export { useCalendarCell } from './hooks/useCalendarCell.js';
 export { useCalendarGrid } from './hooks/useCalendarGrid.js';
@@ -52,6 +53,7 @@ export { useSelectGroupedOptions } from './hooks/useSelectGroupedOptions.js';
 export { useSelectOptions } from './hooks/useSelectOptions.js';
 export { getMask, mergeMask, useStringMask } from './hooks/useStringMask.js';
 export { useFileUpload } from './hooks/useFileUpload.js';
+export { useDimensions } from './hooks/useDimensions.js';
 export { SnackbarSonner } from './service/SnackbarSonner.js';
 export { MenubarProvider } from './provider/MenubarProvider.js';
 export { SnackbarProvider, useSnackbar } from './provider/SnackbarProvider.js';

package/dist/esm/styles/menubar.js

@@ -2,9 +2,9 @@ import { tv } from 'tailwind-variants';
 
 const menubar = tv({
   slots: {
-    header: "relative w-screen px-kilo py-deca flex flex-row justify-between bg-white z-sidebar",
+    header: "relative w-screen px-kilo py-deca flex flex-row md:justify-between bg-white z-sidebar sm:justify-start",
     left: "flex items-center w-fit",
-    right: "flex items-center gap-x-deca",
+    right: "flex items-center gap-x-deca hidden sm:flex",
     dropdown: "w-full bg-white flex-1 shadow-default z-popover px-[8vw] absolute"
   },
   variants: {

package/dist/esm/styles/stepNodeVariants.js

@@ -0,0 +1,60 @@
+import { tv } from 'tailwind-variants';
+
+const StepNodeVariants = tv({
+  slots: {
+    container: "flex flex-col items-center justify-center text-center w-full max-w-[268px]",
+    content: "flex p-mili text-center w-full text-sub justify-center font-bold cursor-pointer",
+    separator: "h-micro w-full"
+  },
+  variants: {
+    intent: {
+      success: {
+        separator: "bg-success-medium"
+      },
+      warning: {
+        separator: "bg-warning-medium"
+      },
+      error: {
+        separator: "bg-error-medium"
+      }
+    },
+    marked: {
+      true: {
+        content: "font-bold"
+      },
+      false: {
+        content: "text-secondary-medium",
+        separator: "bg-secondary-light"
+      }
+    },
+    selected: {
+      true: {
+        content: "text-primary-medium"
+      }
+    },
+    isFirst: {
+      true: {
+        separator: "rounded-l-lg"
+      }
+    },
+    isLast: {
+      true: {
+        separator: "rounded-r-lg"
+      }
+    },
+    disabled: {
+      true: {
+        container: "opacity-50 cursor-not-allowed",
+        content: "pointer-events-none"
+      }
+    }
+  },
+  defaultVariants: {
+    intent: "success",
+    marked: false,
+    selected: false,
+    disabled: false
+  }
+});
+
+export { StepNodeVariants };

package/dist/types/components/Stepper/Node.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface StepNodeProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
+    marked?: boolean;
+    intent?: 'success' | 'warning' | 'error';
+    isFirst?: boolean;
+    isLast?: boolean;
+    segmented?: boolean;
+    selected?: boolean;
+    children: React.ReactNode;
+}
+export declare const Node: ({ marked, intent, isFirst, isLast, segmented, selected, children, className, ...rest }: StepNodeProps) => JSX.Element;

package/dist/types/components/Stepper/Root.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface StepRootProps {
+    segmented?: boolean;
+    children: React.ReactNode;
+}
+export declare const Root: ({ segmented, children }: StepRootProps) => JSX.Element;

package/dist/types/components/Stepper/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Stepper: {
+    Root: ({ segmented, children }: import("./Root").StepRootProps) => JSX.Element;
+    Node: ({ marked, intent, isFirst, isLast, segmented, selected, children, className, ...rest }: import("./Node").StepNodeProps) => JSX.Element;
+};

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

@@ -30,3 +30,4 @@ export * from './TimeField';
 export * from './Toggle';
 export * from './Tooltip';
 export * from './Uploader';
+export * from './Stepper';

package/dist/types/hooks/index.d.ts

@@ -12,3 +12,4 @@ export * from './useSelectGroupedOptions';
 export * from './useSelectOptions';
 export * from './useStringMask';
 export * from './useFileUpload';
+export * from './useDimensions';

package/dist/types/hooks/useDimensions.d.ts

@@ -0,0 +1,4 @@
+export declare const useDimensions: () => {
+    width: number;
+    height: number;
+};

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

@@ -0,0 +1,307 @@
+export declare const StepNodeVariants: import("tailwind-variants").TVReturnType<{
+    intent: {
+        success: {
+            separator: string;
+        };
+        warning: {
+            separator: string;
+        };
+        error: {
+            separator: string;
+        };
+    };
+    marked: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+            separator: string;
+        };
+    };
+    selected: {
+        true: {
+            content: string;
+        };
+    };
+    isFirst: {
+        true: {
+            separator: string;
+        };
+    };
+    isLast: {
+        true: {
+            separator: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+            content: string;
+        };
+    };
+}, {
+    container: string;
+    content: string;
+    separator: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    intent: {
+        success: {
+            separator: string;
+        };
+        warning: {
+            separator: string;
+        };
+        error: {
+            separator: string;
+        };
+    };
+    marked: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+            separator: string;
+        };
+    };
+    selected: {
+        true: {
+            content: string;
+        };
+    };
+    isFirst: {
+        true: {
+            separator: string;
+        };
+    };
+    isLast: {
+        true: {
+            separator: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+            content: string;
+        };
+    };
+}, {
+    intent: {
+        success: {
+            separator: string;
+        };
+        warning: {
+            separator: string;
+        };
+        error: {
+            separator: string;
+        };
+    };
+    marked: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+            separator: string;
+        };
+    };
+    selected: {
+        true: {
+            content: string;
+        };
+    };
+    isFirst: {
+        true: {
+            separator: string;
+        };
+    };
+    isLast: {
+        true: {
+            separator: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+            content: string;
+        };
+    };
+}>, {
+    intent: {
+        success: {
+            separator: string;
+        };
+        warning: {
+            separator: string;
+        };
+        error: {
+            separator: string;
+        };
+    };
+    marked: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+            separator: string;
+        };
+    };
+    selected: {
+        true: {
+            content: string;
+        };
+    };
+    isFirst: {
+        true: {
+            separator: string;
+        };
+    };
+    isLast: {
+        true: {
+            separator: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+            content: string;
+        };
+    };
+}, {
+    container: string;
+    content: string;
+    separator: string;
+}, import("tailwind-variants").TVReturnType<{
+    intent: {
+        success: {
+            separator: string;
+        };
+        warning: {
+            separator: string;
+        };
+        error: {
+            separator: string;
+        };
+    };
+    marked: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+            separator: string;
+        };
+    };
+    selected: {
+        true: {
+            content: string;
+        };
+    };
+    isFirst: {
+        true: {
+            separator: string;
+        };
+    };
+    isLast: {
+        true: {
+            separator: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+            content: string;
+        };
+    };
+}, {
+    container: string;
+    content: string;
+    separator: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    intent: {
+        success: {
+            separator: string;
+        };
+        warning: {
+            separator: string;
+        };
+        error: {
+            separator: string;
+        };
+    };
+    marked: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+            separator: string;
+        };
+    };
+    selected: {
+        true: {
+            content: string;
+        };
+    };
+    isFirst: {
+        true: {
+            separator: string;
+        };
+    };
+    isLast: {
+        true: {
+            separator: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+            content: string;
+        };
+    };
+}, {
+    intent: {
+        success: {
+            separator: string;
+        };
+        warning: {
+            separator: string;
+        };
+        error: {
+            separator: string;
+        };
+    };
+    marked: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+            separator: string;
+        };
+    };
+    selected: {
+        true: {
+            content: string;
+        };
+    };
+    isFirst: {
+        true: {
+            separator: string;
+        };
+    };
+    isLast: {
+        true: {
+            separator: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+            content: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.7.6",
+  "version": "1.8.0-beta.1",
   "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.2",
+    "@tecsinapse/cortex-core": "0.4.3-beta.3",
     "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": "47608580c72ce679a690ab44f7cc33c916f26df8"
+  "gitHead": "fcbe14c0bbcc8bab1309deec184ae3d90163f674"
 }