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

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

@@ -0,0 +1,109 @@
+/* eslint-disable */
+import type {  ConditionalValue, Nested  } from './conditions';
+import type {  AtRule, PropertiesFallback  } from './csstype';
+import type {  SystemProperties, CssVarProperties  } from './style-props';
+
+type String = string & {}
+type Number = number & {}
+
+export type Pretty<T> = { [K in keyof T]: T[K] } & {}
+
+export type DistributiveOmit<T, K extends keyof any> = T extends unknown ? Omit<T, K> : never
+
+export type DistributiveUnion<T, U> = {
+  [K in keyof T]: K extends keyof U ? U[K] | T[K] : T[K]
+} & DistributiveOmit<U, keyof T>
+
+export type Assign<T, U> = {
+  [K in keyof T]: K extends keyof U ? U[K] : T[K]
+} & U
+
+/* -----------------------------------------------------------------------------
+ * Native css properties
+ * -----------------------------------------------------------------------------*/
+
+export type CssProperty = keyof PropertiesFallback
+
+export interface CssProperties extends PropertiesFallback<String | Number>, CssVarProperties {}
+
+export interface CssKeyframes {
+  [name: string]: {
+    [time: string]: CssProperties
+  }
+}
+
+/* -----------------------------------------------------------------------------
+ * Conditional css properties
+ * -----------------------------------------------------------------------------*/
+
+interface GenericProperties {
+  [key: string]: ConditionalValue<String | Number | boolean>
+}
+
+/* -----------------------------------------------------------------------------
+ * Native css props
+ * -----------------------------------------------------------------------------*/
+
+export type NestedCssProperties = Nested<CssProperties>
+
+export type SystemStyleObject = Omit<Nested<SystemProperties & CssVarProperties>, 'base'>
+
+export interface GlobalStyleObject {
+  [selector: string]: SystemStyleObject
+}
+export interface ExtendableGlobalStyleObject {
+  [selector: string]: SystemStyleObject | undefined
+  extend?: GlobalStyleObject | undefined
+}
+
+/* -----------------------------------------------------------------------------
+ * Composition (text styles, layer styles)
+ * -----------------------------------------------------------------------------*/
+
+type FilterStyleObject<P extends string> = {
+  [K in P]?: K extends keyof SystemStyleObject ? SystemStyleObject[K] : unknown
+}
+
+export type CompositionStyleObject<Property extends string> = Nested<FilterStyleObject<Property> & CssVarProperties>
+
+/* -----------------------------------------------------------------------------
+ * Font face
+ * -----------------------------------------------------------------------------*/
+
+export type GlobalFontfaceRule = Omit<AtRule.FontFaceFallback, 'src'> & Required<Pick<AtRule.FontFaceFallback, 'src'>>
+
+export type FontfaceRule = Omit<GlobalFontfaceRule, 'fontFamily'>
+
+export interface GlobalFontface {
+  [name: string]: FontfaceRule | FontfaceRule[]
+}
+
+export interface ExtendableGlobalFontface {
+  [name: string]: FontfaceRule | FontfaceRule[] | GlobalFontface | undefined
+  extend?: GlobalFontface | undefined
+}
+
+/* -----------------------------------------------------------------------------
+ * Jsx style props
+ * -----------------------------------------------------------------------------*/
+interface WithCss {
+  css?: SystemStyleObject | SystemStyleObject[]
+}
+
+export type JsxStyleProps = SystemStyleObject & WithCss
+
+export interface PatchedHTMLProps {
+  htmlWidth?: string | number
+  htmlHeight?: string | number
+  htmlTranslate?: 'yes' | 'no' | undefined
+  htmlContent?: string
+}
+
+export type OmittedHTMLProps = 'color' | 'translate' | 'transition' | 'width' | 'height' | 'content'
+
+type WithHTMLProps<T> = DistributiveOmit<T, OmittedHTMLProps> & PatchedHTMLProps
+
+export type JsxHTMLProps<T extends Record<string, any>, P extends Record<string, any> = {}> = Assign<
+  WithHTMLProps<T>,
+  P
+>

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

@@ -0,0 +1,6 @@
+import * as StyledAvatar from './styled/avatar';
+export interface AvatarProps extends StyledAvatar.RootProps {
+    name?: string;
+    src?: string;
+}
+export declare const Avatar: import("react").ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,9 @@
+import { type ButtonProps as StyledButtonProps } from './styled/button';
+interface ButtonLoadingProps {
+    loading?: boolean;
+    loadingText?: React.ReactNode;
+}
+export interface ButtonProps extends StyledButtonProps, ButtonLoadingProps {
+}
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1 @@
+export { Icon, type IconProps } from './styled/icon';

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

@@ -0,0 +1 @@
+export { Skeleton, type SkeletonProps } from './styled/skeleton';

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

