@edifice.io/react 2.0.0-develop-rc.3

package/dist/components/Dropdown/DropdownCheckboxItem.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import clsx from "clsx";
+import { useDropdownContext } from "./DropdownContext.js";
+import Checkbox from "../Checkbox/Checkbox.js";
+const DropdownCheckboxItem = ({
+  children,
+  value,
+  model,
+  onChange
+}) => {
+  const {
+    itemProps,
+    itemRefs,
+    isFocused
+  } = useDropdownContext(), {
+    onMenuItemKeyDown,
+    onMenuItemMouseEnter
+  } = itemProps, id = useId(), checked = model.includes(value), checkboxProps = {
+    value,
+    model,
+    checked,
+    readOnly: !0
+  }, dropdownCheckboxItem = clsx("dropdown-item c-pointer", {
+    focus: isFocused === id
+  });
+  return /* @__PURE__ */ jsx("div", { id, ref: (el) => itemRefs.current[id] = el, role: "menuitemcheckbox", "aria-checked": checked, onMouseUp: () => onChange(value), onKeyDown: (event) => onMenuItemKeyDown(event, () => onChange(value)), onMouseEnter: onMenuItemMouseEnter, tabIndex: checked ? 0 : -1, className: dropdownCheckboxItem, children: /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
+    children,
+    /* @__PURE__ */ jsx(Checkbox, { ...checkboxProps })
+  ] }) });
+};
+export {
+  DropdownCheckboxItem as default
+};

package/dist/components/Dropdown/DropdownContext.d.ts

@@ -0,0 +1,8 @@
+import { UseDropdownProps } from '../../hooks/useDropdown/useDropdown';
+type OmittedProps = Omit<UseDropdownProps, 'triggerRef' | 'menuRef'>;
+export interface DropdownContextProps extends OmittedProps {
+    block?: boolean;
+}
+export declare const DropdownContext: import('react').Context<DropdownContextProps | null>;
+export declare const useDropdownContext: () => DropdownContextProps;
+export {};

package/dist/components/Dropdown/DropdownContext.js

@@ -0,0 +1,11 @@
+import { createContext, useContext } from "react";
+const DropdownContext = /* @__PURE__ */ createContext(null), useDropdownContext = () => {
+  const context = useContext(DropdownContext);
+  if (!context)
+    throw new Error("Cannot be rendered outside the Dropdown Component");
+  return context;
+};
+export {
+  DropdownContext,
+  useDropdownContext
+};

package/dist/components/Dropdown/DropdownItem.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+export interface DropdownItemProps {
+    /**
+     * Object type
+     */
+    type?: 'action' | 'select';
+    /**
+     * Icon component
+     */
+    icon?: JSX.Element;
+    /**
+     * Content
+     */
+    children: ReactNode;
+    /**
+     *
+     * Action on click
+     */
+    onClick?: (event: React.MouseEvent) => void;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+declare const DropdownItem: {
+    ({ type, icon, onClick, children, className, ...restProps }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DropdownItem;

package/dist/components/Dropdown/DropdownItem.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import clsx from "clsx";
+import { useDropdownContext } from "./DropdownContext.js";
+const DropdownItem = ({
+  type = "action",
+  icon,
+  onClick,
+  children,
+  className,
+  ...restProps
+}) => {
+  const {
+    itemProps,
+    itemRefs,
+    isFocused
+  } = useDropdownContext(), {
+    onMenuItemKeyDown,
+    onMenuItemMouseEnter,
+    onMenuItemClick
+  } = itemProps, handleOnClick = (event) => {
+    onClick == null || onClick(event), type === "action" && (onMenuItemClick(), event.stopPropagation());
+  }, id = useId(), dropdownItem = clsx("dropdown-item", {
+    focus: isFocused === id
+  }, className);
+  return /* @__PURE__ */ jsx("div", { id, role: "menuitem", ref: (el) => itemRefs.current[id] = el, tabIndex: isFocused === id ? 0 : -1, className: dropdownItem, "aria-current": isFocused === id, onClick: handleOnClick, onMouseEnter: onMenuItemMouseEnter, onKeyDown: (event) => onMenuItemKeyDown(event, onClick), ...restProps, children: /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center", children: [
+    icon,
+    children
+  ] }) });
+};
+export {
+  DropdownItem as default
+};

