@integration-app/react 2.0.3-beta.1 → 2.0.3-beta.2

package/dist/types/styled-system/types/prop-type.d.ts

@@ -199,7 +199,7 @@ export interface UtilityValues {
 	srOnly: boolean;
 	debug: boolean;
 	containerName: CssProperties["containerName"];
-	colorPalette: "current" | "black" | "white" | "transparent" | "amber" | "amber.light" | "amber.dark" | "blue" | "blue.light" | "blue.dark" | "bronze" | "bronze.light" | "bronze.dark" | "brown" | "brown.light" | "brown.dark" | "crimson" | "crimson.light" | "crimson.dark" | "cyan" | "cyan.light" | "cyan.dark" | "gold" | "gold.light" | "gold.dark" | "grass" | "grass.light" | "grass.dark" | "gray" | "gray.light" | "gray.dark" | "green" | "green.light" | "green.dark" | "indigo" | "indigo.light" | "indigo.dark" | "iris" | "iris.light" | "iris.dark" | "jade" | "jade.light" | "jade.dark" | "lime" | "lime.light" | "lime.dark" | "mauve" | "mauve.light" | "mauve.dark" | "mint" | "mint.light" | "mint.dark" | "olive" | "olive.light" | "olive.dark" | "orange" | "orange.light" | "orange.dark" | "pink" | "pink.light" | "pink.dark" | "plum" | "plum.light" | "plum.dark" | "purple" | "purple.light" | "purple.dark" | "red" | "red.light" | "red.dark" | "ruby" | "ruby.light" | "ruby.dark" | "sage" | "sage.light" | "sage.dark" | "sand" | "sand.light" | "sand.dark" | "sky" | "sky.light" | "sky.dark" | "slate" | "slate.light" | "slate.dark" | "teal" | "teal.light" | "teal.dark" | "tomato" | "tomato.light" | "tomato.dark" | "violet" | "violet.light" | "violet.dark" | "yellow" | "yellow.light" | "yellow.dark" | "neutral" | "neutral.light" | "neutral.dark" | "accent" | "bg" | "fg" | "border";
+	colorPalette: "current" | "black" | "white" | "transparent" | "amber" | "amber.light" | "amber.dark" | "blue" | "blue.light" | "blue.dark" | "bronze" | "bronze.light" | "bronze.dark" | "brown" | "brown.light" | "brown.dark" | "crimson" | "crimson.light" | "crimson.dark" | "cyan" | "cyan.light" | "cyan.dark" | "gold" | "gold.light" | "gold.dark" | "grass" | "grass.light" | "grass.dark" | "gray" | "gray.light" | "gray.dark" | "green" | "green.light" | "green.dark" | "indigo" | "indigo.light" | "indigo.dark" | "iris" | "iris.light" | "iris.dark" | "jade" | "jade.light" | "jade.dark" | "lime" | "lime.light" | "lime.dark" | "mauve" | "mauve.light" | "mauve.dark" | "mint" | "mint.light" | "mint.dark" | "olive" | "olive.light" | "olive.dark" | "orange" | "orange.light" | "orange.dark" | "pink" | "pink.light" | "pink.dark" | "plum" | "plum.light" | "plum.dark" | "purple" | "purple.light" | "purple.dark" | "red" | "red.light" | "red.dark" | "ruby" | "ruby.light" | "ruby.dark" | "sage" | "sage.light" | "sage.dark" | "sand" | "sand.light" | "sand.dark" | "sky" | "sky.light" | "sky.dark" | "slate" | "slate.light" | "slate.dark" | "teal" | "teal.light" | "teal.dark" | "tomato" | "tomato.light" | "tomato.dark" | "violet" | "violet.light" | "violet.dark" | "yellow" | "yellow.light" | "yellow.dark" | "neutral" | "neutral.light" | "neutral.dark" | "surface" | "touchable" | "accent" | "bg" | "fg" | "border";
 	textStyle: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl";
 }
 

package/dist/types/typed.d.ts

@@ -0,0 +1,7 @@
+declare module '*.module.css' {
+  const key: string;
+  const css: string;
+  const styles: { [key: string]: string };
+  export { key, css }
+  export default styles;
+}

package/dist/types/ui-kit/avatar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as StyledAvatar from './styled/avatar';
 export interface AvatarProps extends StyledAvatar.RootProps {
     name?: string;

package/dist/types/ui-kit/button.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type ButtonProps as StyledButtonProps } from './styled/button';
 interface ButtonLoadingProps {
     loading?: boolean;

package/dist/types/ui-kit/menu.d.ts

@@ -0,0 +1 @@
+export * as Menu from './styled/menu';

package/dist/types/ui-kit/popover.d.ts

@@ -0,0 +1 @@
+export * as Popover from './styled/popover';

package/dist/types/ui-kit/spinner.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type SpinnerProps as StyledSpinnerProps } from './styled/spinner';
 export interface SpinnerProps extends StyledSpinnerProps {
     label?: string;

package/dist/types/ui-kit/styled/avatar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Assign } from '@ark-ui/react';
 import { Avatar } from '@ark-ui/react/avatar';
 import { type AvatarVariantProps } from '../../styled-system/recipes';

