@tecsinapse/cortex-react 1.3.0-beta.3 → 1.3.0-beta.31

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

@@ -0,0 +1,350 @@
+export declare const menubar: import("tailwind-variants").TVReturnType<{
+    show: {
+        true: {
+            dropdown: string;
+            false: string;
+        };
+    };
+}, {
+    header: string;
+    left: string;
+    right: string;
+    dropdown: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    show: {
+        true: {
+            dropdown: string;
+            false: string;
+        };
+    };
+}, {
+    show: {
+        true: {
+            dropdown: string;
+            false: string;
+        };
+    };
+}>, {
+    show: {
+        true: {
+            dropdown: string;
+            false: string;
+        };
+    };
+}, {
+    header: string;
+    left: string;
+    right: string;
+    dropdown: string;
+}, import("tailwind-variants").TVReturnType<{
+    show: {
+        true: {
+            dropdown: string;
+            false: string;
+        };
+    };
+}, {
+    header: string;
+    left: string;
+    right: string;
+    dropdown: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    show: {
+        true: {
+            dropdown: string;
+            false: string;
+        };
+    };
+}, {
+    show: {
+        true: {
+            dropdown: string;
+            false: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+export declare const mostUsed: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            label?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            containerList?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            label?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            containerList?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string;
+    label: string;
+    containerList: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            label?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            containerList?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            label?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            containerList?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string;
+    label: string;
+    containerList: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    container: string;
+    label: string;
+    containerList: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            label?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            containerList?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export declare const mostUsedItem: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            title?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            category?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            title?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            category?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string;
+    title: string;
+    category: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            title?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            category?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            title?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            category?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string;
+    title: string;
+    category: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    container: string;
+    title: string;
+    category: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            title?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            category?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+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;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            text?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            icon?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string;
+    text: 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;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            text?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            icon?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string;
+    text: string;
+    icon: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    container: string;
+    text: 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;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export declare const category: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            hr?: import("tailwind-merge").ClassNameValue;
+            text?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            hr?: import("tailwind-merge").ClassNameValue;
+            text?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    text: string;
+    hr: string;
+    container: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            hr?: import("tailwind-merge").ClassNameValue;
+            text?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            hr?: import("tailwind-merge").ClassNameValue;
+            text?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    text: string;
+    hr: string;
+    container: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    text: string;
+    hr: string;
+    container: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            hr?: import("tailwind-merge").ClassNameValue;
+            text?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export declare const subItem: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            container?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            container?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            container?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            container?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    container: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            container?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export declare const animate: import("tailwind-variants").TVReturnType<{
+    show: {
+        true: string;
+        false: string;
+    };
+}, undefined, "transition-all ease-in-out duration-250", import("tailwind-variants/dist/config").TVConfig<{
+    show: {
+        true: string;
+        false: string;
+    };
+}, {
+    show: {
+        true: string;
+        false: string;
+    };
+}>, {
+    show: {
+        true: string;
+        false: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    show: {
+        true: string;
+        false: string;
+    };
+}, undefined, "transition-all ease-in-out duration-250", import("tailwind-variants/dist/config").TVConfig<{
+    show: {
+        true: string;
+        false: string;
+    };
+}, {
+    show: {
+        true: string;
+        false: string;
+    };
+}>, unknown, unknown, undefined>>;

package/dist/types/tests/Divider.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Input/Mask.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/Menubar/Categories.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Menubar/Category.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Menubar/Dropdown.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Menubar/DropdownRoot.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Menubar/Header.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Menubar/HeaderLeft.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Menubar/HeaderRigth.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Menubar/Item.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Menubar/MostUsed.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Menubar/MostUsedItem.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Menubar/MostUsedList.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Menubar/Root.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Menubar/SubItem.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/RadioButton.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.3.0-beta.3",
+  "version": "1.3.0-beta.31",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -20,10 +20,11 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.18",
     "@internationalized/date": "*",
-    "@tecsinapse/cortex-core": "0.3.0-beta.1",
+    "@tecsinapse/cortex-core": "0.3.0-beta.14",
     "clsx": "*",
     "react-aria": "^3.33.1",
     "react-icons": "^5.2.1",
+    "react-imask": "7.6.1",
     "react-stately": "^3.31.1",
     "sonner": "^1.5.0",
     "tailwind-merge": "*"
@@ -42,5 +43,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "6cfddfd6db49be4dcf6dc53f192e659566bce3b3"
+  "gitHead": "cac77d615452fa145511f48fe32c76d4e10f79b1"
 }

package/dist/cjs/components/DatePickerInput.js

@@ -1,49 +0,0 @@
-'use strict';
-
-var React = require('react');
-require('@internationalized/date');
-require('react-aria');
-require('react-stately');
-var utils = require('./utils.js');
-var useDatePickerInput = require('../hooks/useDatePickerInput.js');
-require('@floating-ui/react');
-var Calendar = require('./Calendar.js');
-var DateField = require('./DateField.js');
-var DatePickerInputBase = require('./DatePickerInputBase.js');
-
-const DatePickerInput = (props) => {
-  const { onChange, value, label, variants } = props;
-  const { fieldProps, state, ref } = useDatePickerInput.useDatePickerInput({ value, onChange });
-  return /* @__PURE__ */ React.createElement("div", { "data-testid": "date-picker-input" }, /* @__PURE__ */ React.createElement(
-    DatePickerInputBase.DatePickerInputBase,
-    {
-      onClickCalendar: () => state.isOpen ? state.close() : state.open(),
-      variants: {
-        ...variants,
-        intent: state.isInvalid ? "error" : variants?.intent
-      },
-      label
-    },
-    /* @__PURE__ */ React.createElement("div", { ref }, /* @__PURE__ */ React.createElement(
-      DateField.DateField,
-      {
-        ...fieldProps,
-        onChange: (value2) => {
-          state.setDateValue(value2);
-          state.close();
-        }
-      }
-    ))
-  ), state.isOpen ? /* @__PURE__ */ React.createElement("div", { className: "absolute" }, /* @__PURE__ */ React.createElement(
-    Calendar.Calendar,
-    {
-      value,
-      onChange: (value2) => {
-        state.setDateValue(utils.dateToCalendarDate(value2));
-        state.close();
-      }
-    }
-  )) : /* @__PURE__ */ React.createElement(React.Fragment, null));
-};
-
-exports.DatePickerInput = DatePickerInput;

package/dist/cjs/components/Popover/Popover.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var PopoverRoot = require('./PopoverRoot.js');
-var PopoverTrigger = require('./PopoverTrigger.js');
-var PopoverContent = require('./PopoverContent.js');
-
-const Popover = {
-  Root: PopoverRoot,
-  Trigger: PopoverTrigger,
-  Content: PopoverContent
-};
-
-exports.Popover = Popover;

package/dist/cjs/components/Popover/PopoverContext.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-require('@internationalized/date');
-require('react-aria');
-require('react-stately');
-var useFloatingLogic = require('../../hooks/useFloatingLogic.js');
-
-const PopoverContext = React.createContext(
-  void 0
-);
-const usePopoverContext = () => {
-  const context = React.useContext(PopoverContext);
-  if (!context) {
-    throw new Error("usePopoverContext must be used within a PopoverProvider");
-  }
-  return context;
-};
-const PopoverProvider = ({
-  children,
-  placement,
-  trigger
-}) => {
-  const floatingLogic = useFloatingLogic.useFloatingLogic({ placement, trigger });
-  return /* @__PURE__ */ React.createElement(PopoverContext.Provider, { value: { ...floatingLogic } }, children);
-};
-
-exports.PopoverProvider = PopoverProvider;
-exports.usePopoverContext = usePopoverContext;

package/dist/cjs/components/Popover/PopoverRoot.js

@@ -1,10 +0,0 @@
-'use strict';
-
-var React = require('react');
-var PopoverContext = require('./PopoverContext.js');
-
-const PopoverRoot = ({ children, placement, trigger }) => {
-  return /* @__PURE__ */ React.createElement(PopoverContext.PopoverProvider, { placement, trigger }, children);
-};
-
-module.exports = PopoverRoot;

package/dist/cjs/components/Popover/PopoverTrigger.js

@@ -1,11 +0,0 @@
-'use strict';
-
-var React = require('react');
-var PopoverContext = require('./PopoverContext.js');
-
-const PopoverTrigger = ({ children }) => {
-  const { triggerProps } = PopoverContext.usePopoverContext();
-  return React.cloneElement(children, triggerProps);
-};
-
-module.exports = PopoverTrigger;

package/dist/cjs/components/TextArea.js

@@ -1,83 +0,0 @@
-'use strict';
-
-var React = require('react');
-var cortexCore = require('@tecsinapse/cortex-core');
-var clsx = require('clsx');
-
-const getValidChildren = (children) => {
-  return React.Children.toArray(children).filter(
-    (el) => React.isValidElement(el)
-  );
-};
-const Box = React.forwardRef(
-  ({ id, name, variants, label, placeholder, rows, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col" }, /* @__PURE__ */ React.createElement(
-      "textarea",
-      {
-        "data-testid": "textarea-box",
-        ref,
-        id: id ?? name,
-        name,
-        placeholder: placeholder ?? " ",
-        className: clsx.clsx(
-          cortexCore.inputBox(placeholder, label, className),
-          "resize-none mt-mili"
-        ),
-        rows,
-        ...rest
-      }
-    ), /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        htmlFor: id ?? name,
-        className: cortexCore.labelStyle({
-          intent: variants?.intent,
-          placeholder
-        })
-      },
-      label
-    ));
-  }
-);
-const Face = React.forwardRef(
-  ({ children, variants, className, ...rest }, ref) => {
-    const clones = getValidChildren(children).map((el) => {
-      return React.cloneElement(el, { ...el.props, variants });
-    });
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref,
-        className: clsx.clsx(cortexCore.input(variants), className),
-        "data-testid": "textarea-face",
-        id: "textarea-face",
-        ...rest
-      },
-      clones
-    );
-  }
-);
-const Root = React.forwardRef(
-  ({ variants, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement(Face, { variants, className }, /* @__PURE__ */ React.createElement(Box, { ref, ...rest }));
-  }
-);
-const Left = React.forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx.clsx(className, "mr-2.5"), ...rest, ref }, children);
-  }
-);
-const Right = React.forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx.clsx(className, "ml-2.5"), ...rest, ref }, children);
-  }
-);
-const TextArea = {
-  Root,
-  Face,
-  Box,
-  Left,
-  Right
-};
-
-exports.TextArea = TextArea;

