panelui-native 0.32.0 → 0.35.2

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

@@ -0,0 +1,354 @@
+/**
+ * Panelside — a navigation panel that moves the app aside instead of covering
+ * it.
+ *
+ * ```tsx
+ * <Panelside>
+ *   <Panelside.Panel>
+ *     <Panelside.Header title="Assistant">
+ *       <Panelside.Search value={query} onChangeText={setQuery} />
+ *     </Panelside.Header>
+ *     <Panelside.Content>
+ *       <Panelside.Group>
+ *         <Panelside.GroupLabel>Recents</Panelside.GroupLabel>
+ *         <Panelside.Item label="Launch thread" />
+ *       </Panelside.Group>
+ *     </Panelside.Content>
+ *     <Panelside.Footer>
+ *       <Panelside.Cta label="New chat" onPress={compose} />
+ *     </Panelside.Footer>
+ *   </Panelside.Panel>
+ *
+ *   <Panelside.Scene>
+ *     <Panelside.Trigger />
+ *     <Conversation />
+ *   </Panelside.Scene>
+ * </Panelside>
+ * ```
+ *
+ * ## Why it is not a Drawer
+ *
+ * A drawer is an overlay: it mounts through a portal, lands above everything
+ * and dims what it hid. That is the wrong shape here, because the whole point
+ * of this pattern is that the app *stays legible* — it slides across, shrinks,
+ * rounds its corners and waits, so the panel reads as a layer behind the app
+ * rather than a sheet on top of it. A portal cannot do that: its content is
+ * above the app content by construction, and the app content is somewhere else
+ * in the tree entirely, unreachable.
+ *
+ * So Panelside owns both halves. It renders inline, keeps the panel and the
+ * app screen as siblings under one clipping container, and gives them a single
+ * `progress` value to move against. `Panelside.Scene` is the wrapper you put
+ * around your own screen; without it there is nothing to push, which is why it
+ * is explicit rather than inferred.
+ *
+ * ## The scene maths
+ *
+ * React Native scales a view about its centre, so a scene scaled to `s` has
+ * already pulled its left edge `W * (1 - s) / 2` inward before any translation
+ * is applied. Translating by the panel width alone would therefore leave a gap
+ * that grows with the scale, and the panel would look mis-measured. Subtracting
+ * that inset is what puts the scene's *visible* edge exactly where the panel
+ * ends:
+ *
+ *     scale      = 1 - (1 - s) * p
+ *     translateX = p * (width + gap) - W * (1 - scale) / 2
+ *
+ * Both are driven from one shared value, so a half-finished drag is a real
+ * halfway state rather than an interpolation between two snapshots.
+ *
+ * ## One gesture, both directions
+ *
+ * A single pan opens and closes. By default it listens across the whole
+ * surface, because that is the behaviour this pattern is known for: a sideways
+ * drag anywhere on the app brings the panel in, from wherever your thumb
+ * already was. What keeps a list usable underneath it is the pair of
+ * thresholds — the drag gives itself up on twelve points of vertical travel
+ * and only claims the touch at fourteen horizontal, so anything even slightly
+ * vertical resolves as a scroll.
+ *
+ * `swipeFrom="edge"` narrows the closed-state hit area to a strip at the
+ * leading screen edge instead. That is for a scene with its own use for a
+ * horizontal drag — a carousel, a wide table, a pannable chart — which would
+ * otherwise fight the panel and lose.
+ *
+ * Reanimated's default `ReduceMotion.System` applies throughout: with the
+ * accessibility setting on, every spring here resolves instantly to its target
+ * rather than travelling.
+ */
+import { type ReactElement, type ReactNode } from 'react';
+import { type PressableProps, type ScrollViewProps, type TextInputProps, type ViewProps } from 'react-native';
+import { type SharedValue } from 'react-native-reanimated';
+export type PanelsideMode = 'push' | 'overlay';
+export type PanelsideSwipeFrom = 'anywhere' | 'edge';
+export interface UsePanelsideResult {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    toggle: () => void;
+    /**
+     * How far the panel has travelled, 0 to 1, on the UI thread. Read it to move
+     * something of your own with the panel — a header that fades, a title that
+     * slides — without a re-render per frame.
+     */
+    progress: SharedValue<number>;
+    /** True while the panel is docked open beside the scene. */
+    docked: boolean;
+}
+/**
+ * The panel's state, from anywhere inside a `<Panelside>` — including your own
+ * screen inside `Panelside.Scene`, which is where a custom open button usually
+ * lives.
+ */
+export declare function usePanelside(): UsePanelsideResult;
+export interface PanelsideProps {
+    children: ReactNode;
+    /** Open state, when you want to own it. Pair with `onOpenChange`. */
+    open?: boolean;
+    /** Called with the next open state, whether a gesture or you caused it. */
+    onOpenChange?: (open: boolean) => void;
+    /** Open state to start at when you are not controlling it. */
+    defaultOpen?: boolean;
+    /**
+     * How the two layers relate. `push` moves the scene aside and curves it,
+     * which is the point of this component. `overlay` slides the panel over a
+     * scene that stays put — the same navigation, for a screen whose content
+     * cannot afford to move.
+     */
+    mode?: PanelsideMode;
+    /**
+     * Panel width in points. Defaults to 80% of the container capped at 360,
+     * and to a third of it capped at 320 once docked — an overlay panel gives
+     * the width back when it closes and a docked one keeps it, so they are not
+     * the same measurement. The caps are what stop a tablet getting a navigation
+     * list with a field of whitespace beside it.
+     */
+    width?: number;
+    /**
+     * Container width at or above which the panel stops being an overlay and
+     * becomes a permanent sidebar: laid out beside the scene, always open, with
+     * the gesture and the trigger switched off. A docked panel also narrows to a
+     * third of the container, capped at 320 — docked, every point it takes is a
+     * point the app does not get back.
+     *
+     * Off by default, and deliberately not a guess — a large phone in landscape
+     * is wider than a small tablet in portrait, so no single number is right for
+     * every app. Set it high enough that what is left over is still a screen:
+     * around 700 is the first width where both halves have room.
+     */
+    dock?: number | false;
+    /** Swipe to open, and drag the scene to close. Default true. */
+    swipeEnabled?: boolean;
+    /**
+     * Where a swipe may begin. `anywhere` is the default and the behaviour this
+     * pattern is known for — a sideways drag across the app opens the panel from
+     * wherever your thumb already was.
+     *
+     * `edge` narrows it to a strip at the leading screen edge, for a scene that
+     * has its own use for a horizontal drag: a carousel, a wide table, a chart
+     * you can pan. Anything like that under an `anywhere` panel will fight it,
+     * and the panel usually wins.
+     */
+    swipeFrom?: PanelsideSwipeFrom;
+    /**
+     * How wide the leading-edge strip that starts a swipe is, when `swipeFrom`
+     * is `edge`. Default 48 — wider than the system's own edge gestures, because
+     * there is no bezel to feel for. Ignored otherwise.
+     */
+    edgeWidth?: number;
+    /**
+     * Tapping the pushed scene, or the Android back button, closes the panel.
+     * Default true.
+     */
+    dismissible?: boolean;
+    className?: string;
+}
+declare function PanelsideRoot({ children, open: controlledOpen, onOpenChange, defaultOpen, mode, width: widthProp, dock, swipeEnabled, swipeFrom, edgeWidth, dismissible, className, }: PanelsideProps): import("react").JSX.Element;
+export interface PanelsidePanelProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare function PanelsidePanel({ className, children, style, ...props }: PanelsidePanelProps): import("react").JSX.Element;
+declare namespace PanelsidePanel {
+    var displayName: string;
+}
+export interface PanelsideHeaderProps extends ViewProps {
+    className?: string;
+    /** Rendered as the heading. Omit it and supply your own in `children`. */
+    title?: string;
+    /** A single element pinned to the trailing end of the title row. */
+    action?: ReactNode;
+    /** Anything below the title row — a search field, a workspace switcher. */
+    children?: ReactNode;
+}
+declare function PanelsideHeader({ className, title, action, children, style, ...props }: PanelsideHeaderProps): import("react").JSX.Element;
+declare namespace PanelsideHeader {
+    var displayName: string;
+}
+export interface PanelsideSearchProps extends TextInputProps {
+    className?: string;
+    containerClassName?: string;
+}
+/**
+ * A compact filter field for the panel.
+ *
+ * Deliberately not the library's `Input`: that field carries a label, a
+ * description, an error slot and keyboard avoidance, none of which a panel
+ * search row wants, and all of which would have to be switched off at every
+ * call site.
+ */
+declare function PanelsideSearch({ className, containerClassName, placeholder, ...props }: PanelsideSearchProps): import("react").JSX.Element;
+declare namespace PanelsideSearch {
+    var displayName: string;
+}
+export interface PanelsideContentProps extends ScrollViewProps {
+    className?: string;
+    contentContainerClassName?: string;
+    children?: ReactNode;
+}
+declare function PanelsideContent({ className, contentContainerClassName, contentContainerStyle, children, ...props }: PanelsideContentProps): import("react").JSX.Element;
+declare namespace PanelsideContent {
+    var displayName: string;
+}
+export interface PanelsideGroupProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare function PanelsideGroup({ className, children, ...props }: PanelsideGroupProps): import("react").JSX.Element;
+declare namespace PanelsideGroup {
+    var displayName: string;
+}
+export interface PanelsideGroupLabelProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare function PanelsideGroupLabel({ className, children, ...props }: PanelsideGroupLabelProps): import("react").JSX.Element;
+declare namespace PanelsideGroupLabel {
+    var displayName: string;
+}
+export interface PanelsideItemProps extends Omit<PressableProps, 'children'> {
+    className?: string;
+    /** Leading element — an icon, an avatar, a coloured dot. */
+    icon?: ReactNode;
+    /** The row's text. Truncated to one line, since chat titles run long. */
+    label?: string;
+    /** Marks the row as the current destination. */
+    active?: boolean;
+    /**
+     * Trailing count or status. A number or string renders as a pill; anything
+     * else renders as given.
+     */
+    badge?: ReactNode;
+    disabled?: boolean;
+    /** Trailing content — usually a `Panelside.Action`. */
+    children?: ReactNode;
+}
+declare function PanelsideItem({ className, icon, label, active, badge, disabled, children, ...props }: PanelsideItemProps): import("react").JSX.Element;
+declare namespace PanelsideItem {
+    var displayName: string;
+}
+export interface PanelsideActionProps extends Omit<PressableProps, 'children'> {
+    className?: string;
+    /**
+     * What a screen reader announces. The default control is an unlabelled glyph,
+     * so this is the only description it has.
+     */
+    label?: string;
+    /** Replaces the default overflow glyph. */
+    children?: ReactNode;
+}
+declare function PanelsideAction({ className, label, children, ...props }: PanelsideActionProps): import("react").JSX.Element;
+declare namespace PanelsideAction {
+    var displayName: string;
+}
+export interface PanelsideFooterProps extends ViewProps {
+    className?: string;
+    /**
+     * Overlay the scrolling list instead of taking a row below it. Default true —
+     * the list runs the full height of the panel behind it, and `Panelside.Content`
+     * leaves exactly this footer's height of room at the end.
+     */
+    floating?: boolean;
+    children?: ReactNode;
+}
+declare function PanelsideFooter({ className, floating, children, style, ...props }: PanelsideFooterProps): import("react").JSX.Element;
+declare namespace PanelsideFooter {
+    var displayName: string;
+}
+export interface PanelsideCtaProps extends Omit<PressableProps, 'children'> {
+    className?: string;
+    /** The button's text. */
+    label?: string;
+    /** Leading element, usually an icon. */
+    icon?: ReactNode;
+    /** `primary` is the filled accent pill; `secondary` is the quiet one. */
+    variant?: 'primary' | 'secondary';
+    /**
+     * Render the platform's own button instead of the pill. Requires the
+     * optional `@expo/ui` package; without it this prop does nothing.
+     *
+     * **Theme tokens do not apply** — the platform draws the button, so
+     * `className` and `icon` are ignored and it sizes itself to `label`.
+     */
+    native?: boolean;
+    /**
+     * Draw the native button in the platform's Liquid Glass material. Requires
+     * `native`, and iOS 26 or later; ignored anywhere else.
+     */
+    glass?: boolean;
+    children?: ReactNode;
+}
+declare function PanelsideCta({ className, label, icon, variant, native, glass, disabled, children, ...props }: PanelsideCtaProps): import("react").JSX.Element;
+declare namespace PanelsideCta {
+    var displayName: string;
+}
+export interface PanelsideSceneProps extends ViewProps {
+    className?: string;
+    /**
+     * How small the scene gets at full travel. Default 1 — the screen keeps its
+     * full height and stays behind the status bar, and the radius and dim do the
+     * work. Below one it shrinks about its centre, which insets it top and bottom
+     * as well as at the side.
+     */
+    scale?: number;
+    /** The corner radius the scene reaches at full travel. Default 44. */
+    radius?: number;
+    /** How far the scene dims at full travel, 0 to 1. Default 0.45. */
+    dim?: number;
+    children?: ReactNode;
+}
+declare function PanelsideScene({ className, scale, radius, dim, children, style, ...props }: PanelsideSceneProps): import("react").JSX.Element;
+declare namespace PanelsideScene {
+    var displayName: string;
+}
+export interface PanelsideTriggerProps extends Omit<PressableProps, 'children'> {
+    className?: string;
+    /** What a screen reader announces. */
+    label?: string;
+    /**
+     * A single pressable element to use instead of the default button. Its own
+     * `onPress` still runs.
+     */
+    children?: ReactElement<{
+        onPress?: (...args: unknown[]) => void;
+    }>;
+}
+declare function PanelsideTrigger({ className, label, children, ...props }: PanelsideTriggerProps): import("react").JSX.Element | null;
+declare namespace PanelsideTrigger {
+    var displayName: string;
+}
+export declare const Panelside: typeof PanelsideRoot & {
+    Panel: typeof PanelsidePanel;
+    Header: typeof PanelsideHeader;
+    Search: typeof PanelsideSearch;
+    Content: typeof PanelsideContent;
+    Group: typeof PanelsideGroup;
+    GroupLabel: typeof PanelsideGroupLabel;
+    Item: typeof PanelsideItem;
+    Action: typeof PanelsideAction;
+    Footer: typeof PanelsideFooter;
+    Cta: typeof PanelsideCta;
+    Scene: typeof PanelsideScene;
+    Trigger: typeof PanelsideTrigger;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -121,8 +121,21 @@ declare const progressVariants: import("tailwind-variants").TVReturnType<{
 type ProgressVariantProps = VariantProps<typeof progressVariants>;
 export interface ProgressProps extends Omit<ViewProps, 'children'>, ProgressVariantProps {
     className?: string;
-    /** Progress value, 0–100. Ignored when `indeterminate` is set. */
+    /**
+     * Where the work has got to, somewhere between `minValue` and `maxValue`.
+     * Ignored when `indeterminate` is set.
+     */
     value?: number;
+    /**
+     * The bottom of the range — the value at which the bar reads as empty.
+     * Defaults to `0`.
+     */
+    minValue?: number;
+    /**
+     * The top of the range — the value at which the bar reads as full. Defaults
+     * to `100`, so a bare percentage keeps working with neither bound set.
+     */
+    maxValue?: number;
     /** Show a looping animation for unknown-duration work. */
     indeterminate?: boolean;
     /** Extra classes for the moving indicator. */
@@ -144,9 +157,11 @@ export interface ProgressProps extends Omit<ViewProps, 'children'>, ProgressVari
      */
     valueLabel?: string;
     /**
-     * Format the value label as a fraction of the whole with `Intl.NumberFormat`
-     * — e.g. `{ style: 'currency', currency: 'USD' }`. Falls back to a rounded
-     * percent when omitted.
+     * How to write the value, through `Intl.NumberFormat`. A `percent` style
+     * formats how far along the bar is; every other style formats the value
+     * itself, so `{ style: 'currency', currency: 'USD' }` against a `maxValue`
+     * of `2000` reads `$1,250.00` rather than a percentage of it. Falls back to
+     * a rounded percent when omitted.
      */
     formatOptions?: Intl.NumberFormatOptions;
     /** Extra classes for the label + value-label row. */
@@ -159,6 +174,12 @@ export interface ProgressProps extends Omit<ViewProps, 'children'>, ProgressVari
  *
  * Pass `label` or `showValueLabel` to caption the bar with a header row; the
  * bare track renders when neither is set, so existing call sites are untouched.
+ *
+ * The value is read against `minValue` / `maxValue`, which default to 0 and
+ * 100 — so a percentage needs neither. Set them and the bar speaks in whatever
+ * the work is actually counted in: bytes uploaded, seats filled, points
+ * scored. Nothing has to be converted to a percent on the way in, and the
+ * screen reader is told the real range rather than a derived one.
  */
 export declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<View>>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/progress/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAW5E,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAS1D,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAyBpB,CAAC;AAEH,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAElE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EACjC,oBAAoB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IACzC,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA0BD;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,gGAkHpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/progress/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAW5E,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAS1D,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAyBpB,CAAC;AAEH,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAElE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EACjC,oBAAoB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IACzC,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA8CD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ,gGA6IpB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA2Df,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAShE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,2EAA2E;AAC3E,iBAAS,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAgC9D;AAUD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC9C,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,KAAK,EACL,aAAa,EACb,WAAgC,EAChC,QAAQ,EACR,YAAsB,EACtB,KAAK,EACL,YAAwB,EACxB,MAAU,EACV,YAAY,EACZ,UAAkB,EAClB,iBAA4B,EAC5B,YAA2B,EAC3B,MAAM,EACN,gBAAyB,EACzB,QAAQ,GACT,EAAE,WAAW,+BA0Tb;AAED,eAAO,MAAM,MAAM;;CAEjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA2Df,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAShE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,2EAA2E;AAC3E,iBAAS,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAgC9D;AAUD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC9C,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,KAAK,EACL,aAAa,EACb,WAAgC,EAChC,QAAQ,EACR,YAAsB,EACtB,KAAK,EACL,YAAwB,EACxB,MAAU,EACV,YAAY,EACZ,UAAkB,EAClB,iBAA4B,EAC5B,YAA2B,EAC3B,MAAM,EACN,gBAAyB,EACzB,QAAQ,GACT,EAAE,WAAW,+BA8Ub;AAED,eAAO,MAAM,MAAM;;CAEjB,CAAC"}

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

@@ -0,0 +1,206 @@
+/**
+ * Swipe — a row that slides aside to reveal the things you can do to it.
+ *
+ * It is the one list interaction a phone has that a page does not: the actions
+ * are not on screen taking up room, they are behind the row, and the gesture
+ * that reveals them is the same one everywhere else in the OS. An inbox, a
+ * task list, a settings screen — all of them want it, and all of them
+ * otherwise end up with a trailing button too small to hit.
+ *
+ * ```tsx
+ * <Swipe>
+ *   <Swipe.End>
+ *     <Swipe.Action icon={<TrashIcon />} label="Delete" color="destructive" onPress={remove} />
+ *   </Swipe.End>
+ *   <Item variant="outline">
+ *     <Item.Content><Item.Title>Invoice.pdf</Item.Title></Item.Content>
+ *   </Item>
+ * </Swipe>
+ * ```
+ *
+ * The sides are `start` and `end` rather than left and right, because the
+ * gesture mirrors with the reading direction: in a right-to-left app the row
+ * that opened toward the right has to open toward the left, and a caller
+ * should not have to write that twice. Yoga mirrors where the panels sit; the
+ * drag is measured in raw pixels and cannot be mirrored for us, so it reads
+ * the direction and turns itself around.
+ *
+ * Everything that moves runs on the UI thread. A row being dragged does not
+ * re-render — the only React work in a swipe is the callback at the end of it.
+ */
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type VariantProps } from 'tailwind-variants';
+type SwipeSide = 'start' | 'end';
+/** The side a row is open on, or `null` while it is closed. */
+export type SwipeOpenSide = SwipeSide | null;
+export interface SwipeHandle {
+    /** Slide the row aside to reveal one side's actions. */
+    open: (side: SwipeSide) => void;
+    /** Put the row back. */
+    close: () => void;
+}
+/**
+ * A tile is a filled block of colour with its content laid over it, which
+ * settles both halves of how it is coloured:
+ *
+ * - The fill is the status colour at full strength, never a tint of it. A tile
+ *   only exists while the row is out of the way, so it has to be legible in the
+ *   moment it appears; a 6%-alpha wash of the row's own background is not a
+ *   tile at all, it is a hole with a glyph floating in it.
+ * - The content is white, because the status colours are chosen to be carried
+ *   at full strength with white over them. The `-foreground` token of a status
+ *   is the *darker text* form of that hue, meant for a neutral surface — laid
+ *   over the fill it is the same hue twice and the label all but disappears.
+ *
+ * `default` and `primary` are the two that cannot take white. `primary`
+ * inverts with the theme and owns a true on-primary token, so it uses it;
+ * `default` is a mid grey in every theme, and takes the background colour,
+ * which is the neutral furthest from it in whichever direction the theme runs.
+ */
+declare const actionVariants: import("tailwind-variants").TVReturnType<{
+    color: {
+        default: {
+            root: string;
+            label: string;
+        };
+        primary: {
+            root: string;
+            label: string;
+        };
+        success: {
+            root: string;
+            label: string;
+        };
+        warning: {
+            root: string;
+            label: string;
+        };
+        info: {
+            root: string;
+            label: string;
+        };
+        destructive: {
+            root: string;
+            label: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, undefined, {
+    color: {
+        default: {
+            root: string;
+            label: string;
+        };
+        primary: {
+            root: string;
+            label: string;
+        };
+        success: {
+            root: string;
+            label: string;
+        };
+        warning: {
+            root: string;
+            label: string;
+        };
+        info: {
+            root: string;
+            label: string;
+        };
+        destructive: {
+            root: string;
+            label: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, import("tailwind-variants").TVReturnType<{
+    color: {
+        default: {
+            root: string;
+            label: string;
+        };
+        primary: {
+            root: string;
+            label: string;
+        };
+        success: {
+            root: string;
+            label: string;
+        };
+        warning: {
+            root: string;
+            label: string;
+        };
+        info: {
+            root: string;
+            label: string;
+        };
+        destructive: {
+            root: string;
+            label: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;
+export type SwipeActionColor = 'default' | 'primary' | 'success' | 'warning' | 'info' | 'destructive';
+export interface SwipeActionProps extends Omit<ViewProps, 'children'>, VariantProps<typeof actionVariants> {
+    className?: string;
+    /** What the action does. Also what a screen reader is offered. */
+    label: string;
+    /**
+     * Drawn above the label and tinted to match it. Pass the glyph, not a colour
+     * and not a size — a tile sizes it to read at a glance, since it is the part
+     * of an action the eye reaches before the word underneath it.
+     */
+    icon?: ReactNode;
+    /** Run when the tile is tapped, or when a full swipe reaches it. */
+    onPress?: () => void;
+    /**
+     * Leave the row open after the action runs. Off by default: an action that
+     * has already happened has nothing left to offer, and a row left standing
+     * open is the most common way a swipe list ends up feeling stuck.
+     */
+    keepOpen?: boolean;
+    /** Extra classes for the label. */
+    labelClassName?: string;
+}
+export interface SwipePanelProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    children?: ReactNode;
+}
+export interface SwipeProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /**
+     * The row itself, plus a `Swipe.Start` and/or `Swipe.End` holding its
+     * actions. Order does not matter — the panels are recognised by type.
+     */
+    children?: ReactNode;
+    /**
+     * Let a drag carried well past the panel fire its outermost action on
+     * release, without the tile ever being tapped. On by default, and the reason
+     * the far end of a panel is the destructive slot by convention.
+     */
+    fullSwipe?: boolean;
+    /** Turn the gesture off and leave the row static. The tiles stay tappable. */
+    disabled?: boolean;
+    /** Tick when a drag crosses the point at which letting go fires an action. */
+    haptics?: boolean;
+    /** Told which side opened, or `null` when the row closed. */
+    onOpenChange?: (side: SwipeOpenSide) => void;
+    /** Extra classes for the moving row. */
+    contentClassName?: string;
+}
+export declare const Swipe: import("react").ForwardRefExoticComponent<SwipeProps & import("react").RefAttributes<SwipeHandle>> & {
+    Start: import("react").ForwardRefExoticComponent<SwipePanelProps & import("react").RefAttributes<View>>;
+    End: import("react").ForwardRefExoticComponent<SwipePanelProps & import("react").RefAttributes<View>>;
+    Action: import("react").ForwardRefExoticComponent<SwipeActionProps & import("react").RefAttributes<View>>;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/swipe/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,EAYL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAU5E,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AA0B1D,KAAK,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;AAEjC,+DAA+D;AAC/D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,WAAW;IAC1B,wDAAwD;IACxD,IAAI,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAChC,wBAAwB;IACxB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAYD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAkBlB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,aAAa,CAAC;AAelB,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EACjC,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA0FD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA+CD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAkVD,eAAO,MAAM,KAAK;;;;CAIhB,CAAC"}

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

@@ -46,6 +46,7 @@ export declare function ChevronDownIcon({ size, color, ...props }: IconProps): i
 export declare function ChevronLeftIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
 export declare function ChevronRightIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
 export declare function EllipsisIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
+export declare function MenuIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
 export declare function XIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
 export declare function SearchIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
 export declare function ArrowUpRightIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;