@@ -0,0 +1,5 @@
+import { type SpinnerProps as StyledSpinnerProps } from './styled/spinner';
+export interface SpinnerProps extends StyledSpinnerProps {
+    label?: string;
+}
+export declare const Spinner: import("react").ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,12 @@
+import type { Assign } from '@ark-ui/react';
+import { Avatar } from '@ark-ui/react/avatar';
+import { type AvatarVariantProps } from '../../styled-system/recipes';
+import type { ComponentProps, HTMLStyledProps } from '../../styled-system/types';
+export type RootProviderProps = ComponentProps<typeof RootProvider>;
+export declare const RootProvider: import("react").ForwardRefExoticComponent<Omit<Assign<Assign<HTMLStyledProps<"div">, Avatar.RootProviderBaseProps>, AvatarVariantProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type RootProps = ComponentProps<typeof Root>;
+export declare const Root: import("react").ForwardRefExoticComponent<Omit<Assign<Assign<HTMLStyledProps<"div">, Avatar.RootBaseProps>, AvatarVariantProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Fallback: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"span">, Avatar.FallbackBaseProps>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Image: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"img">, Avatar.ImageBaseProps>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+export { AvatarContext as Context } from '@ark-ui/react/avatar';
+export type { AvatarStatusChangeDetails as StatusChangeDetails } from '@ark-ui/react/avatar';

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

@@ -0,0 +1,5 @@
+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"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+} & import("@ark-ui/react").PolymorphicProps>, import("../../styled-system/recipes").ButtonVariantProps>;

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

@@ -0,0 +1,5 @@
+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"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+} & import("@ark-ui/react/factory").PolymorphicProps>, import("../../styled-system/recipes").IconVariantProps>;

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

@@ -0,0 +1,7 @@
+import type { Assign, HTMLArkProps } from '@ark-ui/react';
+import { type SkeletonVariantProps } from '../../styled-system/recipes';
+import type { JsxStyleProps } from '../../styled-system/types';
+export interface SkeletonProps extends Assign<JsxStyleProps, HTMLArkProps<'div'>>, SkeletonVariantProps {
+    isLoaded?: boolean;
+}
+export declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,5 @@
+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"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+} & import("@ark-ui/react").PolymorphicProps>, import("../../styled-system/recipes").SpinnerVariantProps>;

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

@@ -0,0 +1,8 @@
+import { type TextVariantProps } from '../../styled-system/recipes';
+import type { ComponentProps, StyledComponent } from '../../styled-system/types';
+type ParagraphProps = TextVariantProps & {
+    as?: React.ElementType;
+};
+export type TextProps = ComponentProps<typeof Text>;
+export declare const Text: StyledComponent<"p", ParagraphProps>;
+export {};

package/dist/types/ui-kit/styled/utils/create-style-context.d.ts

@@ -0,0 +1,20 @@
+import { type ElementType, type ForwardRefExoticComponent, type PropsWithoutRef, type RefAttributes } from 'react';
+type Props = Record<string, unknown>;
+type Recipe = {
+    (props?: Props): Props;
+    splitVariantProps: (props: Props) => [Props, Props];
+};
+type Slot<R extends Recipe> = keyof ReturnType<R>;
+type Options = {
+    forwardProps?: string[];
+};
+export declare const createStyleContext: <R extends Recipe>(recipe: R) => {
+    withRootProvider: <P extends {}>(Component: ElementType) => (props: P) => import("react/jsx-runtime").JSX.Element;
+    withProvider: <T, P_1 extends {
+        className?: string | undefined;
+    }>(Component: ElementType, slot: keyof ReturnType<R>, options?: Options) => ForwardRefExoticComponent<PropsWithoutRef<P_1> & RefAttributes<T>>;
+    withContext: <T_1, P_2 extends {
+        className?: string | undefined;
+    }>(Component: ElementType, slot: keyof ReturnType<R>) => ForwardRefExoticComponent<PropsWithoutRef<P_2> & RefAttributes<T_1>>;
+};
+export {};

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

@@ -0,0 +1 @@
+export { Text, type TextProps } from './styled/text';

package/dist/types/utils/types.d.ts

@@ -0,0 +1,8 @@
+import { DOMAttributes } from 'react';
+export type StrictAsChild<T extends HTMLElement> = {
+    asChild: true;
+    children: NonNullable<DOMAttributes<T>['children']>;
+} | {
+    asChild?: false;
+    children?: never;
+};

package/package.json

@@ -1,23 +1,27 @@
 {
   "name": "@integration-app/react",
-  "version": "2.0.3-beta.0",
+  "version": "2.0.3-beta.1",
   "description": "",
   "author": "Integration.app",
+  "type": "module",
   "source": "src/index.tsx",
-  "main": "dist/index.js",
-  "module": "dist/index.module.mjs",
-  "unpkg": "./dist/index.umd.js",
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/esm/index.mjs",
+  "types": "./dist/types/index.d.ts",
+  "style": "dist/styles.css",
   "exports": {
-    "import": {
-      "types": "./dist/index.module.d.mts",
-      "default": "./dist/index.module.mjs"
+    ".": {
+      "import": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/esm/index.mjs"
+      },
+      "require": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/cjs/index.cjs"
+      }
     },
-    "require": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    }
+    "./styles.css": "./dist/styles.css"
   },
