@tecsinapse/cortex-react 1.3.0-beta.1 → 1.3.0-beta.10

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

@@ -0,0 +1,46 @@
+import { RefObject } from 'react';
+import { Placement } from '@floating-ui/react';
+interface FloatingLogicProps {
+    placement?: Placement;
+    trigger?: 'hover' | 'click';
+    arrowRef?: RefObject<SVGSVGElement>;
+}
+export declare const useFloatingLogic: ({ placement, trigger, arrowRef, }: FloatingLogicProps) => {
+    isOpen: boolean;
+    setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    x: number;
+    y: number;
+    strategy: import("@floating-ui/utils").Strategy;
+    refs: {
+        reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: import("react").MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    context: {
+        placement: Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        x: number;
+        y: number;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: import("react").CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    floatingStyles: import("react").CSSProperties;
+    triggerProps: {
+        onClick?: (() => void) | undefined;
+        onMouseEnter?: (() => void) | undefined;
+        onMouseLeave?: (() => void) | undefined;
+        ref: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
+    };
+};
+export {};

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

@@ -0,0 +1,7 @@
+import { MutableRefObject } from 'react';
+interface useOutsideClickListenerProps {
+    ref: MutableRefObject<any>;
+    onClickOutside?: () => void;
+}
+export declare const useOutsideClickListener: ({ ref, onClickOutside, }: useOutsideClickListenerProps) => void;
+export {};

package/dist/types/provider/MenubarProvider.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export declare const MenubarProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const useMenubar: () => [
+    show: boolean,
+    setShow: (show: boolean) => void
+];

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

@@ -0,0 +1,2 @@
+export * from './MenubarProvider';
+export * from './SnackbarProvider';

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

@@ -0,0 +1,346 @@
+export declare const menubar: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            right?: import("tailwind-merge").ClassNameValue;
+            left?: import("tailwind-merge").ClassNameValue;
+            root?: import("tailwind-merge").ClassNameValue;
+            dropdown?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            right?: import("tailwind-merge").ClassNameValue;
+            left?: import("tailwind-merge").ClassNameValue;
+            root?: import("tailwind-merge").ClassNameValue;
+            dropdown?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    left: string;
+    right: string;
+    dropdown: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            right?: import("tailwind-merge").ClassNameValue;
+            left?: import("tailwind-merge").ClassNameValue;
+            root?: import("tailwind-merge").ClassNameValue;
+            dropdown?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            right?: import("tailwind-merge").ClassNameValue;
+            left?: import("tailwind-merge").ClassNameValue;
+            root?: import("tailwind-merge").ClassNameValue;
+            dropdown?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    left: string;
+    right: string;
+    dropdown: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    root: string;
+    left: string;
+    right: string;
+    dropdown: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            right?: import("tailwind-merge").ClassNameValue;
+            left?: import("tailwind-merge").ClassNameValue;
+            root?: import("tailwind-merge").ClassNameValue;
+            dropdown?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, 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/Input/Face.test.d.ts

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

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

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

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

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

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

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

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

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

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/Popover.test.d.ts

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.3.0-beta.1",
+  "version": "1.3.0-beta.10",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -18,12 +18,15 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@tecsinapse/cortex-core": "0.2.2-beta.2",
+    "@floating-ui/react": "^0.26.18",
+    "@internationalized/date": "*",
+    "@tecsinapse/cortex-core": "0.3.0-beta.4",
     "clsx": "*",
     "react-aria": "^3.33.1",
     "react-icons": "^5.2.1",
     "react-stately": "^3.31.1",
-    "sonner": "^1.5.0"
+    "sonner": "^1.5.0",
+    "tailwind-merge": "*"
   },
   "repository": {
     "type": "git",
@@ -39,5 +42,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "db686bfbca61f00d03a355fbb00cfa88646b68ed"
+  "gitHead": "1474ff5567adf5659cc49acefa0a4b90956dccb9"
 }

package/dist/cjs/components/Input.js

@@ -1,81 +0,0 @@
-'use strict';
-
-var cortexCore = require('@tecsinapse/cortex-core');
-var clsx = require('clsx');
-var React = require('react');
-
-const getValidChildren = (children) => {
-  return React.Children.toArray(children).filter(
-    (el) => React.isValidElement(el)
-  );
-};
-const Box = React.forwardRef(
-  ({ id, name, variants, label, placeholder, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col" }, /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        id: id ?? name,
-        name,
-        placeholder: placeholder ?? " ",
-        className: clsx.clsx(cortexCore.inputBox(placeholder, label, className)),
-        ...rest,
-        ref,
-        "data-testid": "input-input"
-      }
-    ), /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        htmlFor: id ?? name,
-        className: cortexCore.labelStyle({ intent: variants?.intent, placeholder }),
-        "data-testid": "input-label"
-      },
-      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",
-      {
-        ...rest,
-        className: clsx.clsx(cortexCore.input(variants), className),
-        id: "input-face",
-        ref
-      },
-      clones
-    );
-  }
-);
-const Root = React.forwardRef(
-  ({ variants, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement(Face, { variants, className }, /* @__PURE__ */ React.createElement(Box, { ...rest, ref }));
-  }
-);
-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 Input = {
-  Root,
-  Face,
-  Box,
-  Left,
-  Right
-};
-
-exports.Box = Box;
-exports.Face = Face;
-exports.Input = Input;
-exports.Left = Left;
-exports.Right = Right;
-exports.Root = Root;