package/dist/components/Dropdown/DropdownMenu.d.ts

@@ -0,0 +1,35 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+interface Item {
+    /**
+     * Object type
+     */
+    type?: undefined;
+    /**
+     * Icon component
+     */
+    icon: JSX.Element;
+    /**
+     * Label for a11y
+     */
+    label: string;
+    /**
+     * Action OnClick
+     */
+    action: (elem: any) => any;
+}
+interface Divider {
+    /**
+     * Object type
+     */
+    type: 'divider';
+}
+export type DropdownMenuOptions = Item | Divider;
+export interface DropdownMenuProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+    /** Use whole width ? */
+    block?: boolean;
+    /** Do not apply the default CSS classes in addition to those in the className prop ? */
+    unstyled?: boolean;
+}
+declare const DropdownMenu: import('react').ForwardRefExoticComponent<Omit<DropdownMenuProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default DropdownMenu;

package/dist/components/Dropdown/DropdownMenu.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { useDropdownContext } from "./DropdownContext.js";
+const DropdownMenu = /* @__PURE__ */ forwardRef(({
+  children,
+  block,
+  unstyled,
+  ...restProps
+}, forwardRef2) => {
+  const {
+    menuProps,
+    visible
+  } = useDropdownContext(), className = clsx({
+    "w-100": block,
+    "bg-white shadow rounded-4 p-8": !unstyled
+  }, menuProps.className, restProps.className), mergedProps = {
+    ...menuProps,
+    ...restProps,
+    className
+  };
+  return visible ? /* @__PURE__ */ jsx("div", { ref: forwardRef2, ...mergedProps, children }) : null;
+});
+export {
+  DropdownMenu as default
+};

package/dist/components/Dropdown/DropdownMenuGroup.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface DropdownMenuGroupProps {
+    /**
+     * Label
+     */
+    label: string;
+    /**
+     * Children Node
+     */
+    children: ReactNode;
+}
+declare const DropdownMenuGroup: import('react').ForwardRefExoticComponent<DropdownMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export default DropdownMenuGroup;

package/dist/components/Dropdown/DropdownMenuGroup.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const DropdownMenuGroup = /* @__PURE__ */ forwardRef(({
+  label,
+  children
+}, forwardRef2) => /* @__PURE__ */ jsxs("div", { ref: forwardRef2, role: "group", children: [
+  /* @__PURE__ */ jsx("span", { className: "small px-4", children: /* @__PURE__ */ jsx("strong", { children: label }) }),
+  children
+] }));
+export {
+  DropdownMenuGroup as default
+};

package/dist/components/Dropdown/DropdownRadioItem.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+export interface DropdownRadioItemProps {
+    /**
+     * Children Node
+     */
+    children: ReactNode;
+    /**
+     * Item Value
+     */
+    value: string;
+    /**
+     * Item model
+     */
+    model: string;
+    /**
+     * onKeyDown, onMouseUp handlers
+     */
+    onChange: (value: string) => void;
+}
+declare const DropdownRadioItem: {
+    ({ children, value, model, onChange, }: DropdownRadioItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DropdownRadioItem;

package/dist/components/Dropdown/DropdownRadioItem.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import clsx from "clsx";
+import { useDropdownContext } from "./DropdownContext.js";
+import Radio from "../Radio/Radio.js";
+const DropdownRadioItem = ({
+  children,
+  value,
+  model,
+  onChange
+}) => {
+  const {
+    itemProps,
+    itemRefs,
+    isFocused
+  } = useDropdownContext(), {
+    onMenuItemKeyDown,
+    onMenuItemMouseEnter
+  } = itemProps, id = useId(), radioProps = {
+    value,
+    model,
+    checked: value === model,
+    readOnly: !0
+  }, dropdownRadioItem = clsx("dropdown-item c-pointer", {
+    focus: isFocused === id
+  });
+  return /* @__PURE__ */ jsx("div", { id, ref: (el) => itemRefs.current[id] = el, role: "menuitemradio", "aria-checked": value === model, onMouseUp: () => onChange(value), onKeyDown: (event) => onMenuItemKeyDown(event, () => onChange(value)), onMouseEnter: onMenuItemMouseEnter, tabIndex: value === model ? 0 : -1, className: dropdownRadioItem, children: /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
+    children,
+    /* @__PURE__ */ jsx(Radio, { ...radioProps, className: "position-absolute start-0 end-0 top-0 bottom-0 opacity-0" })
+  ] }) });
+};
+export {
+  DropdownRadioItem as default
+};

