@stackflow/plugin-basic-ui 0.21.4-alpha.4 → 1.0.1

package/README.md

@@ -51,7 +51,7 @@ const Something: React.FC = () => {
 ```tsx
 import { BottomSheet } from "@stackflow/plugin-basic-ui";
 
-const Something: React.FC = () => {
+const Something = () => {
   return (
     <BottomSheet>
       <div>Hello, World</div>

package/dist/assets/IconBack.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 declare const IconBack: React.FC<{
     className?: string;
 }>;

package/dist/assets/IconClose.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 declare const IconClose: React.FC<{
     className?: string;
 }>;

package/dist/{theme.css.d.ts → basicUIPlugin.css.d.ts}

@@ -2,6 +2,7 @@ import type { MapLeafNodes } from "@vanilla-extract/private";
 export declare const globalVars: MapLeafNodes<{
     backgroundColor: string;
     dimBackgroundColor: string;
+    transitionDuration: string;
     appBar: {
         borderColor: string;
         borderSize: string;
@@ -26,4 +27,15 @@ export declare const rootAndroid = ":root[data-stackflow-plugin-basic-ui-theme=a
 export declare const rootCupertino = ":root[data-stackflow-plugin-basic-ui-theme=cupertino]";
 export declare const android: string;
 export declare const cupertino: string;
+export declare const stackWrapper: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    theme: {
+        android: string;
+        cupertino: string;
+    };
+    loading: {
+        true: {
+            pointerEvents: "none";
+        };
+    };
+}>;
 export {};

package/dist/basicUIPlugin.d.ts

@@ -1,8 +1,8 @@
+/// <reference types="react" />
 import type { StackflowReactPlugin } from "@stackflow/react";
-import React from "react";
-import * as theme from "./theme.css";
+import * as css from "./basicUIPlugin.css";
 import type { RecursivePartial } from "./utils";
-declare type BasicUIPluginOptions = RecursivePartial<theme.GlobalVars> & {
+declare type BasicUIPluginOptions = RecursivePartial<css.GlobalVars> & {
     theme: "android" | "cupertino";
     rootClassName?: string;
     appBar?: {
@@ -21,7 +21,7 @@ declare type BasicUIPluginOptions = RecursivePartial<theme.GlobalVars> & {
         };
     };
 };
-export declare const GlobalOptionsProvider: React.Provider<BasicUIPluginOptions>;
+export declare const GlobalOptionsProvider: import("react").Provider<BasicUIPluginOptions>;
 export declare function useGlobalOptions(): BasicUIPluginOptions;
 export declare const basicUIPlugin: (options: BasicUIPluginOptions) => StackflowReactPlugin;
 export {};

package/dist/components/AppBar.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-declare const AppBar: React.ForwardRefExoticComponent<Partial<Pick<{
+/// <reference types="react" />
+declare const AppBar: import("react").ForwardRefExoticComponent<Partial<Pick<{
     borderColor: string;
     borderSize: string;
     height: string;
@@ -31,5 +31,5 @@ declare const AppBar: React.ForwardRefExoticComponent<Partial<Pick<{
     border?: boolean | undefined;
     modalPresentationStyle?: "fullScreen" | undefined;
     onTopClick?: ((e: React.MouseEvent) => void) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export default AppBar;

package/dist/components/AppScreen.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import type { GlobalVars } from "../theme.css";
+/// <reference types="react" />
+import type { GlobalVars } from "../basicUIPlugin.css";
 import type { PropOf } from "../utils";
 import AppBar from "./AppBar";
 export declare type AppScreenContext = {
@@ -9,7 +9,7 @@ export declare type AppScreenContext = {
 };
 export declare function useAppScreen(): AppScreenContext;
 export declare type AppScreenProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & {
-    appBar?: Omit<PropOf<typeof AppBar>, "theme" | "ref" | "key">;
+    appBar?: Omit<PropOf<typeof AppBar>, "theme" | "modalPresentationStyle" | "ref" | "key">;
     preventSwipeBack?: boolean;
     modalPresentationStyle?: "fullScreen";
     children: React.ReactNode;

package/dist/components/BottomSheet.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import type { GlobalVars } from "../theme.css";
+/// <reference types="react" />
+import type { GlobalVars } from "../basicUIPlugin.css";
 export declare type BottomSheetProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["bottomSheet"]> & {
     onOutsideClick?: React.MouseEventHandler;
     children: React.ReactNode;

package/dist/components/Modal.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import type { GlobalVars } from "../theme.css";
+/// <reference types="react" />
+import type { GlobalVars } from "../basicUIPlugin.css";
 export declare type ModalProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["modal"]> & {
     onOutsideClick?: React.MouseEventHandler;
     children: React.ReactNode;

package/dist/hooks/useMaxWidth.d.ts

@@ -1,4 +1,4 @@
-import type React from "react";
+/// <reference types="react" />
 export declare function useMaxWidth({ outerRef, innerRef, enable, }: {
     outerRef: React.ForwardedRef<any>;
     innerRef: React.MutableRefObject<any>;

package/dist/hooks/useStyleEffect.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import type { ActivityTransitionState } from "@stackflow/core";
-import type React from "react";
 export declare function useStyleEffect<T extends HTMLElement>({ styleName, refs, effect, effectDeps, }: {
     styleName: string;
     refs: Array<React.RefObject<T>>;

package/dist/hooks/useStyleEffectHide.d.ts

@@ -1,4 +1,4 @@
-import type React from "react";
+/// <reference types="react" />
 export declare function useStyleEffectHide({ refs, hasEffect, }: {
     refs: Array<React.RefObject<any>>;
     hasEffect?: boolean;