@stackflow/plugin-basic-ui 0.19.3-alpha.1 → 0.20.1

package/src/index.ts

@@ -1,11 +1,13 @@
 export { basicUIPlugin } from "./basicUIPlugin";
-export { default as AppScreen } from "./components/AppScreen";
-export { default as BottomSheet } from "./components/BottomSheet";
-export { default as Modal } from "./components/Modal";
 export {
-  useStyleEffect,
-  useStyleEffectHide,
-  useStyleEffectOffset,
-  useStyleEffectSwipeBack,
-} from "./hooks";
+  default as AppScreen,
+  AppScreenContext,
+  AppScreenProps,
+  useAppScreen,
+} from "./components/AppScreen";
+export {
+  default as BottomSheet,
+  BottomSheetProps,
+} from "./components/BottomSheet";
+export { default as Modal, ModalProps } from "./components/Modal";
 export { globalVars as cssVars } from "./theme.css";

package/src/styles/f.css.ts

@@ -30,6 +30,10 @@ export const flex = style({
   display: "flex",
 });
 
+export const flex1 = style({
+  flex: 1,
+});
+
 export const flexAlignCenter = style([
   flex,
   {

package/src/theme.css.ts

@@ -13,10 +13,11 @@ export const globalVars = createGlobalThemeContract(
       borderColor: "app-bar-border-color",
       borderSize: "app-bar-border-size",
       height: "app-bar-height",
+      heightTransitionDuration: "app-bar-height-transition-duration",
+      minHeight: "app-bar-min-height",
       iconColor: "app-bar-icon-color",
       textColor: "app-bar-text-color",
       backgroundColor: "app-bar-background-color",
-      showTransitionDuration: "app-bar-show-transition-duration",
     },
     bottomSheet: {
       borderRadius: "bottom-sheet-border-radius",
@@ -38,10 +39,11 @@ const defaultVars = {
     borderColor: "rgba(0, 0, 0, 0.07)",
     borderSize: "1px",
     height: "3.5rem",
+    heightTransitionDuration: "275ms",
+    minHeight: "3.5rem",
     iconColor: "#212124",
     textColor: "#212124",
     backgroundColor: "#fff",
-    showTransitionDuration: "275ms",
   },
   bottomSheet: {
     borderRadius: "1rem",
@@ -56,6 +58,7 @@ const cupertinoVars = {
   appBar: {
     ...defaultVars.appBar,
     height: "2.75rem",
+    minHeight: "2.75rem",
     borderSize: "0.5px",
   },
 };

package/src/utils/compact.ts

@@ -0,0 +1,6 @@
+export function compact<T>(arr: Array<T>): Array<NonNullable<T>> {
+  return arr.filter(
+    (item): item is NonNullable<typeof item> =>
+      item !== undefined && item !== null,
+  );
+}

package/src/utils/index.ts

@@ -1,3 +1,4 @@
+export * from "./compact";
 export * from "./compactMap";
 export * from "./last";
 export * from "./listenOnce";