package/dist/components/Dropdown/DropdownSeparator.d.ts

@@ -0,0 +1,5 @@
+declare const DropdownSeparator: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DropdownSeparator;

package/dist/components/Dropdown/DropdownSeparator.js

@@ -0,0 +1,5 @@
+import { jsx } from "react/jsx-runtime";
+const DropdownSeparator = () => /* @__PURE__ */ jsx("div", { role: "separator", className: "px-4", children: /* @__PURE__ */ jsx("hr", { className: "m-0" }) });
+export {
+  DropdownSeparator as default
+};

package/dist/components/Dropdown/DropdownTrigger.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+export interface DropdownTriggerProps extends React.ComponentPropsWithRef<'button'> {
+    /**
+     * Dropdown trigger title
+     */
+    label?: string;
+    /**
+     * Add an icon in dropdown trigger
+     */
+    icon?: React.ReactNode;
+    /**
+     * Add a badge
+     */
+    badgeContent?: string | number;
+    /**
+     * Set appearance
+     */
+    variant?: 'ghost';
+    /**
+     * Button size
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Disabled Trigger
+     * */
+    disabled?: boolean;
+    /**
+     * Stretch the dropdown trigger.
+     */
+    block?: boolean;
+    /**
+     * Hide the carret
+     */
+    hideCarret?: boolean;
+}
+export type DropdownTriggerType = React.ReactElement<DropdownTriggerProps>;
+declare const DropdownTrigger: import('react').ForwardRefExoticComponent<Omit<DropdownTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export default DropdownTrigger;

package/dist/components/Dropdown/DropdownTrigger.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { useDropdownContext } from "./DropdownContext.js";
+import { Icon } from "../Icon/Icon.js";
+const DropdownTrigger = /* @__PURE__ */ forwardRef(({
+  label,
+  icon,
+  variant,
+  disabled = !1,
+  size,
+  badgeContent,
+  hideCarret = !1,
+  ...restProps
+}, forwardRef2) => {
+  const {
+    triggerProps,
+    block
+  } = useDropdownContext(), className = clsx("dropdown-toggle ", size, variant, {
+    "w-100": block
+  }, triggerProps.className, restProps.className), mergedProps = {
+    ...triggerProps,
+    ...restProps,
+    className
+  };
+  return /* @__PURE__ */ jsxs("button", { ref: forwardRef2, disabled, ...mergedProps, children: [
+    icon,
+    label,
+    badgeContent ? /* @__PURE__ */ jsx("span", { className: "badge text-bg-secondary rounded-pill", children: badgeContent }) : !hideCarret && /* @__PURE__ */ jsx(Icon, { name: "rafter-up", size: "16", className: "dropdown-toggle-caret" })
+  ] });
+});
+export {
+  DropdownTrigger as default
+};

package/dist/components/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Dropdown } from './Dropdown';
+export * from './Dropdown';

