@12-apps/storage 2.2.0 → 2.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/storage",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "type": "module",
   "description": "Image uploads that land at YOUR OWN ORIGIN, never at the bucket (12-20). Isomorphic core (format allowlist, upload ceiling, object-key grammar, rendition set, refusal taxonomy, wire schemas), host-mounted backend surface (./server: createApiStorage, the local-disk driver, the image-pipeline port, the orphan reclaim), Hono adapter (./hono), the S3-compatible driver behind its own subpath (./s3) and the bound picker + upload hook (./react). Standardized adoption contract in ADOPTING.md.",
   "exports": {
@@ -43,7 +43,7 @@
     }
   },
   "dependencies": {
-    "@12-apps/ui": "^6.3.1",
+    "@12-apps/ui": "^6.4.0",
     "zod": "^4.3.5"
   },
   "devDependencies": {

package/src/react/create-web-storage.tsx

@@ -85,6 +85,7 @@ export function createWebStorage(config: WebStorageConfig): WebStorage {
           value={imageKey}
           onChange={setImageKey}
           label={messages.fieldLabel}
+          removeLabel={messages.fieldRemove}
           helperText={messages.fieldHelper}
         />
       </Stack>

package/src/react/failures.ts

@@ -100,13 +100,15 @@ export interface WebStorageMessages {
   /**
    * The standalone upload page's own chrome — heading, the one-line
    * instruction (which carries the ceiling, same rule as the refusals), the
-   * field label and its helper. These rendered as literals inside
-   * `createWebStorage` until copy became required config.
+   * field label, its helper, and the button that clears a chosen image.
+   * These rendered as literals inside `createWebStorage` until copy became
+   * required config.
    */
   pageTitle: string;
   pageIntro: string;
   fieldLabel: string;
   fieldHelper: string;
+  fieldRemove: string;
 }
 
 /** Copy that only makes sense with the configured ceiling in it. */

package/src/react/image-field.tsx

@@ -34,7 +34,10 @@ export interface ImageFieldProps {
   previewUrl?: string | null;
   /** Called with the new key, or `null` when the image is removed. */
   onChange: (imageKey: string | null) => void;
-  label?: string;
+  /** The dropzone's own label. REQUIRED — this package ships no default copy. */
+  label: string;
+  /** The button that clears a chosen image. REQUIRED, for the same reason. */
+  removeLabel: string;
   helperText?: string;
   /** Passed through per upload — `{ optimize: false }` for a rendered canvas. */
   uploadOptions?: UploadOptions;
@@ -89,7 +92,7 @@ export function ImageField(props: BoundImageFieldProps): JSX.Element {
       ) : null}
       <UploadButton
         variant="dropzone"
-        label={props.label ?? 'Enviar imagem'}
+        label={props.label}
         accept={ACCEPT}
         disabled={props.disabled || uploader.uploading}
         uploading={uploader.uploading}
@@ -100,7 +103,7 @@ export function ImageField(props: BoundImageFieldProps): JSX.Element {
       {preview ? (
         <Box>
           <Button variant="text" onClick={handleRemove} dataTestId={`${testId}-remove`}>
-            Remover imagem
+            {props.removeLabel}
           </Button>
         </Box>
       ) : null}

package/src/react/pt-BR.ts

@@ -34,5 +34,6 @@ export function PT_BR_WEB_STORAGE_MESSAGES(
     pageIntro: `Envie um PNG, JPG, WebP ou GIF de até ${context.limit}.`,
     fieldLabel: 'Foto do produto',
     fieldHelper: 'A imagem é reduzida no navegador antes do envio.',
+    fieldRemove: 'Remover imagem',
   };
 }