panelui-native 0.7.0 → 0.9.0

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

@@ -66,4 +66,10 @@ export declare function CardIcon({ size, color, ...props }: IconProps): import("
 export declare function ReceiptIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
 /** Paper plane — sent, submitted, approved-and-forwarded. */
 export declare function SendIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
+/** Document with a folded corner — a file attachment. */
+export declare function FileIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
+/** Framed picture with a sun and a corner peak — an image attachment. */
+export declare function ImageIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
+/** A paperclip — attaching a file to a composer. */
+export declare function PaperclipIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -8,6 +8,7 @@ export { hasNativeUI } from './native/index.js';
 export { Accordion, type AccordionProps, type AccordionItemProps, type AccordionTriggerProps, type AccordionIndicatorProps, type AccordionContentProps, type AccordionVariant, type AccordionSelectionMode, } from './components/accordion/index.js';
 export { Alert, type AlertProps, type AlertIndicatorProps, } from './components/alert/index.js';
 export { Avatar, type AvatarProps, type AvatarBadgeProps, } from './components/avatar/index.js';
+export { Attachment, type AttachmentProps, type AttachmentGroupProps, type AttachmentMediaProps, type AttachmentContentProps, type AttachmentTitleProps, type AttachmentDescriptionProps, type AttachmentActionsProps, type AttachmentActionProps, type AttachmentState, } from './components/attachment/index.js';
 export { Badge, type BadgeProps } from './components/badge/index.js';
 export { BottomSheet, type BottomSheetProps, type BottomSheetContentProps, } from './components/bottom-sheet/index.js';
 export { Button, type ButtonProps } from './components/button/index.js';
@@ -23,10 +24,15 @@ export { Input, type InputProps } from './components/input/index.js';
 export { InputGroup, type InputGroupProps, type InputGroupInputProps, type InputGroupDecoratorProps, } from './components/input-group/index.js';
 export { Item, type ItemProps, type ItemGroupProps, type ItemSeparatorProps, type ItemMediaProps, type ItemContentProps, type ItemTitleProps, type ItemDescriptionProps, type ItemActionsProps, type ItemHeaderProps, type ItemFooterProps, } from './components/item/index.js';
 export { Label, type LabelProps, type LabelTextProps } from './components/label/index.js';
+export { LineChart, useLineChart, type LineChartProps, type LineChartHandle, type LineChartGridProps, type LineChartLineProps, type LineChartAreaProps, type LineChartSkeletonProps, type LineChartXAxisProps, type LineChartTooltipProps, type LineChartLegendProps, type LineChartDatum, type LineChartStatus, type LineChartCurve, } from './components/line-chart/index.js';
+export { Marker, type MarkerProps, type MarkerIconProps, type MarkerContentProps, } from './components/marker/index.js';
+export { MessageScroller, useMessageScroller, useMessageScrollerVisibility, type MessageScrollerProps, type MessageScrollerViewportProps, type MessageScrollerContentProps, type MessageScrollerItemProps, type MessageScrollerButtonProps, type MessageScrollerPosition, } from './components/message-scroller/index.js';
 export { Message, type MessageProps, type MessageGroupProps, type MessageAvatarProps, type MessageContentProps, type MessageHeaderProps, type MessageBubbleProps, type MessageBubbleContentProps, type MessageFooterProps, type MessageActionsProps, } from './components/message/index.js';
+export { Popover, type PopoverProps, type PopoverTriggerProps, type PopoverContentProps, type PopoverArrowProps, type PopoverCloseProps, type PopoverPlacement, type PopoverAlign, type PopoverPresentation, } from './components/popover/index.js';
 export { Progress, type ProgressProps } from './components/progress/index.js';
 export { RadioGroup, type RadioGroupProps, type RadioGroupItemProps, } from './components/radio-group/index.js';
 export { ScrollFade, type ScrollFadeProps, } from './components/scroll-fade/index.js';
+export { Separator, type SeparatorProps } from './components/separator/index.js';
 export { Shimmer, type ShimmerProps } from './components/shimmer/index.js';
 export { Skeleton, type SkeletonProps } from './components/skeleton/index.js';
 export { Spinner, type SpinnerProps } from './components/spinner/index.js';
@@ -36,7 +42,7 @@ export { Switch, type SwitchProps } from './components/switch/index.js';
 export { Timeline, type TimelineProps, type TimelineItemProps, type TimelineIndicatorProps, type TimelineStatProps, type TimelineVariant, type TimelineTone, } from './components/timeline/index.js';
 export { Toast, ToastViewport, toast, useToast, type ToastProps, type ToastOptions, type ToastItem, type ToastVariant, type ToastPlacement, type ToastHandle, type ToastIndicatorProps, type ToastCloseProps, } from './components/toast/index.js';
 export { Typography, type TypographyProps, type TypographyType, type TypographyHeadingProps, type TypographyParagraphProps, type TypographyCodeProps, } from './components/typography/index.js';
-export { AlertTriangleIcon, AppleIcon, ArrowUpRightIcon, BellIcon, CardIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, FacebookIcon, GoogleIcon, IconColorProvider, InfoIcon, MoonIcon, PackageIcon, PlusSquareIcon, ReceiptIcon, SearchIcon, SendIcon, ShareNodesIcon, ShieldAlertIcon, ShieldCheckIcon, SunIcon, XIcon, useIconColor, type IconProps, } from './icons/index.js';
+export { AlertTriangleIcon, AppleIcon, ArrowUpRightIcon, BellIcon, CardIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, FacebookIcon, FileIcon, GoogleIcon, IconColorProvider, InfoIcon, ImageIcon, MoonIcon, PackageIcon, PaperclipIcon, PlusSquareIcon, ReceiptIcon, SearchIcon, SendIcon, ShareNodesIcon, ShieldAlertIcon, ShieldCheckIcon, SunIcon, XIcon, useIconColor, type IconProps, } from './icons/index.js';
 export * from './hooks/index.js';
 export { cn } from './utils/cn.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,kCAA+B,CAAC;AAG3F,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,gBAAgB,GACtB,MAAM,sBAAmB,CAAC;AAG3B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,wBAAqB,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAmB,CAAC;AACzD,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,kCAA+B,CAAC;AACvC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,oCAAiC,CAAC;AAGzC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAU,CAAC;AAGvC,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,GAC5B,MAAM,iCAAwB,CAAC;AAChC,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,mBAAmB,GACzB,MAAM,6BAAoB,CAAC;AAC5B,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,gBAAgB,GACtB,MAAM,8BAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,6BAAoB,CAAC;AAC5D,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,GAC7B,MAAM,oCAA2B,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,8BAAqB,CAAC;AAC/D,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,8BAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,6BAAoB,CAAC;AAC5D,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,qCAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,8BAAqB,CAAC;AACrF,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,GACtB,MAAM,4BAAmB,CAAC;AAC3B,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,4BAAmB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAuB,CAAC;AACrE,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,oBAAoB,GAC1B,MAAM,mCAA0B,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,6BAAoB,CAAC;AAC5D,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,GAC9B,MAAM,mCAA0B,CAAC;AAClC,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,4BAAmB,CAAC;AAC3B,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,6BAAoB,CAAC;AACjF,OAAO,EACL,OAAO,EACP,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,EAC9B,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,GACzB,MAAM,+BAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAuB,CAAC;AACrE,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,mBAAmB,GACzB,MAAM,mCAA0B,CAAC;AAClC,OAAO,EACL,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,mCAA0B,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,+BAAsB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,+BAAsB,CAAC;AAClE,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,6BAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,+BAAsB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,8BAAqB,CAAC;AAC/D,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,YAAY,GAClB,MAAM,gCAAuB,CAAC;AAC/B,OAAO,EACL,KAAK,EACL,aAAa,EACb,KAAK,EACL,QAAQ,EACR,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACxB,KAAK,eAAe,GACrB,MAAM,6BAAoB,CAAC;AAC5B,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,GACzB,MAAM,kCAAyB,CAAC;AAGjC,OAAO,EACL,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,SAAS,EACT,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,cAAc,EACd,WAAW,EACX,UAAU,EACV,QAAQ,EACR,cAAc,EACd,eAAe,EACf,eAAe,EACf,OAAO,EACP,KAAK,EACL,YAAY,EACZ,KAAK,SAAS,GACf,MAAM,kBAAS,CAAC;AAGjB,cAAc,kBAAS,CAAC;AAGxB,OAAO,EAAE,EAAE,EAAE,MAAM,eAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+import { type ViewProps } from 'react-native';
+/** True when a real blur can be drawn — for a caller that wants to know. */
+export declare const hasBlur: boolean;
+export interface ScrimProps extends Omit<ViewProps, 'children'> {
+    /** Frost the backdrop instead of dimming it. Falls back to a dim if it can't. */
+    blur?: boolean;
+    /** Blur strength, 0–100. */
+    intensity?: number;
+    /** Which way the blur tints. */
+    tint?: 'light' | 'dark' | 'default' | 'systemMaterial';
+    /**
+     * The dim used when not blurring — and when blurring is asked for but
+     * unavailable. A popover passes a lighter one than a dialog.
+     */
+    dimClassName?: string;
+}
+export declare function Scrim({ blur, intensity, tint, dimClassName, style, ...props }: ScrimProps): import("react").JSX.Element;
+export declare namespace Scrim {
+    var displayName: string;
+}
+//# sourceMappingURL=scrim.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scrim.d.ts","sourceRoot":"","sources":["../../../../src/primitives/scrim.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAyBhE,4EAA4E;AAC5E,eAAO,MAAM,OAAO,SAAoB,CAAC;AAEzC,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7D,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,gBAAgB,CAAC;IACvD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAY,EACZ,SAAc,EACd,IAAgB,EAChB,YAA4B,EAC5B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,+BA0BZ;yBAjCe,KAAK"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "panelui-native",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "High-performance React Native UI components for Expo. Semantic design tokens, powered by Uniwind (Tailwind v4) and Reanimated.",
   "main": "./lib/module/index.js",
   "module": "./lib/module/index.js",
@@ -65,6 +65,7 @@
   "peerDependencies": {
     "@expo/ui": "*",
     "@react-native-masked-view/masked-view": ">=0.3.0",
+    "expo-blur": ">=13.0.0",
     "expo-clipboard": ">=7.0.0",
     "expo-linear-gradient": ">=13.0.0",
     "react": "*",
@@ -102,6 +103,9 @@
     "@expo/ui": {
       "optional": true
     },
+    "expo-blur": {
+      "optional": true
+    },
     "expo-clipboard": {
       "optional": true
     },

package/src/components/attachment/index.tsx

@@ -0,0 +1,279 @@
+/**
+ * Attachment — a file, with its upload life.
+ *
+ * A file in a chat composer or an upload list is the same row shape `Item`
+ * already draws — media, a name, a size, a remove button — so this is that row,
+ * not a second one. What it adds is the part `Item` has no opinion on: the
+ * file's *state*. A file is picked, then uploading, then processing, then done
+ * (or failed), and each of those has to look different or the user cannot tell
+ * a stuck upload from a finished one.
+ *
+ * ```tsx
+ * <Attachment state="uploading">
+ *   <Attachment.Media><FileIcon /></Attachment.Media>
+ *   <Attachment.Content>
+ *     <Attachment.Title>report.pdf</Attachment.Title>
+ *     <Attachment.Description>PDF · 2.4 MB</Attachment.Description>
+ *   </Attachment.Content>
+ *   <Attachment.Actions>
+ *     <Attachment.Action aria-label="Cancel"><XIcon size={14} /></Attachment.Action>
+ *   </Attachment.Actions>
+ * </Attachment>
+ * ```
+ *
+ * While uploading or processing the title shimmers — the same sweep the rest of
+ * the library uses for "in progress" — and an optional bar tracks `progress`.
+ * A failed file tints its name and description in the destructive colour, which
+ * carries the state without relying on an icon nobody reads.
+ */
+import { createContext, forwardRef, useContext, type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { useCSSVariable } from 'uniwind';
+import { AnimatedPressable, type AnimatedPressableProps } from '../../primitives/animated-pressable';
+import { Text, type TextProps } from '../../primitives/text';
+import { cn } from '../../utils/cn';
+import { Item } from '../item';
+import { Shimmer } from '../shimmer';
+
+export type AttachmentState = 'idle' | 'uploading' | 'processing' | 'error' | 'done';
+type AttachmentSize = 'default' | 'sm' | 'xs';
+
+interface AttachmentContextValue {
+  state: AttachmentState;
+  size: AttachmentSize;
+}
+
+const AttachmentContext = createContext<AttachmentContextValue>({
+  state: 'done',
+  size: 'default',
+});
+
+/** True while the file is still moving — the two states that shimmer. */
+function isBusy(state: AttachmentState): boolean {
+  return state === 'uploading' || state === 'processing';
+}
+
+const rootVariants = tv({
+  base: '',
+  variants: {
+    state: {
+      idle: '',
+      uploading: '',
+      processing: '',
+      // The border carries the failure, so it reads at a glance in a list.
+      error: 'border border-destructive',
+      done: '',
+    },
+  },
+});
+
+export interface AttachmentProps
+  extends Omit<AnimatedPressableProps, 'children' | 'disabled'> {
+  className?: string;
+  /**
+   * Where the file is in its life. `uploading`/`processing` shimmer the name;
+   * `error` tints the row destructive. Default `done`.
+   */
+  state?: AttachmentState;
+  /** Row density, passed through to the underlying Item. */
+  size?: AttachmentSize;
+  /** Stack the row into a card — for a horizontal group of thumbnails. */
+  orientation?: 'horizontal' | 'vertical';
+  /** Upload progress 0–1. Draws a thin bar along the bottom while busy. */
+  progress?: number;
+  disabled?: boolean;
+  children?: ReactNode;
+}
+
+const AttachmentRoot = forwardRef<View, AttachmentProps>(
+  (
+    { className, state = 'done', size = 'default', orientation, progress, children, ...props },
+    ref
+  ) => {
+    const track = useCSSVariable('--color-primary');
+
+    return (
+      <AttachmentContext.Provider value={{ state, size }}>
+        <Item
+          ref={ref}
+          size={size}
+          orientation={orientation}
+          variant="outline"
+          className={cn('overflow-hidden', rootVariants({ state }), className)}
+          {...props}
+        >
+          {children}
+
+          {/* A determinate bar while busy, if progress is known. Absolute so it
+              rides the row's bottom edge without shifting the layout. */}
+          {isBusy(state) && progress !== undefined ? (
+            <View className="absolute bottom-0 left-0 right-0 h-0.5 bg-muted">
+              <View
+                style={{
+                  width: `${Math.min(100, Math.max(0, progress * 100))}%`,
+                  backgroundColor: typeof track === 'string' ? track : undefined,
+                }}
+                className="h-full"
+              />
+            </View>
+          ) : null}
+        </Item>
+      </AttachmentContext.Provider>
+    );
+  }
+);
+AttachmentRoot.displayName = 'Attachment';
+
+export interface AttachmentGroupProps extends ViewProps {
+  className?: string;
+  orientation?: 'horizontal' | 'vertical';
+  children?: ReactNode;
+}
+
+/** A row (or column) of attachments — the same stack `Item.Group` provides. */
+const AttachmentGroup = forwardRef<View, AttachmentGroupProps>(
+  ({ className, orientation = 'vertical', children, ...props }, ref) => (
+    <Item.Group ref={ref} orientation={orientation} className={className} {...props}>
+      {children}
+    </Item.Group>
+  )
+);
+AttachmentGroup.displayName = 'Attachment.Group';
+
+export interface AttachmentMediaProps extends ViewProps {
+  className?: string;
+  /** `icon` frames it in a tile; `image` clips it for a thumbnail. */
+  variant?: 'default' | 'icon' | 'image';
+  children?: ReactNode;
+}
+
+/** Leading slot — a file-type icon tile, or an image thumbnail. */
+const AttachmentMedia = forwardRef<View, AttachmentMediaProps>(
+  ({ className, variant = 'icon', children, ...props }, ref) => (
+    <Item.Media ref={ref} variant={variant} className={className} {...props}>
+      {children}
+    </Item.Media>
+  )
+);
+AttachmentMedia.displayName = 'Attachment.Media';
+
+export interface AttachmentContentProps extends ViewProps {
+  className?: string;
+  children?: ReactNode;
+}
+
+const AttachmentContent = forwardRef<View, AttachmentContentProps>(
+  ({ className, children, ...props }, ref) => (
+    <Item.Content ref={ref} className={className} {...props}>
+      {children}
+    </Item.Content>
+  )
+);
+AttachmentContent.displayName = 'Attachment.Content';
+
+export interface AttachmentTitleProps extends TextProps {
+  className?: string;
+  children?: ReactNode;
+}
+
+/** The file name. Shimmers while the file is uploading or processing. */
+const AttachmentTitle = forwardRef<React.ElementRef<typeof Text>, AttachmentTitleProps>(
+  ({ className, children, ...props }, ref) => {
+    const { state } = useContext(AttachmentContext);
+
+    if (isBusy(state)) {
+      // Shimmer owns the text so it can mask the sweep to the glyphs.
+      return <Shimmer textClassName={cn('text-base font-medium', className)}>{children}</Shimmer>;
+    }
+
+    return (
+      <Item.Title
+        ref={ref}
+        className={cn(state === 'error' && 'text-destructive', className)}
+        {...props}
+      >
+        {children}
+      </Item.Title>
+    );
+  }
+);
+AttachmentTitle.displayName = 'Attachment.Title';
+
+export interface AttachmentDescriptionProps extends TextProps {
+  className?: string;
+  children?: ReactNode;
+}
+
+/** File type, size or status. Tints destructive on `error`. */
+const AttachmentDescription = forwardRef<
+  React.ElementRef<typeof Text>,
+  AttachmentDescriptionProps
+>(({ className, children, ...props }, ref) => {
+  const { state } = useContext(AttachmentContext);
+
+  return (
+    <Item.Description
+      ref={ref}
+      className={cn(state === 'error' && 'text-destructive', className)}
+      {...props}
+    >
+      {children}
+    </Item.Description>
+  );
+});
+AttachmentDescription.displayName = 'Attachment.Description';
+
+export interface AttachmentActionsProps extends ViewProps {
+  className?: string;
+  children?: ReactNode;
+}
+
+const AttachmentActions = forwardRef<View, AttachmentActionsProps>(
+  ({ className, children, ...props }, ref) => (
+    <Item.Actions ref={ref} className={className} {...props}>
+      {children}
+    </Item.Actions>
+  )
+);
+AttachmentActions.displayName = 'Attachment.Actions';
+
+export interface AttachmentActionProps
+  extends Omit<AnimatedPressableProps, 'children'> {
+  className?: string;
+  accessibilityLabel: string;
+  children?: ReactNode;
+}
+
+/**
+ * A single icon button in the actions slot — remove, retry, download. An icon
+ * on its own says nothing to a screen reader, so the label is required.
+ */
+const AttachmentAction = forwardRef<View, AttachmentActionProps>(
+  ({ className, accessibilityLabel, children, ...props }, ref) => (
+    <AnimatedPressable
+      ref={ref}
+      accessibilityRole="button"
+      accessibilityLabel={accessibilityLabel}
+      hitSlop={8}
+      className={cn(
+        'h-8 w-8 items-center justify-center rounded-full active:bg-muted',
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </AnimatedPressable>
+  )
+);
+AttachmentAction.displayName = 'Attachment.Action';
+
+export const Attachment = Object.assign(AttachmentRoot, {
+  Group: AttachmentGroup,
+  Media: AttachmentMedia,
+  Content: AttachmentContent,
+  Title: AttachmentTitle,
+  Description: AttachmentDescription,
+  Actions: AttachmentActions,
+  Action: AttachmentAction,
+});

package/src/components/bottom-sheet/index.tsx

@@ -10,6 +10,7 @@ import {
   type ReactNode,
 } from 'react';
 import { Pressable, useWindowDimensions, View, type ViewProps } from 'react-native';
+import { useCSSVariable } from 'uniwind';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import Animated, {
   FadeIn,
@@ -24,6 +25,7 @@ import Animated, {
 } from 'react-native-reanimated';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { getNativeUI } from '../../native';
+import { XIcon } from '../../icons';
 import { Portal } from '../../primitives/portal';
 import { cn } from '../../utils/cn';
 
@@ -138,12 +140,18 @@ export interface BottomSheetContentProps extends ViewProps {
   className?: string;
   /** Tap on the backdrop closes the sheet. Default true. */
   dismissible?: boolean;
+  /**
+   * Show a close button in the top-right corner. On by default for the styled
+   * sheet; ignored by the native sheet, which has its own dismiss affordances.
+   */
+  showClose?: boolean;
   children?: ReactNode;
 }
 
 function BottomSheetContent({
   className,
   dismissible = true,
+  showClose = true,
   children,
   ...props
 }: BottomSheetContentProps) {
@@ -153,6 +161,7 @@ function BottomSheetContent({
   const { height: screenHeight, width: screenWidth } = useWindowDimensions();
   const insets = useSafeAreaInsets();
   const translateY = useSharedValue(0);
+  const closeTint = useCSSVariable('--color-muted-foreground');
 
   const close = useCallback(() => setOpen(false), [setOpen]);
 
@@ -256,6 +265,17 @@ function BottomSheetContent({
             <View className="mb-3 self-center">
               <View className="h-1 w-10 rounded-full bg-muted-foreground/30" />
             </View>
+            {showClose ? (
+              <Pressable
+                accessibilityRole="button"
+                accessibilityLabel="Close"
+                onPress={close}
+                hitSlop={8}
+                className="absolute right-4 top-3 h-8 w-8 items-center justify-center rounded-full bg-muted active:opacity-70"
+              >
+                <XIcon size={16} color={typeof closeTint === 'string' ? closeTint : undefined} />
+              </Pressable>
+            ) : null}
             {children}
           </Animated.View>
         </GestureDetector>

package/src/components/dialog/index.tsx

@@ -13,6 +13,7 @@ import {
 import { Pressable, View, type ViewProps } from 'react-native';
 import Animated, { FadeIn, FadeOut, ZoomIn } from 'react-native-reanimated';
 import { Portal } from '../../primitives/portal';
+import { Scrim } from '../../primitives/scrim';
 import { Text, type TextProps } from '../../primitives/text';
 import { cn } from '../../utils/cn';
 
@@ -82,12 +83,19 @@ export interface DialogContentProps extends ViewProps {
   className?: string;
   /** Tap on the backdrop closes the dialog. Default true. */
   dismissible?: boolean;
+  /**
+   * Frost the screen behind the dialog instead of dimming it. Uses `expo-blur`
+   * when installed and falls back to the dim when it is not, so it is safe to
+   * pass either way.
+   */
+  blur?: boolean;
   children?: ReactNode;
 }
 
 function DialogContent({
   className,
   dismissible = true,
+  blur = false,
   children,
   ...props
 }: DialogContentProps) {
@@ -106,9 +114,10 @@ function DialogContent({
         exiting={FadeOut.duration(150)}
         className="absolute inset-0 items-center justify-center p-6"
       >
+        <Scrim blur={blur} />
         <Pressable
           accessibilityLabel="Close dialog"
-          className="absolute inset-0 bg-black/50"
+          className="absolute inset-0"
           onPress={dismissible ? () => setOpen(false) : undefined}
         />
         <Animated.View

package/src/components/empty-state/index.tsx

@@ -6,26 +6,49 @@
  * is a pair of CSS pseudo-elements; React Native has none, so it is two
  * absolutely positioned siblings with static rotate transforms.
  */
-import { forwardRef, type ReactNode } from 'react';
+import { createContext, forwardRef, useContext, type ReactNode } from 'react';
 import { View, type Text as RNText, type ViewProps } from 'react-native';
 import { tv, type VariantProps } from 'tailwind-variants';
 import { Text, type TextProps } from '../../primitives/text';
 
+type EmptyStateSize = 'sm' | 'default' | 'lg';
+
+/** Sub-components read the size so the title, description and media scale with the root. */
+const EmptyStateContext = createContext<{ size: EmptyStateSize }>({ size: 'default' });
+
 const emptyStateVariants = tv({
   slots: {
-    root: 'w-full flex-1 items-center justify-center gap-6 px-6 py-12',
+    root: 'w-full items-center justify-center',
     header: 'w-full max-w-sm items-center gap-1',
-    title: 'text-center text-xl font-semibold text-foreground',
-    description: 'text-center text-sm text-muted-foreground',
+    title: 'text-center font-semibold text-foreground',
+    description: 'text-center text-muted-foreground',
     content: 'w-full max-w-sm items-center gap-3',
   },
+  variants: {
+    variant: {
+      // Fills whatever space it is given — a whole screen, or a flex parent.
+      default: { root: 'flex-1' },
+      // A self-contained block that sits inside content rather than filling a
+      // screen: bordered, on the card fill, sized to its contents.
+      card: { root: 'rounded-2xl border border-border bg-card' },
+    },
+    size: {
+      sm: { root: 'gap-4 px-4 py-8', title: 'text-base', description: 'text-sm' },
+      default: { root: 'gap-6 px-6 py-12', title: 'text-xl', description: 'text-sm' },
+      lg: { root: 'gap-6 px-6 py-16', title: 'text-2xl', description: 'text-base' },
+    },
+  },
+  defaultVariants: {
+    variant: 'default',
+    size: 'default',
+  },
 });
 
 const mediaVariants = tv({
   slots: {
     wrapper: 'items-center justify-center',
-    card: 'h-9 w-9 shrink-0 items-center justify-center',
-    ghost: 'absolute h-9 w-9 rounded-md border border-border bg-card',
+    card: 'shrink-0 items-center justify-center',
+    ghost: 'absolute rounded-md border border-border bg-card',
   },
   variants: {
     variant: {
@@ -37,21 +60,41 @@ const mediaVariants = tv({
         card: 'rounded-md border border-border bg-card',
       },
     },
+    size: {
+      sm: { card: 'h-8 w-8', ghost: 'h-8 w-8' },
+      default: { card: 'h-9 w-9', ghost: 'h-9 w-9' },
+      lg: { card: 'h-11 w-11', ghost: 'h-11 w-11' },
+    },
   },
   defaultVariants: {
     variant: 'default',
+    size: 'default',
   },
 });
 
-export interface EmptyStateProps extends ViewProps {
+export interface EmptyStateProps
+  extends ViewProps,
+    VariantProps<typeof emptyStateVariants> {
   className?: string;
+  /**
+   * `default` fills its parent — a whole screen, or a flex slot. `card` is a
+   * self-contained bordered block for an empty state that sits inside content
+   * rather than owning the screen.
+   */
+  variant?: 'default' | 'card';
+  /** Scales the padding, media, title and description together. */
+  size?: EmptyStateSize;
   children?: ReactNode;
 }
 
 const EmptyStateRoot = forwardRef<View, EmptyStateProps>(
-  ({ className, ...props }, ref) => {
-    const { root } = emptyStateVariants();
-    return <View ref={ref} className={root({ className })} {...props} />;
+  ({ className, variant, size = 'default', ...props }, ref) => {
+    const { root } = emptyStateVariants({ variant, size });
+    return (
+      <EmptyStateContext.Provider value={{ size }}>
+        <View ref={ref} className={root({ className })} {...props} />
+      </EmptyStateContext.Provider>
+    );
   }
 );
 EmptyStateRoot.displayName = 'EmptyState';
@@ -78,7 +121,8 @@ export interface EmptyStateMediaProps
  */
 const EmptyStateMedia = forwardRef<View, EmptyStateMediaProps>(
   ({ className, variant = 'default', children, ...props }, ref) => {
-    const { wrapper, card, ghost } = mediaVariants({ variant });
+    const { size } = useContext(EmptyStateContext);
+    const { wrapper, card, ghost } = mediaVariants({ variant, size });
 
     return (
       <View ref={ref} className={wrapper({ className: `mb-4 ${className ?? ''}` })} {...props}>
@@ -104,21 +148,23 @@ const EmptyStateMedia = forwardRef<View, EmptyStateMediaProps>(
 EmptyStateMedia.displayName = 'EmptyState.Media';
 
 const EmptyStateTitle = forwardRef<RNText, TextProps>(({ className, ...props }, ref) => {
-  const { title } = emptyStateVariants();
+  const { size } = useContext(EmptyStateContext);
+  const { title } = emptyStateVariants({ size });
   return <Text ref={ref} className={title({ className })} {...props} />;
 });
 EmptyStateTitle.displayName = 'EmptyState.Title';
 
 const EmptyStateDescription = forwardRef<RNText, TextProps>(
   ({ className, ...props }, ref) => {
-    const { description } = emptyStateVariants();
+    const { size } = useContext(EmptyStateContext);
+    const { description } = emptyStateVariants({ size });
     return <Text ref={ref} className={description({ className })} {...props} />;
   }
 );
 EmptyStateDescription.displayName = 'EmptyState.Description';
 
 /** Slot below the header, for actions such as a primary button. */
-const EmptyStateContent = forwardRef<View, EmptyStateProps>(
+const EmptyStateContent = forwardRef<View, ViewProps & { className?: string }>(
   ({ className, ...props }, ref) => {
     const { content } = emptyStateVariants();
     return <View ref={ref} className={content({ className })} {...props} />;