package/dist/types/ui-kit/styled/button.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentProps } from '../../styled-system/types';
 export type ButtonProps = ComponentProps<typeof Button>;
 export declare const Button: import("../../styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

package/dist/types/ui-kit/styled/icon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentProps } from '../../styled-system/types';
 export type IconProps = ComponentProps<typeof Icon>;
 export declare const Icon: import("../../styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {

package/dist/types/ui-kit/styled/menu.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import type { Assign } from '@ark-ui/react';
+import { Menu } from '@ark-ui/react';
+import { type MenuVariantProps } from '../../styled-system/recipes';
+import type { ComponentProps, HTMLStyledProps } from '../../styled-system/types';
+export type RootProviderProps = ComponentProps<typeof RootProvider>;
+export declare const RootProvider: (props: Assign<Menu.RootProviderProps, MenuVariantProps>) => import("react/jsx-runtime").JSX.Element;
+export type RootProps = ComponentProps<typeof Root>;
+export declare const Root: (props: Assign<Menu.RootProps, MenuVariantProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Arrow: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Menu.ArrowBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ArrowTip: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Menu.ArrowTipBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CheckboxItem: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Menu.CheckboxItemBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Content: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Menu.ContentBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextTrigger: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"button">, Menu.ContextTriggerBaseProps>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Indicator: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Menu.IndicatorBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ItemGroupLabel: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Menu.ItemGroupLabelBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ItemGroup: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Menu.ItemGroupBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ItemIndicator: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Menu.ItemIndicatorBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Item: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Menu.ItemBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ItemText: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Menu.ItemTextBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Positioner: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Menu.PositionerBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const RadioItemGroup: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Menu.RadioItemGroupBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const RadioItem: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Menu.RadioItemBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Separator: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"hr">, Menu.SeparatorBaseProps>, "ref"> & import("react").RefAttributes<HTMLHRElement>>;
+export declare const TriggerItem: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Menu.TriggerItemBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Trigger: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"button">, Menu.TriggerBaseProps>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export { MenuContext as Context } from '@ark-ui/react/menu';

package/dist/types/ui-kit/styled/popover.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { Assign } from '@ark-ui/react';
+import { Popover } from '@ark-ui/react/popover';
+import { type PopoverVariantProps } from '../../styled-system/recipes';
+import type { ComponentProps, HTMLStyledProps } from '../../styled-system/types';
+export type RootProviderProps = ComponentProps<typeof RootProvider>;
+export declare const RootProvider: (props: Assign<Popover.RootProviderProps, PopoverVariantProps>) => import("react/jsx-runtime").JSX.Element;
+export type RootProps = ComponentProps<typeof Root>;
+export declare const Root: (props: Assign<Popover.RootProps, PopoverVariantProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Anchor: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Popover.AnchorBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Arrow: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Popover.ArrowBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ArrowTip: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Popover.ArrowTipBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CloseTrigger: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"button">, Popover.CloseTriggerBaseProps>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Content: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Popover.ContentBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Description: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Popover.DescriptionBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Indicator: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Popover.IndicatorBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Positioner: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Popover.PositionerBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Title: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Popover.TitleBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Trigger: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"button">, Popover.TriggerBaseProps>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export { PopoverContext as Context } from '@ark-ui/react/popover';

package/dist/types/ui-kit/styled/skeleton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Assign, HTMLArkProps } from '@ark-ui/react';
 import { type SkeletonVariantProps } from '../../styled-system/recipes';
 import type { JsxStyleProps } from '../../styled-system/types';

package/dist/types/ui-kit/styled/spinner.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentProps } from '../../styled-system/types';
 export type SpinnerProps = ComponentProps<typeof Spinner>;
 export declare const Spinner: import("../../styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/dist/types/ui-kit/styled/text.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type TextVariantProps } from '../../styled-system/recipes';
 import type { ComponentProps, StyledComponent } from '../../styled-system/types';
 type ParagraphProps = TextVariantProps & {

package/dist/types/ui-kit/styled/tooltip.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { Assign } from '@ark-ui/react';
+import { Tooltip } from '@ark-ui/react/tooltip';
+import { type TooltipVariantProps } from '../../styled-system/recipes';
+import type { ComponentProps, HTMLStyledProps } from '../../styled-system/types';
+export type RootProviderProps = ComponentProps<typeof RootProvider>;
+export declare const RootProvider: (props: Assign<Tooltip.RootProviderProps, TooltipVariantProps>) => import("react/jsx-runtime").JSX.Element;
+export type RootProps = ComponentProps<typeof Root>;
+export declare const Root: (props: Assign<Tooltip.RootProps, TooltipVariantProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Arrow: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Tooltip.ArrowBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ArrowTip: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Tooltip.ArrowTipBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Content: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Tooltip.ContentBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Positioner: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Tooltip.PositionerBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Trigger: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"button">, Tooltip.TriggerBaseProps>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export { TooltipContext as Context } from '@ark-ui/react/tooltip';

package/dist/types/ui-kit/tooltip.d.ts

@@ -0,0 +1 @@
+export * as Tooltip from './styled/tooltip';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integration-app/react",
-  "version": "2.0.3-beta.1",
+  "version": "2.0.3-beta.2",
   "description": "",
   "author": "Integration.app",
   "type": "module",
@@ -49,15 +49,41 @@
     "lint": "npx publint",
     "prepare": "panda codegen",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "test:storybook:watch": "test-storybook --watch",
+    "test:storybook": "test-storybook",
+    "test:storybook:ci": "concurrently -k -s first \"npm run test:storybook:ci:build-n-serve\" \"npm run test:storybook:ci:run-tests\"",
+    "test:storybook:ci:build-n-serve": "storybook build --test --quiet && npx http-server storybook-static --port 6006 --silent",
+    "test:storybook:ci:run-tests": "wait-on tcp:6006 && npm run test:storybook -- --maxWorkers=2",
+    "chromatic": "chromatic --exit-zero-on-changes"
   },
   "dependencies": {
-    "@ark-ui/react": "^3.9.0",
+    "@ark-ui/react": "^4.1.1",
+    "@headlessui/react": "^1.7.18",
     "@integration-app/sdk": "^1.5.0",
+    "@popperjs/core": "^2.11.5",
+    "@tabler/icons-react": "^2.30.0",
+    "@tiptap/core": "^2.3.0",
+    "@tiptap/extension-document": "^2.3.0",
+    "@tiptap/extension-history": "^2.3.0",
+    "@tiptap/extension-paragraph": "^2.3.0",
+    "@tiptap/extension-placeholder": "^2.3.0",
+    "@tiptap/extension-text": "^2.3.0",
+    "@tiptap/pm": "^2.3.0",
+    "@tiptap/react": "^2.3.0",
     "awesome-debounce-promise": "^2.1.0",
+    "clsx": "^1.2.1",
+    "fast-deep-equal": "^3.1.3",
+    "fuse": "npm:fuse.js@^6.6.2",
+    "js-convert-case": "^4.2.0",
     "query-string": "^7.1.1",
     "react-icons": "^5.3.0",
-    "swr": "^2.2.0"
+    "react-popper": "^2.3.0",
+    "react-portal": "^4.2.2",
+    "react-use-promise": "^0.5.0",
+    "swr": "^2.2.0",
+    "usehooks-ts": "^2.16.0",
+    "uuid": "^10.0.0"
   },
   "peerDependencies": {
     "react": "^18.3.1",
@@ -69,32 +95,41 @@
     "@park-ui/panda-preset": "^0.42.0",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-docs": "^8.3.5",
+    "@storybook/addon-essentials": "^8.3.5",
+    "@storybook/addon-interactions": "^8.3.5",
     "@storybook/addon-links": "^8.2.9",
-    "@storybook/addon-mdx-gfm": "^8.2.9",
-    "@storybook/addon-onboarding": "^8.2.9",
     "@storybook/blocks": "^8.2.9",
-    "@storybook/react": "^8.2.9",
-    "@storybook/react-vite": "^8.2.9",
-    "@storybook/test": "^8.2.9",
+    "@storybook/react": "^8.3.5",
+    "@storybook/react-vite": "^8.3.5",
+    "@storybook/test": "^8.3.5",
+    "@storybook/test-runner": "^0.19.1",
+    "@storybook/types": "^8.3.3",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.0.1",
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
+    "autoprefixer": "^10.4.20",
+    "axios-mock-adapter": "^2.0.0",
     "chokidar": "^4.0.0",
     "commander": "^12.1.0",
+    "concurrently": "^9.0.1",
     "esbuild": "^0.23.1",
     "execa": "^9.4.0",
     "jsdom": "^25.0.1",
+    "postcss-import": "^16.1.0",
+    "postcss-nesting": "^13.0.0",
+    "react-helmet": "^6.1.0",
+    "resize-observer-polyfill": "^1.5.1",
     "rimraf": "^5.0.5",
-    "rollup": ">=4.22.4",
-    "rollup-plugin-dts": "^6.1.1",
+    "rollup": "^4.22.5",
     "rollup-plugin-esbuild": "^6.1.1",
+    "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "rollup-plugin-tsconfig-paths": "^1.5.2",
-    "storybook": "^8.3.3",
+    "storybook": "^8.3.5",
+    "tailwindcss": "^3.4.13",
     "tsc-alias": "^1.8.10",
     "typedoc": "^0.25.4",
     "typedoc-plugin-mark-react-functional-components": "^0.2.2",
@@ -102,7 +137,8 @@
     "typedoc-plugin-rename-defaults": "^0.7.0",
     "typescript": "^5.3.2",
     "vite-tsconfig-paths": "^5.0.1",
-    "vitest": "^2.1.1"
+    "vitest": "^2.1.1",
+    "wait-on": "^8.0.1"
   },
   "overrides": {
     "express": "^4.20.0"

package/dist/types/hooks/data-form/index.d.ts

@@ -1 +0,0 @@
-export default function DataForm(): import("react/jsx-runtime").JSX.Element;