-  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
@@ -25,13 +29,13 @@
     "build": "npm run prep:dev && npm run build:bundle && npm run build:dts",
     "build:publish": "npm run prep:publish && npm run build:bundle && npm run build:dts",
     "build:bundle": "rollup -c rollup.config.mjs",
-    "build:dts": "rollup -c rollup.dts.config.mjs && rimraf ./dist/src",
+    "build:dts": "node ./scripts/patch-bundle-types.mjs",
     "clean": "rimraf ./dist",
     "docs": "typedoc --tsconfig tsconfig.json --plugin typedoc-plugin-missing-exports",
     "docs:dev": "typedoc --tsconfig tsconfig.json --plugin typedoc-plugin-missing-exports --watch",
     "dev": "npm run build && concurrently 'npm run dev:bundle' 'npm run dev:dts'",
     "dev:bundle": "rollup -c rollup.config.mjs --watch",
-    "dev:dts": "rollup -c rollup.dts.config.mjs --watch",
+    "dev:dts": "node ./scripts/patch-bundle-types.mjs --watch",
     "install:publishDeps": "npm i @integration-app/sdk@latest --save && panda codegen",
     "install:localDeps": "npm i ../sdk --save",
     "prep:publish": "npm run clean && npm run install:publishDeps",
@@ -39,7 +43,8 @@
     "publish-dist": "npm publish --access public",
     "publish-dist-beta": "npm publish --tag beta --access public",
     "removeReactPackages": "rimraf -rf ./node_modules/react ./node_modules/react-dom",
-    "test:package": "cd bundle-tests/test-package && ./test.sh && cd ..",
+    "test": "vitest --config ./vitest.config.ts",
+    "test:package": "cd bundle-tests/test-package && npm run test-package-build && cd ..",
     "version": "npm version",
     "lint": "npx publint",
     "prepare": "panda codegen",
@@ -48,11 +53,11 @@
   },
   "dependencies": {
     "@ark-ui/react": "^3.9.0",
-    "@integration-app/sdk": "^1.3.3",
+    "@integration-app/sdk": "^1.5.0",
     "awesome-debounce-promise": "^2.1.0",
     "query-string": "^7.1.1",
-    "swr": "^2.2.0",
-    "vite-tsconfig-paths": "^5.0.1"
+    "react-icons": "^5.3.0",
+    "swr": "^2.2.0"
   },
   "peerDependencies": {
     "react": "^18.3.1",
@@ -62,10 +67,8 @@
     "@chromatic-com/storybook": "^1.7.0",
     "@pandacss/dev": "^0.45.1",
     "@park-ui/panda-preset": "^0.42.0",
-    "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.6",
     "@storybook/addon-essentials": "^8.2.9",
     "@storybook/addon-interactions": "^8.2.9",
     "@storybook/addon-links": "^8.2.9",
@@ -75,21 +78,33 @@
     "@storybook/react": "^8.2.9",
     "@storybook/react-vite": "^8.2.9",
     "@storybook/test": "^8.2.9",
+    "@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",
-    "concurrently": "^8.0.1",
+    "chokidar": "^4.0.0",
+    "commander": "^12.1.0",
+    "esbuild": "^0.23.1",
+    "execa": "^9.4.0",
+    "jsdom": "^25.0.1",
     "rimraf": "^5.0.5",
-    "rollup": "^4.21.0",
-    "rollup-plugin-copy": "^3.5.0",
+    "rollup": ">=4.22.4",
     "rollup-plugin-dts": "^6.1.1",
-    "rollup-plugin-tsc-alias": "^1.1.2",
+    "rollup-plugin-esbuild": "^6.1.1",
+    "rollup-plugin-preserve-directives": "^0.4.0",
     "rollup-plugin-tsconfig-paths": "^1.5.2",
-    "storybook": "^8.2.9",
+    "storybook": "^8.3.3",
+    "tsc-alias": "^1.8.10",
     "typedoc": "^0.25.4",
     "typedoc-plugin-mark-react-functional-components": "^0.2.2",
     "typedoc-plugin-missing-exports": "^2.1.0",
     "typedoc-plugin-rename-defaults": "^0.7.0",
-    "typescript": "^5.2.2"
+    "typescript": "^5.3.2",
+    "vite-tsconfig-paths": "^5.0.1",
+    "vitest": "^2.1.1"
+  },
+  "overrides": {
+    "express": "^4.20.0"
   }
 }