@swiftbrowser/react 0.5.1 → 0.5.3

package/README.md

@@ -103,6 +103,14 @@ a React root of its own: the page's React state reaches it through props as
 usual, and its contexts through `contexts={[…]}` (see
 [Contexts across roots](#contexts-across-roots)).
 
+There is no status bar in a page, so `safeArea` stands in for one. A
+`fill` island keeps 10 points at the top, the way SwiftUI keeps a window's
+bars off its edge. Navigation bars sit below that inset and their
+background reaches up into it, and lists start below it. A `content`
+island has no insets. Pass a number for the top inset (`safeArea={0}` puts
+the bars flush with the edge) or an object such as
+`safeArea={{ top: 24, bottom: 34 }}`.
+
 ### Try the demos
 
 ```sh
@@ -208,7 +216,15 @@ collapse into the bar's More menu (an ellipsis at the trailing end), as on
 an iPhone; with `toolbarRole="editor"` on the screen, a regular width shows
 them in the bar before the trailing items, and only those that do not fit
 go into More. `bottomBar` items float in glass capsules at the foot of the
-screen, split by `ToolbarSpacer`.
+screen: consecutive items share one, and a `ToolbarSpacer` ends it, as iOS
+26's does. A `flexible` spacer (the default) pushes the groups apart; a
+`fixed` one keeps them centered, 8 apart.
+
+```tsx
+<ToolbarItem placement="bottomBar">{undoButton}{redoButton}</ToolbarItem>
+<ToolbarSpacer sizing="fixed" placement="bottomBar" />
+<ToolbarItem placement="bottomBar">{toolButtons}</ToolbarItem>
+```
 
 ```tsx
 <List

package/dist/components/controls.d.ts

@@ -84,6 +84,20 @@ export interface ToolbarItemProps {
 /** `ToolbarItem(placement:) { }`, inside a `toolbar` modifier. */
 export declare function ToolbarItem(props: ToolbarItemProps): ReactNode;
 export declare const ToolbarItemGroup: typeof ToolbarItem;
+export interface ToolbarSpacerProps {
+    /**
+     * `flexible` (the default) shares the room the groups leave, pushing them
+     * apart; `fixed` is a standard 8 gap and keeps the row centered.
+     */
+    sizing?: 'flexible' | 'fixed';
+    placement?: ToolbarItemPlacementName;
+}
+/**
+ * `ToolbarSpacer(_:placement:)` (iOS 26), inside a `toolbar` modifier: ends
+ * the glass group of the items before it, so a bottom bar's items float in
+ * separate capsules. Between navigation bar groups it only separates them.
+ */
+export declare function ToolbarSpacer(props: ToolbarSpacerProps): ReactNode;
 export type DatePickerComponents = 'date' | 'hourAndMinute' | 'dateAndTime';
 export interface DatePickerProps extends ViewModifiers {
     label?: string;

package/dist/components/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/components/controls.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/components/controls.tsx"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -483,7 +483,11 @@ function useContextBridge(contexts = [], options = {}) {
   const values = all.map((context) => useContext(context));
   return (children) => all.reduceRight((inner, context, index) => createElement(context.Provider, { value: values[index] }, inner), children);
 }
-const NO_SAFE_AREA = { top: 0, leading: 0, bottom: 0, trailing: 0 };
+const WINDOW_TOP_INSET = 10;
+function insetsOf(safeArea, fit) {
+  const given = typeof safeArea === "number" ? { top: safeArea } : safeArea ?? { top: fit === "fill" ? WINDOW_TOP_INSET : 0 };
+  return { top: given.top ?? 0, leading: given.leading ?? 0, bottom: given.bottom ?? 0, trailing: given.trailing ?? 0 };
+}
 function SwiftUIView({
   children,
   fit = "fill",
@@ -491,6 +495,7 @@ function SwiftUIView({
   dynamicTypeSize = "large",
   contexts,
   assets,
+  safeArea,
   className,
   style
 }) {
@@ -506,7 +511,7 @@ function SwiftUIView({
     const instance = mount(screen.current, latest.current, {
       colorScheme,
       dynamicTypeSize,
-      safeArea: NO_SAFE_AREA,
+      safeArea: insetsOf(safeArea, fit),
       contentHeight: fit === "content",
       ...assets ? { assets } : {}
     });
@@ -519,6 +524,11 @@ function SwiftUIView({
   useLayoutEffect(() => {
     mounted.current?.root.render(tree);
   });
+  const insets2 = insetsOf(safeArea, fit);
+  const insetsKey = `${insets2.top},${insets2.leading},${insets2.bottom},${insets2.trailing}`;
+  useLayoutEffect(() => {
+    mounted.current?.renderer.setSafeArea(insets2);
+  }, [insetsKey]);
   useLayoutEffect(() => {
     if (device.current) applyTypeSizeVariables(device.current, dynamicTypeSize);
     mounted.current?.setEnvironment({ colorScheme, dynamicTypeSize });
@@ -1759,18 +1769,91 @@ function Searchable({ text, onChange, prompt }) {
 function applyModifiers(element, modifiers) {
   const sides = [];
   const node = wrap(element, modifiers, sides);
-  if (sides.length === 0) return node;
   return createElement(Fragment, null, node, ...sides);
 }
 function wrap(element, modifiers, sides) {
   let node = element;
   for (const [key, value] of modifiers) {
-    if (value === void 0) continue;
-    if (value === null && key !== "lineLimit" && key !== "badge") continue;
-    node = apply(key, value, node, sides);
+    const inactive = value === void 0 || value === null && key !== "lineLimit" && key !== "badge";
+    const next = inactive ? node : apply(key, value, node, sides);
+    node = next === node ? neutral(key, node) : next;
   }
   return node;
 }
+const STYLED_KEYS = /* @__PURE__ */ new Set([
+  "padding",
+  "font",
+  "fontWeight",
+  "bold",
+  "foregroundStyle",
+  "background",
+  "frame",
+  "cornerRadius",
+  "clipShape",
+  "clipped",
+  "opacity",
+  "disabled",
+  "hidden",
+  "layoutPriority",
+  "lineLimit",
+  "multilineTextAlignment",
+  "fixedSize",
+  "offset",
+  "rotationEffect",
+  "scaleEffect",
+  "shadow",
+  "tint",
+  "badge",
+  "listRowInsets",
+  "imageScale",
+  "transition",
+  "gridColumnAlignment",
+  "gridCellColumns",
+  "aspectRatio",
+  "scaledToFit",
+  "scaledToFill",
+  "blur",
+  "brightness",
+  "contrast",
+  "saturation",
+  "grayscale",
+  "hueRotation",
+  "colorInvert",
+  "colorMultiply",
+  "blendMode",
+  "mask",
+  "position",
+  "zIndex",
+  "allowsHitTesting",
+  "ignoresSafeArea",
+  "rotation3DEffect",
+  "gridCellAnchor",
+  "alignmentGuide",
+  "help",
+  "pointerStyle",
+  "matchedGeometryEffect",
+  "containerRelativeFrame",
+  "contentTransition"
+]);
+const ENVIRONMENT_KEYS = /* @__PURE__ */ new Set([
+  "buttonStyle",
+  "controlSize",
+  "pickerStyle",
+  "labelsHidden",
+  "refreshable",
+  "submitLabel",
+  "labelStyle",
+  "redacted",
+  "textCase"
+]);
+const SCROLL_KEYS = /* @__PURE__ */ new Set(["scrollEdgeEffectStyle", "scrollEdgeEffectHidden", "contentMargins"]);
+function neutral(key, node) {
+  if (key === "overlay") return decorated("overlay", "center", node, null);
+  if (STYLED_KEYS.has(key)) return styled({}, node);
+  if (ENVIRONMENT_KEYS.has(key)) return withEnvironment({}, node);
+  if (SCROLL_KEYS.has(key)) return withScrollSettings({}, node);
+  return node;
+}
 function apply(key, value, node, sides) {
   switch (key) {
     case "padding":
@@ -2792,6 +2875,9 @@ function ToolbarItem(props) {
   return sb("toolbar", { placement: toolbarPlacement(props.placement) }, void 0, props.children);
 }
 const ToolbarItemGroup = ToolbarItem;
+function ToolbarSpacer(props) {
+  return sb("toolbar", { placement: toolbarPlacement(props.placement), spacer: props.sizing ?? "flexible" });
+}
 function DatePicker(props) {
   const { own, modifiers } = splitProps(props);
   const environment = useViewEnvironment();
@@ -4347,6 +4433,7 @@ export {
   Toggle,
   ToolbarItem,
   ToolbarItemGroup,
+  ToolbarSpacer,
   UnevenRoundedRectangle,
   VStack,
   VideoPlayer,