@uselets/ui 1.5.0 → 1.7.0

package/dist/components/dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropzone.js","names":["useReactDropzone"],"sources":["../../src/components/dropzone.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  type Accept,\n  ErrorCode,\n  type FileError,\n  type FileRejection,\n  useDropzone as useReactDropzone\n} from 'react-dropzone'\n\nimport { cn } from '../lib/utils'\nimport { Button, type ButtonProps } from './button'\n\nconst dropzoneErrorCodes = [\n  ErrorCode.FileInvalidType,\n  ErrorCode.FileTooLarge,\n  ErrorCode.FileTooSmall,\n  ErrorCode.TooManyFiles\n]\n\ntype DropzoneAction<TUploadResult, TUploadError> =\n  | {\n      type: 'add'\n      id: string\n      fileName: string\n      file: File\n    }\n  | {\n      type: 'remove'\n      id: string\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'pending'\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'error'\n      error: TUploadError\n      message?: string\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'success'\n      result: TUploadResult\n    }\n\nexport type DropzoneUploadResult<TUploadResult, TUploadError> =\n  | {\n      status: 'error'\n      error: TUploadError\n    }\n  | {\n      status: 'success'\n      result: TUploadResult\n    }\n\nexport type DropzoneFileStatus<TUploadResult, TUploadError> = {\n  id: string\n  fileName: string\n  file: File\n  tries: number\n} & (\n  | {\n      status: 'pending'\n      error?: undefined\n      message?: undefined\n      result?: undefined\n    }\n  | {\n      status: 'error'\n      error: TUploadError\n      message?: string\n      result?: undefined\n    }\n  | {\n      status: 'success'\n      result: TUploadResult\n      error?: undefined\n      message?: undefined\n    }\n)\n\nexport type FileStatus<TUploadResult, TUploadError> = DropzoneFileStatus<TUploadResult, TUploadError>\n\nexport type DropzoneValidation = {\n  accept?: Accept\n  minSize?: number\n  maxSize?: number\n  maxFiles?: number\n}\n\nexport type UseDropzoneProps<TUploadResult, TUploadError = string> = {\n  onDropFile: (file: File) => Promise<DropzoneUploadResult<TUploadResult, TUploadError>>\n  onRemoveFile?: (id: string) => void | Promise<void>\n  onFileUploaded?: (result: TUploadResult) => void\n  onFileUploadError?: (error: TUploadError) => void\n  onAllUploaded?: () => void\n  onRootError?: (error: string | undefined) => void\n  shapeUploadError?: (error: TUploadError) => string | undefined\n  maxRetryCount?: number\n  autoRetry?: boolean\n  validation?: DropzoneValidation\n  shiftOnMaxFiles?: boolean\n}\n\nexport interface UseDropzoneReturn<TUploadResult, TUploadError> {\n  getRootProps: ReturnType<typeof useReactDropzone>['getRootProps']\n  getInputProps: ReturnType<typeof useReactDropzone>['getInputProps']\n  open: () => void\n  onRemoveFile: (id: string) => Promise<void>\n  onRetry: (id: string) => Promise<void>\n  canRetry: (id: string) => boolean\n  fileStatuses: DropzoneFileStatus<TUploadResult, TUploadError>[]\n  isInvalid: boolean\n  isDragActive: boolean\n  rootError: string | undefined\n  inputId: string\n  rootMessageId: string\n  rootDescriptionId: string\n  getFileMessageId: (id: string) => string\n}\n\nexport type DropzoneProps<TUploadResult, TUploadError> = React.PropsWithChildren<\n  UseDropzoneReturn<TUploadResult, TUploadError>\n>\n\nexport type DropzoneAreaProps = React.ComponentProps<'div'>\n\nexport type DropzoneDescriptionProps = React.ComponentProps<'p'>\n\nexport type DropzoneFileListProps = React.ComponentProps<'ol'>\n\nexport type DropzoneFileListItemProps<TUploadResult, TUploadError> = React.ComponentProps<'li'> & {\n  file: DropzoneFileStatus<TUploadResult, TUploadError>\n}\n\nexport type DropzoneFileMessageProps = React.ComponentProps<'p'>\n\nexport type DropzoneMessageProps = React.ComponentProps<'p'>\n\nexport type DropzoneRemoveFileProps = ButtonProps\n\nexport type DropzoneRetryFileProps = ButtonProps\n\nexport type DropzoneTriggerProps = ButtonProps\n\nexport type InfiniteProgressProps = React.ComponentProps<'div'> & {\n  status: 'pending' | 'success' | 'error'\n}\n\ntype DropzoneFileListContextValue<TUploadResult, TUploadError> = {\n  onRemoveFile: () => Promise<void>\n  onRetry: () => Promise<void>\n  fileStatus: DropzoneFileStatus<TUploadResult, TUploadError>\n  canRetry: boolean\n  dropzoneId: string\n  messageId: string\n}\n\nconst dropzoneErrorCodeSet = new Set<ErrorCode>(dropzoneErrorCodes)\n\nconst valueTextMap = {\n  pending: 'indeterminate',\n  success: '100%',\n  error: 'error'\n} as const\n\nconst DropzoneContext = React.createContext<UseDropzoneReturn<unknown, unknown> | null>(null)\n\nconst DropzoneFileListContext = React.createContext<DropzoneFileListContextValue<unknown, unknown> | null>(null)\n\nfunction fileStatusReducer<TUploadResult, TUploadError>(\n  state: DropzoneFileStatus<TUploadResult, TUploadError>[],\n  action: DropzoneAction<TUploadResult, TUploadError>\n): DropzoneFileStatus<TUploadResult, TUploadError>[] {\n  switch (action.type) {\n    case 'add':\n      return [\n        ...state,\n        {\n          id: action.id,\n          fileName: action.fileName,\n          file: action.file,\n          status: 'pending',\n          tries: 1\n        }\n      ]\n    case 'remove':\n      return state.filter((fileStatus) => fileStatus.id !== action.id)\n    case 'update-status':\n      return state.map((fileStatus) => {\n        if (fileStatus.id !== action.id) {\n          return fileStatus\n        }\n\n        if (action.status === 'pending') {\n          return {\n            ...fileStatus,\n            status: 'pending',\n            error: undefined,\n            message: undefined,\n            result: undefined,\n            tries: fileStatus.tries + 1\n          }\n        }\n\n        if (action.status === 'error') {\n          return {\n            ...fileStatus,\n            status: 'error',\n            error: action.error,\n            message: action.message,\n            result: undefined\n          }\n        }\n\n        return {\n          ...fileStatus,\n          status: 'success',\n          result: action.result,\n          error: undefined,\n          message: undefined\n        }\n      })\n  }\n}\n\nfunction formatAcceptedTypes(accept?: Accept) {\n  if (!accept) {\n    return undefined\n  }\n\n  const acceptedTypes = Object.entries(accept).flatMap(([mimeType, extensions]) => {\n    return extensions.length > 0 ? extensions : [mimeType]\n  })\n\n  return acceptedTypes.length > 0 ? acceptedTypes.join(', ') : undefined\n}\n\nfunction getDropzoneErrorCodes(fileRejections: FileRejection[]) {\n  const errorCodes = fileRejections.flatMap((rejection) =>\n    rejection.errors.map((error) => error.code as ErrorCode).filter((errorCode) => dropzoneErrorCodeSet.has(errorCode))\n  )\n\n  return Array.from(new Set(errorCodes))\n}\n\nfunction getRootError(errorCodes: ErrorCode[], limits: DropzoneValidation) {\n  const errors = errorCodes.flatMap((errorCode) => {\n    switch (errorCode) {\n      case 'file-invalid-type': {\n        const acceptedTypes = formatAcceptedTypes(limits.accept)\n        return acceptedTypes ? [`only ${acceptedTypes} files are allowed`] : ['this file type is not allowed']\n      }\n      case 'file-too-large': {\n        if (!limits.maxSize) {\n          return ['this file is too large']\n        }\n\n        return [`max size is ${(limits.maxSize / (1024 * 1024)).toFixed(2)} MB`]\n      }\n      case 'file-too-small': {\n        if (!limits.minSize) {\n          return ['this file is too small']\n        }\n\n        return [`min size is ${(limits.minSize / (1024 * 1024)).toFixed(2)} MB`]\n      }\n      case 'too-many-files':\n        return limits.maxFiles ? [`max ${limits.maxFiles} files`] : ['too many files']\n      default:\n        return []\n    }\n  })\n\n  if (errors.length === 0) {\n    return 'Unable to add the selected files'\n  }\n\n  const [firstError, ...restErrors] = errors as [string, ...string[]]\n  return `${firstError.charAt(0).toUpperCase()}${firstError.slice(1)}${restErrors.length > 0 ? `, ${restErrors.join(', ')}` : ''}`\n}\n\nfunction getRejectionMessage(fileRejections: FileRejection[], limits: DropzoneValidation) {\n  const errorCodes = getDropzoneErrorCodes(fileRejections)\n\n  if (errorCodes.length > 0) {\n    return getRootError(errorCodes, limits)\n  }\n\n  return fileRejections[0]?.errors[0]?.message ?? 'Unable to add the selected files'\n}\n\nfunction getUploadErrorMessage<TUploadError>(\n  error: TUploadError,\n  shapeUploadError?: (error: TUploadError) => string | undefined\n) {\n  if (shapeUploadError) {\n    const message = shapeUploadError(error)\n    if (message !== undefined) {\n      return message\n    }\n  }\n\n  if (typeof error === 'string') {\n    return error\n  }\n\n  if (error instanceof Error) {\n    return error.message\n  }\n\n  return undefined\n}\n\nfunction setRef<T>(ref: React.Ref<T> | undefined, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value)\n    return\n  }\n\n  if (ref) {\n    ref.current = value\n  }\n}\n\nfunction composeRefs<T>(...refs: Array<React.Ref<T> | undefined>) {\n  return (value: T | null) => {\n    refs.forEach((ref) => {\n      setRef(ref, value)\n    })\n  }\n}\n\nfunction useDropzoneContext<TUploadResult, TUploadError>() {\n  const context = React.useContext(DropzoneContext)\n\n  if (!context) {\n    throw new Error('Dropzone components must be used within a Dropzone.')\n  }\n\n  return context as UseDropzoneReturn<TUploadResult, TUploadError>\n}\n\nfunction useDropzoneFileListContext<TUploadResult, TUploadError>() {\n  const context = React.useContext(DropzoneFileListContext)\n\n  if (!context) {\n    throw new Error('Dropzone file actions must be used within a DropzoneFileListItem.')\n  }\n\n  return context as DropzoneFileListContextValue<TUploadResult, TUploadError>\n}\n\nfunction useDropzone<TUploadResult, TUploadError = string>(\n  props: UseDropzoneProps<TUploadResult, TUploadError>\n): UseDropzoneReturn<TUploadResult, TUploadError> {\n  const {\n    onDropFile: handleDropFile,\n    onRemoveFile: handleRemoveFile,\n    shapeUploadError,\n    onFileUploaded,\n    onFileUploadError,\n    onAllUploaded,\n    onRootError,\n    maxRetryCount,\n    autoRetry = false,\n    validation,\n    shiftOnMaxFiles = false\n  } = props\n\n  const inputId = React.useId()\n  const rootMessageId = `${inputId}-message`\n  const rootDescriptionId = `${inputId}-description`\n  const [rootError, setRootErrorState] = React.useState<string | undefined>(undefined)\n\n  const setRootError = React.useCallback(\n    (error: string | undefined) => {\n      setRootErrorState(error)\n      onRootError?.(error)\n    },\n    [onRootError]\n  )\n\n  const [fileStatuses, dispatch] = React.useReducer(\n    fileStatusReducer<TUploadResult, TUploadError>,\n    [] as DropzoneFileStatus<TUploadResult, TUploadError>[]\n  )\n\n  const getFileMessageId = React.useCallback((id: string) => `${inputId}-${id}-message`, [inputId])\n\n  const isInvalid = React.useMemo(() => {\n    return rootError !== undefined || fileStatuses.some((fileStatus) => fileStatus.status === 'error')\n  }, [fileStatuses, rootError])\n\n  const uploadFile = React.useCallback(\n    async (file: File, id: string, retryCount = 0) => {\n      try {\n        const result = await handleDropFile(file)\n\n        if (result.status === 'error') {\n          if (autoRetry && retryCount < (maxRetryCount ?? Number.POSITIVE_INFINITY)) {\n            dispatch({ type: 'update-status', id, status: 'pending' })\n            return uploadFile(file, id, retryCount + 1)\n          }\n\n          dispatch({\n            type: 'update-status',\n            id,\n            status: 'error',\n            error: result.error,\n            message: getUploadErrorMessage(result.error, shapeUploadError)\n          })\n          onFileUploadError?.(result.error)\n          return\n        }\n\n        dispatch({\n          type: 'update-status',\n          id,\n          status: 'success',\n          result: result.result\n        })\n        onFileUploaded?.(result.result)\n      } catch (error) {\n        const uploadError = error as TUploadError\n\n        dispatch({\n          type: 'update-status',\n          id,\n          status: 'error',\n          error: uploadError,\n          message: getUploadErrorMessage(uploadError, shapeUploadError)\n        })\n        onFileUploadError?.(uploadError)\n      }\n    },\n    [autoRetry, handleDropFile, maxRetryCount, onFileUploadError, onFileUploaded, shapeUploadError]\n  )\n\n  const onRemoveFile = React.useCallback(\n    async (id: string) => {\n      await handleRemoveFile?.(id)\n      dispatch({ type: 'remove', id })\n    },\n    [handleRemoveFile]\n  )\n\n  const canRetry = React.useCallback(\n    (id: string) => {\n      const fileStatus = fileStatuses.find((item) => item.id === id)\n\n      return fileStatus?.status === 'error' && fileStatus.tries <= (maxRetryCount ?? Number.POSITIVE_INFINITY)\n    },\n    [fileStatuses, maxRetryCount]\n  )\n\n  const onRetry = React.useCallback(\n    async (id: string) => {\n      if (!canRetry(id)) {\n        return\n      }\n\n      const fileStatus = fileStatuses.find((item) => item.id === id)\n\n      if (!fileStatus || fileStatus.status !== 'error') {\n        return\n      }\n\n      dispatch({ type: 'update-status', id, status: 'pending' })\n      await uploadFile(fileStatus.file, id)\n    },\n    [canRetry, fileStatuses, uploadFile]\n  )\n\n  const dropzone = useReactDropzone({\n    accept: validation?.accept,\n    minSize: validation?.minSize,\n    maxSize: validation?.maxSize,\n    maxFiles: validation?.maxFiles,\n    noClick: true,\n    noKeyboard: true,\n    onDropAccepted: async (acceptedFiles) => {\n      setRootError(undefined)\n\n      let nextFiles = acceptedFiles\n      const maxFiles = validation?.maxFiles ?? Number.POSITIVE_INFINITY\n      const overflow = Number.isFinite(maxFiles)\n        ? Math.max(fileStatuses.length + acceptedFiles.length - maxFiles, 0)\n        : 0\n\n      if (overflow > 0) {\n        if (shiftOnMaxFiles) {\n          const filesToRemove = fileStatuses.slice(0, Math.min(overflow, fileStatuses.length))\n\n          await Promise.all(filesToRemove.map((fileStatus) => onRemoveFile(fileStatus.id)))\n\n          const remainingOverflow = overflow - filesToRemove.length\n          if (remainingOverflow > 0) {\n            nextFiles = acceptedFiles.slice(remainingOverflow)\n          }\n        } else {\n          setRootError(getRootError([ErrorCode.TooManyFiles], validation ?? {}))\n          const availableSlots = Math.max(maxFiles - fileStatuses.length, 0)\n          nextFiles = acceptedFiles.slice(0, availableSlots)\n        }\n      }\n\n      if (nextFiles.length === 0) {\n        return\n      }\n\n      await Promise.all(\n        nextFiles.map(async (file) => {\n          const id = crypto.randomUUID()\n          dispatch({ type: 'add', id, fileName: file.name, file })\n          await uploadFile(file, id)\n        })\n      )\n\n      onAllUploaded?.()\n    },\n    onDropRejected: (fileRejections) => {\n      setRootError(getRejectionMessage(fileRejections, validation ?? {}))\n    }\n  })\n\n  return {\n    getRootProps: dropzone.getRootProps,\n    getInputProps: dropzone.getInputProps,\n    open: dropzone.open,\n    onRemoveFile,\n    onRetry,\n    canRetry,\n    fileStatuses,\n    isInvalid,\n    isDragActive: dropzone.isDragActive,\n    rootError,\n    inputId,\n    rootMessageId,\n    rootDescriptionId,\n    getFileMessageId\n  }\n}\n\nfunction Dropzone<TUploadResult, TUploadError>({ children, ...dropzone }: DropzoneProps<TUploadResult, TUploadError>) {\n  return <DropzoneContext.Provider value={dropzone}>{children}</DropzoneContext.Provider>\n}\n\nconst DropzoneArea = React.forwardRef<HTMLDivElement, DropzoneAreaProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    const context = useDropzoneContext()\n    const describedBy =\n      [context.rootDescriptionId, context.isInvalid ? context.rootMessageId : undefined].filter(Boolean).join(' ') ||\n      undefined\n\n    const { ref: rootRef, ...rootProps } = context.getRootProps({\n      ...props,\n      'data-slot': 'dropzone-area',\n      'aria-describedby': describedBy,\n      'aria-invalid': context.isInvalid || undefined,\n      className: cn(\n        'flex min-h-44 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-input bg-muted/20 px-6 py-8 text-center transition-colors',\n        context.isDragActive && 'border-primary bg-primary/5',\n        context.isInvalid && 'border-destructive bg-destructive/5',\n        className\n      )\n    }) as React.HTMLAttributes<HTMLDivElement> & {\n      ref?: React.Ref<HTMLDivElement>\n    }\n\n    const inputProps = context.getInputProps({\n      id: context.inputId,\n      className: 'sr-only',\n      'aria-describedby': describedBy,\n      'aria-invalid': context.isInvalid,\n      tabIndex: -1\n    })\n\n    return (\n      <div {...rootProps} ref={composeRefs(forwardedRef, rootRef)}>\n        <input {...inputProps} />\n        {children}\n      </div>\n    )\n  }\n)\n\nconst DropzoneDescription = React.forwardRef<HTMLParagraphElement, DropzoneDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const context = useDropzoneContext()\n\n    return (\n      <p\n        ref={ref}\n        id={context.rootDescriptionId}\n        data-slot=\"dropzone-description\"\n        className={cn('text-sm text-muted-foreground', className)}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneFileList = React.forwardRef<HTMLOListElement, DropzoneFileListProps>(({ className, ...props }, ref) => {\n  useDropzoneContext()\n\n  return <ol ref={ref} data-slot=\"dropzone-file-list\" className={cn('space-y-3', className)} {...props} />\n})\n\nconst DropzoneFileListItem = React.forwardRef<HTMLLIElement, DropzoneFileListItemProps<unknown, unknown>>(\n  ({ className, file, children, ...props }, ref) => {\n    const context = useDropzoneContext()\n    const messageId = context.getFileMessageId(file.id)\n    const isInvalid = file.status === 'error'\n    const canRetry = context.canRetry(file.id)\n\n    const value = React.useMemo<DropzoneFileListContextValue<unknown, unknown>>(\n      () => ({\n        onRemoveFile: () => context.onRemoveFile(file.id),\n        onRetry: () => context.onRetry(file.id),\n        fileStatus: file,\n        canRetry,\n        dropzoneId: context.inputId,\n        messageId\n      }),\n      [canRetry, context, file, messageId]\n    )\n\n    return (\n      <DropzoneFileListContext.Provider value={value}>\n        <li\n          ref={ref}\n          data-slot=\"dropzone-file-item\"\n          data-status={file.status}\n          aria-describedby={isInvalid ? messageId : undefined}\n          className={cn(\n            'rounded-xl border bg-card px-4 py-3 shadow-xs',\n            file.status === 'error' && 'border-destructive/50',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </li>\n      </DropzoneFileListContext.Provider>\n    )\n  }\n)\n\nconst DropzoneFileMessage = React.forwardRef<HTMLParagraphElement, DropzoneFileMessageProps>(\n  ({ className, children, ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n    const body =\n      context.fileStatus.status === 'error'\n        ? (context.fileStatus.message ?? String(context.fileStatus.error))\n        : children\n\n    return (\n      <p\n        ref={ref}\n        id={context.messageId}\n        data-slot=\"dropzone-file-message\"\n        className={cn(\n          'min-h-5 text-[0.8rem] font-medium',\n          context.fileStatus.status === 'error' && 'text-destructive',\n          className\n        )}\n        {...props}\n      >\n        {body}\n      </p>\n    )\n  }\n)\n\nconst DropzoneMessage = React.forwardRef<HTMLParagraphElement, DropzoneMessageProps>(\n  ({ className, children, ...props }, ref) => {\n    const context = useDropzoneContext()\n    const body = context.rootError ?? children\n\n    return (\n      <p\n        ref={ref}\n        id={context.rootMessageId}\n        data-slot=\"dropzone-message\"\n        className={cn('min-h-5 text-[0.8rem] font-medium text-destructive', className)}\n        {...props}\n      >\n        {body}\n      </p>\n    )\n  }\n)\n\nconst DropzoneRemoveFile = React.forwardRef<HTMLButtonElement, DropzoneRemoveFileProps>(\n  ({ className, onClick, size = 'icon-sm', type = 'button', variant = 'ghost', ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented) {\n          return\n        }\n\n        void context.onRemoveFile()\n      },\n      [context, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"dropzone-remove-file\"\n        className={cn(className)}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneRetryFile = React.forwardRef<HTMLButtonElement, DropzoneRetryFileProps>(\n  ({ className, disabled, onClick, size = 'icon-sm', type = 'button', variant = 'ghost', ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n    const isDisabled = disabled || !context.canRetry\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented || isDisabled) {\n          return\n        }\n\n        void context.onRetry()\n      },\n      [context, isDisabled, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"dropzone-retry-file\"\n        className={cn(className)}\n        disabled={isDisabled}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneTrigger = React.forwardRef<HTMLButtonElement, DropzoneTriggerProps>(\n  ({ className, onClick, size = 'sm', type = 'button', variant = 'subtle', ...props }, ref) => {\n    const context = useDropzoneContext()\n    const describedBy =\n      [context.rootDescriptionId, context.isInvalid ? context.rootMessageId : undefined].filter(Boolean).join(' ') ||\n      undefined\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented) {\n          return\n        }\n\n        context.open()\n      },\n      [context, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        aria-controls={context.inputId}\n        aria-describedby={describedBy}\n        aria-invalid={context.isInvalid || undefined}\n        data-slot=\"dropzone-trigger\"\n        className={cn(className)}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst InfiniteProgress = React.forwardRef<HTMLDivElement, InfiniteProgressProps>(\n  ({ className, status, ...props }, ref) => {\n    const done = status === 'success' || status === 'error'\n    const isError = status === 'error'\n\n    return (\n      <div\n        ref={ref}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        aria-valuetext={valueTextMap[status]}\n        data-slot=\"dropzone-progress\"\n        data-status={status}\n        role=\"progressbar\"\n        className={cn('relative h-2 w-full overflow-hidden rounded-full bg-muted', className)}\n        {...props}\n      >\n        <div\n          className={cn(\n            'h-full w-full rounded-full bg-primary transition-transform',\n            done ? 'translate-x-0' : 'animate-infinite-progress',\n            isError && 'bg-destructive'\n          )}\n        />\n      </div>\n    )\n  }\n)\n\nDropzone.displayName = 'Dropzone'\nDropzoneArea.displayName = 'DropzoneArea'\nDropzoneDescription.displayName = 'DropzoneDescription'\nDropzoneFileList.displayName = 'DropzoneFileList'\nDropzoneFileListItem.displayName = 'DropzoneFileListItem'\nDropzoneFileMessage.displayName = 'DropzoneFileMessage'\nDropzoneMessage.displayName = 'DropzoneMessage'\nDropzoneRemoveFile.displayName = 'DropzoneRemoveFile'\nDropzoneRetryFile.displayName = 'DropzoneRetryFile'\nDropzoneTrigger.displayName = 'DropzoneTrigger'\nInfiniteProgress.displayName = 'InfiniteProgress'\n\nexport {\n  Dropzone,\n  DropzoneArea,\n  DropzoneDescription,\n  DropzoneFileList,\n  DropzoneFileListItem,\n  DropzoneFileMessage,\n  DropzoneMessage,\n  DropzoneRemoveFile,\n  DropzoneRetryFile,\n  DropzoneTrigger,\n  ErrorCode,\n  type FileError,\n  InfiniteProgress,\n  useDropzone\n}\n"],"mappings":"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"}
+{"version":3,"file":"dropzone.js","names":["useReactDropzone"],"sources":["../../src/components/dropzone.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  type Accept,\n  ErrorCode,\n  type FileError,\n  type FileRejection,\n  useDropzone as useReactDropzone\n} from 'react-dropzone'\n\nimport { composeRefs } from '../lib/compose-refs'\nimport { cn } from '../lib/utils'\nimport { Button, type ButtonProps } from './button'\n\nconst dropzoneErrorCodes = [\n  ErrorCode.FileInvalidType,\n  ErrorCode.FileTooLarge,\n  ErrorCode.FileTooSmall,\n  ErrorCode.TooManyFiles\n]\n\ntype DropzoneAction<TUploadResult, TUploadError> =\n  | {\n      type: 'add'\n      id: string\n      fileName: string\n      file: File\n    }\n  | {\n      type: 'remove'\n      id: string\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'pending'\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'error'\n      error: TUploadError\n      message?: string\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'success'\n      result: TUploadResult\n    }\n\nexport type DropzoneUploadResult<TUploadResult, TUploadError> =\n  | {\n      status: 'error'\n      error: TUploadError\n    }\n  | {\n      status: 'success'\n      result: TUploadResult\n    }\n\nexport type DropzoneFileStatus<TUploadResult, TUploadError> = {\n  id: string\n  fileName: string\n  file: File\n  tries: number\n} & (\n  | {\n      status: 'pending'\n      error?: undefined\n      message?: undefined\n      result?: undefined\n    }\n  | {\n      status: 'error'\n      error: TUploadError\n      message?: string\n      result?: undefined\n    }\n  | {\n      status: 'success'\n      result: TUploadResult\n      error?: undefined\n      message?: undefined\n    }\n)\n\nexport type FileStatus<TUploadResult, TUploadError> = DropzoneFileStatus<TUploadResult, TUploadError>\n\nexport type DropzoneValidation = {\n  accept?: Accept\n  minSize?: number\n  maxSize?: number\n  maxFiles?: number\n}\n\nexport type UseDropzoneProps<TUploadResult, TUploadError = string> = {\n  onDropFile: (file: File) => Promise<DropzoneUploadResult<TUploadResult, TUploadError>>\n  onRemoveFile?: (id: string) => void | Promise<void>\n  onFileUploaded?: (result: TUploadResult) => void\n  onFileUploadError?: (error: TUploadError) => void\n  onAllUploaded?: () => void\n  onRootError?: (error: string | undefined) => void\n  shapeUploadError?: (error: TUploadError) => string | undefined\n  maxRetryCount?: number\n  autoRetry?: boolean\n  validation?: DropzoneValidation\n  shiftOnMaxFiles?: boolean\n}\n\nexport interface UseDropzoneReturn<TUploadResult, TUploadError> {\n  getRootProps: ReturnType<typeof useReactDropzone>['getRootProps']\n  getInputProps: ReturnType<typeof useReactDropzone>['getInputProps']\n  open: () => void\n  onRemoveFile: (id: string) => Promise<void>\n  onRetry: (id: string) => Promise<void>\n  canRetry: (id: string) => boolean\n  fileStatuses: DropzoneFileStatus<TUploadResult, TUploadError>[]\n  isInvalid: boolean\n  isDragActive: boolean\n  rootError: string | undefined\n  inputId: string\n  rootMessageId: string\n  rootDescriptionId: string\n  getFileMessageId: (id: string) => string\n}\n\nexport type DropzoneProps<TUploadResult, TUploadError> = React.PropsWithChildren<\n  UseDropzoneReturn<TUploadResult, TUploadError>\n>\n\nexport type DropzoneAreaProps = React.ComponentProps<'div'>\n\nexport type DropzoneDescriptionProps = React.ComponentProps<'p'>\n\nexport type DropzoneFileListProps = React.ComponentProps<'ol'>\n\nexport type DropzoneFileListItemProps<TUploadResult, TUploadError> = React.ComponentProps<'li'> & {\n  file: DropzoneFileStatus<TUploadResult, TUploadError>\n}\n\nexport type DropzoneFileMessageProps = React.ComponentProps<'p'>\n\nexport type DropzoneMessageProps = React.ComponentProps<'p'>\n\nexport type DropzoneRemoveFileProps = ButtonProps\n\nexport type DropzoneRetryFileProps = ButtonProps\n\nexport type DropzoneTriggerProps = ButtonProps\n\nexport type InfiniteProgressProps = React.ComponentProps<'div'> & {\n  status: 'pending' | 'success' | 'error'\n}\n\ntype DropzoneFileListContextValue<TUploadResult, TUploadError> = {\n  onRemoveFile: () => Promise<void>\n  onRetry: () => Promise<void>\n  fileStatus: DropzoneFileStatus<TUploadResult, TUploadError>\n  canRetry: boolean\n  dropzoneId: string\n  messageId: string\n}\n\nconst dropzoneErrorCodeSet = new Set<ErrorCode>(dropzoneErrorCodes)\n\nconst valueTextMap = {\n  pending: 'indeterminate',\n  success: '100%',\n  error: 'error'\n} as const\n\nconst DropzoneContext = React.createContext<UseDropzoneReturn<unknown, unknown> | null>(null)\n\nconst DropzoneFileListContext = React.createContext<DropzoneFileListContextValue<unknown, unknown> | null>(null)\n\nfunction fileStatusReducer<TUploadResult, TUploadError>(\n  state: DropzoneFileStatus<TUploadResult, TUploadError>[],\n  action: DropzoneAction<TUploadResult, TUploadError>\n): DropzoneFileStatus<TUploadResult, TUploadError>[] {\n  switch (action.type) {\n    case 'add':\n      return [\n        ...state,\n        {\n          id: action.id,\n          fileName: action.fileName,\n          file: action.file,\n          status: 'pending',\n          tries: 1\n        }\n      ]\n    case 'remove':\n      return state.filter((fileStatus) => fileStatus.id !== action.id)\n    case 'update-status':\n      return state.map((fileStatus) => {\n        if (fileStatus.id !== action.id) {\n          return fileStatus\n        }\n\n        if (action.status === 'pending') {\n          return {\n            ...fileStatus,\n            status: 'pending',\n            error: undefined,\n            message: undefined,\n            result: undefined,\n            tries: fileStatus.tries + 1\n          }\n        }\n\n        if (action.status === 'error') {\n          return {\n            ...fileStatus,\n            status: 'error',\n            error: action.error,\n            message: action.message,\n            result: undefined\n          }\n        }\n\n        return {\n          ...fileStatus,\n          status: 'success',\n          result: action.result,\n          error: undefined,\n          message: undefined\n        }\n      })\n  }\n}\n\nfunction formatAcceptedTypes(accept?: Accept) {\n  if (!accept) {\n    return undefined\n  }\n\n  const acceptedTypes = Object.entries(accept).flatMap(([mimeType, extensions]) => {\n    return extensions.length > 0 ? extensions : [mimeType]\n  })\n\n  return acceptedTypes.length > 0 ? acceptedTypes.join(', ') : undefined\n}\n\nfunction getDropzoneErrorCodes(fileRejections: FileRejection[]) {\n  const errorCodes = fileRejections.flatMap((rejection) =>\n    rejection.errors.map((error) => error.code as ErrorCode).filter((errorCode) => dropzoneErrorCodeSet.has(errorCode))\n  )\n\n  return Array.from(new Set(errorCodes))\n}\n\nfunction getRootError(errorCodes: ErrorCode[], limits: DropzoneValidation) {\n  const errors = errorCodes.flatMap((errorCode) => {\n    switch (errorCode) {\n      case 'file-invalid-type': {\n        const acceptedTypes = formatAcceptedTypes(limits.accept)\n        return acceptedTypes ? [`only ${acceptedTypes} files are allowed`] : ['this file type is not allowed']\n      }\n      case 'file-too-large': {\n        if (!limits.maxSize) {\n          return ['this file is too large']\n        }\n\n        return [`max size is ${(limits.maxSize / (1024 * 1024)).toFixed(2)} MB`]\n      }\n      case 'file-too-small': {\n        if (!limits.minSize) {\n          return ['this file is too small']\n        }\n\n        return [`min size is ${(limits.minSize / (1024 * 1024)).toFixed(2)} MB`]\n      }\n      case 'too-many-files':\n        return limits.maxFiles ? [`max ${limits.maxFiles} files`] : ['too many files']\n      default:\n        return []\n    }\n  })\n\n  if (errors.length === 0) {\n    return 'Unable to add the selected files'\n  }\n\n  const [firstError, ...restErrors] = errors as [string, ...string[]]\n  return `${firstError.charAt(0).toUpperCase()}${firstError.slice(1)}${restErrors.length > 0 ? `, ${restErrors.join(', ')}` : ''}`\n}\n\nfunction getRejectionMessage(fileRejections: FileRejection[], limits: DropzoneValidation) {\n  const errorCodes = getDropzoneErrorCodes(fileRejections)\n\n  if (errorCodes.length > 0) {\n    return getRootError(errorCodes, limits)\n  }\n\n  return fileRejections[0]?.errors[0]?.message ?? 'Unable to add the selected files'\n}\n\nfunction getUploadErrorMessage<TUploadError>(\n  error: TUploadError,\n  shapeUploadError?: (error: TUploadError) => string | undefined\n) {\n  if (shapeUploadError) {\n    const message = shapeUploadError(error)\n    if (message !== undefined) {\n      return message\n    }\n  }\n\n  if (typeof error === 'string') {\n    return error\n  }\n\n  if (error instanceof Error) {\n    return error.message\n  }\n\n  return undefined\n}\n\nfunction useDropzoneContext<TUploadResult, TUploadError>() {\n  const context = React.useContext(DropzoneContext)\n\n  if (!context) {\n    throw new Error('Dropzone components must be used within a Dropzone.')\n  }\n\n  return context as UseDropzoneReturn<TUploadResult, TUploadError>\n}\n\nfunction useDropzoneFileListContext<TUploadResult, TUploadError>() {\n  const context = React.useContext(DropzoneFileListContext)\n\n  if (!context) {\n    throw new Error('Dropzone file actions must be used within a DropzoneFileListItem.')\n  }\n\n  return context as DropzoneFileListContextValue<TUploadResult, TUploadError>\n}\n\nfunction useDropzone<TUploadResult, TUploadError = string>(\n  props: UseDropzoneProps<TUploadResult, TUploadError>\n): UseDropzoneReturn<TUploadResult, TUploadError> {\n  const {\n    onDropFile: handleDropFile,\n    onRemoveFile: handleRemoveFile,\n    shapeUploadError,\n    onFileUploaded,\n    onFileUploadError,\n    onAllUploaded,\n    onRootError,\n    maxRetryCount,\n    autoRetry = false,\n    validation,\n    shiftOnMaxFiles = false\n  } = props\n\n  const inputId = React.useId()\n  const rootMessageId = `${inputId}-message`\n  const rootDescriptionId = `${inputId}-description`\n  const [rootError, setRootErrorState] = React.useState<string | undefined>(undefined)\n\n  const setRootError = React.useCallback(\n    (error: string | undefined) => {\n      setRootErrorState(error)\n      onRootError?.(error)\n    },\n    [onRootError]\n  )\n\n  const [fileStatuses, dispatch] = React.useReducer(\n    fileStatusReducer<TUploadResult, TUploadError>,\n    [] as DropzoneFileStatus<TUploadResult, TUploadError>[]\n  )\n\n  const getFileMessageId = React.useCallback((id: string) => `${inputId}-${id}-message`, [inputId])\n\n  const isInvalid = React.useMemo(() => {\n    return rootError !== undefined || fileStatuses.some((fileStatus) => fileStatus.status === 'error')\n  }, [fileStatuses, rootError])\n\n  const uploadFile = React.useCallback(\n    async (file: File, id: string, retryCount = 0) => {\n      try {\n        const result = await handleDropFile(file)\n\n        if (result.status === 'error') {\n          if (autoRetry && retryCount < (maxRetryCount ?? Number.POSITIVE_INFINITY)) {\n            dispatch({ type: 'update-status', id, status: 'pending' })\n            return uploadFile(file, id, retryCount + 1)\n          }\n\n          dispatch({\n            type: 'update-status',\n            id,\n            status: 'error',\n            error: result.error,\n            message: getUploadErrorMessage(result.error, shapeUploadError)\n          })\n          onFileUploadError?.(result.error)\n          return\n        }\n\n        dispatch({\n          type: 'update-status',\n          id,\n          status: 'success',\n          result: result.result\n        })\n        onFileUploaded?.(result.result)\n      } catch (error) {\n        const uploadError = error as TUploadError\n\n        dispatch({\n          type: 'update-status',\n          id,\n          status: 'error',\n          error: uploadError,\n          message: getUploadErrorMessage(uploadError, shapeUploadError)\n        })\n        onFileUploadError?.(uploadError)\n      }\n    },\n    [autoRetry, handleDropFile, maxRetryCount, onFileUploadError, onFileUploaded, shapeUploadError]\n  )\n\n  const onRemoveFile = React.useCallback(\n    async (id: string) => {\n      await handleRemoveFile?.(id)\n      dispatch({ type: 'remove', id })\n    },\n    [handleRemoveFile]\n  )\n\n  const canRetry = React.useCallback(\n    (id: string) => {\n      const fileStatus = fileStatuses.find((item) => item.id === id)\n\n      return fileStatus?.status === 'error' && fileStatus.tries <= (maxRetryCount ?? Number.POSITIVE_INFINITY)\n    },\n    [fileStatuses, maxRetryCount]\n  )\n\n  const onRetry = React.useCallback(\n    async (id: string) => {\n      if (!canRetry(id)) {\n        return\n      }\n\n      const fileStatus = fileStatuses.find((item) => item.id === id)\n\n      if (!fileStatus || fileStatus.status !== 'error') {\n        return\n      }\n\n      dispatch({ type: 'update-status', id, status: 'pending' })\n      await uploadFile(fileStatus.file, id)\n    },\n    [canRetry, fileStatuses, uploadFile]\n  )\n\n  const dropzone = useReactDropzone({\n    accept: validation?.accept,\n    minSize: validation?.minSize,\n    maxSize: validation?.maxSize,\n    maxFiles: validation?.maxFiles,\n    noClick: true,\n    noKeyboard: true,\n    onDropAccepted: async (acceptedFiles) => {\n      setRootError(undefined)\n\n      let nextFiles = acceptedFiles\n      const maxFiles = validation?.maxFiles ?? Number.POSITIVE_INFINITY\n      const overflow = Number.isFinite(maxFiles)\n        ? Math.max(fileStatuses.length + acceptedFiles.length - maxFiles, 0)\n        : 0\n\n      if (overflow > 0) {\n        if (shiftOnMaxFiles) {\n          const filesToRemove = fileStatuses.slice(0, Math.min(overflow, fileStatuses.length))\n\n          await Promise.all(filesToRemove.map((fileStatus) => onRemoveFile(fileStatus.id)))\n\n          const remainingOverflow = overflow - filesToRemove.length\n          if (remainingOverflow > 0) {\n            nextFiles = acceptedFiles.slice(remainingOverflow)\n          }\n        } else {\n          setRootError(getRootError([ErrorCode.TooManyFiles], validation ?? {}))\n          const availableSlots = Math.max(maxFiles - fileStatuses.length, 0)\n          nextFiles = acceptedFiles.slice(0, availableSlots)\n        }\n      }\n\n      if (nextFiles.length === 0) {\n        return\n      }\n\n      await Promise.all(\n        nextFiles.map(async (file) => {\n          const id = crypto.randomUUID()\n          dispatch({ type: 'add', id, fileName: file.name, file })\n          await uploadFile(file, id)\n        })\n      )\n\n      onAllUploaded?.()\n    },\n    onDropRejected: (fileRejections) => {\n      setRootError(getRejectionMessage(fileRejections, validation ?? {}))\n    }\n  })\n\n  return {\n    getRootProps: dropzone.getRootProps,\n    getInputProps: dropzone.getInputProps,\n    open: dropzone.open,\n    onRemoveFile,\n    onRetry,\n    canRetry,\n    fileStatuses,\n    isInvalid,\n    isDragActive: dropzone.isDragActive,\n    rootError,\n    inputId,\n    rootMessageId,\n    rootDescriptionId,\n    getFileMessageId\n  }\n}\n\nfunction Dropzone<TUploadResult, TUploadError>({ children, ...dropzone }: DropzoneProps<TUploadResult, TUploadError>) {\n  return <DropzoneContext.Provider value={dropzone}>{children}</DropzoneContext.Provider>\n}\n\nconst DropzoneArea = React.forwardRef<HTMLDivElement, DropzoneAreaProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    const context = useDropzoneContext()\n    const describedBy =\n      [context.rootDescriptionId, context.isInvalid ? context.rootMessageId : undefined].filter(Boolean).join(' ') ||\n      undefined\n\n    const { ref: rootRef, ...rootProps } = context.getRootProps({\n      ...props,\n      'data-slot': 'dropzone-area',\n      'aria-describedby': describedBy,\n      'aria-invalid': context.isInvalid || undefined,\n      className: cn(\n        'flex min-h-44 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-input bg-muted/20 px-6 py-8 text-center transition-colors',\n        context.isDragActive && 'border-primary bg-primary/5',\n        context.isInvalid && 'border-destructive bg-destructive/5',\n        className\n      )\n    }) as React.HTMLAttributes<HTMLDivElement> & {\n      ref?: React.Ref<HTMLDivElement>\n    }\n\n    const inputProps = context.getInputProps({\n      id: context.inputId,\n      className: 'sr-only',\n      'aria-describedby': describedBy,\n      'aria-invalid': context.isInvalid,\n      tabIndex: -1\n    })\n\n    return (\n      <div {...rootProps} ref={composeRefs(forwardedRef, rootRef)}>\n        <input {...inputProps} />\n        {children}\n      </div>\n    )\n  }\n)\n\nconst DropzoneDescription = React.forwardRef<HTMLParagraphElement, DropzoneDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const context = useDropzoneContext()\n\n    return (\n      <p\n        ref={ref}\n        id={context.rootDescriptionId}\n        data-slot=\"dropzone-description\"\n        className={cn('text-sm text-muted-foreground', className)}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneFileList = React.forwardRef<HTMLOListElement, DropzoneFileListProps>(({ className, ...props }, ref) => {\n  useDropzoneContext()\n\n  return <ol ref={ref} data-slot=\"dropzone-file-list\" className={cn('space-y-3', className)} {...props} />\n})\n\nconst DropzoneFileListItem = React.forwardRef<HTMLLIElement, DropzoneFileListItemProps<unknown, unknown>>(\n  ({ className, file, children, ...props }, ref) => {\n    const context = useDropzoneContext()\n    const messageId = context.getFileMessageId(file.id)\n    const isInvalid = file.status === 'error'\n    const canRetry = context.canRetry(file.id)\n\n    const value = React.useMemo<DropzoneFileListContextValue<unknown, unknown>>(\n      () => ({\n        onRemoveFile: () => context.onRemoveFile(file.id),\n        onRetry: () => context.onRetry(file.id),\n        fileStatus: file,\n        canRetry,\n        dropzoneId: context.inputId,\n        messageId\n      }),\n      [canRetry, context, file, messageId]\n    )\n\n    return (\n      <DropzoneFileListContext.Provider value={value}>\n        <li\n          ref={ref}\n          data-slot=\"dropzone-file-item\"\n          data-status={file.status}\n          aria-describedby={isInvalid ? messageId : undefined}\n          className={cn(\n            'rounded-xl border bg-card px-4 py-3 shadow-xs',\n            file.status === 'error' && 'border-destructive/50',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </li>\n      </DropzoneFileListContext.Provider>\n    )\n  }\n)\n\nconst DropzoneFileMessage = React.forwardRef<HTMLParagraphElement, DropzoneFileMessageProps>(\n  ({ className, children, ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n    const body =\n      context.fileStatus.status === 'error'\n        ? (context.fileStatus.message ?? String(context.fileStatus.error))\n        : children\n\n    return (\n      <p\n        ref={ref}\n        id={context.messageId}\n        data-slot=\"dropzone-file-message\"\n        className={cn(\n          'min-h-5 text-[0.8rem] font-medium',\n          context.fileStatus.status === 'error' && 'text-destructive',\n          className\n        )}\n        {...props}\n      >\n        {body}\n      </p>\n    )\n  }\n)\n\nconst DropzoneMessage = React.forwardRef<HTMLParagraphElement, DropzoneMessageProps>(\n  ({ className, children, ...props }, ref) => {\n    const context = useDropzoneContext()\n    const body = context.rootError ?? children\n\n    return (\n      <p\n        ref={ref}\n        id={context.rootMessageId}\n        data-slot=\"dropzone-message\"\n        className={cn('min-h-5 text-[0.8rem] font-medium text-destructive', className)}\n        {...props}\n      >\n        {body}\n      </p>\n    )\n  }\n)\n\nconst DropzoneRemoveFile = React.forwardRef<HTMLButtonElement, DropzoneRemoveFileProps>(\n  ({ className, onClick, size = 'icon-sm', type = 'button', variant = 'ghost', ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented) {\n          return\n        }\n\n        void context.onRemoveFile()\n      },\n      [context, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"dropzone-remove-file\"\n        className={cn(className)}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneRetryFile = React.forwardRef<HTMLButtonElement, DropzoneRetryFileProps>(\n  ({ className, disabled, onClick, size = 'icon-sm', type = 'button', variant = 'ghost', ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n    const isDisabled = disabled || !context.canRetry\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented || isDisabled) {\n          return\n        }\n\n        void context.onRetry()\n      },\n      [context, isDisabled, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"dropzone-retry-file\"\n        className={cn(className)}\n        disabled={isDisabled}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneTrigger = React.forwardRef<HTMLButtonElement, DropzoneTriggerProps>(\n  ({ className, onClick, size = 'sm', type = 'button', variant = 'subtle', ...props }, ref) => {\n    const context = useDropzoneContext()\n    const describedBy =\n      [context.rootDescriptionId, context.isInvalid ? context.rootMessageId : undefined].filter(Boolean).join(' ') ||\n      undefined\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented) {\n          return\n        }\n\n        context.open()\n      },\n      [context, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        aria-controls={context.inputId}\n        aria-describedby={describedBy}\n        aria-invalid={context.isInvalid || undefined}\n        data-slot=\"dropzone-trigger\"\n        className={cn(className)}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst InfiniteProgress = React.forwardRef<HTMLDivElement, InfiniteProgressProps>(\n  ({ className, status, ...props }, ref) => {\n    const done = status === 'success' || status === 'error'\n    const isError = status === 'error'\n\n    return (\n      <div\n        ref={ref}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        aria-valuetext={valueTextMap[status]}\n        data-slot=\"dropzone-progress\"\n        data-status={status}\n        role=\"progressbar\"\n        className={cn('relative h-2 w-full overflow-hidden rounded-full bg-muted', className)}\n        {...props}\n      >\n        <div\n          className={cn(\n            'h-full w-full rounded-full bg-primary transition-transform',\n            done ? 'translate-x-0' : 'animate-infinite-progress',\n            isError && 'bg-destructive'\n          )}\n        />\n      </div>\n    )\n  }\n)\n\nDropzone.displayName = 'Dropzone'\nDropzoneArea.displayName = 'DropzoneArea'\nDropzoneDescription.displayName = 'DropzoneDescription'\nDropzoneFileList.displayName = 'DropzoneFileList'\nDropzoneFileListItem.displayName = 'DropzoneFileListItem'\nDropzoneFileMessage.displayName = 'DropzoneFileMessage'\nDropzoneMessage.displayName = 'DropzoneMessage'\nDropzoneRemoveFile.displayName = 'DropzoneRemoveFile'\nDropzoneRetryFile.displayName = 'DropzoneRetryFile'\nDropzoneTrigger.displayName = 'DropzoneTrigger'\nInfiniteProgress.displayName = 'InfiniteProgress'\n\nexport {\n  Dropzone,\n  DropzoneArea,\n  DropzoneDescription,\n  DropzoneFileList,\n  DropzoneFileListItem,\n  DropzoneFileMessage,\n  DropzoneMessage,\n  DropzoneRemoveFile,\n  DropzoneRetryFile,\n  DropzoneTrigger,\n  ErrorCode,\n  type FileError,\n  InfiniteProgress,\n  useDropzone\n}\n"],"mappings":"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"}