package/dist/esm/components/BaseSnackbar.js

@@ -1,11 +0,0 @@
-import React, { forwardRef } from 'react';
-import { snackbar } from '@tecsinapse/cortex-core';
-
-const BaseSnackbar = forwardRef(
-  (props, ref) => {
-    const { children, show, variants } = props;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, show ? /* @__PURE__ */ React.createElement("div", { className: snackbar(variants), ref, "data-testid": "snackbar" }, children) : /* @__PURE__ */ React.createElement(React.Fragment, null));
-  }
-);
-
-export { BaseSnackbar };

package/dist/esm/components/CalendarGrid.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import '@internationalized/date';
-import 'react-aria';
-import 'react-stately';
-import { useCalendarGrid } from '../hooks/useCalendarGrid.js';
-import '@floating-ui/react';
-import { CalendarGridBodyRows } from './CalendarGridBodyRows.js';
-import { CalendarGridHeaderRow } from './CalendarGridHeaderRow.js';
-
-const CalendarGrid = ({ state }) => {
-  const { gridProps, headerProps, weekDays } = useCalendarGrid({ state });
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: "bg-white rounded-micro px-deca py-mili",
-      "data-testid": "calendar-grid"
-    },
-    /* @__PURE__ */ React.createElement("table", { ...gridProps, className: "border-separate border-spacing-y-nano" }, /* @__PURE__ */ React.createElement("thead", { ...headerProps }, /* @__PURE__ */ React.createElement(CalendarGridHeaderRow, { weekDays })), /* @__PURE__ */ React.createElement("tbody", null, /* @__PURE__ */ React.createElement(CalendarGridBodyRows, { state })))
-  );
-};
-
-export { CalendarGrid };

package/dist/esm/components/CalendarGridBodyRows.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import { CalendarCell } from './CalendarCell.js';
-
-const CalendarGridBodyRows = ({ state }) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, [...new Array(6).keys()].map((weekIndex) => /* @__PURE__ */ React.createElement("tr", { key: weekIndex, className: "shadow-0 px-deca" }, state.getDatesInWeek(weekIndex).map((date, i) => {
-    return date ? /* @__PURE__ */ React.createElement(CalendarCell, { key: i, state, date }) : /* @__PURE__ */ React.createElement("td", { key: i });
-  }))));
-};
-
-export { CalendarGridBodyRows };