panelui-native 0.7.0 → 0.12.0

package/lib/typescript/src/components/slider/index.d.ts

@@ -0,0 +1,203 @@
+import { View } from 'react-native';
+import { type VariantProps } from 'tailwind-variants';
+declare const sliderVariants: import("tailwind-variants").TVReturnType<{
+    color: {
+        primary: {
+            fill: string;
+            thumb: string;
+        };
+        success: {
+            fill: string;
+            thumb: string;
+        };
+        warning: {
+            fill: string;
+            thumb: string;
+        };
+        destructive: {
+            fill: string;
+            thumb: string;
+        };
+        info: {
+            fill: string;
+            thumb: string;
+        };
+    };
+    size: {
+        sm: {
+            track: string;
+            thumb: string;
+        };
+        md: {
+            track: string;
+            thumb: string;
+        };
+        lg: {
+            track: string;
+            thumb: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    label: string;
+    value: string;
+    track: string;
+    fill: string;
+    thumb: string;
+    knob: string;
+}, undefined, {
+    color: {
+        primary: {
+            fill: string;
+            thumb: string;
+        };
+        success: {
+            fill: string;
+            thumb: string;
+        };
+        warning: {
+            fill: string;
+            thumb: string;
+        };
+        destructive: {
+            fill: string;
+            thumb: string;
+        };
+        info: {
+            fill: string;
+            thumb: string;
+        };
+    };
+    size: {
+        sm: {
+            track: string;
+            thumb: string;
+        };
+        md: {
+            track: string;
+            thumb: string;
+        };
+        lg: {
+            track: string;
+            thumb: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    label: string;
+    value: string;
+    track: string;
+    fill: string;
+    thumb: string;
+    knob: string;
+}, import("tailwind-variants").TVReturnType<{
+    color: {
+        primary: {
+            fill: string;
+            thumb: string;
+        };
+        success: {
+            fill: string;
+            thumb: string;
+        };
+        warning: {
+            fill: string;
+            thumb: string;
+        };
+        destructive: {
+            fill: string;
+            thumb: string;
+        };
+        info: {
+            fill: string;
+            thumb: string;
+        };
+    };
+    size: {
+        sm: {
+            track: string;
+            thumb: string;
+        };
+        md: {
+            track: string;
+            thumb: string;
+        };
+        lg: {
+            track: string;
+            thumb: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    label: string;
+    value: string;
+    track: string;
+    fill: string;
+    thumb: string;
+    knob: string;
+}, undefined, unknown, unknown, undefined>>;
+type SliderVariantProps = VariantProps<typeof sliderVariants>;
+export interface SliderProps extends Omit<SliderVariantProps, 'disabled'> {
+    className?: string;
+    /** Controlled value. Leave unset and pass `defaultValue` to run uncontrolled. */
+    value?: number;
+    /** Starting value when uncontrolled. */
+    defaultValue?: number;
+    /** Lower bound. */
+    min?: number;
+    /** Upper bound. */
+    max?: number;
+    /** Snap granularity. The value is always a multiple of `step` from `min`. */
+    step?: number;
+    /** Fires on every change while dragging — cheap updates only. */
+    onValueChange?: (value: number) => void;
+    /** Fires once when the gesture ends — the place for expensive side effects. */
+    onValueCommit?: (value: number) => void;
+    disabled?: boolean;
+    /**
+     * Render the platform's own slider instead of this one. Requires the
+     * optional `@expo/ui` package; without it this prop does nothing.
+     *
+     * **Theme tokens do not apply** — the platform draws the control, so
+     * `color`, `size` and the slot classNames are ignored. `label` and
+     * `showValue` still render the caption row above it, since that is ours.
+     */
+    native?: boolean;
+    /** Caption above the track. Also becomes the accessibility label. */
+    label?: string;
+    /** Show the current value on the caption row, opposite the label. */
+    showValue?: boolean;
+    /** Format the shown value. Defaults to the rounded number. */
+    formatValue?: (value: number) => string;
+    /** Extra classes for the caption row. */
+    headerClassName?: string;
+    /** Extra classes for the unfilled track. */
+    trackClassName?: string;
+    /** Extra classes for the filled portion. */
+    fillClassName?: string;
+    /** Extra classes for the draggable thumb. */
+    thumbClassName?: string;
+    /** Extra classes for the knob inside the thumb. */
+    knobClassName?: string;
+}
+export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<View>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,EACL,IAAI,EAGL,MAAM,cAAc,CAAC;AAQtB,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAiB1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAsClB,CAAC;AAQH,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE9D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,+EAA+E;IAC/E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAYD,eAAO,MAAM,MAAM,8FAsNlB,CAAC"}

package/lib/typescript/src/components/surface/index.d.ts

@@ -7,13 +7,37 @@ declare const surfaceVariants: import("tailwind-variants").TVReturnType<{
         tertiary: string;
         transparent: string;
     };
-}, undefined, "overflow-hidden rounded-3xl p-4", {
+    padding: {
+        none: string;
+        sm: string;
+        default: string;
+        lg: string;
+    };
+    bordered: {
+        true: string;
+    };
+    elevated: {
+        true: string;
+    };
+}, undefined, "overflow-hidden rounded-3xl", {
     variant: {
         default: string;
         secondary: string;
         tertiary: string;
         transparent: string;
     };
+    padding: {
+        none: string;
+        sm: string;
+        default: string;
+        lg: string;
+    };
+    bordered: {
+        true: string;
+    };
+    elevated: {
+        true: string;
+    };
 }, undefined, import("tailwind-variants").TVReturnType<{
     variant: {
         default: string;
@@ -21,9 +45,34 @@ declare const surfaceVariants: import("tailwind-variants").TVReturnType<{
         tertiary: string;
         transparent: string;
     };
-}, undefined, "overflow-hidden rounded-3xl p-4", unknown, unknown, undefined>>;
+    padding: {
+        none: string;
+        sm: string;
+        default: string;
+        lg: string;
+    };
+    bordered: {
+        true: string;
+    };
+    elevated: {
+        true: string;
+    };
+}, undefined, "overflow-hidden rounded-3xl", unknown, unknown, undefined>>;
 export interface SurfaceProps extends ViewProps, VariantProps<typeof surfaceVariants> {
     className?: string;
+    /**
+     * A hairline border. A surface the same colour as what it sits on needs one
+     * to read as a distinct plane rather than dissolving into the background.
+     */
+    bordered?: boolean;
+    /**
+     * A soft shadow lifting the surface off the page. Off by default because a
+     * nested surface reads its depth from its fill, not from a shadow it would
+     * only cast onto its parent.
+     */
+    elevated?: boolean;
+    /** Inner spacing. `none` is for a surface wrapping a bled image or a chart. */
+    padding?: 'none' | 'sm' | 'default' | 'lg';
 }
 export declare const Surface: import("react").ForwardRefExoticComponent<SurfaceProps & import("react").RefAttributes<View>>;
 export {};

package/lib/typescript/src/components/surface/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/surface/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAc,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;8EAanB,CAAC;AAEH,MAAM,WAAW,YACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,+FAYnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/surface/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAc,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0EA0BnB,CAAC;AAEH,MAAM,WAAW,YACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,OAAO,+FAYnB,CAAC"}

package/lib/typescript/src/components/switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/switch/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAO/C,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAkBlB,CAAC;AAIH,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,8FAkDlB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/switch/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAO/C,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAkBlB,CAAC;AAWH,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,8FAkDlB,CAAC"}

package/lib/typescript/src/components/tabs/index.d.ts

@@ -1,30 +1,72 @@
+/**
+ * Tabs — segmented navigation between panels.
+ *
+ * The active tab is marked by one indicator that slides between measured
+ * trigger positions rather than by a style on each trigger. That is what makes
+ * the movement continuous: there is a single thing travelling, so a switch two
+ * tabs away reads as one gesture instead of two states swapping.
+ *
+ * ```tsx
+ * <Tabs defaultValue="account">
+ *   <Tabs.List>
+ *     <Tabs.Trigger value="account">Account</Tabs.Trigger>
+ *     <Tabs.Trigger value="team" badge={<Badge>3</Badge>}>Team</Tabs.Trigger>
+ *   </Tabs.List>
+ *   <Tabs.Content value="account">…</Tabs.Content>
+ * </Tabs>
+ * ```
+ */
 import { type ReactNode } from 'react';
 import { type ViewProps } from 'react-native';
+export type TabsVariant = 'segmented' | 'underline' | 'pill';
 export interface TabsProps extends ViewProps {
     className?: string;
     value?: string;
     onValueChange?: (value: string) => void;
     defaultValue: string;
+    /**
+     * `segmented` is a chip travelling inside a recessed track, `underline` is a
+     * rule under the active tab, `pill` is a filled chip on the page.
+     */
+    variant?: TabsVariant;
+    /**
+     * Keep inactive panels mounted and hidden instead of unmounting them, so a
+     * scroll position or a half-filled form survives a switch away and back.
+     * Costs the render of every panel up front.
+     */
+    keepMounted?: boolean;
     children: ReactNode;
 }
-declare function TabsRoot({ className, value, onValueChange, defaultValue, children, ...props }: TabsProps): import("react").JSX.Element;
+declare function TabsRoot({ className, value, onValueChange, defaultValue, variant, keepMounted, children, ...props }: TabsProps): import("react").JSX.Element;
 export interface TabsListProps extends ViewProps {
     className?: string;
+    /**
+     * Lay the triggers out at their natural widths inside a horizontal scroller
+     * instead of splitting the row between them. For more tabs than fit — which
+     * a fixed row answers by crushing every label.
+     */
+    scrollable?: boolean;
     children: ReactNode;
 }
-declare function TabsList({ className, children, ...props }: TabsListProps): import("react").JSX.Element;
+declare function TabsList({ className, scrollable, children, ...props }: TabsListProps): import("react").JSX.Element;
 export interface TabsTriggerProps {
     className?: string;
     value: string;
+    /** Rendered before the label. */
+    icon?: ReactNode;
+    /** Rendered after the label — a count, a dot, a status. */
+    badge?: ReactNode;
+    /** Unselectable, dimmed, and announced as disabled. */
+    disabled?: boolean;
     children: ReactNode;
 }
-declare function TabsTrigger({ className, value, children }: TabsTriggerProps): import("react").JSX.Element;
+declare function TabsTrigger({ className, value, icon, badge, disabled, children, }: TabsTriggerProps): import("react").JSX.Element;
 export interface TabsContentProps extends ViewProps {
     className?: string;
     value: string;
     children: ReactNode;
 }
-declare function TabsContent({ className, value, children, ...props }: TabsContentProps): import("react").JSX.Element | null;
+declare function TabsContent({ className, value, children, style, ...props }: TabsContentProps): import("react").JSX.Element | null;
 export declare const Tabs: typeof TabsRoot & {
     List: typeof TabsList;
     Trigger: typeof TabsTrigger;

package/lib/typescript/src/components/tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAkCvF,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,+BAoCX;AAyCD,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAWjE;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAiCpE;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,sCAS9E;AAED,eAAO,MAAM,IAAI;;;;CAIf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/tabs/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAatB,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;AAgF7D,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,aAAa,EACb,YAAY,EACZ,OAAqB,EACrB,WAAmB,EACnB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,+BAgDX;AAqCD,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAkB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BA2CrF;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAgB,EAChB,QAAQ,GACT,EAAE,gBAAgB,+BAsClB;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,sCA4BrF;AAED,eAAO,MAAM,IAAI;;;;CAIf,CAAC"}

package/lib/typescript/src/components/toggle-button/index.d.ts

@@ -0,0 +1,244 @@
+/**
+ * ToggleButton — a button that stays down.
+ *
+ * The difference from Button is the whole point: a button does something and
+ * springs back, a toggle button *is* something afterwards. So the selected
+ * state is the loud one — a filled accent surface — and the resting state is
+ * quiet, either a soft fill or nothing at all.
+ *
+ * ```tsx
+ * <ToggleButton defaultSelected>Like</ToggleButton>
+ *
+ * <ToggleButton iconOnly accessibilityLabel="Bold">
+ *   <BoldIcon size={16} />
+ * </ToggleButton>
+ * ```
+ *
+ * `ToggleButtonGroup` takes over the state for a set of them — a segmented
+ * toolbar in `multiple` mode, an either-or choice in `single`. Inside a group
+ * each button needs an `id`, which is the value the group reports.
+ *
+ * ```tsx
+ * <ToggleButtonGroup selectionMode="multiple" value={marks} onValueChange={setMarks}>
+ *   <ToggleButton id="bold" iconOnly accessibilityLabel="Bold">…</ToggleButton>
+ *   <ToggleButton id="italic" iconOnly accessibilityLabel="Italic">…</ToggleButton>
+ * </ToggleButtonGroup>
+ * ```
+ */
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type VariantProps } from 'tailwind-variants';
+import { type AnimatedPressableProps } from '../../primitives/animated-pressable.js';
+declare const toggleVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        /** A soft fill at rest, so the control is visible before you touch it. */
+        default: {
+            root: string;
+        };
+        /** Nothing at rest — for a dense toolbar where six fills would be noise. */
+        ghost: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+            label: string;
+        };
+        md: {
+            root: string;
+            label: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+        };
+    };
+    selected: {
+        true: {
+            root: string;
+            label: string;
+        };
+        false: {
+            label: string;
+        };
+    };
+    iconOnly: {
+        true: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, undefined, {
+    variant: {
+        /** A soft fill at rest, so the control is visible before you touch it. */
+        default: {
+            root: string;
+        };
+        /** Nothing at rest — for a dense toolbar where six fills would be noise. */
+        ghost: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+            label: string;
+        };
+        md: {
+            root: string;
+            label: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+        };
+    };
+    selected: {
+        true: {
+            root: string;
+            label: string;
+        };
+        false: {
+            label: string;
+        };
+    };
+    iconOnly: {
+        true: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        /** A soft fill at rest, so the control is visible before you touch it. */
+        default: {
+            root: string;
+        };
+        /** Nothing at rest — for a dense toolbar where six fills would be noise. */
+        ghost: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+            label: string;
+        };
+        md: {
+            root: string;
+            label: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+        };
+    };
+    selected: {
+        true: {
+            root: string;
+            label: string;
+        };
+        false: {
+            label: string;
+        };
+    };
+    iconOnly: {
+        true: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;
+type ToggleVariantProps = VariantProps<typeof toggleVariants>;
+export type ToggleButtonSize = NonNullable<ToggleVariantProps['size']>;
+export type ToggleButtonVariant = NonNullable<ToggleVariantProps['variant']>;
+export type ToggleSelectionMode = 'single' | 'multiple';
+export interface ToggleButtonGroupProps extends ViewProps {
+    className?: string;
+    /**
+     * `multiple` is a set of independent marks — bold *and* italic. `single` is
+     * an either-or choice where picking one clears the last.
+     */
+    selectionMode?: ToggleSelectionMode;
+    /** Selected ids. Controlled — pair with `onValueChange`. */
+    value?: string[];
+    /** Starting selection when uncontrolled. */
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    /** Disables every button in the group. */
+    disabled?: boolean;
+    /** Applied to every button that does not set its own. */
+    variant?: ToggleButtonVariant;
+    size?: ToggleButtonSize;
+    children: ReactNode;
+}
+declare const ToggleButtonGroup: import("react").ForwardRefExoticComponent<ToggleButtonGroupProps & import("react").RefAttributes<View>>;
+interface ToggleStateValue {
+    selected: boolean;
+    disabled: boolean;
+}
+/**
+ * The toggle's own state, for anything rendered inside it — an icon that
+ * changes shape when selected, a count that only shows when it is on.
+ */
+export declare function useToggleButton(): ToggleStateValue;
+export interface ToggleButtonProps extends Omit<AnimatedPressableProps, 'children' | 'disabled'>, Omit<ToggleVariantProps, 'selected' | 'disabled' | 'iconOnly'> {
+    children?: ReactNode;
+    className?: string;
+    /** Extra classes for the label when children is a string. */
+    labelClassName?: string;
+    /** Identifies this button within a `ToggleButtonGroup`. Required there. */
+    id?: string;
+    /** Controlled selection. Ignored inside a group, which owns the state. */
+    selected?: boolean;
+    /** Starting state when uncontrolled and outside a group. */
+    defaultSelected?: boolean;
+    onSelectedChange?: (selected: boolean) => void;
+    disabled?: boolean;
+    /** Square, with no horizontal padding — for a single icon. */
+    iconOnly?: boolean;
+    /** Extra classes applied only while selected. */
+    selectedClassName?: string;
+    /** Extra classes applied only while unselected. */
+    unselectedClassName?: string;
+}
+export interface ToggleButtonLabelProps {
+    className?: string;
+    children: ReactNode;
+}
+/**
+ * The label, when the button holds more than a string — an icon beside text.
+ * It reads the selected state itself, so composing the two does not mean
+ * threading the colour through by hand.
+ */
+declare function ToggleButtonLabel({ className, children }: ToggleButtonLabelProps): import("react").JSX.Element;
+declare namespace ToggleButtonLabel {
+    var displayName: string;
+}
+export declare const ToggleButton: import("react").ForwardRefExoticComponent<ToggleButtonProps & import("react").RefAttributes<View>> & {
+    Label: typeof ToggleButtonLabel;
+};
+export { ToggleButtonGroup };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/toggle-button/index.d.ts.map

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

package/lib/typescript/src/hooks/index.d.ts

@@ -3,6 +3,7 @@ export { useDisclosure, type UseDisclosureOptions, type UseDisclosureResult, } f
 export { useBreakpoint, BREAKPOINTS, type Breakpoint, type UseBreakpointResult, } from './use-breakpoint.js';
 export { useKeyboard, type UseKeyboardResult } from './use-keyboard.js';
 export { useKeyboardAvoidance, type UseKeyboardAvoidanceOptions, type UseKeyboardAvoidanceResult, } from './use-keyboard-avoidance.js';
+export { useScrollSections, type UseScrollSectionsOptions, type UseScrollSectionsResult, } from './use-scroll-sections.js';
 export { useDebouncedValue } from './use-debounced-value.js';
 export { usePrevious } from './use-previous.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,4BAAyB,CAAC;AACjC,OAAO,EACL,aAAa,EACb,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,GACzB,MAAM,qBAAkB,CAAC;AAC1B,OAAO,EACL,aAAa,EACb,WAAW,EACX,KAAK,UAAU,EACf,KAAK,mBAAmB,GACzB,MAAM,qBAAkB,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAgB,CAAC;AACrE,OAAO,EACL,oBAAoB,EACpB,KAAK,2BAA2B,EAChC,KAAK,0BAA0B,GAChC,MAAM,6BAA0B,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAAuB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,4BAAyB,CAAC;AACjC,OAAO,EACL,aAAa,EACb,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,GACzB,MAAM,qBAAkB,CAAC;AAC1B,OAAO,EACL,aAAa,EACb,WAAW,EACX,KAAK,UAAU,EACf,KAAK,mBAAmB,GACzB,MAAM,qBAAkB,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAgB,CAAC;AACrE,OAAO,EACL,oBAAoB,EACpB,KAAK,2BAA2B,EAChC,KAAK,0BAA0B,GAChC,MAAM,6BAA0B,CAAC;AAClC,OAAO,EACL,iBAAiB,EACjB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,0BAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAAuB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAgB,CAAC"}

package/lib/typescript/src/hooks/use-keyboard-avoidance.d.ts

@@ -3,6 +3,15 @@ import { useAnimatedStyle, type AnimatedRef } from 'react-native-reanimated';
 export interface UseKeyboardAvoidanceOptions {
     /** Set false to leave the element where it is. */
     enabled?: boolean;
+    /**
+     * Whether this element is the one that should get out of the keyboard's way.
+     *
+     * Defaults to true, which suits a composer or a toolbar: it rides the
+     * keyboard whatever is focused. A *field* wants the opposite — pass its own
+     * focus state, or every field on the screen lifts whenever any one of them
+     * is tapped, and they all arrive at the same place on top of each other.
+     */
+    active?: boolean;
     /** Gap to keep between the element's bottom edge and the keyboard. */
     offset?: number;
 }
@@ -16,5 +25,5 @@ export interface UseKeyboardAvoidanceResult {
 }
 /** True when the keyboard controller is driving this, rather than the fallback. */
 export declare function hasKeyboardController(): boolean;
-export declare function useKeyboardAvoidance({ enabled, offset, }?: UseKeyboardAvoidanceOptions): UseKeyboardAvoidanceResult;
+export declare function useKeyboardAvoidance({ enabled, active, offset, }?: UseKeyboardAvoidanceOptions): UseKeyboardAvoidanceResult;
 //# sourceMappingURL=use-keyboard-avoidance.d.ts.map

package/lib/typescript/src/hooks/use-keyboard-avoidance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-keyboard-avoidance.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-keyboard-avoidance.ts"],"names":[],"mappings":"AAkCA,OAAO,EAAuB,KAAK,iBAAiB,EAAE,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,EAGL,gBAAgB,EAEhB,KAAK,WAAW,EAEjB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,2BAA2B;IAC1C,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,0BAA0B;IACzC,sDAAsD;IACtD,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,+EAA+E;IAC/E,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,iCAAiC;IACjC,aAAa,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;CACpD;AA6BD,mFAAmF;AACnF,wBAAgB,qBAAqB,IAAI,OAAO,CAQ/C;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAc,EACd,MAAW,GACZ,GAAE,2BAAgC,GAAG,0BAA0B,CAsC/D"}
+{"version":3,"file":"use-keyboard-avoidance.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-keyboard-avoidance.ts"],"names":[],"mappings":"AAkCA,OAAO,EAAuB,KAAK,iBAAiB,EAAE,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,EAKL,gBAAgB,EAEhB,KAAK,WAAW,EAEjB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,2BAA2B;IAC1C,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,0BAA0B;IACzC,sDAAsD;IACtD,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,+EAA+E;IAC/E,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,iCAAiC;IACjC,aAAa,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;CACpD;AA6BD,mFAAmF;AACnF,wBAAgB,qBAAqB,IAAI,OAAO,CAQ/C;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAc,EACd,MAAa,EACb,MAAW,GACZ,GAAE,2BAAgC,GAAG,0BAA0B,CA4F/D"}