@edifice.io/react 2.0.0-develop-rc.8 → 2.0.0-develop-rc.13

package/dist/components/Dropdown/DropdownItem.js

@@ -1,34 +1,33 @@
-import { jsx as I, jsxs as w } from "react/jsx-runtime";
-import { useId as M } from "react";
-import D from "clsx";
-import { useDropdownContext as g } from "./DropdownContext.js";
-const K = ({
-  type: r = "action",
-  icon: s,
-  onClick: t,
-  children: m,
-  className: i,
-  ...d
+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: a,
-    itemRefs: c,
-    isFocused: n
-  } = g(), {
-    onMenuItemKeyDown: u,
-    onMenuItemMouseEnter: p,
-    onMenuItemClick: f
-  } = a, l = (e) => {
-    t == null || t(e), r === "action" && (f(), e.stopPropagation());
-  }, o = M(), x = D("dropdown-item", {
-    focus: n === o
-  }, i);
-  return /* @__PURE__ */ I("div", { id: o, role: "menuitem", ref: (e) => c.current[o] = e, tabIndex: n === o ? 0 : -1, className: x, "aria-current": n === o, onClick: l, onMouseEnter: p, onKeyDown: (e) => u(e, t), ...d, children: /* @__PURE__ */ w("div", { className: "d-flex gap-8 align-items-center", children: [
-    s,
-    m
+    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 {
-  K as default
+  DropdownItem as default
 };
-//# sourceMappingURL=DropdownItem.js.map

package/dist/components/Dropdown/DropdownMenu.js

@@ -1,27 +1,26 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import f from "clsx";
-import { useDropdownContext as i } from "./DropdownContext.js";
-const N = /* @__PURE__ */ c(({
-  children: e,
-  block: s,
-  unstyled: m,
-  ...o
-}, t) => {
+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: r,
-    visible: n
-  } = i(), a = f({
-    "w-100": s,
-    "bg-white shadow rounded-4 p-8": !m
-  }, r.className, o.className), d = {
-    ...r,
-    ...o,
-    className: a
+    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 n ? /* @__PURE__ */ p("div", { ref: t, ...d, children: e }) : null;
+  return visible ? /* @__PURE__ */ jsx("div", { ref: forwardRef2, ...mergedProps, children }) : null;
 });
 export {
-  N as default
+  DropdownMenu as default
 };
-//# sourceMappingURL=DropdownMenu.js.map

package/dist/components/Dropdown/DropdownMenuGroup.js

@@ -1,13 +1,12 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-const d = /* @__PURE__ */ l(({
-  label: o,
-  children: e
-}, s) => /* @__PURE__ */ n("div", { ref: s, role: "group", children: [
-  /* @__PURE__ */ r("span", { className: "small px-4", children: /* @__PURE__ */ r("strong", { children: o }) }),
-  e
+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 {
-  d as default
+  DropdownMenuGroup as default
 };
-//# sourceMappingURL=DropdownMenuGroup.js.map

package/dist/components/Dropdown/DropdownRadioItem.js

@@ -1,35 +1,34 @@
-import { jsx as s, jsxs as w } from "react/jsx-runtime";
-import { useId as x } from "react";
-import I from "clsx";
-import { useDropdownContext as l } from "./DropdownContext.js";
-import { Radio as y } from "../Radio/Radio.js";
-const k = ({
-  children: i,
-  value: o,
-  model: e,
-  onChange: r
+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: c,
-    itemRefs: d,
-    isFocused: m
-  } = l(), {
-    onMenuItemKeyDown: p,
-    onMenuItemMouseEnter: a
-  } = c, t = x(), f = {
-    value: o,
-    model: e,
-    checked: o === e,
+    itemProps,
+    itemRefs,
+    isFocused
+  } = useDropdownContext(), {
+    onMenuItemKeyDown,
+    onMenuItemMouseEnter
+  } = itemProps, id = useId(), radioProps = {
+    value,
+    model,
+    checked: value === model,
     readOnly: !0
-  }, u = I("dropdown-item c-pointer", {
-    focus: m === t
+  }, dropdownRadioItem = clsx("dropdown-item c-pointer", {
+    focus: isFocused === id
   });
-  return /* @__PURE__ */ s("div", { id: t, ref: (n) => d.current[t] = n, role: "menuitemradio", "aria-checked": o === e, onMouseUp: () => r(o), onKeyDown: (n) => p(n, () => r(o)), onMouseEnter: a, tabIndex: o === e ? 0 : -1, className: u, children: /* @__PURE__ */ w("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
-    i,
-    /* @__PURE__ */ s(y, { ...f, className: "position-absolute start-0 end-0 top-0 bottom-0 opacity-0" })
+  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 {
-  k as default
+  DropdownRadioItem as default
 };
-//# sourceMappingURL=DropdownRadioItem.js.map

package/dist/components/Dropdown/DropdownSeparator.js

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

package/dist/components/Dropdown/DropdownTrigger.js

@@ -1,35 +1,34 @@
-import { jsxs as g, jsx as s } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import w from "clsx";
-import { useDropdownContext as x } from "./DropdownContext.js";
-import { Icon as N } from "../Icon/Icon.js";
-const y = /* @__PURE__ */ u(({
-  label: a,
-  icon: t,
-  variant: m,
-  disabled: c = !1,
-  size: l,
-  badgeContent: o,
-  hideCarret: n = !1,
-  ...r
-}, d) => {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { RafterUp } from "@edifice.io/icons";
+import clsx from "clsx";
+import { useDropdownContext } from "./DropdownContext.js";
+const DropdownTrigger = /* @__PURE__ */ forwardRef(({
+  label,
+  icon,
+  variant,
+  disabled = !1,
+  size,
+  badgeContent,
+  hideCarret = !1,
+  ...restProps
+}, forwardRef2) => {
   const {
-    triggerProps: e,
-    block: p
-  } = x(), f = w("dropdown-toggle ", l, m, {
-    "w-100": p
-  }, e.className, r.className), i = {
-    ...e,
-    ...r,
-    className: f
+    triggerProps,
+    block
+  } = useDropdownContext(), className = clsx("dropdown-toggle ", size, variant, {
+    "w-100": block
+  }, triggerProps.className, restProps.className), mergedProps = {
+    ...triggerProps,
+    ...restProps,
+    className
   };
-  return /* @__PURE__ */ g("button", { ref: d, disabled: c, ...i, children: [
-    t,
-    a,
-    o ? /* @__PURE__ */ s("span", { className: "badge text-bg-secondary rounded-pill", children: o }) : !n && /* @__PURE__ */ s(N, { name: "rafter-up", size: "16", className: "dropdown-toggle-caret" })
+  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(RafterUp, { width: 16, height: 16, className: "dropdown-toggle-caret" })
   ] });
 });
 export {
-  y as default
+  DropdownTrigger as default
 };
-//# sourceMappingURL=DropdownTrigger.js.map

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

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

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

@@ -7,7 +7,7 @@ interface DropzoneProps {
     handle?: boolean;
     children?: ReactNode;
 }
-export declare const Dropzone: {
+declare const Dropzone: {
     ({ className, accept, multiple, handle, children, }: DropzoneProps): import("react/jsx-runtime").JSX.Element;
     File: {
         ({ children }: {

package/dist/components/Dropzone/Dropzone.js

@@ -1,57 +1,56 @@
-import { jsx as o, jsxs as a, Fragment as z } from "react/jsx-runtime";
-import { useMemo as x } from "react";
-import j from "clsx";
-import { DropzoneContext as C } from "./DropzoneContext.js";
-import I from "./DropzoneDrag.js";
-import L from "./DropzoneFile.js";
-import N from "./DropzoneImport.js";
-import O from "../../hooks/useDropzone/useDropzone.js";
-const e = ({
-  className: f,
-  accept: n,
-  multiple: i = !0,
-  handle: l = !1,
-  children: D
+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: t,
-    dragging: s,
-    files: r,
-    addFile: m,
-    deleteFile: d,
-    replaceFileAt: g,
-    handleDragLeave: h,
-    handleDragging: p,
-    handleDrop: u,
-    handleOnChange: c
-  } = O(n ? {
+    inputRef,
+    dragging,
+    files,
+    addFile,
+    deleteFile,
+    replaceFileAt,
+    handleDragLeave,
+    handleDragging,
+    handleDrop,
+    handleOnChange
+  } = useDropzone(accept ? {
     forceFilters: !0
-  } : void 0), v = j("dropzone", {
-    "is-dragging": (i || r.length < 1) && s,
-    "is-drop-files": !(r.length !== 0 && !l)
-  }, f), F = x(() => ({
-    inputRef: t,
-    files: r,
-    addFile: m,
-    deleteFile: d,
-    replaceFileAt: g
-  }), [m, d, g, r, t]);
-  return /* @__PURE__ */ o(C.Provider, { value: F, children: /* @__PURE__ */ a("div", { className: v, onDragEnter: p, onDragOver: p, onDragLeave: h, onDrop: r.length > 0 && !i ? void 0 : u, children: [
-    /* @__PURE__ */ a("div", { className: "align-center", children: [
-      l ? null : /* @__PURE__ */ a(z, { children: [
-        /* @__PURE__ */ o(e.File, { children: D }),
-        /* @__PURE__ */ o(e.Import, {})
+  } : 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__ */ o(e.Drag, {})
+      /* @__PURE__ */ jsx(Dropzone.Drag, {})
     ] }),
-    /* @__PURE__ */ o("input", { ref: t, accept: n == null ? void 0 : n.join(","), multiple: i, type: "file", name: "attachment-input", id: "attachment-input", onChange: c, hidden: !0 })
+    /* @__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 })
   ] }) });
 };
-e.File = L;
-e.Import = N;
-e.Drag = I;
+Dropzone.File = DropzoneFile;
+Dropzone.Import = DropzoneImport;
+Dropzone.Drag = DropzoneDrag;
+const Dropzone$1 = Dropzone;
 export {
-  e as Dropzone,
-  e as default
+  Dropzone$1 as default
 };
-//# sourceMappingURL=Dropzone.js.map

package/dist/components/Dropzone/DropzoneContext.js

@@ -1,13 +1,12 @@
-import { createContext as e, useContext as t } from "react";
-const n = /* @__PURE__ */ e(null);
-function u() {
-  const o = t(n);
-  if (!o)
+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 o;
+  return context;
 }
 export {
-  n as DropzoneContext,
-  u as useDropzoneContext
+  DropzoneContext,
+  useDropzoneContext
 };
-//# sourceMappingURL=DropzoneContext.js.map

package/dist/components/Dropzone/DropzoneDrag.js

@@ -1,12 +1,11 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useTranslation as e } from "react-i18next";
-const n = () => {
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+const DropzoneDrag = () => {
   const {
-    t: o
-  } = e();
-  return /* @__PURE__ */ r("div", { className: "drop-wrapper", children: /* @__PURE__ */ r("div", { className: "drop-content", children: /* @__PURE__ */ r("p", { className: "drop-text", children: o("dropzone.drop") }) }) });
+    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 {
-  n as default
+  DropzoneDrag as default
 };
-//# sourceMappingURL=DropzoneDrag.js.map

package/dist/components/Dropzone/DropzoneFile.js

@@ -1,33 +1,32 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import d from "clsx";
-import { useTranslation as m } from "react-i18next";
-import { useMediaLibraryContext as p } from "../../modules/multimedia/MediaLibrary/MediaLibraryContext.js";
-import { Button as f } from "../Button/Button.js";
-import { useDropzoneContext as u } from "./DropzoneContext.js";
-import { Icon as h } from "../Icon/Icon.js";
-const g = ({
-  children: n
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Plus } from "@edifice.io/icons";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { useMediaLibraryContext } from "../../multimedia/MediaLibrary/MediaLibraryContext.js";
+import Button from "../Button/Button.js";
+import { useDropzoneContext } from "./DropzoneContext.js";
+const DropzoneFile = ({
+  children
 }) => {
   const {
-    t: i
-  } = m(), {
-    files: r,
-    inputRef: e
-  } = u(), {
-    multiple: l
-  } = p(), t = r && r.length > 0, c = d("drop-file-wrapper", {
-    "d-block": t,
-    "d-none": !t
+    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__ */ a("div", { className: c, children: [
-    /* @__PURE__ */ o("div", { className: "drop-file-content", children: /* @__PURE__ */ o("div", { className: "add-button p-4", children: /* @__PURE__ */ o(f, { variant: "ghost", leftIcon: /* @__PURE__ */ o(h, { name: "plus" }), disabled: !l, onClick: () => {
-      var s;
-      return (s = e == null ? void 0 : e.current) == null ? void 0 : s.click();
-    }, children: i("dropzone.add.more") }) }) }),
-    /* @__PURE__ */ o("div", { className: "p-8", children: n })
+  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(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 {
-  g as default
+  DropzoneFile as default
 };
-//# sourceMappingURL=DropzoneFile.js.map

package/dist/components/Dropzone/DropzoneImport.js

@@ -1,29 +1,28 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import i from "clsx";
-import { useTranslation as l } from "react-i18next";
-import { Button as p } from "../Button/Button.js";
-import { useDropzoneContext as a } from "./DropzoneContext.js";
-import { Icon as d } from "../Icon/Icon.js";
-const k = () => {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Download } from "@edifice.io/icons";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import Button from "../Button/Button.js";
+import { useDropzoneContext } from "./DropzoneContext.js";
+const DropzoneImport = () => {
   const {
     t
-  } = l(), {
-    files: e,
-    inputRef: o
-  } = a(), n = e && e.length > 0, m = i("import-wrapper", {
-    "d-flex": !n,
-    "d-none": n
+  } = useTranslation(), {
+    files,
+    inputRef
+  } = useDropzoneContext(), hasFiles = files && files.length > 0, classes = clsx("import-wrapper", {
+    "d-flex": !hasFiles,
+    "d-none": hasFiles
   });
-  return /* @__PURE__ */ c("div", { className: m, children: [
-    /* @__PURE__ */ r(d, { name: "download", size: "48" }),
-    /* @__PURE__ */ r("p", { className: "my-16", children: t("dropzone.text") }),
-    /* @__PURE__ */ r(p, { onClick: () => {
-      var s;
-      return (s = o == null ? void 0 : o.current) == null ? void 0 : s.click();
+  return /* @__PURE__ */ jsxs("div", { className: classes, children: [
+    /* @__PURE__ */ jsx(Download, { height: 48, width: 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 {
-  k as default
+  DropzoneImport as default
 };
-//# sourceMappingURL=DropzoneImport.js.map

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

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

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

@@ -20,7 +20,7 @@ export interface EmptyScreenProps {
      */
     className?: string;
 }
-export declare const EmptyScreen: {
+declare const EmptyScreen: {
     ({ imageSrc, imageAlt, title, text, className, }: EmptyScreenProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/EmptyScreen/EmptyScreen.js

@@ -1,22 +1,20 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import i from "clsx";
-import { Heading as n } from "../Heading/Heading.js";
-const p = ({
-  imageSrc: s,
-  imageAlt: t = "",
-  title: a,
-  text: m,
-  className: r
+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 c = i("text", r);
-  return /* @__PURE__ */ l("div", { className: "emptyscreen", children: [
-    s && /* @__PURE__ */ e("div", { className: "emptyscreen-image mb-12", children: /* @__PURE__ */ e("img", { className: "mx-auto", src: s, alt: t, width: "250", height: "250" }) }),
-    a && /* @__PURE__ */ e(n, { level: "h2", headingStyle: "h2", className: "text-secondary mb-8", children: a }),
-    m && /* @__PURE__ */ e("div", { className: c, children: m })
+  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 {
-  p as EmptyScreen,
-  p as default
+  EmptyScreen$1 as default
 };
-//# sourceMappingURL=EmptyScreen.js.map

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

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

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

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