package/dist/components/empty.d.ts

@@ -17,7 +17,7 @@ declare function EmptyHeader({
   ...props
 }: EmptyHeaderProps): import("react/jsx-runtime").JSX.Element;
 declare const emptyMediaVariants: (props?: ({
-  variant?: "icon" | "default" | null | undefined;
+  variant?: "default" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function EmptyMedia({
   className,

package/dist/components/field.d.ts

@@ -35,7 +35,7 @@ declare function FieldGroup({
   ...props
 }: FieldGroupProps): import("react/jsx-runtime").JSX.Element;
 declare const fieldVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type FieldProps = React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>;
 declare function Field({

package/dist/components/field.js

@@ -1,2 +1,2 @@
-import"../chunk-CHh1Zzun.js";import{cn as e}from"../lib/utils.js";import{Separator as t}from"./separator.js";import{Label as n}from"./label.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{cva as a}from"class-variance-authority";import{createContext as o,useContext as s,useId as c,useMemo as l}from"react";const u=o(null);function useFieldControlId(e){let t=s(u);return e??t?.controlId}function FieldSet({className:t,...n}){return r(`fieldset`,{"data-slot":`field-set`,className:e(`flex flex-col gap-4`,`has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,t),...n})}function FieldLegend({className:t,variant:n=`legend`,...i}){return r(`legend`,{"data-slot":`field-legend`,"data-variant":n,className:e(`mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,t),...i})}function FieldGroup({className:t,...n}){return r(`div`,{"data-slot":`field-group`,className:e(`group/field-group @container/field-group flex w-full flex-col gap-5`,`data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,t),...n})}const d=a(`data-[invalid=true]:text-destructive gap-1 group/field flex w-full`,{variants:{orientation:{vertical:`flex-col *:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`}},defaultVariants:{orientation:`vertical`}});function Field({className:t,orientation:n=`vertical`,...i}){let a=c(),o=l(()=>({controlId:a}),[a]);return r(u.Provider,{value:o,children:r(`div`,{"data-slot":`field`,"data-orientation":n,className:e(d({orientation:n}),t),...i})})}function FieldContent({className:t,...n}){return r(`div`,{"data-slot":`field-content`,className:e(`gap-0.5 group/field-content flex flex-1 flex-col leading-snug`,t),...n})}function FieldLabel({className:t,htmlFor:i,...a}){return r(n,{"data-slot":`field-label`,htmlFor:useFieldControlId(i),className:e(`group/field-label peer/field-label flex w-fit gap-2 leading-snug`,`has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5`,`group-data-[disabled=true]/field:opacity-50`,t),...a})}function FieldTitle({className:t,...n}){return r(`div`,{"data-slot":`field-label`,className:e(`gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug`,t),...n})}function FieldDescription({className:t,...n}){return r(`p`,{"data-slot":`field-description`,className:e(`text-muted-foreground text-left text-sm leading-normal font-normal`,`[[data-variant=legend]+&]:-mt-1.5 group-has-data-horizontal/field:text-balance last:mt-0 nth-last-2:-mt-1`,`[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,t),...n})}function FieldSeparator({children:n,className:a,...o}){return i(`div`,{"data-slot":`field-separator`,"data-content":!!n,className:e(`-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative`,a),...o,children:[r(t,{className:`absolute inset-0 top-1/2`}),n&&r(`span`,{className:`text-muted-foreground px-2 bg-background relative mx-auto block w-fit`,"data-slot":`field-separator-content`,children:n})]})}function FieldError({className:t,children:n,errors:i,...a}){let o=l(()=>{if(n)return n;if(!i?.length)return null;let e=[...new Map(i.map(e=>[e?.message,e])).values()];return e?.length===1?e[0]?.message:r(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map(e=>e?.message&&r(`li`,{children:e.message},e.message))})},[n,i]);return o?r(`div`,{role:`alert`,"data-slot":`field-error`,className:e(`text-destructive text-sm font-normal`,t),...a,children:o}):null}export{Field,FieldContent,FieldDescription,FieldError,FieldGroup,FieldLabel,FieldLegend,FieldSeparator,FieldSet,FieldTitle,useFieldControlId};
+import"../chunk-CHh1Zzun.js";import{cn as e}from"../lib/utils.js";import{Separator as t}from"./separator.js";import{Label as n}from"./label.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{cva as a}from"class-variance-authority";import{createContext as o,useContext as s,useId as c,useMemo as l}from"react";const u=o(null);function useFieldControlId(e){let t=s(u);return e??t?.controlId}function FieldSet({className:t,...n}){return r(`fieldset`,{"data-slot":`field-set`,className:e(`flex flex-col gap-4`,`has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,t),...n})}function FieldLegend({className:t,variant:n=`legend`,...i}){return r(`legend`,{"data-slot":`field-legend`,"data-variant":n,className:e(`mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,t),...i})}function FieldGroup({className:t,...n}){return r(`div`,{"data-slot":`field-group`,className:e(`group/field-group @container/field-group flex w-full flex-col gap-5`,`data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,t),...n})}const d=a(`data-[invalid=true]:text-destructive gap-1 group/field flex w-full`,{variants:{orientation:{vertical:`flex-col *:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`}},defaultVariants:{orientation:`vertical`}});function Field({className:t,orientation:n=`vertical`,...i}){let a=c(),o=l(()=>({controlId:a}),[a]);return r(u.Provider,{value:o,children:r(`div`,{"data-slot":`field`,"data-orientation":n,className:e(d({orientation:n}),t),...i})})}function FieldContent({className:t,...n}){return r(`div`,{"data-slot":`field-content`,className:e(`gap-0.5 group/field-content flex flex-1 flex-col leading-snug`,t),...n})}function FieldLabel({className:t,htmlFor:i,...a}){return r(n,{"data-slot":`field-label`,htmlFor:useFieldControlId(i),className:e(`group/field-label peer/field-label flex w-fit gap-2 leading-snug`,`has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5`,`group-data-[disabled=true]/field:opacity-50`,t),...a})}function FieldTitle({className:t,...n}){return r(`div`,{"data-slot":`field-label`,className:e(`gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug`,t),...n})}function FieldDescription({className:t,...n}){return r(`p`,{"data-slot":`field-description`,className:e(`text-muted-foreground text-left text-xs leading-normal font-normal`,`[[data-variant=legend]+&]:-mt-1.5 group-has-data-horizontal/field:text-balance last:mt-0 nth-last-2:-mt-1`,`[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,t),...n})}function FieldSeparator({children:n,className:a,...o}){return i(`div`,{"data-slot":`field-separator`,"data-content":!!n,className:e(`-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative`,a),...o,children:[r(t,{className:`absolute inset-0 top-1/2`}),n&&r(`span`,{className:`text-muted-foreground px-2 bg-background relative mx-auto block w-fit`,"data-slot":`field-separator-content`,children:n})]})}function FieldError({className:t,children:n,errors:i,...a}){let o=l(()=>{if(n)return n;if(!i?.length)return null;let e=[...new Map(i.map(e=>[e?.message,e])).values()];return e?.length===1?e[0]?.message:r(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map(e=>e?.message&&r(`li`,{children:e.message},e.message))})},[n,i]);return o?r(`div`,{role:`alert`,"data-slot":`field-error`,className:e(`text-destructive text-sm font-normal`,t),...a,children:o}):null}export{Field,FieldContent,FieldDescription,FieldError,FieldGroup,FieldLabel,FieldLegend,FieldSeparator,FieldSet,FieldTitle,useFieldControlId};
 //# sourceMappingURL=field.js.map

package/dist/components/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","names":[],"sources":["../../src/components/field.tsx"],"sourcesContent":["import { createContext, useContext, useId, useMemo } from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\nimport { Label } from './label'\nimport { Separator } from './separator'\n\nexport type FieldSetProps = React.ComponentProps<'fieldset'>\n\nexport type FieldLegendProps = React.ComponentProps<'legend'> & { variant?: 'legend' | 'label' }\n\nexport type FieldGroupProps = React.ComponentProps<'div'>\n\nexport type FieldContentProps = React.ComponentProps<'div'>\n\nexport type FieldLabelProps = React.ComponentProps<typeof Label>\n\nexport type FieldTitleProps = React.ComponentProps<'div'>\n\nexport type FieldDescriptionProps = React.ComponentProps<'p'>\n\nexport type FieldSeparatorProps = React.ComponentProps<'div'> & {\n  children?: React.ReactNode\n}\n\nexport type FieldErrorProps = React.ComponentProps<'div'> & {\n  errors?: Array<{ message?: string } | undefined>\n}\n\ntype FieldContextValue = {\n  controlId: string\n}\n\nconst FieldContext = createContext<FieldContextValue | null>(null)\n\nfunction useFieldControlId(id?: string) {\n  const context = useContext(FieldContext)\n\n  return id ?? context?.controlId\n}\n\nfunction FieldSet({ className, ...props }: FieldSetProps) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        'flex flex-col gap-4',\n        'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLegend({ className, variant = 'legend', ...props }: FieldLegendProps) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn('mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base', className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldGroup({ className, ...props }: FieldGroupProps) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        'group/field-group @container/field-group flex w-full flex-col gap-5',\n        'data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst fieldVariants = cva('data-[invalid=true]:text-destructive gap-1 group/field flex w-full', {\n  variants: {\n    orientation: {\n      vertical: 'flex-col *:w-full [&>.sr-only]:w-auto',\n      horizontal:\n        'flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n      responsive:\n        'flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px'\n    }\n  },\n  defaultVariants: {\n    orientation: 'vertical'\n  }\n})\n\nexport type FieldProps = React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>\n\nfunction Field({ className, orientation = 'vertical', ...props }: FieldProps) {\n  const controlId = useId()\n  const contextValue = useMemo(() => ({ controlId }), [controlId])\n\n  return (\n    <FieldContext.Provider value={contextValue}>\n      <div\n        data-slot=\"field\"\n        data-orientation={orientation}\n        className={cn(fieldVariants({ orientation }), className)}\n        {...props}\n      />\n    </FieldContext.Provider>\n  )\n}\n\nfunction FieldContent({ className, ...props }: FieldContentProps) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn('gap-0.5 group/field-content flex flex-1 flex-col leading-snug', className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLabel({ className, htmlFor, ...props }: FieldLabelProps) {\n  const fieldControlId = useFieldControlId(htmlFor)\n\n  return (\n    <Label\n      data-slot=\"field-label\"\n      htmlFor={fieldControlId}\n      className={cn(\n        'group/field-label peer/field-label flex w-fit gap-2 leading-snug',\n        'has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10',\n        'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5',\n        'group-data-[disabled=true]/field:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldTitle({ className, ...props }: FieldTitleProps) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        'gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldDescription({ className, ...props }: FieldDescriptionProps) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        'text-muted-foreground text-left text-sm leading-normal font-normal',\n        '[[data-variant=legend]+&]:-mt-1.5 group-has-data-horizontal/field:text-balance last:mt-0 nth-last-2:-mt-1',\n        '[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldSeparator({ children, className, ...props }: FieldSeparatorProps) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn('-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative', className)}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction FieldError({ className, children, errors, ...props }: FieldErrorProps) {\n  const content = useMemo(() => {\n    if (children) {\n      return children\n    }\n\n    if (!errors?.length) {\n      return null\n    }\n\n    const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()]\n\n    if (uniqueErrors?.length === 1) {\n      return uniqueErrors[0]?.message\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map((error) => error?.message && <li key={error.message}>{error.message}</li>)}\n      </ul>\n    )\n  }, [children, errors])\n\n  if (!content) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn('text-destructive text-sm font-normal', className)}\n      {...props}\n    >\n      {content}\n    </div>\n  )\n}\n\nexport {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldTitle,\n  useFieldControlId\n}\n"],"mappings":"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"}
+{"version":3,"file":"field.js","names":[],"sources":["../../src/components/field.tsx"],"sourcesContent":["import { createContext, useContext, useId, useMemo } from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\nimport { Label } from './label'\nimport { Separator } from './separator'\n\nexport type FieldSetProps = React.ComponentProps<'fieldset'>\n\nexport type FieldLegendProps = React.ComponentProps<'legend'> & { variant?: 'legend' | 'label' }\n\nexport type FieldGroupProps = React.ComponentProps<'div'>\n\nexport type FieldContentProps = React.ComponentProps<'div'>\n\nexport type FieldLabelProps = React.ComponentProps<typeof Label>\n\nexport type FieldTitleProps = React.ComponentProps<'div'>\n\nexport type FieldDescriptionProps = React.ComponentProps<'p'>\n\nexport type FieldSeparatorProps = React.ComponentProps<'div'> & {\n  children?: React.ReactNode\n}\n\nexport type FieldErrorProps = React.ComponentProps<'div'> & {\n  errors?: Array<{ message?: string } | undefined>\n}\n\ntype FieldContextValue = {\n  controlId: string\n}\n\nconst FieldContext = createContext<FieldContextValue | null>(null)\n\nfunction useFieldControlId(id?: string) {\n  const context = useContext(FieldContext)\n\n  return id ?? context?.controlId\n}\n\nfunction FieldSet({ className, ...props }: FieldSetProps) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        'flex flex-col gap-4',\n        'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLegend({ className, variant = 'legend', ...props }: FieldLegendProps) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn('mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base', className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldGroup({ className, ...props }: FieldGroupProps) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        'group/field-group @container/field-group flex w-full flex-col gap-5',\n        'data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst fieldVariants = cva('data-[invalid=true]:text-destructive gap-1 group/field flex w-full', {\n  variants: {\n    orientation: {\n      vertical: 'flex-col *:w-full [&>.sr-only]:w-auto',\n      horizontal:\n        'flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n      responsive:\n        'flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px'\n    }\n  },\n  defaultVariants: {\n    orientation: 'vertical'\n  }\n})\n\nexport type FieldProps = React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>\n\nfunction Field({ className, orientation = 'vertical', ...props }: FieldProps) {\n  const controlId = useId()\n  const contextValue = useMemo(() => ({ controlId }), [controlId])\n\n  return (\n    <FieldContext.Provider value={contextValue}>\n      <div\n        data-slot=\"field\"\n        data-orientation={orientation}\n        className={cn(fieldVariants({ orientation }), className)}\n        {...props}\n      />\n    </FieldContext.Provider>\n  )\n}\n\nfunction FieldContent({ className, ...props }: FieldContentProps) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn('gap-0.5 group/field-content flex flex-1 flex-col leading-snug', className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLabel({ className, htmlFor, ...props }: FieldLabelProps) {\n  const fieldControlId = useFieldControlId(htmlFor)\n\n  return (\n    <Label\n      data-slot=\"field-label\"\n      htmlFor={fieldControlId}\n      className={cn(\n        'group/field-label peer/field-label flex w-fit gap-2 leading-snug',\n        'has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10',\n        'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5',\n        'group-data-[disabled=true]/field:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldTitle({ className, ...props }: FieldTitleProps) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        'gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldDescription({ className, ...props }: FieldDescriptionProps) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        'text-muted-foreground text-left text-xs leading-normal font-normal',\n        '[[data-variant=legend]+&]:-mt-1.5 group-has-data-horizontal/field:text-balance last:mt-0 nth-last-2:-mt-1',\n        '[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldSeparator({ children, className, ...props }: FieldSeparatorProps) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn('-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative', className)}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction FieldError({ className, children, errors, ...props }: FieldErrorProps) {\n  const content = useMemo(() => {\n    if (children) {\n      return children\n    }\n\n    if (!errors?.length) {\n      return null\n    }\n\n    const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()]\n\n    if (uniqueErrors?.length === 1) {\n      return uniqueErrors[0]?.message\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map((error) => error?.message && <li key={error.message}>{error.message}</li>)}\n      </ul>\n    )\n  }, [children, errors])\n\n  if (!content) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn('text-destructive text-sm font-normal', className)}\n      {...props}\n    >\n      {content}\n    </div>\n  )\n}\n\nexport {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldTitle,\n  useFieldControlId\n}\n"],"mappings":"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"}

package/dist/components/flex.d.ts

@@ -5,10 +5,10 @@ import * as React from "react";
 //#region src/components/flex.d.ts
 declare const flexVariants: (props?: ({
   direction?: "row" | "row-reverse" | "column" | "column-reverse" | null | undefined;
-  align?: "center" | "start" | "end" | "baseline" | "stretch" | null | undefined;
-  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+  align?: "center" | "end" | "start" | "baseline" | "stretch" | null | undefined;
+  justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
   wrap?: boolean | null | undefined;
-  gap?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+  gap?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type FlexProps = React.ComponentProps<'div'> & VariantProps<typeof flexVariants>;
 declare function Flex({

package/dist/components/group.d.ts

@@ -4,9 +4,9 @@ import * as React from "react";
 
 //#region src/components/group.d.ts
 declare const groupVariants: (props?: ({
-  align?: "center" | "start" | "end" | "baseline" | "stretch" | null | undefined;
-  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
-  gap?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+  align?: "center" | "end" | "start" | "baseline" | "stretch" | null | undefined;
+  justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
+  gap?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
   wrap?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type GroupProps = React.ComponentProps<'div'> & VariantProps<typeof groupVariants>;

package/dist/components/group.js

@@ -1,2 +1,2 @@
-import"../chunk-CHh1Zzun.js";import{cn as e}from"../lib/utils.js";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`flex flex-row`,{variants:{align:{start:`items-start`,end:`items-end`,center:`items-center`,baseline:`items-baseline`,stretch:`items-stretch`},justify:{start:`justify-start`,end:`justify-end`,center:`justify-center`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`},gap:{xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`},wrap:{true:`flex-wrap`,false:`flex-nowrap`}},defaultVariants:{align:`center`,gap:`md`,wrap:!1}});function Group({className:n,align:i=`center`,justify:a,gap:o=`md`,wrap:s=!1,...c}){return t(`div`,{"data-slot":`group`,"data-align":i,"data-justify":a,"data-gap":o,"data-wrap":s?`true`:`false`,className:e(r({align:i,justify:a,gap:o,wrap:s}),n),...c})}export{Group,r as groupVariants};
+import"../chunk-CHh1Zzun.js";import{cn as e}from"../lib/utils.js";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`flex flex-row`,{variants:{align:{start:`items-start`,end:`items-end`,center:`items-center`,baseline:`items-baseline`,stretch:`items-stretch`},justify:{start:`justify-start`,end:`justify-end`,center:`justify-center`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`},gap:{xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`},wrap:{true:`flex-wrap`,false:`flex-nowrap`}},defaultVariants:{align:`center`,gap:`md`,wrap:!1}});function Group({className:n,align:i=`center`,justify:a,gap:o=`md`,wrap:s=!0,...c}){return t(`div`,{"data-slot":`group`,"data-align":i,"data-justify":a,"data-gap":o,"data-wrap":s?`true`:`false`,className:e(r({align:i,justify:a,gap:o,wrap:s}),n),...c})}export{Group,r as groupVariants};
 //# sourceMappingURL=group.js.map

package/dist/components/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.js","names":[],"sources":["../../src/components/group.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\n\nconst groupVariants = cva('flex flex-row', {\n  variants: {\n    align: {\n      start: 'items-start',\n      end: 'items-end',\n      center: 'items-center',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch'\n    },\n    justify: {\n      start: 'justify-start',\n      end: 'justify-end',\n      center: 'justify-center',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly'\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8'\n    },\n    wrap: {\n      true: 'flex-wrap',\n      false: 'flex-nowrap'\n    }\n  },\n  defaultVariants: {\n    align: 'center',\n    gap: 'md',\n    wrap: false\n  }\n})\n\nexport type GroupProps = React.ComponentProps<'div'> & VariantProps<typeof groupVariants>\n\nfunction Group({ className, align = 'center', justify, gap = 'md', wrap = false, ...props }: GroupProps) {\n  return (\n    <div\n      data-slot=\"group\"\n      data-align={align}\n      data-justify={justify}\n      data-gap={gap}\n      data-wrap={wrap ? 'true' : 'false'}\n      className={cn(groupVariants({ align, justify, gap, wrap }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Group, groupVariants }\n"],"mappings":"yJAMA,MAAM,EAAgB,EAAI,gBAAiB,CACzC,SAAU,CACR,MAAO,CACL,MAAO,cACP,IAAK,YACL,OAAQ,eACR,SAAU,iBACV,QAAS,eACX,EACA,QAAS,CACP,MAAO,gBACP,IAAK,cACL,OAAQ,iBACR,QAAS,kBACT,OAAQ,iBACR,OAAQ,gBACV,EACA,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACN,EACA,KAAM,CACJ,KAAM,YACN,MAAO,aACT,CACF,EACA,gBAAiB,CACf,MAAO,SACP,IAAK,KACL,KAAM,EACR,CACF,CAAC,EAID,SAAS,MAAM,CAAE,YAAW,QAAQ,SAAU,UAAS,MAAM,KAAM,OAAO,GAAO,GAAG,GAAqB,CACvG,OACE,EAAC,MAAD,CACE,YAAU,QACV,aAAY,EACZ,eAAc,EACd,WAAU,EACV,YAAW,EAAO,OAAS,QAC3B,UAAW,EAAG,EAAc,CAAE,QAAO,UAAS,MAAK,MAAK,CAAC,EAAG,CAAS,EACrE,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"group.js","names":[],"sources":["../../src/components/group.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\n\nconst groupVariants = cva('flex flex-row', {\n  variants: {\n    align: {\n      start: 'items-start',\n      end: 'items-end',\n      center: 'items-center',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch'\n    },\n    justify: {\n      start: 'justify-start',\n      end: 'justify-end',\n      center: 'justify-center',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly'\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8'\n    },\n    wrap: {\n      true: 'flex-wrap',\n      false: 'flex-nowrap'\n    }\n  },\n  defaultVariants: {\n    align: 'center',\n    gap: 'md',\n    wrap: false\n  }\n})\n\nexport type GroupProps = React.ComponentProps<'div'> & VariantProps<typeof groupVariants>\n\nfunction Group({ className, align = 'center', justify, gap = 'md', wrap = true, ...props }: GroupProps) {\n  return (\n    <div\n      data-slot=\"group\"\n      data-align={align}\n      data-justify={justify}\n      data-gap={gap}\n      data-wrap={wrap ? 'true' : 'false'}\n      className={cn(groupVariants({ align, justify, gap, wrap }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Group, groupVariants }\n"],"mappings":"yJAMA,MAAM,EAAgB,EAAI,gBAAiB,CACzC,SAAU,CACR,MAAO,CACL,MAAO,cACP,IAAK,YACL,OAAQ,eACR,SAAU,iBACV,QAAS,eACX,EACA,QAAS,CACP,MAAO,gBACP,IAAK,cACL,OAAQ,iBACR,QAAS,kBACT,OAAQ,iBACR,OAAQ,gBACV,EACA,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACN,EACA,KAAM,CACJ,KAAM,YACN,MAAO,aACT,CACF,EACA,gBAAiB,CACf,MAAO,SACP,IAAK,KACL,KAAM,EACR,CACF,CAAC,EAID,SAAS,MAAM,CAAE,YAAW,QAAQ,SAAU,UAAS,MAAM,KAAM,OAAO,GAAM,GAAG,GAAqB,CACtG,OACE,EAAC,MAAD,CACE,YAAU,QACV,aAAY,EACZ,eAAc,EACd,WAAU,EACV,YAAW,EAAO,OAAS,QAC3B,UAAW,EAAG,EAAc,CAAE,QAAO,UAAS,MAAK,MAAK,CAAC,EAAG,CAAS,EACrE,GAAI,CACL,CAAA,CAEL"}

package/dist/components/heading.d.ts

@@ -4,7 +4,7 @@ import * as React from "react";
 
 //#region src/components/heading.d.ts
 declare const headingVariants: (props?: ({
-  size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type HeadingProps = React.ComponentProps<'h2'> & VariantProps<typeof headingVariants> & {
   asChild?: boolean;

package/dist/components/input-group.d.ts

@@ -23,7 +23,7 @@ declare function InputGroupAddon({
   ...props
 }: InputGroupAddonProps): import("react/jsx-runtime").JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
-  size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
+  size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function InputGroupButton({
   className,

package/dist/components/list.d.ts

@@ -8,8 +8,8 @@ type InternalListItemProps = {
   __index?: number;
 };
 declare const listVariants: (props?: ({
-  size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
-  spacing?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  spacing?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ListProps = Omit<React.ComponentProps<'ul'>, 'ref' | 'type'> & Omit<React.ComponentProps<'ol'>, 'ref' | 'type'> & VariantProps<typeof listVariants> & {
   type?: ListType;

package/dist/components/mask-input.d.ts

@@ -12,6 +12,7 @@ type MaskInputProps = InputProps & {
   modify?: Modify;
 };
 declare function MaskInput({
+  ref,
   mask,
   replacement,
   showMask,

package/dist/components/mask-input.js

@@ -1,2 +1,2 @@
-import"../chunk-CHh1Zzun.js";import{Input as e}from"./input.js";import{useMask as t}from"../hooks/use-mask.js";import{jsx as n}from"react/jsx-runtime";function MaskInput({mask:r,replacement:i,showMask:a,separate:o,track:s,modify:c,...l}){let u=t({mask:r,replacement:i,showMask:a,separate:o,track:s,modify:c});return n(e,{"data-slot":`mask-input`,...l,ref:u})}export{MaskInput};
+import"../chunk-CHh1Zzun.js";import{Input as e}from"./input.js";import{composeRefs as t}from"../lib/compose-refs.js";import{useMask as n}from"../hooks/use-mask.js";import{jsx as r}from"react/jsx-runtime";function MaskInput({ref:i,mask:a,replacement:o,showMask:s,separate:c,track:l,modify:u,...d}){let f=n({mask:a,replacement:o,showMask:s,separate:c,track:l,modify:u});return r(e,{"data-slot":`mask-input`,...d,ref:t(i,f)})}export{MaskInput};
 //# sourceMappingURL=mask-input.js.map

package/dist/components/mask-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"mask-input.js","names":[],"sources":["../../src/components/mask-input.tsx"],"sourcesContent":["import { type Modify, type Replacement, type Track, useMask } from '../hooks/use-mask'\nimport { Input, type InputProps } from './input'\n\nexport type MaskInputProps = InputProps & {\n  mask: string\n  replacement?: string | Replacement\n  showMask?: boolean\n  separate?: boolean\n  track?: Track\n  modify?: Modify\n}\n\nfunction MaskInput({ mask, replacement, showMask, separate, track, modify, ...props }: MaskInputProps) {\n  const ref = useMask({ mask, replacement, showMask, separate, track, modify })\n\n  return <Input data-slot=\"mask-input\" {...props} ref={ref} />\n}\n\nexport { MaskInput }\n"],"mappings":"uJAYA,SAAS,UAAU,CAAE,OAAM,cAAa,WAAU,WAAU,QAAO,SAAQ,GAAG,GAAyB,CACrG,IAAM,EAAM,EAAQ,CAAE,OAAM,cAAa,WAAU,WAAU,QAAO,QAAO,CAAC,EAE5E,OAAO,EAAC,EAAD,CAAO,YAAU,aAAa,GAAI,EAAY,KAAM,CAAA,CAC7D"}
+{"version":3,"file":"mask-input.js","names":[],"sources":["../../src/components/mask-input.tsx"],"sourcesContent":["import { type Modify, type Replacement, type Track, useMask } from '../hooks/use-mask'\nimport { composeRefs } from '../lib/compose-refs'\nimport { Input, type InputProps } from './input'\n\nexport type MaskInputProps = InputProps & {\n  mask: string\n  replacement?: string | Replacement\n  showMask?: boolean\n  separate?: boolean\n  track?: Track\n  modify?: Modify\n}\n\nfunction MaskInput({ ref, mask, replacement, showMask, separate, track, modify, ...props }: MaskInputProps) {\n  const maskRef = useMask({ mask, replacement, showMask, separate, track, modify })\n\n  return <Input data-slot=\"mask-input\" {...props} ref={composeRefs<HTMLInputElement>(ref, maskRef)} />\n}\n\nexport { MaskInput }\n"],"mappings":"4MAaA,SAAS,UAAU,CAAE,MAAK,OAAM,cAAa,WAAU,WAAU,QAAO,SAAQ,GAAG,GAAyB,CAC1G,IAAM,EAAU,EAAQ,CAAE,OAAM,cAAa,WAAU,WAAU,QAAO,QAAO,CAAC,EAEhF,OAAO,EAAC,EAAD,CAAO,YAAU,aAAa,GAAI,EAAO,IAAK,EAA8B,EAAK,CAAO,CAAI,CAAA,CACrG"}

package/dist/components/sidebar.d.ts

@@ -123,7 +123,7 @@ declare function SidebarMenuItem({
   ...props
 }: SidebarMenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
-  variant?: "outline" | "default" | null | undefined;
+  variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SidebarMenuButtonProps = React.ComponentProps<'button'> & {

package/dist/components/stack.d.ts

@@ -4,9 +4,9 @@ import * as React from "react";
 
 //#region src/components/stack.d.ts
 declare const stackVariants: (props?: ({
-  align?: "center" | "start" | "end" | "baseline" | "stretch" | null | undefined;
-  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
-  gap?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+  align?: "center" | "end" | "start" | "baseline" | "stretch" | null | undefined;
+  justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
+  gap?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type StackProps = React.ComponentProps<'div'> & VariantProps<typeof stackVariants>;
 declare function Stack({

package/dist/components/table.d.ts

@@ -7,7 +7,7 @@ type TableContainerProps = React.ComponentProps<'div'> & {
   minWidth?: number | string;
 };
 declare const tableVariants: (props?: ({
-  variant?: "line" | "outline" | null | undefined;
+  variant?: "outline" | "line" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TableProps = React.ComponentProps<'table'> & VariantProps<typeof tableVariants> & {
   striped?: boolean;

package/dist/components/tabs.js

@@ -1,2 +1,2 @@
-import"../chunk-CHh1Zzun.js";import{cn as e}from"../lib/utils.js";import{Tabs as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";function Tabs({className:r,orientation:i=`horizontal`,...a}){return n(t.Root,{"data-slot":`tabs`,"data-orientation":i,className:e(`group/tabs flex gap-2 data-horizontal:flex-col`,r),...a})}const i=r(`group/tabs-list inline-flex items-center justify-start rounded-lg group-data-horizontal/tabs:h-8 group-data-horizontal/tabs:w-full group-data-vertical/tabs:h-fit group-data-vertical/tabs:w-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none`,{variants:{variant:{enclosed:`bg-muted p-0.75`,line:`gap-1 bg-transparent group-data-horizontal/tabs:border-b group-data-horizontal/tabs:border-b-border group-data-vertical/tabs:border-r group-data-vertical/tabs:border-r-border`}},defaultVariants:{variant:`line`}});function TabsList({className:r,variant:a=`line`,grow:o=!1,...s}){return n(t.List,{"data-slot":`tabs-list`,"data-variant":a,"data-grow":o,className:e(i({variant:a}),r),...s})}function TabsTrigger({className:r,...i}){return n(t.Trigger,{"data-slot":`tabs-trigger`,className:e(`relative inline-flex h-[calc(100%-1px)] items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-normal whitespace-nowrap text-foreground transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:bg-muted focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=enclosed]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,`group-data-horizontal/tabs:group-data-[grow=true]/tabs-list:flex-1`,`group-data-[variant=line]/tabs-list:bg-transparent group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:rounded-t-[8px] group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:rounded-b-none group-data-vertical/tabs:group-data-[variant=line]/tabs-list:rounded-l-[8px] group-data-vertical/tabs:group-data-[variant=line]/tabs-list:rounded-r-none`,`group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:data-active:border-b-primary-500 group-data-vertical/tabs:group-data-[variant=line]/tabs-list:data-active:border-r-primary-500`,`group-data-[variant=enclosed]/tabs-list:data-active:bg-background group-data-[variant=enclosed]/tabs-list:data-active:hover:bg-muted dark:group-data-[variant=enclosed]/tabs-list:data-active:border-input dark:group-data-[variant=enclosed]/tabs-list:data-active:bg-input/30`,r),...i})}function TabsContent({className:r,...i}){return n(t.Content,{"data-slot":`tabs-content`,className:e(`flex-1 text-sm outline-none`,r),...i})}export{Tabs,TabsContent,TabsList,TabsTrigger,i as tabsListVariants};
+import"../chunk-CHh1Zzun.js";import{cn as e}from"../lib/utils.js";import{Tabs as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";function Tabs({className:r,orientation:i=`horizontal`,...a}){return n(t.Root,{"data-slot":`tabs`,"data-orientation":i,className:e(`group/tabs flex gap-2 data-horizontal:flex-col`,r),...a})}const i=r(`group/tabs-list inline-flex items-center justify-start rounded-lg h-fit group-data-horizontal/tabs:flex-wrap group-data-horizontal/tabs:w-full group-data-vertical/tabs:w-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none`,{variants:{variant:{enclosed:`bg-muted p-0.75`,line:`gap-1 bg-transparent group-data-horizontal/tabs:border-b group-data-horizontal/tabs:border-b-border group-data-vertical/tabs:border-r group-data-vertical/tabs:border-r-border`}},defaultVariants:{variant:`line`}});function TabsList({className:r,variant:a=`line`,grow:o=!1,...s}){return n(t.List,{"data-slot":`tabs-list`,"data-variant":a,"data-grow":o,className:e(i({variant:a}),r),...s})}function TabsTrigger({className:r,...i}){return n(t.Trigger,{"data-slot":`tabs-trigger`,className:e(`relative inline-flex items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-normal whitespace-nowrap text-foreground transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:bg-muted focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=enclosed]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,`group-data-horizontal/tabs:group-data-[grow=true]/tabs-list:flex-1`,`group-data-[variant=line]/tabs-list:bg-transparent group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:rounded-t-[8px] group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:rounded-b-none group-data-vertical/tabs:group-data-[variant=line]/tabs-list:rounded-l-[8px] group-data-vertical/tabs:group-data-[variant=line]/tabs-list:rounded-r-none`,`group-data-[variant=line]/tabs-list:h-8 group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:data-active:border-b-primary-500 group-data-vertical/tabs:group-data-[variant=line]/tabs-list:data-active:border-r-primary-500`,`group-data-[variant=enclosed]/tabs-list:h-[calc(100%-1px)] group-data-[variant=enclosed]/tabs-list:data-active:bg-background group-data-[variant=enclosed]/tabs-list:data-active:hover:bg-muted dark:group-data-[variant=enclosed]/tabs-list:data-active:border-input dark:group-data-[variant=enclosed]/tabs-list:data-active:bg-input/30`,r),...i})}function TabsContent({className:r,...i}){return n(t.Content,{"data-slot":`tabs-content`,className:e(`flex-1 text-sm outline-none`,r),...i})}export{Tabs,TabsContent,TabsList,TabsTrigger,i as tabsListVariants};
 //# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["TabsPrimitive"],"sources":["../../src/components/tabs.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Tabs as TabsPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type TabsProps = React.ComponentProps<typeof TabsPrimitive.Root>\n\nfunction Tabs({ className, orientation = 'horizontal', ...props }: TabsProps) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      className={cn('group/tabs flex gap-2 data-horizontal:flex-col', className)}\n      {...props}\n    />\n  )\n}\n\nconst tabsListVariants = cva(\n  'group/tabs-list inline-flex items-center justify-start rounded-lg group-data-horizontal/tabs:h-8 group-data-horizontal/tabs:w-full group-data-vertical/tabs:h-fit group-data-vertical/tabs:w-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none',\n  {\n    variants: {\n      variant: {\n        enclosed: 'bg-muted p-0.75',\n        line: 'gap-1 bg-transparent group-data-horizontal/tabs:border-b group-data-horizontal/tabs:border-b-border group-data-vertical/tabs:border-r group-data-vertical/tabs:border-r-border'\n      }\n    },\n    defaultVariants: {\n      variant: 'line'\n    }\n  }\n)\n\nexport type TabsListProps = React.ComponentProps<typeof TabsPrimitive.List> &\n  VariantProps<typeof tabsListVariants> & {\n    grow?: boolean\n  }\n\nexport type TabsTriggerProps = React.ComponentProps<typeof TabsPrimitive.Trigger>\n\nexport type TabsContentProps = React.ComponentProps<typeof TabsPrimitive.Content>\n\nfunction TabsList({ className, variant = 'line', grow = false, ...props }: TabsListProps) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      data-grow={grow}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({ className, ...props }: TabsTriggerProps) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"relative inline-flex h-[calc(100%-1px)] items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-normal whitespace-nowrap text-foreground transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:bg-muted focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=enclosed]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        'group-data-horizontal/tabs:group-data-[grow=true]/tabs-list:flex-1',\n        'group-data-[variant=line]/tabs-list:bg-transparent group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:rounded-t-[8px] group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:rounded-b-none group-data-vertical/tabs:group-data-[variant=line]/tabs-list:rounded-l-[8px] group-data-vertical/tabs:group-data-[variant=line]/tabs-list:rounded-r-none',\n        'group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:data-active:border-b-primary-500 group-data-vertical/tabs:group-data-[variant=line]/tabs-list:data-active:border-r-primary-500',\n        'group-data-[variant=enclosed]/tabs-list:data-active:bg-background group-data-[variant=enclosed]/tabs-list:data-active:hover:bg-muted dark:group-data-[variant=enclosed]/tabs-list:data-active:border-input dark:group-data-[variant=enclosed]/tabs-list:data-active:bg-input/30',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({ className, ...props }: TabsContentProps) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 text-sm outline-none', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants }\n"],"mappings":"yLASA,SAAS,KAAK,CAAE,YAAW,cAAc,aAAc,GAAG,GAAoB,CAC5E,OACE,EAACA,EAAc,KAAf,CACE,YAAU,OACV,mBAAkB,EAClB,UAAW,EAAG,iDAAkD,CAAS,EACzE,GAAI,CACL,CAAA,CAEL,CAEA,MAAM,EAAmB,EACvB,sQACA,CACE,SAAU,CACR,QAAS,CACP,SAAU,kBACV,KAAM,gLACR,CACF,EACA,gBAAiB,CACf,QAAS,MACX,CACF,CACF,EAWA,SAAS,SAAS,CAAE,YAAW,UAAU,OAAQ,OAAO,GAAO,GAAG,GAAwB,CACxF,OACE,EAACA,EAAc,KAAf,CACE,YAAU,YACV,eAAc,EACd,YAAW,EACX,UAAW,EAAG,EAAiB,CAAE,SAAQ,CAAC,EAAG,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,GAAG,GAA2B,CAC9D,OACE,EAACA,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EACT,0pBACA,qEACA,2WACA,gMACA,kRACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,GAAG,GAA2B,CAC9D,OACE,EAACA,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"tabs.js","names":["TabsPrimitive"],"sources":["../../src/components/tabs.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Tabs as TabsPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type TabsProps = React.ComponentProps<typeof TabsPrimitive.Root>\n\nfunction Tabs({ className, orientation = 'horizontal', ...props }: TabsProps) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      className={cn('group/tabs flex gap-2 data-horizontal:flex-col', className)}\n      {...props}\n    />\n  )\n}\n\nconst tabsListVariants = cva(\n  'group/tabs-list inline-flex items-center justify-start rounded-lg h-fit group-data-horizontal/tabs:flex-wrap group-data-horizontal/tabs:w-full group-data-vertical/tabs:w-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none',\n  {\n    variants: {\n      variant: {\n        enclosed: 'bg-muted p-0.75',\n        line: 'gap-1 bg-transparent group-data-horizontal/tabs:border-b group-data-horizontal/tabs:border-b-border group-data-vertical/tabs:border-r group-data-vertical/tabs:border-r-border'\n      }\n    },\n    defaultVariants: {\n      variant: 'line'\n    }\n  }\n)\n\nexport type TabsListProps = React.ComponentProps<typeof TabsPrimitive.List> &\n  VariantProps<typeof tabsListVariants> & {\n    grow?: boolean\n  }\n\nexport type TabsTriggerProps = React.ComponentProps<typeof TabsPrimitive.Trigger>\n\nexport type TabsContentProps = React.ComponentProps<typeof TabsPrimitive.Content>\n\nfunction TabsList({ className, variant = 'line', grow = false, ...props }: TabsListProps) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      data-grow={grow}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({ className, ...props }: TabsTriggerProps) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"relative inline-flex items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-normal whitespace-nowrap text-foreground transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:bg-muted focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=enclosed]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        'group-data-horizontal/tabs:group-data-[grow=true]/tabs-list:flex-1',\n        'group-data-[variant=line]/tabs-list:bg-transparent group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:rounded-t-[8px] group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:rounded-b-none group-data-vertical/tabs:group-data-[variant=line]/tabs-list:rounded-l-[8px] group-data-vertical/tabs:group-data-[variant=line]/tabs-list:rounded-r-none',\n        'group-data-[variant=line]/tabs-list:h-8 group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:data-active:border-b-primary-500 group-data-vertical/tabs:group-data-[variant=line]/tabs-list:data-active:border-r-primary-500',\n        'group-data-[variant=enclosed]/tabs-list:h-[calc(100%-1px)] group-data-[variant=enclosed]/tabs-list:data-active:bg-background group-data-[variant=enclosed]/tabs-list:data-active:hover:bg-muted dark:group-data-[variant=enclosed]/tabs-list:data-active:border-input dark:group-data-[variant=enclosed]/tabs-list:data-active:bg-input/30',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({ className, ...props }: TabsContentProps) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 text-sm outline-none', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants }\n"],"mappings":"yLASA,SAAS,KAAK,CAAE,YAAW,cAAc,aAAc,GAAG,GAAoB,CAC5E,OACE,EAACA,EAAc,KAAf,CACE,YAAU,OACV,mBAAkB,EAClB,UAAW,EAAG,iDAAkD,CAAS,EACzE,GAAI,CACL,CAAA,CAEL,CAEA,MAAM,EAAmB,EACvB,mPACA,CACE,SAAU,CACR,QAAS,CACP,SAAU,kBACV,KAAM,gLACR,CACF,EACA,gBAAiB,CACf,QAAS,MACX,CACF,CACF,EAWA,SAAS,SAAS,CAAE,YAAW,UAAU,OAAQ,OAAO,GAAO,GAAG,GAAwB,CACxF,OACE,EAACA,EAAc,KAAf,CACE,YAAU,YACV,eAAc,EACd,YAAW,EACX,UAAW,EAAG,EAAiB,CAAE,SAAQ,CAAC,EAAG,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,GAAG,GAA2B,CAC9D,OACE,EAACA,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EACT,uoBACA,qEACA,2WACA,wOACA,6UACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,GAAG,GAA2B,CAC9D,OACE,EAACA,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL"}

package/dist/components/text.d.ts

@@ -4,7 +4,7 @@ import * as React from "react";
 
 //#region src/components/text.d.ts
 declare const textVariants: (props?: ({
-  size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TextProps = React.ComponentProps<'p'> & VariantProps<typeof textVariants> & {
   asChild?: boolean;

package/dist/components/timeline.d.ts

@@ -8,10 +8,10 @@ declare const timelineVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const timelineConnectorVariants: (props?: ({
   status?: "pending" | "completed" | "in-progress" | null | undefined;
-  color?: "primary" | "destructive" | "secondary" | "muted" | "accent" | "gradient" | null | undefined;
+  color?: "destructive" | "primary" | "secondary" | "muted" | "accent" | "gradient" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const timelineIconVariants: (props?: ({
-  color?: "primary" | "destructive" | "secondary" | "muted" | "accent" | null | undefined;
+  color?: "destructive" | "primary" | "secondary" | "muted" | "accent" | null | undefined;
   size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TimelineIconSize = NonNullable<VariantProps<typeof timelineIconVariants>['size']>;

package/dist/index.d.ts

@@ -21,7 +21,7 @@ import { Checkbox, CheckboxProps } from "./components/checkbox.js";
 import { Code, CodeProps } from "./components/code.js";
 import { Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerProps } from "./components/collapsible.js";
 import { Combobox, ComboboxChip, ComboboxChipProps, ComboboxChips, ComboboxChipsInput, ComboboxChipsInputProps, ComboboxChipsProps, ComboboxClear, ComboboxClearProps, ComboboxCollection, ComboboxCollectionProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxSeparator, ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps, useComboboxAnchor } from "./components/combobox.js";
-import { Dialog, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogOverlay, DialogOverlayProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps } from "./components/dialog.js";
+import { Dialog, DialogBody, DialogBodyProps, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogOverlay, DialogOverlayProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps } from "./components/dialog.js";
 import { Command, CommandDialog, CommandDialogProps, CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandProps, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps } from "./components/command.js";
 import { Container, ContainerProps, containerVariants } from "./components/container.js";
 import { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, tableVariants } from "./components/table.js";
@@ -83,5 +83,6 @@ import { UseLocalStorageOptions, useLocalStorage } from "./hooks/use-local-stora
 import { useIsMobile } from "./hooks/use-mobile.js";
 import { BadgeColor, badgeColorVariants } from "./lib/badge.js";
 import { ButtonColor, buttonColorVariants } from "./lib/button.js";
+import { composeRefs, setRef } from "./lib/compose-refs.js";
 import { cn, randomId } from "./lib/utils.js";
-export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, AccordionTriggerProps, Alert, AlertAction, AlertActionProps, AlertDescription, AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogMedia, AlertDialogMediaProps, AlertDialogOverlay, AlertDialogOverlayProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps, AlertProps, AlertTitle, AlertTitleProps, Anchor, AnchorProps, AreaChart, AreaChartCurveType, AreaChartGridAxis, AreaChartProps, AreaChartSeries, AreaChartType, Avatar, AvatarBadge, AvatarBadgeProps, AvatarFallback, AvatarFallbackProps, AvatarGroup, AvatarGroupCount, AvatarGroupCountProps, AvatarGroupProps, AvatarImage, AvatarImageProps, AvatarProps, Badge, BadgeColor, BadgeProps, BarChart, BarChartGridAxis, BarChartOrientation, BarChartProps, BarChartSeries, BarChartType, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbListProps, BreadcrumbPage, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparator, BreadcrumbSeparatorProps, Breakpoint, Button, ButtonColor, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupSeparatorProps, ButtonGroupText, ButtonGroupTextProps, ButtonProps, Calendar, CalendarDayButton, CalendarDayButtonProps, CalendarProps, Card, CardAction, CardActionProps, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps, Carousel, CarouselApi, CarouselContent, CarouselContentProps, CarouselIndicators, CarouselIndicatorsProps, CarouselItem, CarouselItemProps, CarouselNext, CarouselNextProps, CarouselPrevious, CarouselPreviousProps, CarouselProps, Center, CenterProps, ChartConfig, ChartContainer, ChartContainerProps, ChartLegend, ChartLegendContent, ChartLegendContentProps, ChartLegendProps, ChartStyle, ChartStyleProps, ChartTooltip, ChartTooltipContent, ChartTooltipContentProps, ChartTooltipProps, Checkbox, CheckboxProps, Code, CodeProps, Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerProps, type Column, type ColumnDef, Combobox, ComboboxChip, ComboboxChipProps, ComboboxChips, ComboboxChipsInput, ComboboxChipsInputProps, ComboboxChipsProps, ComboboxClear, ComboboxClearProps, ComboboxCollection, ComboboxCollectionProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxSeparator, ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps, Command, CommandDialog, CommandDialogProps, CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandProps, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps, Container, ContainerProps, DataTable, DataTableBody, DataTableBodyProps, DataTableColumnHeader, DataTableColumnHeaderProps, DataTableHeader, DataTableHeaderProps, DataTableLabels, DataTablePagination, DataTablePaginationProps, DataTableProps, DataTableRoot, DataTableRootProps, DataTableToolbar, DataTableToolbarProps, DataTableViewOptions, DataTableViewOptionsProps, type DateRange, DateRangePicker, DateRangePickerActions, DateRangePickerActionsProps, DateRangePickerApply, DateRangePickerApplyProps, DateRangePickerCalendar, DateRangePickerCalendarProps, DateRangePickerContent, DateRangePickerContentProps, DateRangePickerDateFields, DateRangePickerDateFieldsProps, DateRangePickerPreset, DateRangePickerPresetOption, DateRangePickerPresetProps, DateRangePickerPresets, DateRangePickerPresetsProps, DateRangePickerProps, DateRangePickerReset, DateRangePickerResetProps, DateRangePickerTrigger, DateRangePickerTriggerProps, DateRangePickerValue, DateRangePickerValueProps, Dialog, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogOverlay, DialogOverlayProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps, DonutChart, DonutChartProps, Drawer, DrawerBody, DrawerBodyProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerOverlay, DrawerOverlayProps, DrawerPortal, DrawerPortalProps, DrawerProps, DrawerTitle, DrawerTitleProps, DrawerTrigger, DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps, Dropzone, DropzoneArea, DropzoneAreaProps, DropzoneDescription, DropzoneDescriptionProps, DropzoneFileList, DropzoneFileListItem, DropzoneFileListItemProps, DropzoneFileListProps, DropzoneFileMessage, DropzoneFileMessageProps, DropzoneFileStatus, DropzoneMessage, DropzoneMessageProps, DropzoneProps, DropzoneRemoveFile, DropzoneRemoveFileProps, DropzoneRetryFile, DropzoneRetryFileProps, DropzoneTrigger, DropzoneTriggerProps, DropzoneUploadResult, DropzoneValidation, Empty, EmptyContent, EmptyContentProps, EmptyDescription, EmptyDescriptionProps, EmptyHeader, EmptyHeaderProps, EmptyMedia, EmptyMediaProps, EmptyProps, EmptyTitle, EmptyTitleProps, ErrorCode, Field, FieldContent, FieldContentProps, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorProps, FieldGroup, FieldGroupProps, FieldLabel, FieldLabelProps, FieldLegend, FieldLegendProps, FieldProps, FieldSeparator, FieldSeparatorProps, FieldSet, FieldSetProps, FieldTitle, FieldTitleProps, type FileError, FileStatus, Flex, FlexProps, Grid, GridItem, GridItemProps, GridProps, Group, GroupProps, Heading, HeadingProps, HiddenFrom, HiddenFromProps, HoverCard, HoverCardContent, HoverCardContentProps, HoverCardProps, HoverCardTrigger, HoverCardTriggerProps, InfiniteProgress, InfiniteProgressProps, Input, InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupButton, InputGroupButtonProps, InputGroupInput, InputGroupInputProps, InputGroupProps, InputGroupText, InputGroupTextProps, InputGroupTextarea, InputGroupTextareaProps, InputOTP, InputOTPGroup, InputOTPGroupProps, InputOTPProps, InputOTPSeparator, InputOTPSeparatorProps, InputOTPSlot, InputOTPSlotProps, InputProps, Kbd, KbdGroup, KbdGroupProps, KbdProps, Label, LabelProps, List, ListIcon, ListIconProps, ListItem, ListItemProps, ListProps, MaskInput, MaskInputProps, type MaskOptions, ModeToggle, ModeToggleProps, type ModifiedData, type Modify, NativeSelect, NativeSelectOptGroup, NativeSelectOptGroupProps, NativeSelectOption, NativeSelectOptionProps, NativeSelectProps, NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIndicator, NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport, NavigationMenuViewportProps, Pagination, PaginationContent, PaginationContentProps, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationProps, PieChart, PieChartBase, PieChartBaseProps, PieChartDatum, PieChartProps, Popover, PopoverAnchor, PopoverAnchorProps, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps, Progress, ProgressProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps, type Replacement, ResizableHandle, ResizableHandleProps, ResizablePanel, ResizablePanelGroup, ResizablePanelGroupProps, ResizablePanelProps, ResponsiveValueMap, type RowData, ScrollArea, ScrollAreaProps, ScrollBar, ScrollBarProps, Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupProps, SelectItem, SelectItemProps, SelectLabel, SelectLabelProps, SelectProps, SelectScrollDownButton, SelectScrollDownButtonProps, SelectScrollUpButton, SelectScrollUpButtonProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, Separator, SeparatorProps, Sidebar, SidebarContent, SidebarContentProps, SidebarFooter, SidebarFooterProps, SidebarGroup, SidebarGroupAction, SidebarGroupActionProps, SidebarGroupContent, SidebarGroupContentProps, SidebarGroupLabel, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeader, SidebarHeaderProps, SidebarInput, SidebarInputProps, SidebarInset, SidebarInsetProps, SidebarMenu, SidebarMenuAction, SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuBadgeProps, SidebarMenuButton, SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeleton, SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubButtonProps, SidebarMenuSubItem, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailProps, SidebarSeparator, SidebarSeparatorProps, SidebarTrigger, SidebarTriggerProps, SimpleGrid, SimpleGridProps, Skeleton, SkeletonProps, Slider, SliderProps, Spinner, SpinnerProps, Stack, StackProps, Switch, SwitchProps, Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, type TanStackTable, Text, TextProps, Textarea, TextareaProps, Theme, ThemeProvider, ThemeProviderProps, ThemeProviderState, Timeline, TimelineConnector, TimelineConnectorColor, TimelineConnectorProps, TimelineContent, TimelineContentProps, TimelineDescription, TimelineDescriptionProps, TimelineEmpty, TimelineEmptyProps, TimelineHeader, TimelineHeaderProps, TimelineIcon, TimelineIconColor, TimelineIconProps, TimelineIconSize, TimelineItem, TimelineItemProps, TimelineProps, TimelineStatus, TimelineTime, TimelineTimeProps, TimelineTitle, TimelineTitleProps, Toaster, ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleProps, Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps, type Track, type TrackingData, UIColor, UnstyledButton, UnstyledButtonProps, UseDataTableOptions, UseDisclosureHandlers, UseDisclosureOptions, UseDisclosureReturnValue, UseDropzoneProps, UseDropzoneReturn, UseIdleOptions, UseIntervalOptions, UseIntervalReturnValue, UseLocalStorageOptions, UseMaskOptions, VisibleFrom, VisibleFromProps, anchorVariants, badgeColorVariants, badgeVariants, breakpointValues, buildPieConfig, buttonColorVariants, buttonGroupVariants, buttonVariants, centerVariants, cn, containerVariants, createDataTableSelectColumn, defaultDataTableLabels, flexVariants, groupVariants, headingVariants, listVariants, locale, navigationMenuTriggerStyle, randomId, selectionControlColorVariants, spinnerVariants, stackVariants, tableVariants, tabsListVariants, textVariants, timelineVariants, toast, toggleVariants, uiColors, useBreakpoint, useBreakpointValue, useCarousel, useComboboxAnchor, useDataTable, useDataTableContext, useDisclosure, useDocumentVisibility, useDropzone, useFieldControlId, useIdle, useInterval, useIsMobile, useLocalStorage, useMask, useSidebar, useTheme };
+export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, AccordionTriggerProps, Alert, AlertAction, AlertActionProps, AlertDescription, AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogMedia, AlertDialogMediaProps, AlertDialogOverlay, AlertDialogOverlayProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps, AlertProps, AlertTitle, AlertTitleProps, Anchor, AnchorProps, AreaChart, AreaChartCurveType, AreaChartGridAxis, AreaChartProps, AreaChartSeries, AreaChartType, Avatar, AvatarBadge, AvatarBadgeProps, AvatarFallback, AvatarFallbackProps, AvatarGroup, AvatarGroupCount, AvatarGroupCountProps, AvatarGroupProps, AvatarImage, AvatarImageProps, AvatarProps, Badge, BadgeColor, BadgeProps, BarChart, BarChartGridAxis, BarChartOrientation, BarChartProps, BarChartSeries, BarChartType, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbListProps, BreadcrumbPage, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparator, BreadcrumbSeparatorProps, Breakpoint, Button, ButtonColor, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupSeparatorProps, ButtonGroupText, ButtonGroupTextProps, ButtonProps, Calendar, CalendarDayButton, CalendarDayButtonProps, CalendarProps, Card, CardAction, CardActionProps, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps, Carousel, CarouselApi, CarouselContent, CarouselContentProps, CarouselIndicators, CarouselIndicatorsProps, CarouselItem, CarouselItemProps, CarouselNext, CarouselNextProps, CarouselPrevious, CarouselPreviousProps, CarouselProps, Center, CenterProps, ChartConfig, ChartContainer, ChartContainerProps, ChartLegend, ChartLegendContent, ChartLegendContentProps, ChartLegendProps, ChartStyle, ChartStyleProps, ChartTooltip, ChartTooltipContent, ChartTooltipContentProps, ChartTooltipProps, Checkbox, CheckboxProps, Code, CodeProps, Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerProps, type Column, type ColumnDef, Combobox, ComboboxChip, ComboboxChipProps, ComboboxChips, ComboboxChipsInput, ComboboxChipsInputProps, ComboboxChipsProps, ComboboxClear, ComboboxClearProps, ComboboxCollection, ComboboxCollectionProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxSeparator, ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps, Command, CommandDialog, CommandDialogProps, CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandProps, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps, Container, ContainerProps, DataTable, DataTableBody, DataTableBodyProps, DataTableColumnHeader, DataTableColumnHeaderProps, DataTableHeader, DataTableHeaderProps, DataTableLabels, DataTablePagination, DataTablePaginationProps, DataTableProps, DataTableRoot, DataTableRootProps, DataTableToolbar, DataTableToolbarProps, DataTableViewOptions, DataTableViewOptionsProps, type DateRange, DateRangePicker, DateRangePickerActions, DateRangePickerActionsProps, DateRangePickerApply, DateRangePickerApplyProps, DateRangePickerCalendar, DateRangePickerCalendarProps, DateRangePickerContent, DateRangePickerContentProps, DateRangePickerDateFields, DateRangePickerDateFieldsProps, DateRangePickerPreset, DateRangePickerPresetOption, DateRangePickerPresetProps, DateRangePickerPresets, DateRangePickerPresetsProps, DateRangePickerProps, DateRangePickerReset, DateRangePickerResetProps, DateRangePickerTrigger, DateRangePickerTriggerProps, DateRangePickerValue, DateRangePickerValueProps, Dialog, DialogBody, DialogBodyProps, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogOverlay, DialogOverlayProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps, DonutChart, DonutChartProps, Drawer, DrawerBody, DrawerBodyProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerOverlay, DrawerOverlayProps, DrawerPortal, DrawerPortalProps, DrawerProps, DrawerTitle, DrawerTitleProps, DrawerTrigger, DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps, Dropzone, DropzoneArea, DropzoneAreaProps, DropzoneDescription, DropzoneDescriptionProps, DropzoneFileList, DropzoneFileListItem, DropzoneFileListItemProps, DropzoneFileListProps, DropzoneFileMessage, DropzoneFileMessageProps, DropzoneFileStatus, DropzoneMessage, DropzoneMessageProps, DropzoneProps, DropzoneRemoveFile, DropzoneRemoveFileProps, DropzoneRetryFile, DropzoneRetryFileProps, DropzoneTrigger, DropzoneTriggerProps, DropzoneUploadResult, DropzoneValidation, Empty, EmptyContent, EmptyContentProps, EmptyDescription, EmptyDescriptionProps, EmptyHeader, EmptyHeaderProps, EmptyMedia, EmptyMediaProps, EmptyProps, EmptyTitle, EmptyTitleProps, ErrorCode, Field, FieldContent, FieldContentProps, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorProps, FieldGroup, FieldGroupProps, FieldLabel, FieldLabelProps, FieldLegend, FieldLegendProps, FieldProps, FieldSeparator, FieldSeparatorProps, FieldSet, FieldSetProps, FieldTitle, FieldTitleProps, type FileError, FileStatus, Flex, FlexProps, Grid, GridItem, GridItemProps, GridProps, Group, GroupProps, Heading, HeadingProps, HiddenFrom, HiddenFromProps, HoverCard, HoverCardContent, HoverCardContentProps, HoverCardProps, HoverCardTrigger, HoverCardTriggerProps, InfiniteProgress, InfiniteProgressProps, Input, InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupButton, InputGroupButtonProps, InputGroupInput, InputGroupInputProps, InputGroupProps, InputGroupText, InputGroupTextProps, InputGroupTextarea, InputGroupTextareaProps, InputOTP, InputOTPGroup, InputOTPGroupProps, InputOTPProps, InputOTPSeparator, InputOTPSeparatorProps, InputOTPSlot, InputOTPSlotProps, InputProps, Kbd, KbdGroup, KbdGroupProps, KbdProps, Label, LabelProps, List, ListIcon, ListIconProps, ListItem, ListItemProps, ListProps, MaskInput, MaskInputProps, type MaskOptions, ModeToggle, ModeToggleProps, type ModifiedData, type Modify, NativeSelect, NativeSelectOptGroup, NativeSelectOptGroupProps, NativeSelectOption, NativeSelectOptionProps, NativeSelectProps, NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIndicator, NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport, NavigationMenuViewportProps, Pagination, PaginationContent, PaginationContentProps, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationProps, PieChart, PieChartBase, PieChartBaseProps, PieChartDatum, PieChartProps, Popover, PopoverAnchor, PopoverAnchorProps, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps, Progress, ProgressProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps, type Replacement, ResizableHandle, ResizableHandleProps, ResizablePanel, ResizablePanelGroup, ResizablePanelGroupProps, ResizablePanelProps, ResponsiveValueMap, type RowData, ScrollArea, ScrollAreaProps, ScrollBar, ScrollBarProps, Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupProps, SelectItem, SelectItemProps, SelectLabel, SelectLabelProps, SelectProps, SelectScrollDownButton, SelectScrollDownButtonProps, SelectScrollUpButton, SelectScrollUpButtonProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, Separator, SeparatorProps, Sidebar, SidebarContent, SidebarContentProps, SidebarFooter, SidebarFooterProps, SidebarGroup, SidebarGroupAction, SidebarGroupActionProps, SidebarGroupContent, SidebarGroupContentProps, SidebarGroupLabel, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeader, SidebarHeaderProps, SidebarInput, SidebarInputProps, SidebarInset, SidebarInsetProps, SidebarMenu, SidebarMenuAction, SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuBadgeProps, SidebarMenuButton, SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeleton, SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubButtonProps, SidebarMenuSubItem, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailProps, SidebarSeparator, SidebarSeparatorProps, SidebarTrigger, SidebarTriggerProps, SimpleGrid, SimpleGridProps, Skeleton, SkeletonProps, Slider, SliderProps, Spinner, SpinnerProps, Stack, StackProps, Switch, SwitchProps, Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, type TanStackTable, Text, TextProps, Textarea, TextareaProps, Theme, ThemeProvider, ThemeProviderProps, ThemeProviderState, Timeline, TimelineConnector, TimelineConnectorColor, TimelineConnectorProps, TimelineContent, TimelineContentProps, TimelineDescription, TimelineDescriptionProps, TimelineEmpty, TimelineEmptyProps, TimelineHeader, TimelineHeaderProps, TimelineIcon, TimelineIconColor, TimelineIconProps, TimelineIconSize, TimelineItem, TimelineItemProps, TimelineProps, TimelineStatus, TimelineTime, TimelineTimeProps, TimelineTitle, TimelineTitleProps, Toaster, ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleProps, Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps, type Track, type TrackingData, UIColor, UnstyledButton, UnstyledButtonProps, UseDataTableOptions, UseDisclosureHandlers, UseDisclosureOptions, UseDisclosureReturnValue, UseDropzoneProps, UseDropzoneReturn, UseIdleOptions, UseIntervalOptions, UseIntervalReturnValue, UseLocalStorageOptions, UseMaskOptions, VisibleFrom, VisibleFromProps, anchorVariants, badgeColorVariants, badgeVariants, breakpointValues, buildPieConfig, buttonColorVariants, buttonGroupVariants, buttonVariants, centerVariants, cn, composeRefs, containerVariants, createDataTableSelectColumn, defaultDataTableLabels, flexVariants, groupVariants, headingVariants, listVariants, locale, navigationMenuTriggerStyle, randomId, selectionControlColorVariants, setRef, spinnerVariants, stackVariants, tableVariants, tabsListVariants, textVariants, timelineVariants, toast, toggleVariants, uiColors, useBreakpoint, useBreakpointValue, useCarousel, useComboboxAnchor, useDataTable, useDataTableContext, useDisclosure, useDocumentVisibility, useDropzone, useFieldControlId, useIdle, useInterval, useIsMobile, useLocalStorage, useMask, useSidebar, useTheme };