panelui-native 0.75.1 → 0.76.0

package/lib/typescript/src/primitives/scrim.d.ts

@@ -2,6 +2,13 @@ import { type ViewProps } from 'react-native';
 type BlurTint = 'light' | 'dark' | 'default' | 'systemMaterial';
 /** True when a real blur can be drawn — for a caller that wants to know. */
 export declare const hasBlur: boolean;
+/**
+ * Whether the device asks for Reduce Transparency: `true`, `false`, or `null`
+ * while the platform has not answered yet. Exported because every material in
+ * the library has to respect the same preference, and two copies of this would
+ * be two answers.
+ */
+export declare function useReduceTransparency(): boolean | null;
 export interface ScrimProps extends Omit<ViewProps, 'children'> {
     /** Frost the backdrop instead of dimming it. Falls back to a dim if it can't. */
     blur?: boolean;

package/lib/typescript/src/primitives/scrim.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scrim.d.ts","sourceRoot":"","sources":["../../../../src/primitives/scrim.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAuC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGnF,KAAK,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,gBAAgB,CAAC;AAwBhE,4EAA4E;AAC5E,eAAO,MAAM,OAAO,SAAoB,CAAC;AAkGzC,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7D,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAY,EACZ,SAAc,EACd,IAAgB,EAChB,YAA4B,EAC5B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,+BA+CZ;yBAtDe,KAAK"}
+{"version":3,"file":"scrim.d.ts","sourceRoot":"","sources":["../../../../src/primitives/scrim.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAuC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGnF,KAAK,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,gBAAgB,CAAC;AAwBhE,4EAA4E;AAC5E,eAAO,MAAM,OAAO,SAAoB,CAAC;AAqEzC;;;;;GAKG;AACH,wBAAgB,qBAAqB,mBAapC;AAgBD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7D,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAY,EACZ,SAAc,EACd,IAAgB,EAChB,YAA4B,EAC5B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,+BA+CZ;yBAtDe,KAAK"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "panelui-native",
-  "version": "0.75.1",
+  "version": "0.76.0",
   "description": "High-performance React Native UI components for Expo. Semantic design tokens, powered by Uniwind (Tailwind v4) and Reanimated.",
   "main": "./lib/module/index.js",
   "module": "./lib/module/index.js",
@@ -90,7 +90,8 @@
     "clean": "rm -rf lib",
     "verify:package": "node scripts/verify-package.mjs",
     "generate:subpaths": "node scripts/generate-subpath-exports.mjs --write",
-    "check:subpaths": "node scripts/generate-subpath-exports.mjs"
+    "check:subpaths": "node scripts/generate-subpath-exports.mjs",
+    "benchmark:components": "node --experimental-strip-types scripts/benchmark-component-scale.mjs"
   },
   "keywords": [
     "react-native",
@@ -132,6 +133,7 @@
     "expo-blur": ">=13.0.0",
     "expo-clipboard": ">=7.0.0",
     "expo-file-system": ">=17.0.0",
+    "expo-glass-effect": ">=57.0.0",
     "expo-haptics": ">=13.0.0",
     "expo-linear-gradient": ">=13.0.0",
     "expo-location": ">=18.0.0",
@@ -186,6 +188,9 @@
     "expo-file-system": {
       "optional": true
     },
+    "expo-glass-effect": {
+      "optional": true
+    },
     "expo-haptics": {
       "optional": true
     },

package/src/components/ai-input/ai-input-growth.ts

@@ -0,0 +1,65 @@
+/**
+ * How tall the composer's field is allowed to be.
+ *
+ * Separated from the component because it is the one piece of AI Input with a
+ * right answer that can be checked without a device: a composer that opens at
+ * the wrong height, or grows past where it was told to stop, is a bug nobody
+ * notices until the send button is off the bottom of the screen.
+ *
+ * ## Bounds, not a measured height
+ *
+ * The obvious way to grow a field is to measure its content and set a height
+ * from it. That is a loop with a different answer on each platform — the
+ * measurement reports the text's height on one and the clipped height of the
+ * box we just set on another, where the field can then never grow at all.
+ *
+ * So nothing is measured. The field is given a floor and a ceiling and left to
+ * size itself between them, which is the layout engine's job and which it does
+ * without telling anybody. Past the ceiling a multiline field scrolls its own
+ * content, and that is the whole mechanism.
+ */
+
+/** Type size and the leading it is given, per `size`. */
+export const AI_INPUT_METRICS = {
+  sm: { fontSize: 15, lineHeight: 20, padding: 10 },
+  md: { fontSize: 16, lineHeight: 22, padding: 12 },
+  lg: { fontSize: 17, lineHeight: 24, padding: 14 },
+} as const;
+
+export type AIInputSize = keyof typeof AI_INPUT_METRICS;
+
+export interface GrowthMetrics {
+  lineHeight: number;
+  padding: number;
+}
+
+/** The box a whole number of lines asks for: the lines, plus both paddings. */
+export function heightForLines(metrics: GrowthMetrics, lines: number): number {
+  return lines * metrics.lineHeight + metrics.padding * 2;
+}
+
+export interface GrowthBounds {
+  minHeight: number;
+  maxHeight: number;
+}
+
+/**
+ * The floor and ceiling a field grows between.
+ *
+ * At least one line, so an empty composer is the size of an empty composer.
+ * Never below the floor, so a `maxRows` under `minRows` — a caller
+ * contradicting itself — resolves to the height that was asked for outright
+ * rather than to one shorter than the field was told to open at.
+ */
+export function growthBounds(
+  metrics: GrowthMetrics,
+  minRows: number,
+  maxRows: number
+): GrowthBounds {
+  const floor = Math.max(1, Math.floor(minRows) || 1);
+  const ceiling = Math.max(floor, Math.floor(maxRows) || floor);
+  return {
+    minHeight: heightForLines(metrics, floor),
+    maxHeight: heightForLines(metrics, ceiling),
+  };
+}