package/dist/components/Dropzone/Dropzone.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+interface DropzoneProps {
+    className?: string;
+    /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers */
+    accept?: string[];
+    multiple?: boolean;
+    handle?: boolean;
+    children?: ReactNode;
+}
+declare const Dropzone: {
+    ({ className, accept, multiple, handle, children, }: DropzoneProps): import("react/jsx-runtime").JSX.Element;
+    File: {
+        ({ children }: {
+            children: ReactNode;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Import: {
+        (): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Drag: {
+        (): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
+};
+export default Dropzone;

package/dist/components/Dropzone/Dropzone.js

@@ -0,0 +1,56 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import clsx from "clsx";
+import { DropzoneContext } from "./DropzoneContext.js";
+import DropzoneDrag from "./DropzoneDrag.js";
+import DropzoneFile from "./DropzoneFile.js";
+import DropzoneImport from "./DropzoneImport.js";
+import useDropzone from "../../hooks/useDropzone/useDropzone.js";
+const Dropzone = ({
+  className,
+  accept,
+  multiple = !0,
+  handle = !1,
+  children
+}) => {
+  const {
+    inputRef,
+    dragging,
+    files,
+    addFile,
+    deleteFile,
+    replaceFileAt,
+    handleDragLeave,
+    handleDragging,
+    handleDrop,
+    handleOnChange
+  } = useDropzone(accept ? {
+    forceFilters: !0
+  } : void 0), classes = clsx("dropzone", {
+    "is-dragging": (multiple || files.length < 1) && dragging,
+    "is-drop-files": !(files.length !== 0 && !handle)
+  }, className), value = useMemo(() => ({
+    inputRef,
+    files,
+    addFile,
+    deleteFile,
+    replaceFileAt
+  }), [addFile, deleteFile, replaceFileAt, files, inputRef]);
+  return /* @__PURE__ */ jsx(DropzoneContext.Provider, { value, children: /* @__PURE__ */ jsxs("div", { className: classes, onDragEnter: handleDragging, onDragOver: handleDragging, onDragLeave: handleDragLeave, onDrop: files.length > 0 && !multiple ? void 0 : handleDrop, children: [
+    /* @__PURE__ */ jsxs("div", { className: "align-center", children: [
+      handle ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Dropzone.File, { children }),
+        /* @__PURE__ */ jsx(Dropzone.Import, {})
+      ] }),
+      /* @__PURE__ */ jsx(Dropzone.Drag, {})
+    ] }),
+    /* @__PURE__ */ jsx("input", { ref: inputRef, accept: accept == null ? void 0 : accept.join(","), multiple, type: "file", name: "attachment-input", id: "attachment-input", onChange: handleOnChange, hidden: !0 })
+  ] }) });
+};
+Dropzone.File = DropzoneFile;
+Dropzone.Import = DropzoneImport;
+Dropzone.Drag = DropzoneDrag;
+const Dropzone$1 = Dropzone;
+export {
+  Dropzone$1 as default
+};

package/dist/components/Dropzone/DropzoneContext.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface DropzoneContextType {
+    inputRef: React.MutableRefObject<HTMLInputElement | null>;
+    files: File[];
+    addFile: (file: File) => void;
+    deleteFile: (file: File) => void;
+    replaceFileAt: (index: number, file: File) => void;
+}
+export declare const DropzoneContext: import('react').Context<DropzoneContextType | null>;
+export declare function useDropzoneContext(): DropzoneContextType;

package/dist/components/Dropzone/DropzoneContext.js

@@ -0,0 +1,12 @@
+import { createContext, useContext } from "react";
+const DropzoneContext = /* @__PURE__ */ createContext(null);
+function useDropzoneContext() {
+  const context = useContext(DropzoneContext);
+  if (!context)
+    throw new Error("Cannot be rendered outside Dropzone Provider");
+  return context;
+}
+export {
+  DropzoneContext,
+  useDropzoneContext
+};

package/dist/components/Dropzone/DropzoneDrag.d.ts

@@ -0,0 +1,5 @@
+declare const DropzoneDrag: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DropzoneDrag;

package/dist/components/Dropzone/DropzoneDrag.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+const DropzoneDrag = () => {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "drop-wrapper", children: /* @__PURE__ */ jsx("div", { className: "drop-content", children: /* @__PURE__ */ jsx("p", { className: "drop-text", children: t("dropzone.drop") }) }) });
+};
+export {
+  DropzoneDrag as default
+};

