@dxos/plugin-preview 0.8.2-main.2f9c567 → 0.8.2-main.36232bc

package/dist/lib/node-esm/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-preview/src/meta.ts":{"bytes":1296,"imports":[],"format":"esm"},"packages/plugins/plugin-preview/src/types.ts":{"bytes":3670,"imports":[],"format":"esm"},"packages/plugins/plugin-preview/src/components/ContactCard.tsx":{"bytes":9429,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx":{"bytes":5727,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-preview/src/components/ProjectCard.tsx":{"bytes":2969,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-preview/src/components/index.ts":{"bytes":732,"imports":[{"path":"packages/plugins/plugin-preview/src/components/ContactCard.tsx","kind":"import-statement","original":"./ContactCard"},{"path":"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx","kind":"import-statement","original":"./OrganizationCard"},{"path":"packages/plugins/plugin-preview/src/components/ProjectCard.tsx","kind":"import-statement","original":"./ProjectCard"}],"format":"esm"},"packages/plugins/plugin-preview/src/translations.ts":{"bytes":1091,"imports":[{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-preview/src/PreviewPlugin.tsx":{"bytes":29109,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/client","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/keys","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-table","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-preview/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-preview/src/index.ts":{"bytes":681,"imports":[{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/plugins/plugin-preview/src/PreviewPlugin.tsx","kind":"import-statement","original":"./PreviewPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-preview/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":25359},"packages/plugins/plugin-preview/dist/lib/node-esm/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/client","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/keys","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-table","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["PREVIEW_PLUGIN","PreviewPlugin","defaultCard","kanbanCardWithoutPoster","meta","popoverCard","previewChrome","previewProse","previewTitle"],"entryPoint":"packages/plugins/plugin-preview/src/index.ts","inputs":{"packages/plugins/plugin-preview/src/meta.ts":{"bytesInOutput":216},"packages/plugins/plugin-preview/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-preview/src/types.ts":{"bytesInOutput":348},"packages/plugins/plugin-preview/src/PreviewPlugin.tsx":{"bytesInOutput":7176},"packages/plugins/plugin-preview/src/components/ContactCard.tsx":{"bytesInOutput":2709},"packages/plugins/plugin-preview/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx":{"bytesInOutput":1618},"packages/plugins/plugin-preview/src/components/ProjectCard.tsx":{"bytesInOutput":674},"packages/plugins/plugin-preview/src/translations.ts":{"bytesInOutput":152}},"bytes":13655}}}
+{"inputs":{"packages/plugins/plugin-preview/src/meta.ts":{"bytes":1296,"imports":[],"format":"esm"},"packages/plugins/plugin-preview/src/types.ts":{"bytes":3274,"imports":[],"format":"esm"},"packages/plugins/plugin-preview/src/components/ContactCard.tsx":{"bytes":9227,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx":{"bytes":5532,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-preview/src/components/ProjectCard.tsx":{"bytes":2743,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-preview/src/components/index.ts":{"bytes":732,"imports":[{"path":"packages/plugins/plugin-preview/src/components/ContactCard.tsx","kind":"import-statement","original":"./ContactCard"},{"path":"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx","kind":"import-statement","original":"./OrganizationCard"},{"path":"packages/plugins/plugin-preview/src/components/ProjectCard.tsx","kind":"import-statement","original":"./ProjectCard"}],"format":"esm"},"packages/plugins/plugin-preview/src/translations.ts":{"bytes":1091,"imports":[{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-preview/src/PreviewPlugin.tsx":{"bytes":27057,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/client","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/keys","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-table","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-preview/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-preview/src/index.ts":{"bytes":681,"imports":[{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/plugins/plugin-preview/src/PreviewPlugin.tsx","kind":"import-statement","original":"./PreviewPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-preview/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":24138},"packages/plugins/plugin-preview/dist/lib/node-esm/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/client","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/keys","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-table","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["PREVIEW_PLUGIN","PreviewPlugin","meta","previewCard","previewChrome","previewProse","previewTitle"],"entryPoint":"packages/plugins/plugin-preview/src/index.ts","inputs":{"packages/plugins/plugin-preview/src/meta.ts":{"bytesInOutput":216},"packages/plugins/plugin-preview/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-preview/src/types.ts":{"bytesInOutput":266},"packages/plugins/plugin-preview/src/PreviewPlugin.tsx":{"bytesInOutput":6691},"packages/plugins/plugin-preview/src/components/ContactCard.tsx":{"bytesInOutput":2668},"packages/plugins/plugin-preview/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx":{"bytesInOutput":1584},"packages/plugins/plugin-preview/src/components/ProjectCard.tsx":{"bytesInOutput":633},"packages/plugins/plugin-preview/src/translations.ts":{"bytesInOutput":152}},"bytes":12930}}}

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

@@ -1,7 +1,7 @@
 import '@dxos-theme';
 import { type Meta } from '@storybook/react';
 import React, { type FC } from 'react';
-import { DataType } from '@dxos/schema';
+import { Contact, Organization, Project } from '@dxos/schema';
 type StoryProps = {
     Component: FC<{
         subject: any;
@@ -13,8 +13,8 @@ declare const meta: Meta<StoryProps>;
 export default meta;
 export declare const ContactWithImage: {
     args: {
-        Component: ({ children, classNames, role, subject: { fullName, image, organization, emails }, onOrgClick, }: import("./types").PreviewProps<DataType.Person> & {
-            onOrgClick?: (org: DataType.Organization) => void;
+        Component: ({ children, classNames, subject: { fullName, image, organization, emails }, onOrgClick, }: import("./types").PreviewProps<Contact> & {
+            onOrgClick?: (org: Organization) => void;
         }) => React.JSX.Element;
         icon: string;
         subject: Omit<{
@@ -27,7 +27,7 @@ export declare const ContactWithImage: {
                 readonly id: string;
                 description?: string | undefined;
                 name?: string | undefined;
-                status?: "prospect" | "qualified" | "active" | "commit" | "reject" | undefined;
+                status?: "first" | "second" | "third" | "fourth" | undefined;
                 image?: string | undefined;
                 website?: string | undefined;
             }> | undefined;
@@ -135,49 +135,45 @@ export declare const ContactWithImage: {
         } & {
             id: string;
         };
-        role: string;
     };
 };
 export declare const ContactNoImage: {
     args: {
-        Component: ({ children, classNames, role, subject: { fullName, image, organization, emails }, onOrgClick, }: import("./types").PreviewProps<DataType.Person> & {
-            onOrgClick?: (org: DataType.Organization) => void;
+        Component: ({ children, classNames, subject: { fullName, image, organization, emails }, onOrgClick, }: import("./types").PreviewProps<Contact> & {
+            onOrgClick?: (org: Organization) => void;
         }) => React.JSX.Element;
         icon: string;
         subject: any;
-        role: string;
     };
 };
 export declare const OrganizationWithImage: {
     args: {
-        Component: ({ children, classNames, subject: { name, image, description, website }, role, }: import("./types").PreviewProps<DataType.Organization>) => React.JSX.Element;
+        Component: ({ children, classNames, subject: { name, image, description, website }, }: import("./types").PreviewProps<Organization>) => React.JSX.Element;
         icon: string;
         subject: Omit<{
             readonly id: string;
             image?: string | undefined;
-            status?: "prospect" | "qualified" | "active" | "commit" | "reject" | undefined;
             name?: string | undefined;
             description?: string | undefined;
+            status?: "first" | "second" | "third" | "fourth" | undefined;
             website?: string | undefined;
         }, "id"> & {
             id?: string;
         } & {
             id: string;
         };
-        role: string;
     };
 };
 export declare const OrganizationNoImage: {
     args: {
-        Component: ({ children, classNames, subject: { name, image, description, website }, role, }: import("./types").PreviewProps<DataType.Organization>) => React.JSX.Element;
+        Component: ({ children, classNames, subject: { name, image, description, website }, }: import("./types").PreviewProps<Organization>) => React.JSX.Element;
         icon: string;
         subject: any;
-        role: string;
     };
 };
 export declare const ProjectWithImage: {
     args: {
-        Component: ({ classNames, role, subject: { name, image, description }, }: import("./types").PreviewProps<DataType.Project>) => React.JSX.Element;
+        Component: ({ classNames, subject: { name, image, description } }: import("./types").PreviewProps<Project>) => React.JSX.Element;
         icon: string;
         subject: Omit<{
             readonly id: string;
@@ -189,15 +185,13 @@ export declare const ProjectWithImage: {
         } & {
             id: string;
         };
-        role: string;
     };
 };
 export declare const ProjectNoImage: {
     args: {
-        Component: ({ classNames, role, subject: { name, image, description }, }: import("./types").PreviewProps<DataType.Project>) => React.JSX.Element;
+        Component: ({ classNames, subject: { name, image, description } }: import("./types").PreviewProps<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 +1 @@
-{"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,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAQxC,KAAK,UAAU,GAAG;IAChB,SAAS,EAAE,EAAE,CAAC;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,GAAG,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAoB1B,CAAC;AAEF,eAAe,IAAI,CAAC;AA2CpB,eAAO,MAAM,gBAAgB;;oJA5E0B,SAAS,MAAM;sBAC3D,CAAC,QAAQ,SAAS,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4DAgIgt+M,KAAM,qBAAqB;+BAxF1o+M,KAAM,eAAe,YAAW,KAAM,qBACjK;;;;4DAuF41/M,KAAM,qBAAqB;+BAnEr2/M,KAC3B,eACA,YAGH,KAAM,qBAAqB;;;;4DA8Dg8gN,KAAM,qBAAqB;+BAhCr/gN,KAAI,eAAe,YAAW,KAAM,qBACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAflB,CAAC;AAEF,eAAO,MAAM,cAAc;;oJArF4B,SAAS,MAAM;sBAC3D,CAAC,QAAQ,SAAS,YAAY;;;;;;CA2FxC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;oIA9FtB,SAAU,YAAW;;;;;;;;;;;;;;;;CAqGhC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;oIAvGpB,SAAU,YAAW;;;;;CA8GhC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;iHAnHN,SAAS,OAAO;;;;;;;;;;;;;;CA0HtC,CAAC;AAEF,eAAO,MAAM,cAAc;;iHA5HJ,SAAS,OAAO;;;;;CAmItC,CAAC"}
+{"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,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAQ9D,KAAK,UAAU,GAAG;IAChB,SAAS,EAAE,EAAE,CAAC;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,GAAG,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAoB1B,CAAC;AAEF,eAAe,IAAI,CAAC;AA2CpB,eAAO,MAAM,gBAAgB;;;sBA5EyB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4DA2Hq0+M,KAAM,qBAAqB;+BAlFzx+M,KAAM,eAAe,YAAW,KAAM,qBACjK;;;;4DAiF2+/M,KAAM,qBAAqB;+BA7D5+/M,KAAM,eAEjC,YAGC,KAAE,qBAAqB;;;;4DAwDukhN,KAAM,qBAAqB;+BA3BrnhN,KAAO,eAAc,YAE1B,KAEE,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAlBvB,CAAC;AAEF,eAAO,MAAM,cAAc;;;sBApF2B,CAAA;;;;;CA0FrD,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAMjC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;CAM/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"PreviewPlugin.d.ts","sourceRoot":"","sources":["../../../src/PreviewPlugin.tsx"],"names":[],"mappings":"AA+DA,eAAO,MAAM,aAAa,4CAsJtB,CAAC"}
+{"version":3,"file":"PreviewPlugin.d.ts","sourceRoot":"","sources":["../../../src/PreviewPlugin.tsx"],"names":[],"mappings":"AA8DA,eAAO,MAAM,aAAa,4CA8ItB,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 Contact, type Organization } from '@dxos/schema';
 import { type PreviewProps } from '../types';
-export declare const ContactCard: ({ children, classNames, role, subject: { fullName, image, organization, emails }, onOrgClick, }: PreviewProps<DataType.Person> & {
-    onOrgClick?: (org: DataType.Organization) => void;
+export declare const ContactCard: ({ children, classNames, subject: { fullName, image, organization, emails }, onOrgClick, }: PreviewProps<Contact> & {
+    onOrgClick?: (org: 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;AAIxC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,KAAK,YAAY,EAAuE,MAAM,UAAU,CAAC;AAElH,eAAO,MAAM,WAAW,oGAMrB,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;AAIxC,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAE,KAAK,YAAY,EAA0D,MAAM,UAAU,CAAC;AAErG,eAAO,MAAM,WAAW,8FAKrB,YAAY,CAAC,OAAO,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAA;CAAE,sBAmDtE,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 Organization } from '@dxos/schema';
 import { type PreviewProps } from '../types';
-export declare const OrganizationCard: ({ children, classNames, subject: { name, image, description, website }, role, }: PreviewProps<DataType.Organization>) => React.JSX.Element;
+export declare const OrganizationCard: ({ children, classNames, subject: { name, image, description, website }, }: PreviewProps<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,EAAuE,MAAM,UAAU,CAAC;AAElH,eAAO,MAAM,gBAAgB,oFAK1B,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;AAI1B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAE,KAAK,YAAY,EAA0D,MAAM,UAAU,CAAC;AAErG,eAAO,MAAM,gBAAgB,8EAI1B,YAAY,CAAC,YAAY,CAAC,sBAwB5B,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 Project } from '@dxos/schema';
 import { type PreviewProps } from '../types';
-export declare const ProjectCard: ({ classNames, role, subject: { name, image, description }, }: PreviewProps<DataType.Project>) => React.JSX.Element;
+export declare const ProjectCard: ({ classNames, subject: { name, image, description } }: PreviewProps<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,EAA0C,MAAM,UAAU,CAAC;AAErF,eAAO,MAAM,WAAW,iEAIrB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,sBAQhC,CAAC"}
+{"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ProjectCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,KAAK,YAAY,EAA6B,MAAM,UAAU,CAAC;AAExE,eAAO,MAAM,WAAW,0DAA2D,YAAY,CAAC,OAAO,CAAC,sBAQvG,CAAC"}

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

@@ -2,7 +2,6 @@ import { type PropsWithChildren } from 'react';
 import { type ThemedClassName } from '@dxos/react-ui';
 export type PreviewProps<T extends object> = PropsWithChildren<ThemedClassName<{
     subject: T;
-    role: string;
 }>>;
 /**
  * <Card.Root>
@@ -16,9 +15,7 @@ export type PreviewProps<T extends object> = PropsWithChildren<ThemedClassName<{
  *   </Card.Body>
  * </Card.Root>
  */
-export declare const popoverCard = "popover-consistent-width rounded-lg overflow-hidden";
-export declare const defaultCard = "";
-export declare const kanbanCardWithoutPoster = "pbs-[--rail-action]";
+export declare const previewCard = "popover-max-width rounded-lg overflow-hidden";
 export declare const previewTitle = "text-lg font-medium line-clamp-2";
 export declare const previewProse = "pli-3 mlb-3";
 export declare const previewChrome = "pli-1.5 mlb-1.5 [&_.dx-button]:pli-1.5 [&_.dx-button]:text-start [&_.dx-button]:is-full";

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI,iBAAiB,CAC5D,eAAe,CAAC;IACd,OAAO,EAAE,CAAC,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CACH,CAAC;AAQF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,wDAAwD,CAAC;AACjF,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,eAAO,MAAM,uBAAuB,wBAAwB,CAAC;AAC7D,eAAO,MAAM,YAAY,qCAAqC,CAAC;AAC/D,eAAO,MAAM,YAAY,gBAAgB,CAAC;AAC1C,eAAO,MAAM,aAAa,4FAA4F,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI,iBAAiB,CAC5D,eAAe,CAAC;IACd,OAAO,EAAE,CAAC,CAAC;CACZ,CAAC,CACH,CAAC;AAQF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,iDAAiD,CAAC;AAC1E,eAAO,MAAM,YAAY,qCAAqC,CAAC;AAC/D,eAAO,MAAM,YAAY,gBAAgB,CAAC;AAC1C,eAAO,MAAM,aAAa,4FAA4F,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-preview",
-  "version": "0.8.2-main.2f9c567",
+  "version": "0.8.2-main.36232bc",
   "description": "Preview plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -23,33 +23,32 @@
     "src"
   ],
   "dependencies": {
-    "effect": "3.14.21",
-    "@dxos/async": "0.8.2-main.2f9c567",
-    "@dxos/client": "0.8.2-main.2f9c567",
-    "@dxos/app-framework": "0.8.2-main.2f9c567",
-    "@dxos/echo-schema": "0.8.2-main.2f9c567",
-    "@dxos/keys": "0.8.2-main.2f9c567",
-    "@dxos/log": "0.8.2-main.2f9c567",
-    "@dxos/react-client": "0.8.2-main.2f9c567",
-    "@dxos/lit-ui": "0.8.2-main.2f9c567",
-    "@dxos/react-ui": "0.8.2-main.2f9c567",
-    "@dxos/react-ui-editor": "0.8.2-main.2f9c567",
-    "@dxos/react-ui-form": "0.8.2-main.2f9c567",
-    "@dxos/react-ui-table": "0.8.2-main.2f9c567",
-    "@dxos/plugin-client": "0.8.2-main.2f9c567",
-    "@dxos/react-ui-theme": "0.8.2-main.2f9c567",
-    "@dxos/schema": "0.8.2-main.2f9c567",
-    "@dxos/util": "0.8.2-main.2f9c567"
+    "@dxos/app-framework": "0.8.2-main.36232bc",
+    "@dxos/async": "0.8.2-main.36232bc",
+    "@dxos/client": "0.8.2-main.36232bc",
+    "@dxos/echo-schema": "0.8.2-main.36232bc",
+    "@dxos/keys": "0.8.2-main.36232bc",
+    "@dxos/lit-ui": "0.8.2-main.36232bc",
+    "@dxos/plugin-client": "0.8.2-main.36232bc",
+    "@dxos/log": "0.8.2-main.36232bc",
+    "@dxos/react-client": "0.8.2-main.36232bc",
+    "@dxos/react-ui": "0.8.2-main.36232bc",
+    "@dxos/react-ui-form": "0.8.2-main.36232bc",
+    "@dxos/react-ui-editor": "0.8.2-main.36232bc",
+    "@dxos/react-ui-theme": "0.8.2-main.36232bc",
+    "@dxos/util": "0.8.2-main.36232bc",
+    "@dxos/react-ui-table": "0.8.2-main.36232bc",
+    "@dxos/schema": "0.8.2-main.36232bc"
   },
   "devDependencies": {
-    "effect": "3.14.21",
+    "effect": "3.13.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/random": "0.8.2-main.2f9c567"
+    "@dxos/random": "0.8.2-main.36232bc"
   },
   "peerDependencies": {
-    "effect": "^3.13.3",
+    "effect": "3.13.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0"
   },

package/src/Preview.stories.tsx

@@ -11,7 +11,7 @@ import { create } from '@dxos/echo-schema';
 import { faker } from '@dxos/random';
 import { makeRef } from '@dxos/react-client/echo';
 import { Icon, Popover } from '@dxos/react-ui';
-import { DataType } from '@dxos/schema';
+import { Contact, Organization, Project } from '@dxos/schema';
 import { withTheme, withLayout } from '@dxos/storybook-utils';
 
 import { ContactCard, OrganizationCard, ProjectCard } from './components';
@@ -52,7 +52,7 @@ export default meta;
 const omitImage = ({ image, ...rest }: any) => rest;
 
 const data = (() => {
-  const organization = create(DataType.Organization, {
+  const organization = create(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',
@@ -60,7 +60,7 @@ const data = (() => {
     description: faker.lorem.paragraph(),
   });
 
-  const contact = create(DataType.Person, {
+  const contact = create(Contact, {
     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',
@@ -81,7 +81,7 @@ const data = (() => {
     ],
   });
 
-  const project = create(DataType.Project, {
+  const project = create(Project, {
     name: faker.person.fullName(),
     image: 'https://dxos.network/dxos-logotype-blue.png',
     description: faker.lorem.paragraph(),
@@ -95,7 +95,6 @@ export const ContactWithImage = {
     Component: ContactCard,
     icon: 'ph--user--regular',
     subject: data.contact,
-    role: 'popover',
   },
 };
 
@@ -104,7 +103,6 @@ export const ContactNoImage = {
     Component: ContactCard,
     icon: 'ph--user--regular',
     subject: omitImage(data.contact),
-    role: 'popover',
   },
 };
 
@@ -113,7 +111,6 @@ export const OrganizationWithImage = {
     Component: OrganizationCard,
     icon: 'ph--building-office--regular',
     subject: data.organization,
-    role: 'popover',
   },
 };
 
@@ -122,7 +119,6 @@ export const OrganizationNoImage = {
     Component: OrganizationCard,
     icon: 'ph--building-office--regular',
     subject: omitImage(data.organization),
-    role: 'popover',
   },
 };
 
@@ -131,7 +127,6 @@ export const ProjectWithImage = {
     Component: ProjectCard,
     icon: 'ph--building--regular',
     subject: data.project,
-    role: 'popover',
   },
 };
 
@@ -140,6 +135,5 @@ export const ProjectNoImage = {
     Component: ProjectCard,
     icon: 'ph--building--regular',
     subject: omitImage(data.project),
-    role: 'popover',
   },
 };

package/src/PreviewPlugin.tsx

@@ -25,7 +25,7 @@ import {
   getSpace,
   isEchoObject,
   parseId,
-  type AnyLiveObject,
+  type ReactiveEchoObject,
   type Space,
 } from '@dxos/client/echo';
 import { isInstanceOf } from '@dxos/echo-schema';
@@ -38,12 +38,11 @@ import { type PreviewLinkRef, type PreviewLinkTarget } from '@dxos/react-ui-edit
 import { Form } from '@dxos/react-ui-form';
 import { TableType } from '@dxos/react-ui-table';
 import { descriptionMessage } from '@dxos/react-ui-theme';
-import { DataType } from '@dxos/schema';
+import { Contact, Organization, Project } from '@dxos/schema';
 
 import { ContactCard, OrganizationCard, ProjectCard } from './components';
 import { meta, PREVIEW_PLUGIN } from './meta';
 import translations from './translations';
-import { kanbanCardWithoutPoster } from './types';
 
 const customEventOptions = { capture: true, passive: false };
 
@@ -71,7 +70,7 @@ export const PreviewPlugin = () =>
     defineModule({
       id: `${meta.id}/module/schema`,
       activatesOn: ClientEvents.SetupSchema,
-      activate: () => [contributes(ClientCapabilities.Schema, [DataType.Person, DataType.Organization])],
+      activate: () => [contributes(ClientCapabilities.Schema, [Contact, Organization])],
     }),
     defineModule({
       id: `${meta.id}/module/preview-popover`,
@@ -127,16 +126,16 @@ export const PreviewPlugin = () =>
           //
           createSurface({
             id: `${PREVIEW_PLUGIN}/schema-popover`,
-            role: ['popover', 'card--kanban'],
-            filter: (data): data is { subject: DataType.Person } => isInstanceOf(DataType.Person, data.subject),
-            component: ({ data, role }) => {
+            role: 'popover',
+            filter: (data): data is { subject: Contact } => isInstanceOf(Contact, data.subject),
+            component: ({ data }) => {
               const { dispatchPromise: dispatch } = useIntentDispatcher();
               const handleOrgClick = useCallback(
-                async (org: DataType.Organization) => {
+                async (org: Organization) => {
                   const space = getSpace(org);
                   const tablesQuery = await space?.db.query(Filter.schema(TableType)).run();
                   const currentSpaceOrgTable = tablesQuery?.objects.find((table) => {
-                    return table.view?.target?.query?.typename === DataType.Organization.typename;
+                    return table.view?.target?.query?.typename === Organization.typename;
                   });
                   await dispatch(
                     createIntent(LayoutAction.UpdatePopover, {
@@ -160,28 +159,27 @@ export const PreviewPlugin = () =>
                 [dispatch],
               );
               return (
-                <ContactCard subject={data.subject} onOrgClick={handleOrgClick} role={role}>
-                  {role === 'popover' && <Surface role='related' data={data} />}
+                <ContactCard subject={data.subject} onOrgClick={handleOrgClick}>
+                  <Surface role='related' data={data} />
                 </ContactCard>
               );
             },
           }),
           createSurface({
             id: `${PREVIEW_PLUGIN}/schema-popover`,
-            role: ['popover', 'card--kanban'],
-            filter: (data): data is { subject: DataType.Organization } =>
-              isInstanceOf(DataType.Organization, data.subject),
-            component: ({ data, role }) => (
-              <OrganizationCard subject={data.subject} role={role}>
-                {role === 'popover' && <Surface role='related' data={data} />}
+            role: 'popover',
+            filter: (data): data is { subject: Organization } => isInstanceOf(Organization, data.subject),
+            component: ({ data }) => (
+              <OrganizationCard subject={data.subject}>
+                <Surface role='related' data={data} />
               </OrganizationCard>
             ),
           }),
           createSurface({
             id: `${PREVIEW_PLUGIN}/schema-popover`,
-            role: ['popover', 'card--kanban'],
-            filter: (data): data is { subject: DataType.Project } => isInstanceOf(DataType.Project, data.subject),
-            component: ({ data, role }) => <ProjectCard subject={data.subject} role={role} />,
+            role: 'popover',
+            filter: (data): data is { subject: Project } => isInstanceOf(Project, data.subject),
+            component: ({ data }) => <ProjectCard subject={data.subject} />,
           }),
 
           //
@@ -189,24 +187,17 @@ export const PreviewPlugin = () =>
           //
           createSurface({
             id: `${PREVIEW_PLUGIN}/fallback-popover`,
-            role: ['popover', 'card--kanban'],
+            role: 'popover',
             position: 'fallback',
-            filter: (data): data is { subject: AnyLiveObject<any> } => isEchoObject(data.subject),
-            component: ({ data, role }) => {
+            filter: (data): data is { subject: ReactiveEchoObject<any> } => isEchoObject(data.subject),
+            component: ({ data }) => {
               const schema = getSchema(data.subject);
               const { t } = useTranslation(PREVIEW_PLUGIN);
               if (!schema) {
                 return <p className={descriptionMessage}>{t('unable to create preview message')}</p>;
               }
 
-              return (
-                <Form
-                  schema={schema}
-                  values={data.subject}
-                  readonly
-                  {...(role === 'card--kanban' && { classNames: kanbanCardWithoutPoster })}
-                />
-              );
+              return <Form schema={schema} values={data.subject} readonly />;
             },
           }),
         ]),

package/src/components/ContactCard.tsx

@@ -6,20 +6,19 @@ import React, { Fragment } from 'react';
 
 import { Icon, Avatar, Button } from '@dxos/react-ui';
 import { mx } from '@dxos/react-ui-theme';
-import { type DataType } from '@dxos/schema';
+import { type Contact, type Organization } from '@dxos/schema';
 
-import { type PreviewProps, popoverCard, previewTitle, previewProse, previewChrome, defaultCard } from '../types';
+import { type PreviewProps, previewCard, previewTitle, previewProse, previewChrome } from '../types';
 
 export const ContactCard = ({
   children,
   classNames,
-  role,
   subject: { fullName, image, organization, emails },
   onOrgClick,
-}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {
+}: PreviewProps<Contact> & { onOrgClick?: (org: Organization) => void }) => {
   const organizationName = organization && typeof organization === 'object' ? organization.target?.name : organization;
   return (
-    <div role='none' className={mx(role === 'popover' ? popoverCard : defaultCard, classNames)}>
+    <div role='none' className={mx(previewCard, classNames)}>
       <Avatar.Root>
         <div role='group' className={mx(previewProse, 'grid gap-3 grid-cols-[min-content_1fr]')}>
           <Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' />

package/src/components/OrganizationCard.tsx

@@ -6,22 +6,21 @@ import React from 'react';
 
 import { Icon } from '@dxos/react-ui';
 import { mx } from '@dxos/react-ui-theme';
-import { type DataType } from '@dxos/schema';
+import { type Organization } from '@dxos/schema';
 
-import { type PreviewProps, popoverCard, previewTitle, previewProse, previewChrome, defaultCard } from '../types';
+import { type PreviewProps, previewCard, previewTitle, previewProse, previewChrome } from '../types';
 
 export const OrganizationCard = ({
   children,
   classNames,
   subject: { name, image, description, website },
-  role,
-}: PreviewProps<DataType.Organization>) => {
+}: PreviewProps<Organization>) => {
   return (
-    <div role='none' className={mx(role === 'popover' ? popoverCard : defaultCard, classNames)}>
+    <div role='none' className={mx(previewCard, classNames)}>
       {image ? (
         <img className='aspect-video object-cover is-full bs-auto' src={image} alt={name} />
       ) : (
-        <div role='image' className='grid aspect-video place-items-center bg-input text-subdued'>
+        <div role='image' className='grid aspect-video place-items-center bg-groupSurface text-subdued'>
           <Icon icon='ph--building-office--regular' size={10} />
         </div>
       )}

package/src/components/ProjectCard.tsx

@@ -5,17 +5,13 @@
 import React from 'react';
 
 import { mx } from '@dxos/react-ui-theme';
-import { type DataType } from '@dxos/schema';
+import { type Project } from '@dxos/schema';
 
-import { type PreviewProps, popoverCard, previewTitle, defaultCard } from '../types';
+import { type PreviewProps, previewCard, previewTitle } from '../types';
 
-export const ProjectCard = ({
-  classNames,
-  role,
-  subject: { name, image, description },
-}: PreviewProps<DataType.Project>) => {
+export const ProjectCard = ({ classNames, subject: { name, image, description } }: PreviewProps<Project>) => {
   return (
-    <div role='none' className={mx(role === 'popover' ? popoverCard : defaultCard, classNames)}>
+    <div role='none' className={mx(previewCard, classNames)}>
       {image && <img className='is-full bs-auto' src={image} alt={name} />}
       <h2 className={mx(previewTitle, 'pli-3 mlb-3')}>{name}</h2>
       {description && <p className='pli-3 line-clamp-2 mlb-3'>{description}</p>}

package/src/types.ts

@@ -10,7 +10,6 @@ import { type ThemedClassName } from '@dxos/react-ui';
 export type PreviewProps<T extends object> = PropsWithChildren<
   ThemedClassName<{
     subject: T;
-    role: string;
   }>
 >;
 
@@ -32,9 +31,7 @@ export type PreviewProps<T extends object> = PropsWithChildren<
  *   </Card.Body>
  * </Card.Root>
  */
-export const popoverCard = 'popover-consistent-width rounded-lg overflow-hidden';
-export const defaultCard = '';
-export const kanbanCardWithoutPoster = 'pbs-[--rail-action]';
+export const previewCard = 'popover-max-width rounded-lg overflow-hidden';
 export const previewTitle = 'text-lg font-medium line-clamp-2';
 export const previewProse = 'pli-3 mlb-3';
 export const previewChrome = 'pli-1.5 mlb-1.5 [&_.dx-button]:pli-1.5 [&_.dx-button]:text-start [&_.dx-button]:is-full';