@harkenapp/sdk-react-native 0.0.1-alpha.1 → 0.0.1-alpha.2

package/dist/attachments/FeedbackSheet.js

@@ -52,13 +52,26 @@ const AttachmentPicker_1 = require("../components/AttachmentPicker");
  *
  * For the version without attachment dependencies, import from the main entry point.
  *
+ * Uses the following theme tokens:
+ * - `colors.formBackground` for background
+ * - `spacing.formPadding` for padding
+ * - `spacing.sectionGap` for section gaps
+ * - `radii.form` for border radius
+ *
  * @example
  * ```tsx
- * import { FeedbackSheet } from '@harkenapp/sdk-react-native/attachments';
+ * import { FeedbackSheet } from '@harkenapp/sdk-react-native';
  *
  * // Minimal usage with attachments
  * <FeedbackSheet onSuccess={() => navigation.goBack()} />
  *
+ * // For bottom sheet modal embedding
+ * <FeedbackSheet
+ *   layout="auto"
+ *   title=""
+ *   onSuccess={() => closeModal()}
+ * />
+ *
  * // With customization
  * <FeedbackSheet
  *   title="Report a Bug"
@@ -79,19 +92,19 @@ const AttachmentPicker_1 = require("../components/AttachmentPicker");
  * />
  * ```
  */