package/dist/components/Dropzone/DropzoneFile.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+declare const DropzoneFile: {
+    ({ children }: {
+        children: ReactNode;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DropzoneFile;

package/dist/components/Dropzone/DropzoneFile.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { useMediaLibraryContext } from "../../modules/multimedia/MediaLibrary/MediaLibraryContext.js";
+import Button from "../Button/Button.js";
+import { useDropzoneContext } from "./DropzoneContext.js";
+import { Icon } from "../Icon/Icon.js";
+const DropzoneFile = ({
+  children
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    files,
+    inputRef
+  } = useDropzoneContext(), {
+    multiple
+  } = useMediaLibraryContext(), hasFiles = files && files.length > 0, classes = clsx("drop-file-wrapper", {
+    "d-block": hasFiles,
+    "d-none": !hasFiles
+  });
+  return /* @__PURE__ */ jsxs("div", { className: classes, children: [
+    /* @__PURE__ */ jsx("div", { className: "drop-file-content", children: /* @__PURE__ */ jsx("div", { className: "add-button p-4", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", leftIcon: /* @__PURE__ */ jsx(Icon, { name: "plus" }), disabled: !multiple, onClick: () => {
+      var _a;
+      return (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
+    }, children: t("dropzone.add.more") }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "p-8", children })
+  ] });
+};
+export {
+  DropzoneFile as default
+};

package/dist/components/Dropzone/DropzoneImport.d.ts

@@ -0,0 +1,5 @@
+declare const DropzoneImport: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DropzoneImport;

package/dist/components/Dropzone/DropzoneImport.js

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import Button from "../Button/Button.js";
+import { useDropzoneContext } from "./DropzoneContext.js";
+import { Icon } from "../Icon/Icon.js";
+const DropzoneImport = () => {
+  const {
+    t
+  } = useTranslation(), {
+    files,
+    inputRef
+  } = useDropzoneContext(), hasFiles = files && files.length > 0, classes = clsx("import-wrapper", {
+    "d-flex": !hasFiles,
+    "d-none": hasFiles
+  });
+  return /* @__PURE__ */ jsxs("div", { className: classes, children: [
+    /* @__PURE__ */ jsx(Icon, { name: "download", size: "48" }),
+    /* @__PURE__ */ jsx("p", { className: "my-16", children: t("dropzone.text") }),
+    /* @__PURE__ */ jsx(Button, { onClick: () => {
+      var _a;
+      return (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
+    }, children: t("dropzone.import") })
+  ] });
+};
+export {
+  DropzoneImport as default
+};

package/dist/components/Dropzone/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Dropzone } from './Dropzone';
+export * from './Dropzone';

package/dist/components/EmptyScreen/EmptyScreen.d.ts

@@ -0,0 +1,27 @@
+export interface EmptyScreenProps {
+    /**
+     * Image source
+     */
+    imageSrc: string;
+    /**
+     * Image alt
+     */
+    imageAlt?: string;
+    /**
+     * Title
+     */
+    title?: string;
+    /**
+     * Text to display
+     */
+    text?: string;
+    /**
+     * Optional class for styling purpose
+     */
+    className?: string;
+}
+declare const EmptyScreen: {
+    ({ imageSrc, imageAlt, title, text, className, }: EmptyScreenProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default EmptyScreen;

package/dist/components/EmptyScreen/EmptyScreen.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import Heading from "../Heading/Heading.js";
+const EmptyScreen = ({
+  imageSrc,
+  imageAlt = "",
+  title,
+  text,
+  className
+}) => {
+  const textClass = clsx("text", className);
+  return /* @__PURE__ */ jsxs("div", { className: "emptyscreen", children: [
+    imageSrc && /* @__PURE__ */ jsx("div", { className: "emptyscreen-image mb-12", children: /* @__PURE__ */ jsx("img", { className: "mx-auto", src: imageSrc, alt: imageAlt, width: "250", height: "250" }) }),
+    title && /* @__PURE__ */ jsx(Heading, { level: "h2", headingStyle: "h2", className: "text-secondary mb-8", children: title }),
+    text && /* @__PURE__ */ jsx("div", { className: textClass, children: text })
+  ] });
+}, EmptyScreen$1 = EmptyScreen;
+export {
+  EmptyScreen$1 as default
+};

package/dist/components/EmptyScreen/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EmptyScreen } from './EmptyScreen';
+export * from './EmptyScreen';

package/dist/components/FileCard/FileCard.d.ts

@@ -0,0 +1,13 @@
+import { WorkspaceElement } from 'edifice-ts-client';
+import { CardProps } from '../Card/Card';
+export interface FileCardProps extends CardProps {
+    /**
+     * WorkspaceElement
+     * */
+    doc: WorkspaceElement;
+}
+declare const FileCard: {
+    ({ doc, isClickable, isSelectable, isSelected, onClick, className, }: FileCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default FileCard;