@multiplatform.one/components 6.1.0 → 6.4.0

package/types/icons/lucide.d.ts

@@ -0,0 +1,4 @@
+/** Thin re-export so apps/packages/features never import @tamagui/lucide-icons-2. */
+export { Eye, EyeOff, Github, Info, Mail } from "@tamagui/lucide-icons-2";
+export { Menu as MenuIcon } from "@tamagui/lucide-icons-2";
+//# sourceMappingURL=lucide.d.ts.map

package/types/icons/lucide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide.d.ts","sourceRoot":"","sources":["../../src/icons/lucide.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG1E,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC"}

package/types/icons/themed.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from "react";
+export declare function themed<A extends FC>(Component: A): A;
+//# sourceMappingURL=themed.d.ts.map

package/types/icons/themed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themed.d.ts","sourceRoot":"","sources":["../../src/icons/themed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,wBAAgB,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,GAgBzC,CAAC,CACR"}

package/types/images/Image/index.d.ts

@@ -0,0 +1,4 @@
+import type { ImageProps } from "./types";
+export type { ImageProps } from "./types";
+export declare function Image({ alt, blurRadius: _blurRadius, capInsets: _capInsets, crossOrigin, defaultSource: _defaultSource, fadeDuration: _fadeDuration, loadingIndicatorSource: _loadingIndicatorSource, objectFit, onError, onLoad, onLoadEnd, onLoadStart, onPartialLoad: _onPartialLoad, onProgress, progressiveRenderingEnabled: _progressiveRenderingEnabled, referrerPolicy, resizeMethod: _resizeMethod, source: sourceProp, src, srcSet, svg: _svg, tintColor: _tintColor, ...props }: ImageProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/types/images/Image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/images/Image/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,GAAG,EACH,UAAU,EAAE,WAAW,EACvB,SAAS,EAAE,UAAU,EACrB,WAAW,EACX,aAAa,EAAE,cAAc,EAC7B,YAAY,EAAE,aAAa,EAC3B,sBAAsB,EAAE,uBAAuB,EAC/C,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,WAAW,EACX,aAAa,EAAE,cAAc,EAC7B,UAAU,EACV,2BAA2B,EAAE,4BAA4B,EACzD,cAAc,EACd,YAAY,EAAE,aAAa,EAC3B,MAAM,EAAE,UAAU,EAClB,GAAG,EACH,MAAM,EACN,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,UAAU,EACrB,GAAG,KAAK,EACT,EAAE,UAAU,kDAuDZ"}

package/types/images/Image/index.native.d.ts

@@ -0,0 +1,4 @@
+import type { ImageProps } from "./types";
+export type { ImageProps } from "./types";
+export declare function Image({ alt, blurRadius, capInsets, crossOrigin, defaultSource, fadeDuration, loadingIndicatorSource, objectFit, onError, onLoad, onLoadEnd, onLoadStart, onPartialLoad, onProgress, progressiveRenderingEnabled, referrerPolicy, resizeMethod, source: sourceProp, src, srcSet, svg, tintColor, ...props }: ImageProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.native.d.ts.map

package/types/images/Image/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/images/Image/index.native.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,GAAG,EACH,UAAU,EACV,SAAS,EACT,WAAW,EACX,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,WAAW,EACX,aAAa,EACb,UAAU,EACV,2BAA2B,EAC3B,cAAc,EACd,YAAY,EACZ,MAAM,EAAE,UAAU,EAClB,GAAG,EACH,MAAM,EACN,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,kDA2JZ"}

package/types/images/Image/types.d.ts

@@ -0,0 +1,8 @@
+import type { ImageErrorEventData, ImageLoadEventData, NativeSyntheticEvent } from "react-native";
+import type { ImageProps as TamaguiImageProps } from "tamagui";
+export type ImageProps = Omit<TamaguiImageProps, "resizeMode" | "onLoad" | "onError"> & {
+    onLoad?: (event?: NativeSyntheticEvent<ImageLoadEventData>) => void;
+    onError?: (error: NativeSyntheticEvent<ImageErrorEventData> | Error) => void;
+    svg?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/types/images/Image/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/images/Image/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAClG,OAAO,KAAK,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/D,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAC,GAAG;IACtF,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACpE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC;IAC7E,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC"}

package/types/images/Svg/index.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentType } from "react";
+import type { Svg as RNSvg } from "react-native-svg";
+export declare const Svg: import("tamagui").TamaguiComponent<import("@tamagui/web").TamaDefer, RNSvg, import("@tamagui/web").TamaguiComponentPropsBaseBase & import("react-native-svg").SvgProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic>;
+export type SvgProps = ComponentType<typeof Svg>;
+//# sourceMappingURL=index.d.ts.map

package/types/images/Svg/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/images/Svg/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,GAAG,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGrD,eAAO,MAAM,GAAG,+PAAgD,CAAC;AAEjE,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,GAAG,CAAC,CAAC"}

package/types/images/Svg/index.native.d.ts

@@ -0,0 +1,4 @@
+import { Svg as RNSvg } from "react-native-svg";
+export declare const Svg: import("tamagui").TamaguiComponent<import("@tamagui/web").TamaDefer, RNSvg, import("@tamagui/web").TamaguiComponentPropsBaseBase & import("react-native-svg").SvgProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic>;
+export type SvgProps = React.ComponentProps<typeof Svg>;
+//# sourceMappingURL=index.native.d.ts.map

package/types/images/Svg/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/images/Svg/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGhD,eAAO,MAAM,GAAG,+PAAiC,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC"}

package/types/images/SvgUri/index.d.ts

@@ -0,0 +1,12 @@
+export declare function SvgUri({ uri, width, height, preserveAspectRatio, onError, onLoad, fallback, accessibilityLabel, ...props }: SvgUriProps): import("react/jsx-runtime").JSX.Element | null;
+export type SvgUriProps = {
+    uri: string | null;
+    width?: number | string;
+    height?: number | string;
+    preserveAspectRatio?: string;
+    accessibilityLabel?: string;
+    onError?: (error: Error) => void;
+    onLoad?: () => void;
+    fallback?: React.JSX.Element;
+};
+//# sourceMappingURL=index.d.ts.map

package/types/images/SvgUri/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/images/SvgUri/index.tsx"],"names":[],"mappings":"AAEA,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,KAAK,EACL,MAAM,EACN,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,WAAW,kDAuEb;AAaD,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC9B,CAAC"}

package/types/images/SvgUri/index.native.d.ts

@@ -0,0 +1,5 @@
+export declare const SvgUri: import("tamagui").TamaguiComponent<import("@tamagui/web").TamaDefer, unknown, import("@tamagui/web").TamaguiComponentPropsBaseBase & import("react-native-svg").SvgProps & {
+    uri: string | null;
+} & import("react-native-svg/lib/typescript/xml").AdditionalProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic>;
+export type SvgUriProps = React.ComponentProps<typeof SvgUri>;
+//# sourceMappingURL=index.native.d.ts.map

package/types/images/SvgUri/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/images/SvgUri/index.native.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;wJAAkD,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC"}

package/types/images/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Image/index";
+export * from "./Svg/index";
+export * from "./SvgUri/index";
+//# sourceMappingURL=index.d.ts.map

package/types/images/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/images/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC"}

package/types/index.d.ts

@@ -0,0 +1,52 @@
+export * from "./Alert";
+export * from "./Badge";
+export * from "./Carousel";
+export * from "./Chip";
+export * from "./DotIndicator";
+export * from "./DropdownMenu";
+export * from "./ProgressSteps";
+export * from "./Quote";
+export * from "./Skeleton";
+export * from "./SkipLink";
+export * from "./Toast";
+export * from "./Video";
+export * from "./feedback";
+export * from "./actions";
+export * from "./Wheel";
+export * from "./ErrorBoundary/index";
+export * from "./code/index";
+export * from "./hooks/index";
+export * from "./icons/index";
+export * from "./images/index";
+export * from "./layouts/index";
+export * from "./surfaces";
+export * from "./views/index";
+export { unwrapText } from "./utils/unwrapText";
+export { Pagination, getPaginationItems } from "./Pagination";
+export type { PaginationProps, PaginationItem } from "./Pagination";
+export { Accordion } from "./Accordion";
+export type { AccordionProps, AccordionVariant, AccordionType, AccordionSingleModeProps, AccordionMultipleModeProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps, } from "./Accordion";
+export { Tabs } from "./Tabs";
+export type { TabsProps, TabsItem, TabsVariant, TabsSize, TabsTriggerProps } from "./Tabs";
+export { Tooltip } from "./Tooltip";
+export type { TooltipProps, TooltipContentProps, TooltipArrowProps, TooltipTextProps, } from "./Tooltip";
+export { Card, CardHeader, CardFooter, DialogContent, PopoverContent, SheetFrame, Panel, } from "./surfaces";
+export type { CardProps, SurfaceTier } from "./surfaces";
+export * from "./tamagui";
+export { Toast, ToastViewport, useToast } from "./Toast";
+export type { ToastProps, ToastViewportProps } from "./Toast";
+export { MenuIcon as Menu, MenuIcon } from "./icons/lucide";
+export { Toast as TamaguiToast, useToastController, useToastState } from "@tamagui/toast";
+export { Avatar, getInitials } from "./Avatar";
+export type { AvatarProps, AvatarSize } from "./Avatar";
+export { Fieldset } from "@multiplatform.one/forms";
+export type { FieldsetProps } from "@multiplatform.one/forms";
+export type { ImageProps } from "./images/Image";
+export { Image } from "./images/Image";
+import type { shorthands as _shorthands } from "@tamagui/shorthands";
+declare module "@tamagui/web" {
+    interface TamaguiCustomConfig {
+        shorthands: typeof _shorthands;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,wBAAwB,EACxB,0BAA0B,EAC1B,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC3F,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,WAAW,CAAC;AAKnB,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,aAAa,EACb,cAAc,EACd,UAAU,EACV,KAAK,GACN,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAKzD,cAAc,WAAW,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACzD,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAI9D,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAK5D,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG1F,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAYvC,OAAO,KAAK,EAAE,UAAU,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,mBAAmB;QAC3B,UAAU,EAAE,OAAO,WAAW,CAAC;KAChC;CACF"}

package/types/layouts/AsyncBoundary.d.ts

@@ -0,0 +1,94 @@
+/**
+ * AsyncBoundary — first-class loading / empty / error / data states (W9).
+ *
+ * DG-ST-01: empty chrome is never shown when `error` is set (error wins).
+ * DG-ST-02: default loading uses a layout-matched skeleton (no layout jump).
+ * DG-ST-04: counts/badges in the failure chrome are hidden (`hideBadges`).
+ * DG-TBL-06: data views treat these as first-class states.
+ */
+import { type ReactNode } from "react";
+import { type YStackProps } from "tamagui";
+export type AsyncStatus = "loading" | "empty" | "error" | "data";
+/** Layout recipe for the default skeleton (DG-ST-02). */
+export type AsyncBoundaryLayout = "list" | "table" | "kanban" | "dashboard" | "generic";
+export type AsyncBoundaryContextValue = {
+    status: AsyncStatus;
+    /** True when status is `error` — counts/badges must not render (DG-ST-04). */
+    hideBadges: boolean;
+    error: unknown;
+};
+/** Read async status from the nearest AsyncBoundary (null outside). */
+export declare function useAsyncBoundary(): AsyncBoundaryContextValue | null;
+/**
+ * Count / badge value that degrades on failure (DG-ST-04).
+ * Returns `undefined` when the nearest boundary is in `error` (or when
+ * `value` is already undefined) so Badge/count chrome hides instead of lying.
+ */
+export declare function useAsyncCount(value: number | undefined): number | undefined;
+export interface AsyncBoundaryProps extends Omit<YStackProps, "children"> {
+    /**
+     * Loading slot. `true` → layout skeleton; custom node replaces it.
+     * Boolean false / undefined → not loading.
+     */
+    loading?: boolean | ReactNode;
+    /**
+     * Empty slot. `true` → default EmptyState; custom node replaces it.
+     * Ignored entirely when `error` is set (DG-ST-01).
+     */
+    empty?: boolean | ReactNode;
+    /**
+     * Error slot. Truthy string / Error / node / `true` → error UI.
+     * Wins over loading and empty.
+     */
+    error?: boolean | string | Error | ReactNode | null;
+    /** Ready content. Alias of `children`. */
+    data?: ReactNode;
+    children?: ReactNode;
+    /** Skeleton layout when `loading={true}` (default: generic). */
+    layout?: AsyncBoundaryLayout;
+    /** Retry action shown on the default error UI. */
+    onRetry?: () => void;
+    /** Default error EmptyState title. */
+    errorTitle?: string;
+    /** Default empty EmptyState title when `empty={true}`. */
+    emptyTitle?: string;
+    /** Default empty description. */
+    emptyDescription?: string;
+    /** Default error description (overrides Error.message when set). */
+    errorDescription?: string;
+    /** Compact EmptyState chrome for inline table/column use. */
+    compact?: boolean;
+    /**
+     * Optional chrome (filters, count badges, toolbars) rendered only for
+     * `data` / `empty` / `loading`. Hidden on `error` so badges can't lie (DG-ST-04).
+     */
+    chrome?: ReactNode;
+}
+export declare function resolveAsyncStatus(opts: {
+    loading?: boolean | ReactNode;
+    empty?: boolean | ReactNode;
+    error?: boolean | string | Error | ReactNode | null;
+}): AsyncStatus;
+/** @internal test helper */
+export declare function __resetAsyncDevWarnSeen(): void;
+export declare function AsyncSkeleton({ layout, ...rest }: {
+    layout?: AsyncBoundaryLayout;
+} & YStackProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders exactly one of: error → loading → empty → data.
+ *
+ * ```tsx
+ * <AsyncBoundary
+ *   loading={isLoading}
+ *   empty={items.length === 0}
+ *   error={queryError}
+ *   layout="list"
+ *   onRetry={refetch}
+ *   emptyTitle="No items found"
+ * >
+ *   <List items={items} ... />
+ * </AsyncBoundary>
+ * ```
+ */
+export declare function AsyncBoundary({ loading, empty, error, data, children, layout, onRetry, errorTitle, emptyTitle, emptyDescription, errorDescription, compact, chrome, ...stackProps }: AsyncBoundaryProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AsyncBoundary.d.ts.map

package/types/layouts/AsyncBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncBoundary.d.ts","sourceRoot":"","sources":["../../src/layouts/AsyncBoundary.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAQjE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjE,yDAAyD;AACzD,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,CAAC;AAExF,MAAM,MAAM,yBAAyB,GAAG;IACtC,MAAM,EAAE,WAAW,CAAC;IACpB,8EAA8E;IAC9E,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAIF,uEAAuE;AACvE,wBAAgB,gBAAgB,IAAI,yBAAyB,GAAG,IAAI,CAEnE;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAI3E;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACvE;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC;IACpD,0CAA0C;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gEAAgE;IAChE,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAuBD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC;CACrD,GAAG,WAAW,CAKd;AA0BD,4BAA4B;AAC5B,wBAAgB,uBAAuB,IAAI,IAAI,CAE9C;AAMD,wBAAgB,aAAa,CAAC,EAC5B,MAAkB,EAClB,GAAG,IAAI,EACR,EAAE;IAAE,MAAM,CAAC,EAAE,mBAAmB,CAAA;CAAE,GAAG,WAAW,2CA6HhD;AAMD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,MAAkB,EAClB,OAAO,EACP,UAAiC,EACjC,UAA6B,EAC7B,gBAAgB,EAChB,gBAAgB,EAChB,OAAe,EACf,MAAM,EACN,GAAG,UAAU,EACd,EAAE,kBAAkB,2CA8EpB"}

package/types/layouts/Debug/index.d.ts

@@ -0,0 +1,17 @@
+import type { WithLayout } from "@multiplatform.one/platform";
+import type { ComponentType, ReactNode } from "react";
+export interface DebugLayoutProps<DebugViewProps> {
+    children: ReactNode;
+    debugView?: ComponentType<DebugViewProps>;
+    debugViewProps?: DebugViewProps;
+    size?: number;
+}
+export declare function DebugLayout<DebugViewProps>({ children, debugView, debugViewProps, size, }: DebugLayoutProps<DebugViewProps>): import("react/jsx-runtime").JSX.Element;
+export declare function createWithDebugLayout<DebugViewProps>(extraLayouts?: WithLayout[], debugLayoutProps?: CreateWithDebugLayout<DebugViewProps>): WithLayout;
+export declare const withDebugLayout: WithLayout;
+interface CreateWithDebugLayout<DebugViewProps> {
+    debugView?: ComponentType<DebugViewProps>;
+    debugViewProps?: DebugViewProps;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/types/layouts/Debug/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/Debug/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAI9D,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,WAAW,gBAAgB,CAAC,cAAc;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,WAAW,CAAC,cAAc,EAAE,EAC1C,QAAQ,EACR,SAAS,EACT,cAAc,EACd,IAAS,GACV,EAAE,gBAAgB,CAAC,cAAc,CAAC,2CA2ClC;AAED,wBAAgB,qBAAqB,CAAC,cAAc,EAClD,YAAY,CAAC,EAAE,UAAU,EAAE,EAC3B,gBAAgB,GAAE,qBAAqB,CAAC,cAAc,CAAM,cAO7D;AAED,eAAO,MAAM,eAAe,YAA0B,CAAC;AAEvD,UAAU,qBAAqB,CAAC,cAAc;IAC5C,SAAS,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC"}

package/types/layouts/KeyboardAvoidingWrapper/index.d.ts

@@ -0,0 +1,29 @@
+import type { PropsWithChildren } from "react";
+import { type YStackProps } from "tamagui";
+export interface KeyboardAvoidingWrapperProps extends YStackProps {
+    /**
+     * The behavior for keyboard avoidance
+     * - 'padding': Add padding to avoid keyboard (default for iOS)
+     * - 'height': Reduce height to avoid keyboard (default for Android)
+     * - 'position': Change position to avoid keyboard
+     */
+    behavior?: "padding" | "height" | "position";
+    /**
+     * Additional offset to add when keyboard is visible
+     */
+    keyboardVerticalOffset?: number;
+    /**
+     * Whether keyboard avoiding behavior is enabled
+     * @default true
+     */
+    enabled?: boolean;
+}
+/**
+ * KeyboardAvoidingWrapper - Web implementation
+ *
+ * On web, this is a simple passthrough component since browsers
+ * handle keyboard behavior differently. The native implementation
+ * (.native.tsx) will handle actual keyboard avoiding.
+ */
+export declare function KeyboardAvoidingWrapper({ children, behavior: _behavior, keyboardVerticalOffset: _offset, enabled: _enabled, ...stackProps }: PropsWithChildren<KeyboardAvoidingWrapperProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/types/layouts/KeyboardAvoidingWrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/KeyboardAvoidingWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,4BAA6B,SAAQ,WAAW;IAC/D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7C;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,EAAE,SAAS,EACnB,sBAAsB,EAAE,OAAO,EAC/B,OAAO,EAAE,QAAQ,EACjB,GAAG,UAAU,EACd,EAAE,iBAAiB,CAAC,4BAA4B,CAAC,2CAMjD"}

package/types/layouts/KeyboardAvoidingWrapper/index.native.d.ts

@@ -0,0 +1,29 @@
+import type { PropsWithChildren } from "react";
+import { type YStackProps } from "tamagui";
+export interface KeyboardAvoidingWrapperProps extends YStackProps {
+    /**
+     * The behavior for keyboard avoidance
+     * - 'padding': Add padding to avoid keyboard (default for iOS)
+     * - 'height': Reduce height to avoid keyboard (default for Android)
+     * - 'position': Change position to avoid keyboard
+     */
+    behavior?: "padding" | "height" | "position";
+    /**
+     * Additional offset to add when keyboard is visible
+     */
+    keyboardVerticalOffset?: number;
+    /**
+     * Whether keyboard avoiding behavior is enabled
+     * @default true
+     */
+    enabled?: boolean;
+}
+/**
+ * KeyboardAvoidingWrapper - Native implementation
+ *
+ * Wraps content in a KeyboardAvoidingView that automatically adjusts
+ * its layout when the keyboard appears. Uses platform-specific
+ * default behavior (padding for iOS, height for Android).
+ */
+export declare function KeyboardAvoidingWrapper({ children, behavior, keyboardVerticalOffset, enabled, ...stackProps }: PropsWithChildren<KeyboardAvoidingWrapperProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.native.d.ts.map

package/types/layouts/KeyboardAvoidingWrapper/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/layouts/KeyboardAvoidingWrapper/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,4BAA6B,SAAQ,WAAW;IAC/D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7C;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,EACR,sBAA0B,EAC1B,OAAc,EACd,GAAG,UAAU,EACd,EAAE,iBAAiB,CAAC,4BAA4B,CAAC,2CAiBjD"}

package/types/layouts/PageTemplates.d.ts

@@ -0,0 +1,94 @@
+/**
+ * Standard page templates (W11 close-out) — DG-LAY-01/02/03.
+ *
+ * Thin, compose-only shells over the existing page primitives (`Screen`,
+ * `PageHeader`, `ScreenToolbar`) and canonical scaffolds (`SupportingPaneLayout`).
+ * They exist so product screens declare intent ("this is a list page") instead
+ * of re-assembling scroll + max-width + header + pane plumbing by hand.
+ *
+ * - **ListPageLayout** — collection screens: header + optional filter toolbar +
+ *   a flex content region for tables / grids / feeds.
+ * - **DetailPageLayout** — single-record screens: back/actions toolbar + header +
+ *   main content with an optional supporting `aside` (⅔ / ⅓ from `expanded` up,
+ *   stacked below the main content on compact/medium).
+ * - **SettingsPageLayout** — form-heavy screens: content capped at the
+ *   `expanded` breakpoint for a comfortable form measure; sections stack with
+ *   the semantic between-groups gap. Field grids (e.g. forms' `FormGrid`)
+ *   slot into the children.
+ *
+ * Breakpoints come from the canonical layout tokens (DG-LAY-01) — no raw px.
+ */
+import { type LayoutSizeClass } from "@multiplatform.one/theme";
+import type { ReactNode } from "react";
+import { type ScreenProps } from "./page";
+interface TemplateHeaderProps {
+    title?: string;
+    subtitle?: string;
+    actions?: ReactNode;
+    /** Full override — replaces the default `PageHeader`. */
+    header?: ReactNode;
+}
+export interface ListPageLayoutProps extends ScreenProps, TemplateHeaderProps {
+    /** Filter / search / view-switcher row rendered between header and content. */
+    toolbar?: ReactNode;
+    children: ReactNode;
+}
+/**
+ * Standard collection screen: `PageHeader` (title + actions), optional filter
+ * toolbar, then a flex content region so tables / image grids fill the page.
+ *
+ * @example
+ * <ListPageLayout title="Pokemon" actions={<ViewSwitcher … />}>
+ *   <FrappeListView doctype="Pokemon" flex={1} />
+ * </ListPageLayout>
+ */
+export declare function ListPageLayout({ title, subtitle, actions, header, toolbar, children, ...rest }: ListPageLayoutProps): import("react/jsx-runtime").JSX.Element;
+export interface DetailPageLayoutProps extends ScreenProps, TemplateHeaderProps {
+    /** Leading toolbar content (typically a back button). */
+    toolbarLeading?: ReactNode;
+    /** Trailing toolbar content (typically edit / primary actions). */
+    toolbarTrailing?: ReactNode;
+    /**
+     * Supporting content (metadata, timeline, related records). Side-by-side
+     * (⅔ / ⅓) from `expanded` (860) up; stacked below the main content on
+     * compact/medium — never hidden.
+     */
+    aside?: ReactNode;
+    /** Optional size-class override (tests / Storybook viewports). */
+    sizeClass?: LayoutSizeClass;
+    children: ReactNode;
+}
+/**
+ * Standard single-record screen: back/actions toolbar, header, main content
+ * with an optional supporting pane.
+ *
+ * @example
+ * <DetailPageLayout
+ *   title={displayName}
+ *   toolbarLeading={<Button onPress={back}>Back</Button>}
+ *   toolbarTrailing={<Button theme="accent">Edit</Button>}
+ *   aside={<Timeline … />}
+ * >
+ *   <FrappeForm doctype="Pokemon" name={id} />
+ * </DetailPageLayout>
+ */
+export declare function DetailPageLayout({ title, subtitle, actions, header, toolbarLeading, toolbarTrailing, aside, sizeClass: sizeClassProp, children, ...rest }: DetailPageLayoutProps): import("react/jsx-runtime").JSX.Element;
+export interface SettingsPageLayoutProps extends ScreenProps, TemplateHeaderProps {
+    children: ReactNode;
+}
+/**
+ * Standard settings / preferences screen. Content is capped at the `expanded`
+ * breakpoint (860) — a comfortable measure for label + control rows — instead
+ * of the full `CONTENT_MAX_WIDTH`. Compose `PageSection` blocks as children;
+ * field grids (forms' `FormGrid`) collapse to one column on their own below
+ * their container threshold.
+ *
+ * @example
+ * <SettingsPageLayout title="Settings" subtitle="Workspace preferences">
+ *   <PageSection title="Profile">…fields…</PageSection>
+ *   <PageSection title="Notifications">…fields…</PageSection>
+ * </SettingsPageLayout>
+ */
+export declare function SettingsPageLayout({ title, subtitle, actions, header, maxWidth, children, ...rest }: SettingsPageLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PageTemplates.d.ts.map

package/types/layouts/PageTemplates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTemplates.d.ts","sourceRoot":"","sources":["../../src/layouts/PageTemplates.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAKL,KAAK,eAAe,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAqC,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAK7E,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yDAAyD;IACzD,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAUD,MAAM,WAAW,mBAAoB,SAAQ,WAAW,EAAE,mBAAmB;IAC3E,+EAA+E;IAC/E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,MAAM,EACN,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,mBAAmB,2CAUrB;AAID,MAAM,WAAW,qBAAsB,SAAQ,WAAW,EAAE,mBAAmB;IAC7E,yDAAyD;IACzD,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,mEAAmE;IACnE,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kEAAkE;IAClE,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,MAAM,EACN,cAAc,EACd,eAAe,EACf,KAAK,EACL,SAAS,EAAE,aAAa,EACxB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAqCvB;AAID,MAAM,WAAW,uBAAwB,SAAQ,WAAW,EAAE,mBAAmB;IAC/E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAqC,EACrC,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAOzB"}

package/types/layouts/PaneScaffold.d.ts

@@ -0,0 +1,83 @@
+/**
+ * PaneScaffold + canonical layouts (DG-LAY-02) — W11.
+ *
+ * Devs declare pane roles; the scaffold picks 1 vs 2 columns from the
+ * canonical layout size class (`expanded` @ 860 = FloatingPanel pivot).
+ *
+ * - **List-detail**: secondary (detail) is meaningful on its own.
+ * - **Supporting-pane**: secondary is meaningful only relative to primary.
+ * - **Feed**: equal-weight cards in a responsive grid.
+ *
+ * Compact/medium show one pane; pass `activePane` to choose which.
+ */
+import { type LayoutSizeClass } from "@multiplatform.one/theme";
+import { type ReactNode } from "react";
+import type { XStackProps, YStackProps } from "tamagui";
+export type PaneRole = "primary" | "secondary";
+export interface PaneScaffoldProps extends Omit<XStackProps, "children"> {
+    primary: ReactNode;
+    secondary?: ReactNode;
+    /**
+     * Which pane to show when only one column fits. Default: `primary`.
+     * List-detail on compact typically flips to `secondary` once an item is selected.
+     */
+    activePane?: PaneRole;
+    /** Override the default pane budget (compact/medium → 1, expanded+ → 2). */
+    maxPanes?: 1 | 2;
+    /**
+     * Flex grow for primary : secondary when side-by-side.
+     * List-detail defaults to `[1, 1]`; supporting-pane to `[2, 1]`.
+     */
+    paneFlex?: [number, number];
+    /** Gap between panes — defaults to semantic `betweenGroups` (gapLg). */
+    paneGap?: XStackProps["gap"];
+    /** Optional size-class override (tests / Storybook viewports). */
+    sizeClass?: LayoutSizeClass;
+}
+/**
+ * Adaptive one-/two-pane shell. Geometry only — surface colors stay stable
+ * across breakpoints (Material M-L5).
+ */
+export declare function PaneScaffold({ primary, secondary, activePane, maxPanes: maxPanesProp, paneFlex, paneGap, sizeClass: sizeClassProp, ...rest }: PaneScaffoldProps): import("react/jsx-runtime").JSX.Element;
+export interface ListDetailLayoutProps extends Omit<PaneScaffoldProps, "primary" | "secondary" | "paneFlex"> {
+    list: ReactNode;
+    detail: ReactNode;
+    /** When true on single-pane viewports, show detail instead of list. */
+    selected?: boolean;
+}
+/**
+ * Canonical list-detail: explorative list + item detail. Detail remains
+ * meaningful without the list (Material M-L4).
+ */
+export declare function ListDetailLayout({ list, detail, selected, activePane, ...rest }: ListDetailLayoutProps): import("react/jsx-runtime").JSX.Element;
+export interface SupportingPaneLayoutProps extends Omit<PaneScaffoldProps, "primary" | "secondary" | "paneFlex"> {
+    /** Main content (~⅔ when side-by-side). */
+    children: ReactNode;
+    supporting: ReactNode;
+}
+/**
+ * Canonical supporting-pane: primary content + contextual support (~⅔ / ⅓).
+ * Supporting content is only meaningful relative to primary (Material M-L4).
+ */
+export declare function SupportingPaneLayout({ children, supporting, ...rest }: SupportingPaneLayoutProps): import("react/jsx-runtime").JSX.Element;
+export interface FeedLayoutProps extends YStackProps {
+    children: ReactNode;
+    /** Min card width before the grid adds a column. Default 280. */
+    minItemWidth?: number;
+}
+/**
+ * Canonical feed: equal-weight items in a responsive grid. Uses semantic
+ * `betweenGroups` gap between cards.
+ */
+export declare function FeedLayout({ children, minItemWidth, ...rest }: FeedLayoutProps): import("react/jsx-runtime").JSX.Element;
+export interface ReadingWidthProps extends YStackProps {
+    /** Measure in `ch`. Default 70 (clamped 65–75). Pass `"none"` to eject. */
+    measure?: number | "none";
+    children: ReactNode;
+}
+/**
+ * Constrains prose / long-form content to a readable measure (~65–75ch).
+ * Full-bleed is the eject (`measure="none"`), not the default.
+ */
+export declare function ReadingWidth({ measure, children, ...rest }: ReadingWidthProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PaneScaffold.d.ts.map

package/types/layouts/PaneScaffold.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneScaffold.d.ts","sourceRoot":"","sources":["../../src/layouts/PaneScaffold.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAML,KAAK,eAAe,EAErB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKxD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;AAE/C,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACtE,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,wEAAwE;IACxE,OAAO,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC7B,kEAAkE;IAClE,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAS,EACT,UAAsB,EACtB,QAAQ,EAAE,YAAY,EACtB,QAAiB,EACjB,OAAO,EACP,SAAS,EAAE,aAAa,EACxB,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAyDnB;AAID,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,iBAAiB,EACjB,SAAS,GAAG,WAAW,GAAG,UAAU,CACrC;IACC,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,SAAS,CAAC;IAClB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,MAAM,EACN,QAAgB,EAChB,UAAU,EACV,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAWvB;AAID,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CACrD,iBAAiB,EACjB,SAAS,GAAG,WAAW,GAAG,UAAU,CACrC;IACC,2CAA2C;IAC3C,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,SAAS,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,yBAAyB,2CAUhG;AAID,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,QAAQ,EAAE,SAAS,CAAC;IACpB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,YAAkB,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CA0BpF;AAID,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAA0B,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,2CAWhG"}

package/types/layouts/SafeAreaWrapper/index.d.ts

@@ -0,0 +1,24 @@
+import type { PropsWithChildren } from "react";
+import { type YStackProps } from "tamagui";
+export interface SafeAreaWrapperProps extends YStackProps {
+    /**
+     * Which edges to apply safe area insets to
+     * @default ['top', 'bottom', 'left', 'right']
+     */
+    edges?: Array<"top" | "bottom" | "left" | "right">;
+    /**
+     * Additional mode for safe area behavior
+     * - 'padding': Apply as padding (default)
+     * - 'margin': Apply as margin
+     */
+    mode?: "padding" | "margin";
+}
+/**
+ * SafeAreaWrapper - Web implementation
+ *
+ * On web, this is a simple passthrough component that wraps children
+ * in a YStack. The native implementation (.native.tsx) will handle
+ * the actual safe area insets.
+ */
+export declare function SafeAreaWrapper({ children, edges: _edges, mode: _mode, ...stackProps }: PropsWithChildren<SafeAreaWrapperProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/types/layouts/SafeAreaWrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/SafeAreaWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IACnD;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,KAAK,EACX,GAAG,UAAU,EACd,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,2CAMzC"}

package/types/layouts/SafeAreaWrapper/index.native.d.ts

@@ -0,0 +1,25 @@
+import type { PropsWithChildren } from "react";
+import { type YStackProps } from "tamagui";
+export interface SafeAreaWrapperProps extends YStackProps {
+    /**
+     * Which edges to apply safe area insets to
+     * @default ['top', 'bottom', 'left', 'right']
+     */
+    edges?: Array<"top" | "bottom" | "left" | "right">;
+    /**
+     * Additional mode for safe area behavior
+     * - 'padding': Apply as padding (default)
+     * - 'margin': Apply as margin
+     */
+    mode?: "padding" | "margin";
+}
+/**
+ * SafeAreaWrapper - Native implementation
+ *
+ * Wraps content with safe area insets for devices with notches,
+ * home indicators, and other system UI elements.
+ *
+ * Uses react-native-safe-area-context for proper inset handling.
+ */
+export declare function SafeAreaWrapper({ children, edges, mode, ...stackProps }: PropsWithChildren<SafeAreaWrapperProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.native.d.ts.map

package/types/layouts/SafeAreaWrapper/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/layouts/SafeAreaWrapper/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IACnD;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAA0C,EAC1C,IAAgB,EAChB,GAAG,UAAU,EACd,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,2CAyBzC"}