@cerberus-design/react 0.25.1 → 0.25.2-rc.1

package/src/components/file-upload/file-uploader.tsx

@@ -39,7 +39,7 @@ export function FileUploader(props: PropsWithChildren<FileUploaderProps>) {
           <Avatar gradient="charon-light" fallback={<Icon />} />
         </FileUploadParts.Icon>
 
-        <FileUploadParts.Label>
+        <FileUploadParts.Content>
           <Show when={elProps.heading}>
             <FileUploadParts.Heading>{elProps.heading}</FileUploadParts.Heading>
           </Show>
@@ -47,7 +47,7 @@ export function FileUploader(props: PropsWithChildren<FileUploaderProps>) {
           <FileUploadParts.Description>
             Drag and drop files or click to upload
           </FileUploadParts.Description>
-        </FileUploadParts.Label>
+        </FileUploadParts.Content>
       </FileUploadParts.Dropzone>
 
       <Show when={showPreview} fallback={<>{props.children}</>}>

package/src/components/file-upload/parts.tsx

@@ -13,6 +13,7 @@ import {
   FileUploadItemName,
   FileUploadItemSizeText,
   FileUploadItemDeleteTrigger,
+  FileUploadContent,
   FileUploadIcon,
   FileUploadHiddenInput,
   FileUploadHeading,
@@ -81,6 +82,10 @@ interface FileUploadPartsValue {
    * The context of the uploader.
    */
   Context: ElementType
+  /**
+   * The content container of the dropzone.
+   */
+  Content: ElementType
   /**
    * The icon of the uploader.
    */
@@ -120,6 +125,7 @@ export const FileUploadParts: FileUploadPartsValue = {
   ItemDeleteTrigger: FileUploadItemDeleteTrigger,
   HiddenInput: FileUploadHiddenInput,
   // custom cerby primitives
+  Content: FileUploadContent,
   Icon: FileUploadIcon,
   Heading: FileUploadHeading,
   Description: FileUploadDescription,

package/src/components/file-upload/primitives.ts

@@ -134,6 +134,11 @@ export type FileUploadContextProps =
   CerberusPrimitiveProps<ArkFileUploadContextProps>
 export const FileUploadContext = withNoRecipe(FileUpload.Context)
 
+// Content
+
+export type FileUploadContentProps = CerberusPrimitiveProps<HTMLDivElement>
+export const FileUploadContent = withSlotRecipe('div', 'label')
+
 // Icon
 
 export type FileUploadIconProps = CerberusPrimitiveProps<HTMLDivElement>

package/src/components/file-upload/utils.ts

@@ -16,5 +16,5 @@ export function formatFileTypes(accept: FileUploadRootProps['accept']): string {
     return accept.split(',').join(', ')
   }
 
-  return 'any file'
+  return 'any'
 }

package/src/components/select/select.tsx

@@ -5,7 +5,6 @@ import { useCerberusContext } from '../../context/cerberus'
 import { splitProps } from '../../utils/index'
 import { Show } from '../show/index'
 import { SelectParts } from './parts'
-import type { RefObject } from 'react'
 import type { SelectRootProps } from './primitives'
 
 /**
@@ -40,10 +39,6 @@ export interface SelectProps extends Omit<SelectRootProps, 'container'> {
    * The placeholder text when no option is selected.
    */
   placeholder?: string
-  /**
-   * @deprecated - this is no longer needed
-   */
-  container?: RefObject<HTMLElement | null>
 }
 
 /**

package/src/index.client.ts

@@ -5,6 +5,8 @@
 export {
   AccordionRootProvider,
   useAccordion,
+  useCollapsible,
+  useCollapsibleContext,
   DialogRootProvider,
   useDialog,
   FileUploadRootProvider,