-function FeedbackSheet({ onSuccess, onError, onCancel, title = 'Send Feedback', placeholder = 'What would you like to share?', submitLabel = 'Submit', cancelLabel = 'Cancel', categories = CategorySelector_1.DEFAULT_CATEGORIES, requireCategory = false, minMessageLength = 1, maxMessageLength = 5000, enableAttachments = true, maxAttachments = 5, attachmentSources, successMessage = 'Thank you for your feedback!', showSuccessAlert = true, clearOnSuccess = true, containerStyle, formStyle, }) {
+function FeedbackSheet({ onSuccess, onError, onCancel, title = "Send Feedback", placeholder = "What would you like to share?", submitLabel = "Submit", cancelLabel = "Cancel", categories = CategorySelector_1.DEFAULT_CATEGORIES, requireCategory = false, minMessageLength = 1, maxMessageLength = 5000, enableAttachments = true, maxAttachments = 5, attachmentSources, successMessage = "Thank you for your feedback!", showSuccessAlert = true, clearOnSuccess = true, layout = "flex", containerStyle, contentStyle, formStyle, }) {
     const theme = (0, hooks_1.useHarkenTheme)();
+    const { form } = theme.components;
     const { submitFeedback, isSubmitting, error, clearError, isInitializing } = (0, hooks_1.useFeedback)();
     const { attachments, removeAttachment, retryAttachment, getAttachmentIds, hasActiveUploads, openPicker, pickerProps, enabledSourceCount, } = (0, useAttachmentPicker_1.useAttachmentPicker)(attachmentSources);
-    const [message, setMessage] = (0, react_1.useState)('');
+    const [message, setMessage] = (0, react_1.useState)("");
     const [category, setCategory] = (0, react_1.useState)(null);
     const trimmedMessage = message.trim();
-    const isMessageValid = trimmedMessage.length >= minMessageLength &&
-        trimmedMessage.length <= maxMessageLength;
+    const isMessageValid = trimmedMessage.length >= minMessageLength && trimmedMessage.length <= maxMessageLength;
     const isCategoryValid = !requireCategory || category !== null;
     const canSubmit = isMessageValid && isCategoryValid && !isSubmitting && !isInitializing;
     const resetForm = (0, react_1.useCallback)(() => {
-        setMessage('');
+        setMessage("");
         setCategory(null);
         clearError();
         // Note: We don't clear attachments since they may still be uploading
@@ -104,16 +117,16 @@ function FeedbackSheet({ onSuccess, onError, onCancel, title = 'Send Feedback',
         try {
             const result = await submitFeedback({
                 message: trimmedMessage,
-                category: category ?? 'other',
+                category: category ?? "other",
                 attachments: enableAttachments ? getAttachmentIds() : undefined,
             });
             const uploadNote = enableAttachments && hasActiveUploads
-                ? '\n\nAttachments are still uploading in the background.'
-                : '';
+                ? "\n\nAttachments are still uploading in the background."
+                : "";
             if (showSuccessAlert && successMessage) {
-                react_native_1.Alert.alert('Success', `${successMessage}${uploadNote}`, [
+                react_native_1.Alert.alert("Success", `${successMessage}${uploadNote}`, [
                     {
-                        text: 'OK',
+                        text: "OK",
                         onPress: () => {
                             if (clearOnSuccess) {
                                 resetForm();
@@ -131,8 +144,8 @@ function FeedbackSheet({ onSuccess, onError, onCancel, title = 'Send Feedback',
             }
         }
         catch (e) {
-            const errorMessage = e instanceof Error ? e.message : 'Failed to submit feedback. Please try again.';
-            react_native_1.Alert.alert('Submission Failed', errorMessage);
+            const errorMessage = e instanceof Error ? e.message : "Failed to submit feedback. Please try again.";
+            react_native_1.Alert.alert("Submission Failed", errorMessage);
             onError?.(e instanceof Error ? e : new Error(errorMessage));
         }
     }, [
@@ -156,42 +169,49 @@ function FeedbackSheet({ onSuccess, onError, onCancel, title = 'Send Feedback',
         onCancel?.();
     }, [resetForm, onCancel]);
     const baseContainerStyle = {
-        flex: 1,
-        backgroundColor: theme.colors.background,
+        ...(layout === "flex" ? { flex: 1 } : {}),
+        backgroundColor: form.background,
+        borderRadius: form.radius,
     };
-    const contentStyle = {
-        flexGrow: 1,
-        padding: theme.spacing.lg,
+    const scrollContentStyle = {
+        ...(layout === "flex" ? { flexGrow: 1 } : {}),
+        padding: form.padding,
     };
     const sectionStyle = {
-        marginBottom: theme.spacing.lg,
+        marginBottom: form.sectionGap,
     };
+    // Support deprecated formStyle prop
+    const effectiveContentStyle = contentStyle ?? formStyle;
     const buttonRowStyle = {
-        flexDirection: 'row',
+        flexDirection: "row",
         gap: theme.spacing.sm,
         marginTop: theme.spacing.md,
     };
     const characterCount = trimmedMessage.length;
     const showCharacterWarning = characterCount > maxMessageLength * 0.9;
     if (isInitializing) {
-        return (<react_native_1.View style={[baseContainerStyle, containerStyle, { justifyContent: 'center', alignItems: 'center' }]}>
+        return (<react_native_1.View style={[
+                baseContainerStyle,
+                containerStyle,
+                { justifyContent: "center", alignItems: "center" },
+            ]}>
         <ThemedText_1.ThemedText variant="body" secondary>
           Initializing...
         </ThemedText_1.ThemedText>
       </react_native_1.View>);
     }
     return (<>
-      <react_native_1.KeyboardAvoidingView behavior={react_native_1.Platform.OS === 'ios' ? 'padding' : 'height'} style={[baseContainerStyle, containerStyle]}>
-        <react_native_1.ScrollView contentContainerStyle={[contentStyle, formStyle]} keyboardShouldPersistTaps="handled">
-          {/* Title */}
-          <react_native_1.View style={sectionStyle}>
-            <ThemedText_1.ThemedText variant="title">{title}</ThemedText_1.ThemedText>
-          </react_native_1.View>
+      <react_native_1.KeyboardAvoidingView behavior={react_native_1.Platform.OS === "ios" ? "padding" : "height"} style={[baseContainerStyle, containerStyle]}>
+        <react_native_1.ScrollView contentContainerStyle={[scrollContentStyle, effectiveContentStyle]} keyboardShouldPersistTaps="handled">
+          {/* Title - only render if provided */}
+          {title ? (<react_native_1.View style={sectionStyle}>
+              <ThemedText_1.ThemedText variant="title">{title}</ThemedText_1.ThemedText>
+            </react_native_1.View>) : null}
 
           {/* Category selector */}
           <react_native_1.View style={sectionStyle}>
             <ThemedText_1.ThemedText variant="label" secondary style={{ marginBottom: theme.spacing.sm }}>
-              Category{requireCategory ? '' : ' (optional)'}
+              Category{requireCategory ? "" : " (optional)"}
             </ThemedText_1.ThemedText>
             <CategorySelector_1.CategorySelector value={category} onChange={setCategory} categories={categories} disabled={isSubmitting}/>
           </react_native_1.View>
@@ -204,7 +224,7 @@ function FeedbackSheet({ onSuccess, onError, onCancel, title = 'Send Feedback',
             <ThemedTextInput_1.ThemedTextInput value={message} onChangeText={setMessage} placeholder={placeholder} multiline numberOfLines={4} textAlignVertical="top" editable={!isSubmitting} style={{ minHeight: 120 }} maxLength={maxMessageLength + 100}/>
             {showCharacterWarning && (<ThemedText_1.ThemedText variant="caption" color={characterCount > maxMessageLength
                 ? theme.colors.error
-                : theme.colors.textSecondary} style={{ marginTop: theme.spacing.xs, textAlign: 'right' }}>
+                : theme.colors.textSecondary} style={{ marginTop: theme.spacing.xs, textAlign: "right" }}>
                 {characterCount}/{maxMessageLength}
               </ThemedText_1.ThemedText>)}
           </react_native_1.View>
@@ -236,7 +256,7 @@ function FeedbackSheet({ onSuccess, onError, onCancel, title = 'Send Feedback',
 
           {/* Upload status indicator */}
           {enableAttachments && hasActiveUploads && (<react_native_1.View style={{ marginTop: theme.spacing.sm }}>
-              <ThemedText_1.ThemedText variant="caption" color={theme.colors.primary} style={{ textAlign: 'center' }}>
+              <ThemedText_1.ThemedText variant="caption" color={theme.colors.primary} style={{ textAlign: "center" }}>
                 Uploads in progress - you can still submit now
               </ThemedText_1.ThemedText>
             </react_native_1.View>)}

package/dist/attachments/FeedbackSheet.js.map

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

package/dist/attachments/index.d.ts

@@ -15,6 +15,6 @@
  *
  * @packageDocumentation
  */
-export { useAttachmentUpload, useAttachmentPicker, useAttachmentStatus, AttachmentPicker, UploadStatusOverlay, AttachmentPreview, AttachmentGrid, FeedbackSheet, UploadQueueService, uploadQueueService, UploadQueueStorage, UploadPhase, DEFAULT_UPLOAD_RETRY_CONFIG, } from '../index';
-export type { AttachmentState, UseAttachmentUploadResult, AttachmentSourceConfig, UseAttachmentPickerResult, AttachmentStatus, AttachmentPickerProps, AttachmentSource, PickerOptionConfig, UploadStatusOverlayProps, UploadStatusLabels, AttachmentPreviewProps, AttachmentGridProps, FeedbackSheetProps, UploadQueueServiceConfig, EnqueueParams, QueueItem, QueueStatus, UploadProgress, UploadRetryConfig, } from '../index';
+export { useAttachmentUpload, useAttachmentPicker, useAttachmentStatus, AttachmentPicker, UploadStatusOverlay, AttachmentPreview, AttachmentGrid, FeedbackSheet, UploadQueueService, uploadQueueService, UploadQueueStorage, UploadPhase, DEFAULT_UPLOAD_RETRY_CONFIG, } from "../index";
+export type { AttachmentState, UseAttachmentUploadResult, AttachmentSourceConfig, UseAttachmentPickerResult, AttachmentStatus, AttachmentPickerProps, AttachmentSource, PickerOptionConfig, UploadStatusOverlayProps, UploadStatusLabels, AttachmentPreviewProps, AttachmentGridProps, FeedbackSheetProps, UploadQueueServiceConfig, EnqueueParams, QueueItem, QueueStatus, UploadProgress, UploadRetryConfig, } from "../index";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/AttachmentGrid.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import type { ViewStyle, StyleProp, ImageStyle } from 'react-native';
-import type { AttachmentState } from '../hooks/useAttachmentUpload';
-import type { UploadStatusLabels } from './UploadStatusOverlay';
+import React from "react";
+import type { ViewStyle, StyleProp, ImageStyle } from "react-native";
+import type { AttachmentState } from "../hooks/useAttachmentUpload";
+import type { UploadStatusLabels } from "./UploadStatusOverlay";
 export interface AttachmentGridProps {
     /** List of attachments to display */
     attachments: AttachmentState[];
@@ -51,6 +51,14 @@ export interface AttachmentGridProps {
  *
  * Shows attachment previews with upload status and an optional add button.
  *
+ * Uses the following theme tokens:
+ * - `colors.addButton*` for add button colors
+ * - `spacing.tileGap` for gap between tiles
+ * - `radii.tile` for tile border radius
+ * - `sizing.tileSize` for default tile size
+ * - `sizing.addButtonIconSize` for add icon size
+ * - `opacity.disabled` for disabled state
+ *
  * @example
  * ```tsx
  * // Basic usage

package/dist/components/AttachmentGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentGrid.d.ts","sourceRoot":"","sources":["../../src/components/AttachmentGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAIrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACzC,+BAA+B;IAC/B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9E,+CAA+C;IAC/C,UAAU,CAAC,EAAE,CACX,UAAU,EAAE,eAAe,EAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,EACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,KAClB,KAAK,CAAC,SAAS,CAAC;IACrB,oCAAoC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,4BAA4B;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACvC,8CAA8C;IAC9C,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAC7D,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,OAAO,EACP,QAAQ,EACR,KAAK,EACL,cAAmB,EACnB,QAAa,EACb,GAAG,EACH,aAAoB,EACpB,QAAgB,EAChB,KAAK,EACL,cAAsB,EACtB,aAAmB,EACnB,cAAc,EACd,SAA4B,EAC5B,eAAe,EACf,UAAU,EACV,SAAS,EACT,cAAc,EACd,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuGzC"}
+{"version":3,"file":"AttachmentGrid.d.ts","sourceRoot":"","sources":["../../src/components/AttachmentGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAIrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACzC,+BAA+B;IAC/B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9E,+CAA+C;IAC/C,UAAU,CAAC,EAAE,CACX,UAAU,EAAE,eAAe,EAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,EACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,KAClB,KAAK,CAAC,SAAS,CAAC;IACrB,oCAAoC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,4BAA4B;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACvC,8CAA8C;IAC9C,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAC7D,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,OAAO,EACP,QAAQ,EACR,KAAK,EACL,cAAmB,EACnB,QAAQ,EACR,GAAG,EACH,aAAoB,EACpB,QAAgB,EAChB,KAAK,EACL,cAAsB,EACtB,aAAmB,EACnB,cAAc,EACd,SAA4B,EAC5B,eAAe,EACf,UAAU,EACV,SAAS,EACT,cAAc,EACd,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0GzC"}

package/dist/components/AttachmentGrid.js

@@ -14,6 +14,14 @@ const AttachmentPreview_1 = require("./AttachmentPreview");
  *
  * Shows attachment previews with upload status and an optional add button.
  *
+ * Uses the following theme tokens:
+ * - `colors.addButton*` for add button colors
+ * - `spacing.tileGap` for gap between tiles
+ * - `radii.tile` for tile border radius
+ * - `sizing.tileSize` for default tile size
+ * - `sizing.addButtonIconSize` for add icon size
+ * - `opacity.disabled` for disabled state
+ *
  * @example
  * ```tsx
  * // Basic usage
@@ -53,16 +61,14 @@ const AttachmentPreview_1 = require("./AttachmentPreview");
  * />
  * ```
  */
-function AttachmentGrid({ attachments, onRetry, onRemove, onAdd, maxAttachments = 10, tileSize = 80, gap, showAddButton = true, disabled = false, style, addButtonLabel = 'Add', addButtonIcon = '+', addButtonStyle, emptyText = 'No attachments', renderAddButton, renderTile, tileStyle, tileImageStyle, statusLabels, getFileIcon, renderPlaceholder, }) {
+function AttachmentGrid({ attachments, onRetry, onRemove, onAdd, maxAttachments = 10, tileSize, gap, showAddButton = true, disabled = false, style, addButtonLabel = "Add", addButtonIcon = "+", addButtonStyle, emptyText = "No attachments", renderAddButton, renderTile, tileStyle, tileImageStyle, statusLabels, getFileIcon, renderPlaceholder, }) {
     const theme = (0, hooks_1.useHarkenTheme)();
-    const effectiveGap = gap ?? theme.spacing.sm;
+    const { tile, addButton } = theme.components;
+    const effectiveTileSize = tileSize ?? tile.size;
+    const effectiveGap = gap ?? tile.gap;
     const canAddMore = attachments.length < maxAttachments;
     const shouldShowAddButton = showAddButton && canAddMore && onAdd;
-    return (<react_native_1.View style={[
-            styles.container,
-            { gap: effectiveGap },
-            style,
-        ]}>
+    return (<react_native_1.View style={[styles.container, { gap: effectiveGap }, style]}>
       {attachments.map((attachment) => {
             const handleRetry = onRetry ? () => onRetry(attachment.attachmentId) : undefined;
             const handleRemove = onRemove ? () => onRemove(attachment.attachmentId) : undefined;
@@ -72,29 +78,35 @@ function AttachmentGrid({ attachments, onRetry, onRemove, onAdd, maxAttachments
               {renderTile(attachment, handleRetry, handleRemove)}
             </react_1.default.Fragment>);
             }
-            return (<AttachmentPreview_1.AttachmentPreview key={attachment.attachmentId} uri={attachment.localUri} mimeType={attachment.mimeType} fileName={attachment.fileName} phase={attachment.phase} progress={attachment.progress} error={attachment.error} onRetry={handleRetry} onRemove={handleRemove} size={tileSize} style={tileStyle} imageStyle={tileImageStyle} statusLabels={statusLabels} getFileIcon={getFileIcon} renderPlaceholder={renderPlaceholder}/>);
+            return (<AttachmentPreview_1.AttachmentPreview key={attachment.attachmentId} uri={attachment.localUri} mimeType={attachment.mimeType} fileName={attachment.fileName} phase={attachment.phase} progress={attachment.progress} error={attachment.error} onRetry={handleRetry} onRemove={handleRemove} size={effectiveTileSize} style={tileStyle} imageStyle={tileImageStyle} statusLabels={statusLabels} getFileIcon={getFileIcon} renderPlaceholder={renderPlaceholder}/>);
         })}
 
-      {shouldShowAddButton && (renderAddButton ? (renderAddButton(onAdd, disabled)) : (<react_native_1.Pressable onPress={onAdd} disabled={disabled} style={({ pressed }) => [
-                styles.addButton,
-                {
-                    width: tileSize,
-                    height: tileSize,
-                    borderRadius: theme.radii.md,
-                    backgroundColor: pressed
-                        ? theme.colors.border
-                        : theme.colors.backgroundSecondary,
-                    borderWidth: 2,
-                    borderColor: theme.colors.border,
-                    borderStyle: 'dashed',
-                    opacity: disabled ? 0.5 : 1,
-                },
-                addButtonStyle,
-            ]}>
-            {typeof addButtonIcon === 'string' ? (<ThemedText_1.ThemedText style={[styles.addIcon, { color: theme.colors.textSecondary }]}>
+      {shouldShowAddButton &&
+            (renderAddButton ? (renderAddButton(onAdd, disabled)) : (<react_native_1.Pressable onPress={onAdd} disabled={disabled} style={({ pressed }) => [
+                    styles.addButton,
+                    {
+                        width: effectiveTileSize,
+                        height: effectiveTileSize,
+                        borderRadius: tile.radius,
+                        backgroundColor: pressed ? addButton.backgroundPressed : addButton.background,
+                        borderWidth: 2,
+                        borderColor: addButton.border,
+                        borderStyle: "dashed",
+                        opacity: disabled ? theme.opacity.disabled : 1,
+                    },
+                    addButtonStyle,
+                ]}>
+            {typeof addButtonIcon === "string" ? (<ThemedText_1.ThemedText style={[
+                        styles.addIcon,
+                        {
+                            color: addButton.icon,
+                            fontSize: addButton.iconSize,
+                            lineHeight: addButton.iconSize * 1.15, // Scale lineHeight with iconSize
+                        },
+                    ]}>
                 {addButtonIcon}
               </ThemedText_1.ThemedText>) : (addButtonIcon)}
-            <ThemedText_1.ThemedText variant="caption" secondary>
+            <ThemedText_1.ThemedText variant="caption" color={addButton.text}>
               {addButtonLabel}
             </ThemedText_1.ThemedText>
           </react_native_1.Pressable>))}
@@ -113,20 +125,18 @@ function AttachmentGrid({ attachments, onRetry, onRemove, onAdd, maxAttachments
 }
 const styles = react_native_1.StyleSheet.create({
     container: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
+        flexDirection: "row",
+        flexWrap: "wrap",
     },
     addButton: {
-        alignItems: 'center',
-        justifyContent: 'center',
+        alignItems: "center",
+        justifyContent: "center",
     },
     addIcon: {
-        fontSize: 28,
-        fontWeight: '300',
-        lineHeight: 32,
+        fontWeight: "300",
     },
     emptyState: {
-        alignItems: 'center',
+        alignItems: "center",
     },
 });
 //# sourceMappingURL=AttachmentGrid.js.map

package/dist/components/AttachmentGrid.js.map

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

package/dist/components/AttachmentPicker.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import type { ViewStyle, StyleProp } from 'react-native';
-export type AttachmentSource = 'camera' | 'library' | 'document';
+import React from "react";
+import type { ViewStyle, StyleProp } from "react-native";
+export type AttachmentSource = "camera" | "library" | "document";
 /**
  * Configuration for a single picker option.
  */

package/dist/components/AttachmentPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentPicker.d.ts","sourceRoot":"","sources":["../../src/components/AttachmentPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IACpC,oCAAoC;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,uCAAuC;IACvC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,8CAA8C;IAC9C,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,gDAAgD;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,0CAA0C;IAC1C,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,kBAAkB,CAAC;QAC5B,OAAO,CAAC,EAAE,kBAAkB,CAAC;QAC7B,QAAQ,CAAC,EAAE,kBAAkB,CAAC;KAC/B,CAAC;IACF,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,uCAAuC;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACpC;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,KAAwB,EACxB,UAAU,EACV,OAAO,EAAE,eAAe,EACxB,WAAsB,EACtB,YAAY,EACZ,WAAW,EACX,UAAU,EACV,WAAW,GACZ,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA4LlD"}
+{"version":3,"file":"AttachmentPicker.d.ts","sourceRoot":"","sources":["../../src/components/AttachmentPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IACpC,oCAAoC;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,uCAAuC;IACvC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,8CAA8C;IAC9C,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,gDAAgD;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,0CAA0C;IAC1C,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,kBAAkB,CAAC;QAC5B,OAAO,CAAC,EAAE,kBAAkB,CAAC;QAC7B,QAAQ,CAAC,EAAE,kBAAkB,CAAC;KAC/B,CAAC;IACF,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,uCAAuC;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACpC;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,KAAwB,EACxB,UAAU,EACV,OAAO,EAAE,eAAe,EACxB,WAAsB,EACtB,YAAY,EACZ,WAAW,EACX,UAAU,EACV,WAAW,GACZ,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAmLlD"}

package/dist/components/AttachmentPicker.js

@@ -82,40 +82,41 @@ const ThemedText_1 = require("./ThemedText");
  * />
  * ```
  */
-function AttachmentPicker({ visible, onClose, onTakePhoto, onPickFromLibrary, onPickDocument, title = 'Add Attachment', renderIcon, options: optionOverrides, cancelLabel = 'Cancel', overlayColor, sheetRadius, sheetStyle, optionStyle, }) {
+function AttachmentPicker({ visible, onClose, onTakePhoto, onPickFromLibrary, onPickDocument, title = "Add Attachment", renderIcon, options: optionOverrides, cancelLabel = "Cancel", overlayColor, sheetRadius, sheetStyle, optionStyle, }) {
     const theme = (0, hooks_1.useHarkenTheme)();
-    const screenHeight = react_native_1.Dimensions.get('window').height;
+    const { picker } = theme.components;
+    const screenHeight = react_native_1.Dimensions.get("window").height;
     // Prevent double-triggering ActionSheetIOS if callbacks change
     const isShowingRef = (0, react_1.useRef)(false);
     // Build options with defaults and overrides
     const options = [
         {
-            key: 'camera',
-            label: optionOverrides?.camera?.label ?? 'Camera',
-            description: optionOverrides?.camera?.description ?? 'Take a new photo',
+            key: "camera",
+            label: optionOverrides?.camera?.label ?? "Camera",
+            description: optionOverrides?.camera?.description ?? "Take a new photo",
             color: optionOverrides?.camera?.color ?? theme.colors.accent1,
             icon: optionOverrides?.camera?.icon ??
-                (renderIcon ? renderIcon('camera') : <DefaultIcon emoji="📷"/>),
+                (renderIcon ? renderIcon("camera") : <DefaultIcon emoji="📷"/>),
             action: onTakePhoto,
             hidden: optionOverrides?.camera?.hidden ?? false,
         },
         {
-            key: 'library',
-            label: optionOverrides?.library?.label ?? 'Photo Library',
-            description: optionOverrides?.library?.description ?? 'Choose from existing photos',
+            key: "library",
+            label: optionOverrides?.library?.label ?? "Photo Library",
+            description: optionOverrides?.library?.description ?? "Choose from existing photos",
             color: optionOverrides?.library?.color ?? theme.colors.accent2,
             icon: optionOverrides?.library?.icon ??
-                (renderIcon ? renderIcon('library') : <DefaultIcon emoji="🖼️"/>),
+                (renderIcon ? renderIcon("library") : <DefaultIcon emoji="🖼️"/>),
             action: onPickFromLibrary,
             hidden: optionOverrides?.library?.hidden ?? false,
         },
         {
-            key: 'document',
-            label: optionOverrides?.document?.label ?? 'Files',
-            description: optionOverrides?.document?.description ?? 'Browse documents and files',
+            key: "document",
+            label: optionOverrides?.document?.label ?? "Files",
+            description: optionOverrides?.document?.description ?? "Browse documents and files",
             color: optionOverrides?.document?.color ?? theme.colors.accent3,
             icon: optionOverrides?.document?.icon ??
-                (renderIcon ? renderIcon('document') : <DefaultIcon emoji="📄"/>),
+                (renderIcon ? renderIcon("document") : <DefaultIcon emoji="📄"/>),
             action: onPickDocument,
             hidden: optionOverrides?.document?.hidden ?? false,
         },
@@ -132,7 +133,7 @@ function AttachmentPicker({ visible, onClose, onTakePhoto, onPickFromLibrary, on
             isShowingRef.current = false;
             return;
         }
-        if (visible && react_native_1.Platform.OS === 'ios' && !isShowingRef.current) {
+        if (visible && react_native_1.Platform.OS === "ios" && !isShowingRef.current) {
             isShowingRef.current = true;
             // Build iOS action sheet options from visible options
             const iosOptions = [cancelLabel, ...visibleOptions.map((o) => o.label)];
@@ -153,11 +154,11 @@ function AttachmentPicker({ visible, onClose, onTakePhoto, onPickFromLibrary, on
         }
     }, [visible, onClose, visibleOptions, title, cancelLabel]);
     // iOS: Don't render modal - we use ActionSheetIOS instead
-    if (react_native_1.Platform.OS === 'ios') {
+    if (react_native_1.Platform.OS === "ios") {
         return null;
     }
-    const resolvedOverlayColor = overlayColor ?? theme.colors.overlay;
-    const resolvedSheetRadius = sheetRadius ?? theme.radii.xl;
+    const resolvedOverlayColor = overlayColor ?? picker.overlay;
+    const resolvedSheetRadius = sheetRadius ?? picker.radius;
     // Android: Use bottom sheet modal
     return (<react_native_1.Modal visible={visible} transparent animationType="slide" onRequestClose={onClose}>
       <react_native_safe_area_context_1.SafeAreaView style={styles.modalContainer}>
@@ -167,7 +168,7 @@ function AttachmentPicker({ visible, onClose, onTakePhoto, onPickFromLibrary, on
           <react_native_1.View style={[
             styles.bottomSheet,
             {
-                backgroundColor: theme.colors.background,
+                backgroundColor: picker.background,
                 maxHeight: screenHeight * 0.6,
                 borderTopLeftRadius: resolvedSheetRadius,
                 borderTopRightRadius: resolvedSheetRadius,
@@ -178,10 +179,7 @@ function AttachmentPicker({ visible, onClose, onTakePhoto, onPickFromLibrary, on
     onStartShouldSetResponder={() => true}>
             {/* Handle bar */}
             <react_native_1.View style={styles.handleContainer}>
-              <react_native_1.View style={[
-            styles.handle,
-            { backgroundColor: theme.colors.textSecondary },
-        ]}/>
+              <react_native_1.View style={[styles.handle, { backgroundColor: picker.handle }]}/>
             </react_native_1.View>
 
             {/* Title */}
@@ -197,8 +195,8 @@ function AttachmentPicker({ visible, onClose, onTakePhoto, onPickFromLibrary, on
                 styles.option,
                 {
                     backgroundColor: pressed
-                        ? theme.colors.border
-                        : theme.colors.backgroundSecondary,
+                        ? picker.optionBackgroundPressed
+                        : picker.optionBackground,
                     borderRadius: theme.radii.md,
                 },
                 optionStyle,
@@ -206,6 +204,8 @@ function AttachmentPicker({ visible, onClose, onTakePhoto, onPickFromLibrary, on
                   <react_native_1.View style={[
                 styles.iconContainer,
                 {
+                    width: picker.iconSize,
+                    height: picker.iconSize,
                     backgroundColor: option.color,
                     borderRadius: theme.radii.full,
                 },
@@ -222,7 +222,7 @@ function AttachmentPicker({ visible, onClose, onTakePhoto, onPickFromLibrary, on
 
               {/* Cancel Button */}
               <react_native_1.Pressable style={styles.cancelButton} onPress={onClose}>
-                <ThemedText_1.ThemedText secondary>{cancelLabel}</ThemedText_1.ThemedText>
+                <ThemedText_1.ThemedText color={picker.cancelText}>{cancelLabel}</ThemedText_1.ThemedText>
               </react_native_1.Pressable>
             </react_native_1.View>
           </react_native_1.View>
@@ -242,13 +242,13 @@ const styles = react_native_1.StyleSheet.create({
     },
     overlay: {
         flex: 1,
-        justifyContent: 'flex-end',
+        justifyContent: "flex-end",
     },
     bottomSheet: {
         paddingBottom: 20,
     },
     handleContainer: {
-        alignItems: 'center',
+        alignItems: "center",
         paddingVertical: 12,
     },
     handle: {
@@ -262,23 +262,21 @@ const styles = react_native_1.StyleSheet.create({
         paddingBottom: 16,
     },
     title: {
-        textAlign: 'center',
+        textAlign: "center",
     },
     optionsContainer: {
         paddingHorizontal: 20,
     },
     option: {
-        flexDirection: 'row',
-        alignItems: 'center',
+        flexDirection: "row",
+        alignItems: "center",
         paddingVertical: 16,
         paddingHorizontal: 16,
         marginBottom: 8,
     },
     iconContainer: {
-        width: 44,
-        height: 44,
-        alignItems: 'center',
-        justifyContent: 'center',
+        alignItems: "center",
+        justifyContent: "center",
         marginRight: 16,
     },
     defaultIcon: {
@@ -290,7 +288,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     cancelButton: {
         paddingVertical: 16,
-        alignItems: 'center',
+        alignItems: "center",
         marginTop: 12,
     },
 });