@dxos/plugin-preview 0.8.4-main.f9ba587 → 0.8.4-main.fcc0d83b33

package/dist/lib/node-esm/react-surface-KBHIRVNI.mjs

@@ -1,273 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  PREVIEW_PLUGIN
-} from "./chunk-2ORSL4GJ.mjs";
-
-// src/capabilities/react-surface.tsx
-import React4, { useCallback } from "react";
-import { Capabilities, LayoutAction, Surface, contributes, createIntent, createSurface, useIntentDispatcher } from "@dxos/app-framework";
-import { fullyQualifiedId, getSchema, getSpace } from "@dxos/client/echo";
-import { Obj, Filter } from "@dxos/echo";
-import { setValue } from "@dxos/echo-schema";
-import { useTranslation } from "@dxos/react-ui";
-import { Form } from "@dxos/react-ui-form";
-import { Card as Card4 } from "@dxos/react-ui-stack";
-import { TableType } from "@dxos/react-ui-table";
-import { descriptionMessage, mx as mx2 } from "@dxos/react-ui-theme";
-import { DataType } from "@dxos/schema";
-
-// src/components/ContactCard.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { Fragment } from "react";
-import { Icon, Avatar, Button } from "@dxos/react-ui";
-import { Card, cardHeading, cardText } from "@dxos/react-ui-stack";
-import { mx } from "@dxos/react-ui-theme";
-var ContactCard = ({ children, subject: { fullName, image, organization, emails }, onOrgClick, role }) => {
-  var _effect = _useSignals();
-  try {
-    const organizationName = organization && typeof organization === "object" ? organization.target?.name : organization;
-    return /* @__PURE__ */ React.createElement(Card.SurfaceRoot, {
-      role
-    }, /* @__PURE__ */ React.createElement(Avatar.Root, null, /* @__PURE__ */ React.createElement(Card.Text, {
-      role: "group",
-      classNames: "grid gap-3 grid-cols-[min-content_1fr]"
-    }, /* @__PURE__ */ React.createElement(Avatar.Content, {
-      imgSrc: image,
-      icon: "ph--user--regular",
-      size: 16,
-      hue: "neutral"
-    }), /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "bs-min self-center"
-    }, /* @__PURE__ */ React.createElement(Avatar.Label, {
-      asChild: true
-    }, /* @__PURE__ */ React.createElement("h2", {
-      className: cardHeading
-    }, fullName))))), organizationName && /* @__PURE__ */ React.createElement(Card.Chrome, null, typeof organization === "object" && onOrgClick ? /* @__PURE__ */ React.createElement(Button, {
-      variant: "ghost",
-      classNames: "gap-2 text-start",
-      onClick: () => onOrgClick(organization.target)
-    }, /* @__PURE__ */ React.createElement(Icon, {
-      icon: "ph--buildings--regular",
-      size: 5,
-      classNames: "text-subdued"
-    }), /* @__PURE__ */ React.createElement("span", {
-      className: "min-is-0 flex-1 truncate"
-    }, organizationName), /* @__PURE__ */ React.createElement(Icon, {
-      icon: "ph--arrow-right--regular"
-    })) : /* @__PURE__ */ React.createElement("p", {
-      className: "dx-button gap-2",
-      "data-variant": "ghost"
-    }, /* @__PURE__ */ React.createElement(Icon, {
-      icon: "ph--buildings--regular",
-      size: 5,
-      classNames: "text-subdued"
-    }), /* @__PURE__ */ React.createElement("span", {
-      className: "min-is-0 flex-1 truncate"
-    }, organizationName))), /* @__PURE__ */ React.createElement("dl", {
-      className: mx(cardText, "grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0")
-    }, emails?.length && emails.map(({ label, value }) => /* @__PURE__ */ React.createElement(Fragment, {
-      key: value
-    }, /* @__PURE__ */ React.createElement("dt", null, /* @__PURE__ */ React.createElement(Icon, {
-      icon: "ph--at--regular",
-      size: 5
-    })), /* @__PURE__ */ React.createElement("dd", {
-      key: value,
-      className: "break-words"
-    }, value)))), children);
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/OrganizationCard.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import React2 from "react";
-import { Icon as Icon2 } from "@dxos/react-ui";
-import { Card as Card2 } from "@dxos/react-ui-stack";
-var OrganizationCard = ({ children, subject: { name, image, description, website }, role }) => {
-  var _effect = _useSignals2();
-  try {
-    return /* @__PURE__ */ React2.createElement(Card2.SurfaceRoot, {
-      role
-    }, /* @__PURE__ */ React2.createElement(Card2.Poster, {
-      alt: name,
-      ...image ? {
-        image
-      } : {
-        icon: "ph--building-office--regular"
-      }
-    }), /* @__PURE__ */ React2.createElement(Card2.Heading, null, name), description && /* @__PURE__ */ React2.createElement(Card2.Text, {
-      classNames: "line-clamp-2"
-    }, description), website && /* @__PURE__ */ React2.createElement(Card2.Chrome, null, /* @__PURE__ */ React2.createElement("a", {
-      className: "dx-button dx-focus-ring gap-2",
-      "data-variant": "ghost",
-      href: website,
-      target: "_blank",
-      rel: "noreferrer"
-    }, /* @__PURE__ */ React2.createElement(Icon2, {
-      icon: "ph--link--regular",
-      size: 5,
-      classNames: "text-subdued"
-    }), /* @__PURE__ */ React2.createElement("span", {
-      className: "grow"
-    }, website), /* @__PURE__ */ React2.createElement(Icon2, {
-      icon: "ph--arrow-square-out--regular"
-    }))), children);
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/ProjectCard.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import React3 from "react";
-import { Card as Card3 } from "@dxos/react-ui-stack";
-var ProjectCard = ({ subject: { name, image, description }, role }) => {
-  var _effect = _useSignals3();
-  try {
-    return /* @__PURE__ */ React3.createElement(Card3.SurfaceRoot, {
-      role
-    }, image && /* @__PURE__ */ React3.createElement(Card3.Poster, {
-      image,
-      alt: name,
-      aspect: "auto"
-    }), /* @__PURE__ */ React3.createElement(Card3.Heading, null, name), description && /* @__PURE__ */ React3.createElement(Card3.Text, {
-      classNames: "line-clamp-2"
-    }, description));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/capabilities/react-surface.tsx
-var react_surface_default = () => contributes(Capabilities.ReactSurface, [
-  //
-  // Specific schema types.
-  //
-  createSurface({
-    id: `${PREVIEW_PLUGIN}/schema-popover--contact`,
-    role: [
-      "popover",
-      "card--kanban",
-      "card--document",
-      "card"
-    ],
-    filter: (data) => Obj.instanceOf(DataType.Person, data.subject),
-    component: ({ data, role }) => {
-      const { dispatchPromise: dispatch } = useIntentDispatcher();
-      const handleOrgClick = useCallback(async (org) => {
-        const space = getSpace(org);
-        const tablesQuery = await space?.db.query(Filter.type(TableType)).run();
-        const currentSpaceOrgTable = tablesQuery?.objects.find((table) => {
-          return table.view?.target?.query?.typename === DataType.Organization.typename;
-        });
-        await dispatch(createIntent(LayoutAction.UpdatePopover, {
-          part: "popover",
-          options: {
-            state: false,
-            anchorId: ""
-          }
-        }));
-        if (currentSpaceOrgTable) {
-          return dispatch(createIntent(LayoutAction.Open, {
-            part: "main",
-            subject: [
-              fullyQualifiedId(currentSpaceOrgTable)
-            ],
-            options: {
-              workspace: space?.id
-            }
-          }));
-        }
-      }, [
-        dispatch
-      ]);
-      return /* @__PURE__ */ React4.createElement(ContactCard, {
-        role,
-        subject: data.subject,
-        onOrgClick: handleOrgClick
-      }, role === "popover" && /* @__PURE__ */ React4.createElement(Surface, {
-        role: "related",
-        data
-      }));
-    }
-  }),
-  createSurface({
-    id: `${PREVIEW_PLUGIN}/schema-popover--organization`,
-    role: [
-      "popover",
-      "card--kanban",
-      "card--document",
-      "card"
-    ],
-    filter: (data) => Obj.instanceOf(DataType.Organization, data.subject),
-    component: ({ data, role }) => /* @__PURE__ */ React4.createElement(OrganizationCard, {
-      role,
-      subject: data.subject
-    }, role === "popover" && /* @__PURE__ */ React4.createElement(Surface, {
-      role: "related",
-      data
-    }))
-  }),
-  createSurface({
-    id: `${PREVIEW_PLUGIN}/schema-popover--project`,
-    role: [
-      "popover",
-      "card--kanban",
-      "card--document",
-      "card"
-    ],
-    filter: (data) => Obj.instanceOf(DataType.Project, data.subject),
-    component: ({ data, role }) => /* @__PURE__ */ React4.createElement(ProjectCard, {
-      subject: data.subject,
-      role
-    })
-  }),
-  //
-  // Fallback for any object.
-  //
-  createSurface({
-    id: `${PREVIEW_PLUGIN}/fallback-popover`,
-    role: [
-      "popover",
-      "card--kanban",
-      "card--document",
-      "card"
-    ],
-    position: "fallback",
-    filter: (data) => Obj.isObject(data.subject),
-    component: ({ data, role }) => {
-      const schema = getSchema(data.subject);
-      const { t } = useTranslation(PREVIEW_PLUGIN);
-      if (!schema) {
-        return /* @__PURE__ */ React4.createElement("p", {
-          className: mx2(descriptionMessage)
-        }, t("unable to create preview message"));
-      }
-      const handleSave = useCallback((values, { changed }) => {
-        const changedPaths = Object.keys(changed).filter((path) => changed[path]);
-        for (const path of changedPaths) {
-          const value = values[path];
-          setValue(data.subject, path, value);
-        }
-      }, []);
-      return /* @__PURE__ */ React4.createElement(Card4.SurfaceRoot, {
-        role
-      }, /* @__PURE__ */ React4.createElement(Form, {
-        schema,
-        values: data.subject,
-        readonly: role === "popover",
-        onSave: handleSave,
-        autoSave: true,
-        ...role === "card--kanban" && {
-          outerSpacing: "blockStart-0"
-        }
-      }));
-    }
-  })
-]);
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-KBHIRVNI.mjs.map

package/dist/lib/node-esm/react-surface-KBHIRVNI.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/ContactCard.tsx", "../../../src/components/OrganizationCard.tsx", "../../../src/components/ProjectCard.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport {\n  Capabilities,\n  LayoutAction,\n  Surface,\n  contributes,\n  createIntent,\n  createSurface,\n  useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { fullyQualifiedId, getSchema, getSpace } from '@dxos/client/echo';\nimport { Obj, Filter } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo-schema';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Card } from '@dxos/react-ui-stack';\nimport { TableType } from '@dxos/react-ui-table';\nimport { descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { DataType } from '@dxos/schema';\n\nimport { ContactCard, OrganizationCard, ProjectCard } from '../components';\nimport { PREVIEW_PLUGIN } from '../meta';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    //\n    // Specific schema types.\n    //\n    createSurface({\n      id: `${PREVIEW_PLUGIN}/schema-popover--contact`,\n      role: ['popover', 'card--kanban', 'card--document', 'card'],\n      filter: (data): data is { subject: DataType.Person } => Obj.instanceOf(DataType.Person, data.subject),\n      component: ({ data, role }) => {\n        const { dispatchPromise: dispatch } = useIntentDispatcher();\n        const handleOrgClick = useCallback(\n          async (org: DataType.Organization) => {\n            const space = getSpace(org);\n            const tablesQuery = await space?.db.query(Filter.type(TableType)).run();\n            const currentSpaceOrgTable = tablesQuery?.objects.find((table) => {\n              return table.view?.target?.query?.typename === DataType.Organization.typename;\n            });\n            await dispatch(\n              createIntent(LayoutAction.UpdatePopover, {\n                part: 'popover',\n                options: {\n                  state: false,\n                  anchorId: '',\n                },\n              }),\n            );\n            if (currentSpaceOrgTable) {\n              return dispatch(\n                createIntent(LayoutAction.Open, {\n                  part: 'main',\n                  subject: [fullyQualifiedId(currentSpaceOrgTable)],\n                  options: { workspace: space?.id },\n                }),\n              );\n            }\n          },\n          [dispatch],\n        );\n        return (\n          <ContactCard role={role} subject={data.subject} onOrgClick={handleOrgClick}>\n            {role === 'popover' && <Surface role='related' data={data} />}\n          </ContactCard>\n        );\n      },\n    }),\n    createSurface({\n      id: `${PREVIEW_PLUGIN}/schema-popover--organization`,\n      role: ['popover', 'card--kanban', 'card--document', 'card'],\n      filter: (data): data is { subject: DataType.Organization } => Obj.instanceOf(DataType.Organization, data.subject),\n      component: ({ data, role }) => (\n        <OrganizationCard role={role} subject={data.subject}>\n          {role === 'popover' && <Surface role='related' data={data} />}\n        </OrganizationCard>\n      ),\n    }),\n    createSurface({\n      id: `${PREVIEW_PLUGIN}/schema-popover--project`,\n      role: ['popover', 'card--kanban', 'card--document', 'card'],\n      filter: (data): data is { subject: DataType.Project } => Obj.instanceOf(DataType.Project, data.subject),\n      component: ({ data, role }) => <ProjectCard subject={data.subject} role={role} />,\n    }),\n\n    //\n    // Fallback for any object.\n    //\n    createSurface({\n      id: `${PREVIEW_PLUGIN}/fallback-popover`,\n      role: ['popover', 'card--kanban', 'card--document', 'card'],\n      position: 'fallback',\n      filter: (data): data is { subject: Obj.Any } => Obj.isObject(data.subject),\n      component: ({ data, role }) => {\n        const schema = getSchema(data.subject);\n        const { t } = useTranslation(PREVIEW_PLUGIN);\n        if (!schema) {\n          // TODO(burdon): Use Alert.\n          return <p className={mx(descriptionMessage)}>{t('unable to create preview message')}</p>;\n        }\n\n        const handleSave = useCallback((values: any, { changed }: { changed: Record<string, boolean> }) => {\n          const changedPaths = Object.keys(changed).filter((path) => changed[path]);\n          for (const path of changedPaths) {\n            const value = values[path];\n            setValue(data.subject, path as JsonPath, value);\n          }\n        }, []);\n\n        return (\n          <Card.SurfaceRoot role={role}>\n            <Form\n              schema={schema}\n              values={data.subject}\n              readonly={role === 'popover'}\n              onSave={handleSave}\n              autoSave\n              {...(role === 'card--kanban' && { outerSpacing: 'blockStart-0' })}\n            />\n          </Card.SurfaceRoot>\n        );\n      },\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { Fragment } from 'react';\n\nimport { Icon, Avatar, Button } from '@dxos/react-ui';\nimport { Card, cardHeading, cardText } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const ContactCard = ({\n  children,\n  subject: { fullName, image, organization, emails },\n  onOrgClick,\n  role,\n}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {\n  const organizationName = organization && typeof organization === 'object' ? organization.target?.name : organization;\n  return (\n    <Card.SurfaceRoot role={role}>\n      <Avatar.Root>\n        <Card.Text role='group' classNames='grid gap-3 grid-cols-[min-content_1fr]'>\n          <Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' />\n          <div role='none' className='bs-min self-center'>\n            <Avatar.Label asChild>\n              <h2 className={cardHeading}>{fullName}</h2>\n            </Avatar.Label>\n          </div>\n        </Card.Text>\n      </Avatar.Root>\n      {organizationName && (\n        <Card.Chrome>\n          {typeof organization === 'object' && onOrgClick ? (\n            <Button variant='ghost' classNames='gap-2 text-start' onClick={() => onOrgClick(organization.target!)}>\n              <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n              <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n              <Icon icon='ph--arrow-right--regular' />\n            </Button>\n          ) : (\n            <p className='dx-button gap-2' data-variant='ghost'>\n              <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n              <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n            </p>\n          )}\n        </Card.Chrome>\n      )}\n      <dl\n        className={mx(\n          cardText,\n          'grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0',\n        )}\n      >\n        {emails?.length &&\n          emails.map(({ label, value }) => (\n            <Fragment key={value}>\n              <dt>\n                <Icon icon='ph--at--regular' size={5} />\n              </dt>\n              <dd key={value} className='break-words'>\n                {value}\n              </dd>\n            </Fragment>\n          ))}\n      </dl>\n      {children}\n    </Card.SurfaceRoot>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const OrganizationCard = ({\n  children,\n  subject: { name, image, description, website },\n  role,\n}: PreviewProps<DataType.Organization>) => {\n  return (\n    <Card.SurfaceRoot role={role}>\n      <Card.Poster alt={name!} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />\n      <Card.Heading>{name}</Card.Heading>\n      {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n      {website && (\n        <Card.Chrome>\n          <a\n            className='dx-button dx-focus-ring gap-2'\n            data-variant='ghost'\n            href={website}\n            target='_blank'\n            rel='noreferrer'\n          >\n            <Icon icon='ph--link--regular' size={5} classNames='text-subdued' />\n            <span className='grow'>{website}</span>\n            <Icon icon='ph--arrow-square-out--regular' />\n          </a>\n        </Card.Chrome>\n      )}\n      {children}\n    </Card.SurfaceRoot>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const ProjectCard = ({ subject: { name, image, description }, role }: PreviewProps<DataType.Project>) => {\n  return (\n    <Card.SurfaceRoot role={role}>\n      {image && <Card.Poster image={image} alt={name} aspect='auto' />}\n      <Card.Heading>{name}</Card.Heading>\n      {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n    </Card.SurfaceRoot>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "useCallback", "Capabilities", "LayoutAction", "Surface", "contributes", "createIntent", "createSurface", "useIntentDispatcher", "fullyQualifiedId", "getSchema", "getSpace", "Obj", "Filter", "setValue", "useTranslation", "Form", "Card", "TableType", "descriptionMessage", "mx", "DataType", "React", "Fragment", "Icon", "Avatar", "Button", "Card", "cardHeading", "cardText", "mx", "ContactCard", "children", "subject", "fullName", "image", "organization", "emails", "onOrgClick", "role", "organizationName", "target", "name", "Card", "SurfaceRoot", "Avatar", "Root", "Text", "classNames", "Content", "imgSrc", "icon", "size", "hue", "div", "className", "Label", "asChild", "h2", "cardHeading", "Chrome", "Button", "variant", "onClick", "Icon", "span", "p", "data-variant", "dl", "mx", "cardText", "length", "map", "label", "value", "Fragment", "key", "dt", "dd", "React", "Icon", "Card", "OrganizationCard", "children", "subject", "name", "image", "description", "website", "role", "React", "Card", "SurfaceRoot", "Poster", "alt", "icon", "Heading", "Text", "classNames", "Chrome", "a", "className", "data-variant", "href", "target", "rel", "Icon", "size", "span", "React", "Card", "ProjectCard", "subject", "name", "image", "description", "role", "React", "Card", "SurfaceRoot", "Poster", "alt", "aspect", "Heading", "Text", "classNames", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "PREVIEW_PLUGIN", "role", "filter", "data", "Obj", "instanceOf", "DataType", "Person", "subject", "component", "dispatchPromise", "dispatch", "useIntentDispatcher", "handleOrgClick", "useCallback", "org", "space", "getSpace", "tablesQuery", "db", "query", "Filter", "type", "TableType", "run", "currentSpaceOrgTable", "objects", "find", "table", "view", "target", "typename", "Organization", "createIntent", "LayoutAction", "UpdatePopover", "part", "options", "state", "anchorId", "Open", "fullyQualifiedId", "workspace", "React", "ContactCard", "onOrgClick", "Surface", "OrganizationCard", "Project", "ProjectCard", "position", "isObject", "schema", "getSchema", "t", "useTranslation", "p", "className", "mx", "descriptionMessage", "handleSave", "values", "changed", "changedPaths", "Object", "keys", "path", "value", "setValue", "Card", "SurfaceRoot", "Form", "readonly", "onSave", "autoSave", "outerSpacing"]
-}

package/dist/types/src/Preview.stories.d.ts

@@ -1,127 +0,0 @@
-import '@dxos-theme';
-import { type Meta } from '@storybook/react-vite';
-import React, { type FC } from 'react';
-import { DataType } from '@dxos/schema';
-import { type PreviewProps } from './types';
-type StoryProps = {
-    Component: FC<PreviewProps<any>>;
-    icon: string;
-    subject: any;
-};
-declare const meta: Meta<StoryProps>;
-export default meta;
-export declare const ContactWithImage: {
-    args: {
-        Component: ({ children, subject: { fullName, image, organization, emails }, onOrgClick, role, }: PreviewProps<DataType.Person> & {
-            onOrgClick?: (org: DataType.Organization) => void;
-        }) => React.JSX.Element;
-        icon: string;
-        subject: import("@dxos/live-object").Live<import("@dxos/echo/Type").OfKind<import("@dxos/echo-schema").EntityKind.Object> & {
-            fields?: {
-                readonly label: string;
-                readonly category?: string | undefined;
-                readonly value: string;
-            }[] | undefined;
-            fullName?: string | undefined;
-            preferredName?: string | undefined;
-            nickname?: string | undefined;
-            image?: string | undefined;
-            organization?: import("@dxos/echo-schema").Ref<import("@dxos/echo/Type").OfKind<import("@dxos/echo-schema").EntityKind.Object> & {
-                description?: string | undefined;
-                id: string;
-                name?: string | undefined;
-                status?: "prospect" | "qualified" | "active" | "commit" | "reject" | undefined;
-                image?: string | undefined;
-                website?: string | undefined;
-            }> | undefined;
-            jobTitle?: string | undefined;
-            department?: string | undefined;
-            notes?: string | undefined;
-            emails?: {
-                readonly label?: string | undefined;
-                readonly value: string;
-            }[] | undefined;
-            identities?: {
-                readonly label?: string | undefined;
-                readonly value: string;
-            }[] | undefined;
-            phoneNumbers?: {
-                readonly label?: string | undefined;
-                readonly value: string;
-            }[] | undefined;
-            addresses?: {
-                readonly label?: string | undefined;
-                readonly value: {
-                    readonly street?: string | undefined;
-                    readonly extended?: string | undefined;
-                    readonly locality?: string | undefined;
-                    readonly region?: string | undefined;
-                    readonly postalCode?: string | undefined;
-                    readonly postOfficeBoxNumber?: string | undefined;
-                    readonly country?: string | undefined;
-                };
-            }[] | undefined;
-            urls?: {
-                readonly label?: string | undefined;
-                readonly value: string;
-            }[] | undefined;
-            birthday?: string | undefined;
-        }>;
-        role: string;
-    };
-};
-export declare const ContactNoImage: {
-    args: {
-        Component: ({ children, subject: { fullName, image, organization, emails }, onOrgClick, role, }: PreviewProps<DataType.Person> & {
-            onOrgClick?: (org: DataType.Organization) => void;
-        }) => React.JSX.Element;
-        icon: string;
-        subject: any;
-        role: string;
-    };
-};
-export declare const OrganizationWithImage: {
-    args: {
-        Component: ({ children, subject: { name, image, description, website }, role, }: PreviewProps<DataType.Organization>) => React.JSX.Element;
-        icon: string;
-        subject: import("@dxos/live-object").Live<import("@dxos/echo/Type").OfKind<import("@dxos/echo-schema").EntityKind.Object> & {
-            image?: string | undefined;
-            id: string;
-            status?: "active" | "prospect" | "qualified" | "commit" | "reject" | undefined;
-            name?: string | undefined;
-            description?: string | undefined;
-            website?: string | undefined;
-        }>;
-        role: string;
-    };
-};
-export declare const OrganizationNoImage: {
-    args: {
-        Component: ({ children, subject: { name, image, description, website }, role, }: PreviewProps<DataType.Organization>) => React.JSX.Element;
-        icon: string;
-        subject: any;
-        role: string;
-    };
-};
-export declare const ProjectWithImage: {
-    args: {
-        Component: ({ subject: { name, image, description }, role }: PreviewProps<DataType.Project>) => React.JSX.Element;
-        icon: string;
-        subject: import("@dxos/live-object").Live<import("@dxos/echo/Type").OfKind<import("@dxos/echo-schema").EntityKind.Object> & {
-            image?: string | undefined;
-            id: string;
-            name: string;
-            description?: string | undefined;
-        }>;
-        role: string;
-    };
-};
-export declare const ProjectNoImage: {
-    args: {
-        Component: ({ subject: { name, image, description }, role }: PreviewProps<DataType.Project>) => React.JSX.Element;
-        icon: string;
-        subject: any;
-        role: string;
-    };
-};
-//# sourceMappingURL=Preview.stories.d.ts.map

package/dist/types/src/Preview.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Preview.stories.d.ts","sourceRoot":"","sources":["../../../src/Preview.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,KAAK,UAAU,GAAG;IAChB,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,GAAG,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAsB1B,CAAC;AAEF,eAAe,IAAI,CAAC;AA2CpB,eAAO,MAAM,gBAAgB;;;sBA7E7B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFA,CAAC;AAEF,eAAO,MAAM,cAAc;;;sBAtF3B,CAAC;;;;;;CA6FA,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;CAOjC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAO5B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC"}

package/dist/types/src/components/ContactCard.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type DataType } from '@dxos/schema';
-import { type PreviewProps } from '../types';
-export declare const ContactCard: ({ children, subject: { fullName, image, organization, emails }, onOrgClick, role, }: PreviewProps<DataType.Person> & {
-    onOrgClick?: (org: DataType.Organization) => void;
-}) => React.JSX.Element;
-//# sourceMappingURL=ContactCard.d.ts.map

package/dist/types/src/components/ContactCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ContactCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,WAAW,GAAI,qFAKzB,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,YAAY,KAAK,IAAI,CAAA;CAAE,sBAmDvF,CAAC"}

package/dist/types/src/components/OrganizationCard.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { type DataType } from '@dxos/schema';
-import { type PreviewProps } from '../types';
-export declare const OrganizationCard: ({ children, subject: { name, image, description, website }, role, }: PreviewProps<DataType.Organization>) => React.JSX.Element;
-//# sourceMappingURL=OrganizationCard.d.ts.map

package/dist/types/src/components/OrganizationCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrganizationCard.d.ts","sourceRoot":"","sources":["../../../../src/components/OrganizationCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,gBAAgB,GAAI,qEAI9B,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,sBAwBrC,CAAC"}

package/dist/types/src/components/ProjectCard.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { type DataType } from '@dxos/schema';
-import { type PreviewProps } from '../types';
-export declare const ProjectCard: ({ subject: { name, image, description }, role }: PreviewProps<DataType.Project>) => React.JSX.Element;
-//# sourceMappingURL=ProjectCard.d.ts.map

package/dist/types/src/components/ProjectCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ProjectCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,WAAW,GAAI,iDAAiD,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,sBAQ1G,CAAC"}

package/dist/types/src/components/index.d.ts

@@ -1,4 +0,0 @@
-export * from './ContactCard';
-export * from './OrganizationCard';
-export * from './ProjectCard';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC"}

package/dist/types/src/types.d.ts

@@ -1,6 +0,0 @@
-import { type PropsWithChildren } from 'react';
-export type PreviewProps<T extends object> = PropsWithChildren<{
-    subject: T;
-    role?: string;
-}>;
-//# sourceMappingURL=types.d.ts.map

package/dist/types/src/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI,iBAAiB,CAAC;IAC7D,OAAO,EAAE,CAAC,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC"}

package/src/Preview.stories.tsx

@@ -1,147 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type Meta } from '@storybook/react-vite';
-import React, { type FC } from 'react';
-
-import { Obj, Ref } from '@dxos/echo';
-import { faker } from '@dxos/random';
-import { Icon, Popover } from '@dxos/react-ui';
-import { DataType } from '@dxos/schema';
-import { withTheme, withLayout } from '@dxos/storybook-utils';
-
-import { ContactCard, OrganizationCard, ProjectCard } from './components';
-import { translations } from './translations';
-import { type PreviewProps } from './types';
-
-faker.seed(1234);
-
-type StoryProps = {
-  Component: FC<PreviewProps<any>>;
-  icon: string;
-  subject: any;
-};
-
-const meta: Meta<StoryProps> = {
-  title: 'plugins/plugin-preview/Preview',
-  render: ({ Component, icon, ...args }) => {
-    return (
-      <Popover.Root open>
-        <Popover.Content>
-          <Popover.Viewport>
-            <Component {...args} role='popover' />
-          </Popover.Viewport>
-          <Popover.Arrow />
-        </Popover.Content>
-        <Popover.Trigger>
-          <Icon icon={icon} size={5} />
-        </Popover.Trigger>
-      </Popover.Root>
-    );
-  },
-  decorators: [withTheme, withLayout()],
-  parameters: {
-    layout: 'centered',
-    translations,
-  },
-};
-
-export default meta;
-
-const omitImage = ({ image, ...rest }: any) => rest;
-
-const data = (() => {
-  const organization = Obj.make(DataType.Organization, {
-    name: faker.company.name(),
-    image:
-      'https://plus.unsplash.com/premium_photo-1672116452571-896980a801c8?q=80&w=2671&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
-    website: faker.internet.url(),
-    description: faker.lorem.paragraph(),
-  });
-
-  const contact = Obj.make(DataType.Person, {
-    fullName: faker.person.fullName(),
-    image:
-      'https://plus.unsplash.com/premium_photo-1664536392779-049ba8fde933?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
-    organization: Ref.make(organization),
-    emails: [
-      {
-        label: 'Work',
-        value: faker.internet.email(),
-      },
-      {
-        label: 'Work',
-        value: faker.internet.email(),
-      },
-      {
-        label: 'Work',
-        value: faker.internet.email(),
-      },
-    ],
-  });
-
-  const project = Obj.make(DataType.Project, {
-    name: faker.person.fullName(),
-    image: 'https://dxos.network/dxos-logotype-blue.png',
-    description: faker.lorem.paragraph(),
-  });
-
-  return { organization, contact, project };
-})();
-
-export const ContactWithImage = {
-  args: {
-    Component: ContactCard,
-    icon: 'ph--user--regular',
-    subject: data.contact,
-    role: 'popover',
-  },
-};
-
-export const ContactNoImage = {
-  args: {
-    Component: ContactCard,
-    icon: 'ph--user--regular',
-    subject: omitImage(data.contact),
-    role: 'popover',
-  },
-};
-
-export const OrganizationWithImage = {
-  args: {
-    Component: OrganizationCard,
-    icon: 'ph--building-office--regular',
-    subject: data.organization,
-    role: 'popover',
-  },
-};
-
-export const OrganizationNoImage = {
-  args: {
-    Component: OrganizationCard,
-    icon: 'ph--building-office--regular',
-    subject: omitImage(data.organization),
-    role: 'popover',
-  },
-};
-
-export const ProjectWithImage = {
-  args: {
-    Component: ProjectCard,
-    icon: 'ph--building--regular',
-    subject: data.project,
-    role: 'popover',
-  },
-};
-
-export const ProjectNoImage = {
-  args: {
-    Component: ProjectCard,
-    icon: 'ph--building--regular',
-    subject: omitImage(data.project),
-    role: 'popover',
-  },
-};