@swiftbrowser/react 0.26.3 → 0.26.4

package/README.md

@@ -189,7 +189,8 @@ ordered list. A layered style is an array: `foregroundStyle={['white',
 `symbolRenderingMode="palette"` symbol draws its disc in. The environment
 modifiers (`buttonStyle`, `controlSize`, `pickerStyle`, `toggleStyle`, `labelsHidden`,
 `symbolRenderingMode`) are React contexts the views below read, and
-`navigationTitle`, `toolbar`, `toolbarRole`, `toolbarVisibility` (the
+`navigationTitle`, `navigationSubtitle` (the Mac idiom's title bar draws it; iOS
+ignores it), `toolbar`, `toolbarRole`, `toolbarVisibility` (the
 navigation bar or the bottom bar hidden, as `.toolbar(.hidden, for:)`),
 `statusBarHidden`, `searchable`, `sheet`, `alert`,
 `presentationDetents` and `preferredColorScheme` attach to the enclosing

package/dist/components/lists.d.ts

@@ -6,6 +6,8 @@ import { type ViewModifiers } from '../modifiers';
 export type Selection<T> = T | null | Set<T>;
 export interface ListProps<T = unknown> extends ViewModifiers {
     listStyle?: ListStyle;
+    /** A `Form`: on a Mac the rows are laid out in the columns style (labels in a column before their controls). */
+    form?: boolean;
     /** Edit mode (`EditButton`). */
     editing?: BindingValue<boolean>;
     /** `List(selection:)`: rows with a `tag` (or a `NavigationLink` value) become selectable; a `Set` selects several. */
@@ -14,8 +16,8 @@ export interface ListProps<T = unknown> extends ViewModifiers {
     children?: ReactNode;
 }
 export declare function List<T = unknown>(props: ListProps<T>): ReactNode;
-/** `Form { }`: an inset grouped list, as the shim draws it. */
-export declare function Form(props: Omit<ListProps, 'listStyle' | 'selection' | 'onSelectionChange'>): ReactNode;
+/** `Form { }`: an inset grouped list, as the shim draws it; on a Mac its rows are laid out in the columns style. */
+export declare function Form(props: Omit<ListProps, 'listStyle' | 'selection' | 'onSelectionChange' | 'form'>): ReactNode;
 export interface SectionProps extends ViewModifiers {
     /** A string or a `<Text>` becomes the section's header text; any other view is a view header. */
     header?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"lists.d.ts","sourceRoot":"","sources":["../../src/components/lists.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAA2D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhG,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAE5D,OAAO,EAA4C,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAW5F,gEAAgE;AAChE,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;AAE7C,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,aAAa;IAC3D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gCAAgC;IAChC,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAChC,sHAAsH;IACtH,SAAS,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACtE,iBAAiB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAmDhE;AAED,+DAA+D;AAC/D,wBAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,WAAW,GAAG,mBAAmB,CAAC,GAAG,SAAS,CAEvG;AAED,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,iGAAiG;IACjG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,2HAA2H;IAC3H,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,CAyBtD"}
+{"version":3,"file":"lists.d.ts","sourceRoot":"","sources":["../../src/components/lists.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAA2D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhG,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAE5D,OAAO,EAA4C,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAW5F,gEAAgE;AAChE,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;AAE7C,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,aAAa;IAC3D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gHAAgH;IAChH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gCAAgC;IAChC,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAChC,sHAAsH;IACtH,SAAS,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACtE,iBAAiB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAoDhE;AAED,oHAAoH;AACpH,wBAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,WAAW,GAAG,mBAAmB,GAAG,MAAM,CAAC,GAAG,SAAS,CAEhH;AAED,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,iGAAiG;IACjG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,2HAA2H;IAC3H,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,CAyBtD"}

package/dist/index.js

@@ -667,7 +667,7 @@ function RegisterDestination({ destination }) {
   navigation?.registerDestination(destination);
   return null;
 }
-const SCREEN_PROPS = ["title", "displayMode", "toolbarRole", "navigationBarHidden", "bottomBarHidden", "statusBarHidden"];
+const SCREEN_PROPS = ["title", "subtitle", "displayMode", "toolbarRole", "navigationBarHidden", "bottomBarHidden", "statusBarHidden"];
 function screenPrefs(props, key) {
   const picked = {};
   for (const name of SCREEN_PROPS) if (name in props) picked[name] = props[name];
@@ -2530,6 +2530,7 @@ const MODIFIER_KEYS = /* @__PURE__ */ new Set([
   "toggleStyle",
   "labelsHidden",
   "navigationTitle",
+  "navigationSubtitle",
   "navigationBarTitleDisplayMode",
   "toolbarRole",
   "toolbarVisibility",
@@ -2949,6 +2950,9 @@ function apply(key, value, node, sides) {
     case "navigationTitle":
       sides.push(sb(PREF_KIND, { title: value }, void 0, void 0, "navscreen"));
       return node;
+    case "navigationSubtitle":
+      sides.push(sb(PREF_KIND, { subtitle: value }, void 0, void 0, "navscreen"));
+      return node;
     case "navigationBarTitleDisplayMode":
       sides.push(sb(PREF_KIND, { displayMode: value }, void 0, void 0, "navscreen"));
       return node;
@@ -5722,6 +5726,7 @@ function List(props) {
   const { own, modifiers } = splitProps(props);
   const [editing] = own.editing !== void 0 ? readBinding(own.editing) : [false];
   const listProps = { style: own.listStyle ?? "insetGrouped" };
+  if (own.form) listProps["form"] = true;
   if (editing) listProps["editing"] = true;
   let selection = null;
   const split = useContext(SplitSelectionContext);
@@ -5765,7 +5770,7 @@ function List(props) {
   );
 }
 function Form(props) {
-  return /* @__PURE__ */ jsx(List, { ...props });
+  return /* @__PURE__ */ jsx(List, { ...props, form: true });
 }
 function Section(props) {
   const { own, modifiers } = splitProps(props);