@dxos/plugin-preview 0.8.3 → 0.8.4-main.1f223c7

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

@@ -0,0 +1,382 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  PREVIEW_PLUGIN
+} from "./chunk-2ORSL4GJ.mjs";
+
+// src/capabilities/react-surface.tsx
+import { Effect } from "effect";
+import React5, { useCallback } from "react";
+import { Capabilities, LayoutAction, Surface, contributes, createIntent, createSurface, useIntentDispatcher } from "@dxos/app-framework";
+import { fullyQualifiedId, getSchema, getSpace } from "@dxos/client/echo";
+import { Filter, Obj as Obj2 } from "@dxos/echo";
+import { setValue } from "@dxos/echo-schema";
+import { AttentionAction } from "@dxos/plugin-attention/types";
+import { ATTENDABLE_PATH_SEPARATOR, DeckAction } from "@dxos/plugin-deck/types";
+import { useQuery, useSpace } from "@dxos/react-client/echo";
+import { useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { Form } from "@dxos/react-ui-form";
+import { Card as Card4 } from "@dxos/react-ui-stack";
+import { Table } from "@dxos/react-ui-table/types";
+import { descriptionMessage, mx as mx4 } from "@dxos/react-ui-theme";
+import { DataType, typenameFromQuery } from "@dxos/schema";
+
+// src/components/ContactCard.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2, { Fragment } from "react";
+import { Avatar, Button, Icon } from "@dxos/react-ui";
+import { Card, cardHeading, cardText } from "@dxos/react-ui-stack";
+import { mx } from "@dxos/react-ui-theme";
+
+// src/components/CardSubjectMenu.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import { Rx } from "@effect-rx/rx-react";
+import React from "react";
+import { ACTION_TYPE } from "@dxos/app-graph";
+import { IconButton, useTranslation } from "@dxos/react-ui";
+import { DropdownMenu, MenuProvider, useMenuActions } from "@dxos/react-ui-menu";
+var useSubjectMenuGroupItems = (subject) => {
+  const result = {
+    edges: [],
+    nodes: []
+  };
+  result.nodes.push({
+    type: ACTION_TYPE,
+    id: `${subject.id}/add-to-space`,
+    data: () => console.log("[TO DO]", "add object to space", subject),
+    properties: {
+      label: [
+        "add object to space label",
+        {
+          ns: "os"
+        }
+      ],
+      icon: "ph--file-plus--regular"
+    }
+  });
+  result.nodes.forEach(({ id: target }) => {
+    result.edges.push({
+      source: "root",
+      target
+    });
+  });
+  return useMenuActions(Rx.make(result));
+};
+var CardSubjectMenu = ({ subject, ...props }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation("os");
+    const menuProps = useSubjectMenuGroupItems(subject);
+    return /* @__PURE__ */ React.createElement(MenuProvider, menuProps, /* @__PURE__ */ React.createElement(DropdownMenu.Root, null, /* @__PURE__ */ React.createElement(DropdownMenu.Trigger, {
+      asChild: true
+    }, /* @__PURE__ */ React.createElement(IconButton, {
+      iconOnly: true,
+      variant: "ghost",
+      icon: "ph--dots-three-vertical--bold",
+      label: t("more options label"),
+      ...props
+    }))));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/ContactCard.tsx
+var ContactCard = ({ children, subject, onOrgClick, role }) => {
+  var _effect = _useSignals2();
+  try {
+    const { fullName, image, organization, emails } = subject;
+    const organizationName = organization && typeof organization === "object" ? organization.target?.name : organization;
+    return /* @__PURE__ */ React2.createElement(Card.SurfaceRoot, {
+      role
+    }, /* @__PURE__ */ React2.createElement(Avatar.Root, null, /* @__PURE__ */ React2.createElement(Card.Text, {
+      role: "group",
+      classNames: "grid gap-3 grid-cols-[min-content_1fr]"
+    }, /* @__PURE__ */ React2.createElement(Avatar.Content, {
+      imgSrc: image,
+      icon: "ph--user--regular",
+      size: 16,
+      hue: "neutral"
+    }), /* @__PURE__ */ React2.createElement("div", {
+      role: "none",
+      className: "bs-min self-center flex items-center"
+    }, /* @__PURE__ */ React2.createElement(Avatar.Label, {
+      asChild: true
+    }, /* @__PURE__ */ React2.createElement("h2", {
+      className: mx(cardHeading, "grow")
+    }, fullName)), /* @__PURE__ */ React2.createElement(CardSubjectMenu, {
+      subject
+    })))), organizationName && /* @__PURE__ */ React2.createElement(Card.Chrome, null, typeof organization === "object" && onOrgClick ? /* @__PURE__ */ React2.createElement(Button, {
+      variant: "ghost",
+      classNames: "gap-2 text-start",
+      onClick: () => onOrgClick(organization.target)
+    }, /* @__PURE__ */ React2.createElement(Icon, {
+      icon: "ph--buildings--regular",
+      size: 5,
+      classNames: "text-subdued"
+    }), /* @__PURE__ */ React2.createElement("span", {
+      className: "min-is-0 flex-1 truncate"
+    }, organizationName), /* @__PURE__ */ React2.createElement(Icon, {
+      icon: "ph--arrow-right--regular"
+    })) : /* @__PURE__ */ React2.createElement("p", {
+      className: "dx-button gap-2",
+      "data-variant": "ghost"
+    }, /* @__PURE__ */ React2.createElement(Icon, {
+      icon: "ph--buildings--regular",
+      size: 5,
+      classNames: "text-subdued"
+    }), /* @__PURE__ */ React2.createElement("span", {
+      className: "min-is-0 flex-1 truncate"
+    }, organizationName))), emails?.length && /* @__PURE__ */ React2.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__ */ React2.createElement(Fragment, {
+      key: value
+    }, /* @__PURE__ */ React2.createElement("dt", null, /* @__PURE__ */ React2.createElement(Icon, {
+      icon: "ph--at--regular",
+      size: 5
+    })), /* @__PURE__ */ React2.createElement("dd", {
+      key: value,
+      className: "break-words"
+    }, value)))), children);
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/OrganizationCard.tsx
+import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
+import React3 from "react";
+import { Icon as Icon2 } from "@dxos/react-ui";
+import { Card as Card2, cardNoSpacing, cardSpacing } from "@dxos/react-ui-stack";
+import { mx as mx2 } from "@dxos/react-ui-theme";
+var OrganizationCard = ({ children, subject, role }) => {
+  var _effect = _useSignals3();
+  try {
+    const { name, image, description, website } = subject;
+    return /* @__PURE__ */ React3.createElement(Card2.SurfaceRoot, {
+      role
+    }, /* @__PURE__ */ React3.createElement(Card2.Poster, {
+      alt: name,
+      ...image ? {
+        image
+      } : {
+        icon: "ph--building-office--regular"
+      }
+    }), /* @__PURE__ */ React3.createElement("div", {
+      role: "none",
+      className: mx2("flex items-center gap-2", cardSpacing)
+    }, /* @__PURE__ */ React3.createElement(Card2.Heading, {
+      classNames: cardNoSpacing
+    }, name), /* @__PURE__ */ React3.createElement(CardSubjectMenu, {
+      subject
+    })), description && /* @__PURE__ */ React3.createElement(Card2.Text, {
+      classNames: "line-clamp-2"
+    }, description), website && /* @__PURE__ */ React3.createElement(Card2.Chrome, null, /* @__PURE__ */ React3.createElement("a", {
+      className: "dx-button dx-focus-ring gap-2",
+      "data-variant": "ghost",
+      href: website,
+      target: "_blank",
+      rel: "noreferrer"
+    }, /* @__PURE__ */ React3.createElement(Icon2, {
+      icon: "ph--link--regular",
+      size: 5,
+      classNames: "text-subdued"
+    }), /* @__PURE__ */ React3.createElement("span", {
+      className: "grow"
+    }, website), /* @__PURE__ */ React3.createElement(Icon2, {
+      icon: "ph--arrow-square-out--regular"
+    }))), children);
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/ProjectCard.tsx
+import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
+import React4 from "react";
+import { Obj } from "@dxos/echo";
+import { Card as Card3, cardNoSpacing as cardNoSpacing2, cardSpacing as cardSpacing2 } from "@dxos/react-ui-stack";
+import { mx as mx3 } from "@dxos/react-ui-theme";
+var ProjectCard = ({ subject, role }) => {
+  var _effect = _useSignals4();
+  try {
+    const { name, image, description } = subject;
+    return /* @__PURE__ */ React4.createElement(Card3.SurfaceRoot, {
+      role
+    }, image && /* @__PURE__ */ React4.createElement(Card3.Poster, {
+      image,
+      alt: Obj.getLabel(subject) ?? "",
+      aspect: "auto"
+    }), /* @__PURE__ */ React4.createElement("div", {
+      role: "none",
+      className: mx3("flex items-center gap-2", cardSpacing2)
+    }, /* @__PURE__ */ React4.createElement(Card3.Heading, {
+      classNames: cardNoSpacing2
+    }, name), /* @__PURE__ */ React4.createElement(CardSubjectMenu, {
+      subject
+    })), description && /* @__PURE__ */ React4.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: [
+      "card--popover",
+      "card--intrinsic",
+      "card--transclusion",
+      "card--extrinsic",
+      "card"
+    ],
+    filter: (data) => Obj2.instanceOf(DataType.Person, data.subject),
+    component: ({ data, role }) => {
+      const { dispatch } = useIntentDispatcher();
+      const space = getSpace(data.subject);
+      const defaultSpace = useSpace();
+      const currentSpaceOrgs = useQuery(space, Filter.type(DataType.Organization));
+      const currentSpaceViews = useQuery(space, Filter.type(DataType.View));
+      const defaultSpaceViews = useQuery(defaultSpace, Filter.type(DataType.View));
+      const currentSpaceOrgTable = currentSpaceViews.find((view) => typenameFromQuery(view.query) === DataType.Organization.typename && Obj2.instanceOf(Table.Table, view.presentation.target));
+      const defaultSpaceOrgTable = defaultSpaceViews.find((view) => typenameFromQuery(view.query) === DataType.Organization.typename && Obj2.instanceOf(Table.Table, view.presentation.target));
+      const handleOrgClick = useCallback((org) => Effect.gen(function* () {
+        const view = currentSpaceOrgs.includes(org) ? currentSpaceOrgTable : defaultSpaceOrgTable;
+        yield* dispatch(createIntent(LayoutAction.UpdatePopover, {
+          part: "popover",
+          options: {
+            state: false,
+            anchorId: ""
+          }
+        }));
+        if (view) {
+          const id = fullyQualifiedId(view);
+          yield* dispatch(createIntent(LayoutAction.Open, {
+            part: "main",
+            subject: [
+              id
+            ],
+            options: {
+              workspace: space?.id
+            }
+          }));
+          yield* dispatch(createIntent(DeckAction.ChangeCompanion, {
+            primary: id,
+            companion: [
+              id,
+              "selected-objects"
+            ].join(ATTENDABLE_PATH_SEPARATOR)
+          }));
+          yield* dispatch(createIntent(AttentionAction.Select, {
+            contextId: id,
+            selection: {
+              mode: "multi",
+              ids: [
+                org.id
+              ]
+            }
+          }));
+        }
+      }).pipe(Effect.runPromise), [
+        dispatch,
+        currentSpaceOrgs,
+        currentSpaceOrgTable,
+        defaultSpaceOrgTable
+      ]);
+      return /* @__PURE__ */ React5.createElement(ContactCard, {
+        role,
+        subject: data.subject,
+        onOrgClick: handleOrgClick
+      }, role === "card--popover" && /* @__PURE__ */ React5.createElement(Surface, {
+        role: "related",
+        data
+      }));
+    }
+  }),
+  createSurface({
+    id: `${PREVIEW_PLUGIN}/schema-popover--organization`,
+    role: [
+      "card--popover",
+      "card--intrinsic",
+      "card--transclusion",
+      "card--extrinsic",
+      "card"
+    ],
+    filter: (data) => Obj2.instanceOf(DataType.Organization, data.subject),
+    component: ({ data, role }) => /* @__PURE__ */ React5.createElement(OrganizationCard, {
+      role,
+      subject: data.subject
+    }, role === "card--popover" && /* @__PURE__ */ React5.createElement(Surface, {
+      role: "related",
+      data
+    }))
+  }),
+  createSurface({
+    id: `${PREVIEW_PLUGIN}/schema-popover--project`,
+    role: [
+      "card--popover",
+      "card--intrinsic",
+      "card--transclusion",
+      "card--extrinsic",
+      "card"
+    ],
+    filter: (data) => Obj2.instanceOf(DataType.Project, data.subject),
+    component: ({ data, role }) => /* @__PURE__ */ React5.createElement(ProjectCard, {
+      subject: data.subject,
+      role
+    })
+  }),
+  //
+  // Fallback for any object.
+  //
+  createSurface({
+    id: `${PREVIEW_PLUGIN}/fallback-popover`,
+    role: [
+      "card--popover",
+      "card--intrinsic",
+      "card--transclusion",
+      "card--extrinsic",
+      "card"
+    ],
+    position: "fallback",
+    filter: (data) => Obj2.isObject(data.subject),
+    component: ({ data, role }) => {
+      const schema = getSchema(data.subject);
+      const { t } = useTranslation2(PREVIEW_PLUGIN);
+      if (!schema) {
+        return /* @__PURE__ */ React5.createElement("p", {
+          className: mx4(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__ */ React5.createElement(Card4.SurfaceRoot, {
+        role
+      }, /* @__PURE__ */ React5.createElement(Form, {
+        schema,
+        projection: data.projection,
+        values: data.subject,
+        readonly: role === "card--popover" ? "static" : false,
+        onSave: handleSave,
+        autoSave: true,
+        ...role === "card--intrinsic" && {
+          outerSpacing: "blockStart-0"
+        }
+      }));
+    }
+  })
+]);
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-Q7F36L3Z.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/ContactCard.tsx", "../../../src/components/CardSubjectMenu.tsx", "../../../src/components/OrganizationCard.tsx", "../../../src/components/ProjectCard.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Effect } from 'effect';\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 { Filter, Obj } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo-schema';\nimport { AttentionAction } from '@dxos/plugin-attention/types';\nimport { ATTENDABLE_PATH_SEPARATOR, DeckAction } from '@dxos/plugin-deck/types';\nimport { useQuery, useSpace } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Card } from '@dxos/react-ui-stack';\nimport { Table } from '@dxos/react-ui-table/types';\nimport { descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { DataType, type ProjectionModel, typenameFromQuery } 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: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n      filter: (data): data is { subject: DataType.Person } => Obj.instanceOf(DataType.Person, data.subject),\n      component: ({ data, role }) => {\n        const { dispatch } = useIntentDispatcher();\n        const space = getSpace(data.subject);\n        const defaultSpace = useSpace();\n\n        const currentSpaceOrgs = useQuery(space, Filter.type(DataType.Organization));\n        const currentSpaceViews = useQuery(space, Filter.type(DataType.View));\n        const defaultSpaceViews = useQuery(defaultSpace, Filter.type(DataType.View));\n        const currentSpaceOrgTable = currentSpaceViews.find(\n          (view) =>\n            typenameFromQuery(view.query) === DataType.Organization.typename &&\n            Obj.instanceOf(Table.Table, view.presentation.target),\n        );\n        const defaultSpaceOrgTable = defaultSpaceViews.find(\n          (view) =>\n            typenameFromQuery(view.query) === DataType.Organization.typename &&\n            Obj.instanceOf(Table.Table, view.presentation.target),\n        );\n\n        // TODO(wittjosiah): Generalized way of handling related objects navigation.\n        const handleOrgClick = useCallback(\n          (org: DataType.Organization) =>\n            Effect.gen(function* () {\n              const view = currentSpaceOrgs.includes(org) ? currentSpaceOrgTable : defaultSpaceOrgTable;\n              yield* dispatch(\n                createIntent(LayoutAction.UpdatePopover, {\n                  part: 'popover',\n                  options: {\n                    state: false,\n                    anchorId: '',\n                  },\n                }),\n              );\n              if (view) {\n                const id = fullyQualifiedId(view);\n                yield* dispatch(\n                  createIntent(LayoutAction.Open, {\n                    part: 'main',\n                    subject: [id],\n                    options: { workspace: space?.id },\n                  }),\n                );\n                yield* dispatch(\n                  createIntent(DeckAction.ChangeCompanion, {\n                    primary: id,\n                    companion: [id, 'selected-objects'].join(ATTENDABLE_PATH_SEPARATOR),\n                  }),\n                );\n                yield* dispatch(\n                  createIntent(AttentionAction.Select, {\n                    contextId: id,\n                    selection: { mode: 'multi', ids: [org.id] },\n                  }),\n                );\n              }\n            }).pipe(Effect.runPromise),\n          [dispatch, currentSpaceOrgs, currentSpaceOrgTable, defaultSpaceOrgTable],\n        );\n\n        return (\n          <ContactCard role={role} subject={data.subject} onOrgClick={handleOrgClick}>\n            {role === 'card--popover' && <Surface role='related' data={data} />}\n          </ContactCard>\n        );\n      },\n    }),\n    createSurface({\n      id: `${PREVIEW_PLUGIN}/schema-popover--organization`,\n      role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', '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 === 'card--popover' && <Surface role='related' data={data} />}\n        </OrganizationCard>\n      ),\n    }),\n    createSurface({\n      id: `${PREVIEW_PLUGIN}/schema-popover--project`,\n      role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', '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: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n      position: 'fallback',\n      filter: (data): data is { subject: Obj.Any; projection?: ProjectionModel } => 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              projection={data.projection}\n              values={data.subject}\n              readonly={role === 'card--popover' ? 'static' : false}\n              onSave={handleSave}\n              autoSave\n              {...(role === 'card--intrinsic' && { 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 { Avatar, Button, Icon } 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\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const ContactCard = ({\n  children,\n  subject,\n  onOrgClick,\n  role,\n}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {\n  const { fullName, image, organization, emails } = subject;\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 flex items-center'>\n            <Avatar.Label asChild>\n              <h2 className={mx(cardHeading, 'grow')}>{fullName}</h2>\n            </Avatar.Label>\n            <CardSubjectMenu subject={subject} />\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      {emails?.length && (\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      )}\n      {children}\n    </Card.SurfaceRoot>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport React from 'react';\n\n// import { useIntentDispatcher } from '@dxos/app-framework';\nimport { ACTION_TYPE } from '@dxos/app-graph';\nimport { type AnyEchoObject } from '@dxos/echo-schema';\nimport { IconButton, type IconButtonProps, useTranslation } from '@dxos/react-ui';\nimport { type ActionGraphProps, DropdownMenu, MenuProvider, useMenuActions } from '@dxos/react-ui-menu';\n\nconst useSubjectMenuGroupItems = (subject: AnyEchoObject) => {\n  // const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const result: ActionGraphProps = { edges: [], nodes: [] };\n  result.nodes.push({\n    type: ACTION_TYPE,\n    id: `${subject.id}/add-to-space`,\n    data: () => console.log('[TO DO]', 'add object to space', subject),\n    properties: {\n      label: ['add object to space label', { ns: 'os' }],\n      icon: 'ph--file-plus--regular',\n    },\n  });\n  result.nodes.forEach(({ id: target }) => {\n    result.edges.push({ source: 'root', target });\n  });\n  return useMenuActions(Rx.make(result));\n};\n\n/**\n * This is a generic menu for objects that tries to infer common actions.\n */\nexport const CardSubjectMenu = ({\n  subject,\n  ...props\n}: Omit<IconButtonProps, 'icon' | 'label'> & { subject: AnyEchoObject }) => {\n  const { t } = useTranslation('os');\n  const menuProps = useSubjectMenuGroupItems(subject);\n  return (\n    <MenuProvider {...menuProps}>\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            iconOnly\n            variant='ghost'\n            icon='ph--dots-three-vertical--bold'\n            label={t('more options label')}\n            {...props}\n          />\n        </DropdownMenu.Trigger>\n      </DropdownMenu.Root>\n    </MenuProvider>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\nimport { Card, cardNoSpacing, cardSpacing } 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\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const OrganizationCard = ({ children, subject, role }: PreviewProps<DataType.Organization>) => {\n  const { name, image, description, website } = subject;\n  return (\n    <Card.SurfaceRoot role={role}>\n      <Card.Poster alt={name!} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />\n      <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n        <Card.Heading classNames={cardNoSpacing}>{name}</Card.Heading>\n        <CardSubjectMenu subject={subject} />\n      </div>\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 { Obj } from '@dxos/echo';\nimport { Card, cardNoSpacing, cardSpacing } 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\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const ProjectCard = ({ subject, role }: PreviewProps<DataType.Project>) => {\n  const { name, image, description } = subject;\n  return (\n    <Card.SurfaceRoot role={role}>\n      {image && <Card.Poster image={image} alt={Obj.getLabel(subject) ?? ''} aspect='auto' />}\n      <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n        <Card.Heading classNames={cardNoSpacing}>{name}</Card.Heading>\n        <CardSubjectMenu subject={subject} />\n      </div>\n      {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n    </Card.SurfaceRoot>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["Effect", "React", "useCallback", "Capabilities", "LayoutAction", "Surface", "contributes", "createIntent", "createSurface", "useIntentDispatcher", "fullyQualifiedId", "getSchema", "getSpace", "Filter", "Obj", "setValue", "AttentionAction", "ATTENDABLE_PATH_SEPARATOR", "DeckAction", "useQuery", "useSpace", "useTranslation", "Form", "Card", "Table", "descriptionMessage", "mx", "DataType", "typenameFromQuery", "React", "Fragment", "Avatar", "Button", "Icon", "Card", "cardHeading", "cardText", "mx", "Rx", "React", "ACTION_TYPE", "IconButton", "useTranslation", "DropdownMenu", "MenuProvider", "useMenuActions", "useSubjectMenuGroupItems", "subject", "result", "edges", "nodes", "push", "type", "ACTION_TYPE", "id", "data", "console", "log", "properties", "label", "ns", "icon", "forEach", "target", "source", "useMenuActions", "Rx", "make", "CardSubjectMenu", "props", "t", "useTranslation", "menuProps", "MenuProvider", "DropdownMenu", "Root", "Trigger", "asChild", "IconButton", "iconOnly", "variant", "ContactCard", "children", "subject", "onOrgClick", "role", "fullName", "image", "organization", "emails", "organizationName", "target", "name", "React", "Card", "SurfaceRoot", "Avatar", "Root", "Text", "classNames", "Content", "imgSrc", "icon", "size", "hue", "div", "className", "Label", "asChild", "h2", "mx", "cardHeading", "CardSubjectMenu", "Chrome", "Button", "variant", "onClick", "Icon", "span", "p", "data-variant", "length", "dl", "cardText", "map", "label", "value", "Fragment", "key", "dt", "dd", "React", "Icon", "Card", "cardNoSpacing", "cardSpacing", "mx", "OrganizationCard", "children", "subject", "role", "name", "image", "description", "website", "React", "Card", "SurfaceRoot", "Poster", "alt", "icon", "div", "className", "mx", "cardSpacing", "Heading", "classNames", "cardNoSpacing", "CardSubjectMenu", "Text", "Chrome", "a", "data-variant", "href", "target", "rel", "Icon", "size", "span", "React", "Obj", "Card", "cardNoSpacing", "cardSpacing", "mx", "ProjectCard", "subject", "role", "name", "image", "description", "React", "Card", "SurfaceRoot", "Poster", "alt", "Obj", "getLabel", "aspect", "div", "className", "mx", "cardSpacing", "Heading", "classNames", "cardNoSpacing", "CardSubjectMenu", "Text", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "PREVIEW_PLUGIN", "role", "filter", "data", "Obj", "instanceOf", "DataType", "Person", "subject", "component", "dispatch", "useIntentDispatcher", "space", "getSpace", "defaultSpace", "useSpace", "currentSpaceOrgs", "useQuery", "Filter", "type", "Organization", "currentSpaceViews", "View", "defaultSpaceViews", "currentSpaceOrgTable", "find", "view", "typenameFromQuery", "query", "typename", "Table", "presentation", "target", "defaultSpaceOrgTable", "handleOrgClick", "useCallback", "org", "Effect", "gen", "includes", "createIntent", "LayoutAction", "UpdatePopover", "part", "options", "state", "anchorId", "fullyQualifiedId", "Open", "workspace", "DeckAction", "ChangeCompanion", "primary", "companion", "join", "ATTENDABLE_PATH_SEPARATOR", "AttentionAction", "Select", "contextId", "selection", "mode", "ids", "pipe", "runPromise", "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", "projection", "readonly", "onSave", "autoSave", "outerSpacing"]
+}

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

@@ -1,3 +1,3 @@
-export declare const PreviewPopover: (props?: import("@dxos/app-framework").PluginContext | undefined) => Promise<() => Promise<import("@dxos/app-framework").Capability<null> | import("@dxos/app-framework").AnyCapability[]>>;
-export declare const ReactSurface: (props?: unknown) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").Capabilities.ReactSurface> | import("@dxos/app-framework").AnyCapability[]>>;
+export declare const PreviewPopover: (props?: import("@dxos/app-framework").PluginContext | undefined) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<null>> | import("@dxos/app-framework").AnyCapability[]>>;
+export declare const ReactSurface: (props?: unknown) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<import("@dxos/app-framework").Capabilities.ReactSurface>> | import("@dxos/app-framework").AnyCapability[]>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,6LAA0C,CAAC;AACtE,eAAO,MAAM,YAAY,gMAAwC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,yOAA0C,CAAC;AACtE,eAAO,MAAM,YAAY,4OAAwC,CAAC"}

package/dist/types/src/capabilities/preview-popover.d.ts

@@ -1,4 +1,4 @@
 import { type PluginContext } from '@dxos/app-framework';
-declare const _default: (context: PluginContext) => import("@dxos/app-framework").Capability<null>;
+declare const _default: (context: PluginContext) => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<null>>;
 export default _default;
 //# sourceMappingURL=preview-popover.d.ts.map

package/dist/types/src/capabilities/preview-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview-popover.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/preview-popover.ts"],"names":[],"mappings":"AAIA,OAAO,EAAyD,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;yBA8BhG,SAAS,aAAa;AAAtC,wBAuCE"}
+{"version":3,"file":"preview-popover.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/preview-popover.ts"],"names":[],"mappings":"AAIA,OAAO,EAA8B,KAAK,aAAa,EAA6B,MAAM,qBAAqB,CAAC;yBAyBhG,SAAS,aAAa;AAAtC,wBAuCE"}

package/dist/types/src/capabilities/react-surface.d.ts

@@ -1,4 +1,4 @@
 import { Capabilities } from '@dxos/app-framework';
-declare const _default: () => import("@dxos/app-framework").Capability<Capabilities.ReactSurface>;
+declare const _default: () => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<Capabilities.ReactSurface>>;
 export default _default;
 //# sourceMappingURL=react-surface.d.ts.map

package/dist/types/src/capabilities/react-surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,YAAY,EAOb,MAAM,qBAAqB,CAAC;;AAc7B,wBAqGK"}
+{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,YAAY,EAOb,MAAM,qBAAqB,CAAC;;AAiB7B,wBAmIK"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type AnyEchoObject } from '@dxos/echo-schema';
+import { type IconButtonProps } from '@dxos/react-ui';
+/**
+ * This is a generic menu for objects that tries to infer common actions.
+ */
+export declare const CardSubjectMenu: ({ subject, ...props }: Omit<IconButtonProps, "icon" | "label"> & {
+    subject: AnyEchoObject;
+}) => React.JSX.Element;
+//# sourceMappingURL=CardSubjectMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardSubjectMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/CardSubjectMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAc,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAqBlF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,uBAG7B,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IAAE,OAAO,EAAE,aAAa,CAAA;CAAE,sBAkBtE,CAAC"}

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

@@ -1,7 +1,7 @@
 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> & {
+export declare const ContactCard: ({ children, subject, 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 +1 @@
-{"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"}
+{"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;AAI7C,eAAO,MAAM,WAAW,GAAI,0CAKzB,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,YAAY,KAAK,IAAI,CAAA;CAAE,sBAuDvF,CAAC"}

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

@@ -1,5 +1,5 @@
 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;
+export declare const OrganizationCard: ({ children, subject, role }: PreviewProps<DataType.Organization>) => React.JSX.Element;
 //# sourceMappingURL=OrganizationCard.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"OrganizationCard.d.ts","sourceRoot":"","sources":["../../../../src/components/OrganizationCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,gBAAgB,GAAI,6BAA6B,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,sBA4BhG,CAAC"}

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

@@ -1,5 +1,5 @@
 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;
+export declare const ProjectCard: ({ subject, role }: PreviewProps<DataType.Project>) => React.JSX.Element;
 //# sourceMappingURL=ProjectCard.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ProjectCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,WAAW,GAAI,mBAAmB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,sBAY5E,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TaskCard.d.ts","sourceRoot":"","sources":["../../../../src/components/TaskCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAiB7C,eAAO,MAAM,QAAQ,GAAI,mBAAmB,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,sBAgBtE,CAAC"}

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

@@ -1,4 +1,4 @@
 export * from './meta';
-export * from './types';
+export type * from './types';
 export * from './PreviewPlugin';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAExB,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,mBAAmB,SAAS,CAAC;AAE7B,cAAc,iBAAiB,CAAC"}

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

@@ -0,0 +1,27 @@
+import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    render: ({ role, cards }: import("./testing").DefaultstoryProps) => import("react").JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        translations: [{
+            readonly 'en-US': {
+                readonly [meta.id]: {
+                    readonly 'unable to create preview message': "No preview";
+                    readonly 'todo label': "To do";
+                    readonly 'in-progress label': "In progress";
+                    readonly 'done label': "Done";
+                };
+            };
+        }];
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Popover: Story;
+export declare const Intrinsic: Story;
+export declare const Extrinsic: Story;
+export declare const ExtrinsicNoImage: Story;
+//# sourceMappingURL=Card.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Card.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQjE,QAAA,MAAM,IAAI;;;;;;;yBAN6B,CAAQ,IAAI,CAAC,EAAE,CAAC;;;;;;;;;;CAkBlB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC"}

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

@@ -0,0 +1,17 @@
+import React, { type FC } from 'react';
+import { type PreviewProps } from '../types';
+type CardProps<T extends object> = {
+    Component: FC<PreviewProps<T>>;
+    subject: T;
+    icon?: string;
+    image?: boolean;
+};
+export type DefaultstoryProps = {
+    role: 'card--popover' | 'card--intrinsic' | 'card--extrinsic' | 'card--transclusion';
+    cards: CardProps<any>[];
+};
+export declare const Defaultstory: ({ role, cards }: DefaultstoryProps) => React.JSX.Element;
+export declare const omitImage: ({ image: _, ...rest }: any) => any;
+export declare const createCards: (image?: boolean) => CardProps<any>[];
+export {};
+//# sourceMappingURL=testing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../../src/stories/testing.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AASvC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,KAAK,SAAS,CAAC,CAAC,SAAS,MAAM,IAAI;IACjC,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,OAAO,EAAE,CAAC,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,eAAe,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;IACrF,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,iBAAiB,iBAAiB,sBAY9D,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,uBAAuB,GAAG,QAAS,CAAC;AAG9D,eAAO,MAAM,WAAW,GAAI,eAAY,KAAG,SAAS,CAAC,GAAG,CAAC,EAmExD,CAAC"}