panelui-native 0.86.1 → 0.88.0

package/lib/typescript/src/components/animated-badge/index.d.ts

@@ -0,0 +1,224 @@
+/**
+ * AnimatedBadge — a status pill whose icon and label roll over when the status
+ * changes.
+ *
+ * A badge that swaps its word between one frame and the next is a badge people
+ * miss. The status is the smallest thing on the screen and usually not the
+ * thing being looked at, so a change with no movement in it registers as
+ * having always said that. Rolling the old glyph out and the new one in is
+ * what makes the change itself visible.
+ *
+ * ```tsx
+ * <AnimatedBadge status="loading">Deploying</AnimatedBadge>
+ * <AnimatedBadge status="success">Live</AnimatedBadge>
+ * ```
+ *
+ * ## The roll, and the width
+ *
+ * The outgoing glyph rises out of the pill and fades; the incoming one comes
+ * up from below and settles on a spring, with a slight rotation and scale so
+ * it reads as turning over rather than sliding. Both are clipped to the pill,
+ * which is what keeps the movement inside the badge instead of over whatever
+ * it sits beside.
+ *
+ * The pill's width springs to the new word rather than jumping, because a
+ * badge in a row of them shoves its neighbours as it changes and a jump does
+ * that in one frame. Everything runs on the UI thread.
+ *
+ * ## Which change counts as a change
+ *
+ * The label is keyed on what it says, so `"Queued"` to `"Building"` rolls and
+ * a re-render with the same word does not. Where the label is an element
+ * rather than a string, or where two different states share a word, pass
+ * `contentKey` — the badge cannot tell those apart on its own, and without a
+ * key it either animates on every render or never.
+ *
+ * ## Reduced motion
+ *
+ * With the preference on, every part of this is skipped: the glyph and the
+ * label cut over, the pill resizes immediately, and the pulse does not run.
+ * The badge still says what it says, which is the part that mattered.
+ */
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type VariantProps } from 'tailwind-variants';
+export type AnimatedBadgeStatus = 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'loading';
+export type AnimatedBadgeSize = 'sm' | 'md';
+declare const animatedBadgeVariants: import("tailwind-variants").TVReturnType<{
+    status: {
+        neutral: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+        info: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+        success: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+        warning: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+        danger: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+        loading: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+            label: string;
+        };
+        md: {
+            root: string;
+            label: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    /** The pulse's fill, behind the content and inside the same clip. */
+    pulse: string;
+    /** One clipped column per rolling element, so the two move independently. */
+    slot: string;
+}, undefined, {
+    status: {
+        neutral: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+        info: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+        success: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+        warning: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+        danger: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+        loading: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+            label: string;
+        };
+        md: {
+            root: string;
+            label: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    /** The pulse's fill, behind the content and inside the same clip. */
+    pulse: string;
+    /** One clipped column per rolling element, so the two move independently. */
+    slot: string;
+}, import("tailwind-variants").TVReturnType<{
+    status: {
+        neutral: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+        info: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+        success: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+        warning: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+        danger: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+        loading: {
+            root: string;
+            label: string;
+            pulse: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+            label: string;
+        };
+        md: {
+            root: string;
+            label: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    /** The pulse's fill, behind the content and inside the same clip. */
+    pulse: string;
+    /** One clipped column per rolling element, so the two move independently. */
+    slot: string;
+}, undefined, unknown, unknown, undefined>>;
+export interface AnimatedBadgeProps extends ViewProps, VariantProps<typeof animatedBadgeVariants> {
+    status?: AnimatedBadgeStatus;
+    size?: AnimatedBadgeSize;
+    /** The word. Changing it rolls the old one out and the new one in. */
+    children?: ReactNode;
+    /** A glyph of your own, in place of the status's. */
+    icon?: ReactNode;
+    /** Whether a glyph is drawn at all. */
+    showIcon?: boolean;
+    /**
+     * A slow swell behind the content, for a status that is still happening.
+     * On by default while `status` is `loading`, and off otherwise — pass it
+     * explicitly for a state of your own that is also still running.
+     */
+    pulse?: boolean;
+    /**
+     * What counts as a change, when the label cannot say. The label is keyed on
+     * its own text, so this is only needed where it is an element rather than a
+     * string, or where two states share a word.
+     */
+    contentKey?: string | number;
+    className?: string;
+    labelClassName?: string;
+}
+export declare const AnimatedBadge: import("react").ForwardRefExoticComponent<AnimatedBadgeProps & import("react").RefAttributes<View>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/animated-badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/animated-badge/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAapD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAqB1D,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAevB,qEAAqE;;IAErE,6EAA6E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAF7E,qEAAqE;;IAErE,6EAA6E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAF7E,qEAAqE;;IAErE,6EAA6E;;2CA6C/E,CAAC;AA8BH,MAAM,WAAW,kBACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAC5C,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qDAAqD;IACrD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,qGA+IzB,CAAC"}

package/lib/typescript/src/components/bottom-sheet/index.d.ts

@@ -146,20 +146,6 @@ export interface BottomSheetBodyProps extends Omit<ComponentProps<typeof Animate
     className?: string;
     children?: ReactNode;
 }
-/**
- * The scrolling part of a sized sheet.
- *
- * A plain `ScrollView` works here too, but only one of the two gestures can
- * win a given drag and neither knows about the other, so the list and the
- * sheet fight over every downward swipe. This one reports where it is
- * scrolled to, which is what lets the sheet hold off until the list has run
- * out — pull down on a list at its top and the sheet comes with you, pull
- * down anywhere else and the list scrolls.
- */
-declare function BottomSheetBody({ className, children, onScroll, ...props }: BottomSheetBodyProps): import("react").JSX.Element;
-declare namespace BottomSheetBody {
-    var displayName: string;
-}
 export interface BottomSheetFooterProps extends ViewProps {
     className?: string;
     children?: ReactNode;
@@ -177,7 +163,7 @@ export declare const BottomSheet: typeof BottomSheetRoot & {
     Trigger: typeof BottomSheetTrigger;
     Content: typeof BottomSheetContent;
     Header: typeof BottomSheetHeader;
-    Body: typeof BottomSheetBody;
+    Body: import("react").ForwardRefExoticComponent<BottomSheetBodyProps & import("react").RefAttributes<never>>;
     Footer: typeof BottomSheetFooter;
 };
 export {};

package/lib/typescript/src/components/bottom-sheet/index.d.ts.map

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