@dxos/react-ui-card 0.8.2 → 0.11.0

package/dist/lib/browser/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/Card.tsx", "../../../src/theme.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Circle, DotsSixVertical, DotsThreeVertical, type Icon } from '@phosphor-icons/react';\nimport { type Primitive } from '@radix-ui/react-primitive';\nimport React, {\n  type ComponentPropsWithoutRef,\n  type ComponentPropsWithRef,\n  type FC,\n  type PropsWithChildren,\n  forwardRef,\n} from 'react';\n\nimport { useDensityContext, DropdownMenu, type ThemedClassName } from '@dxos/react-ui';\n\nimport {\n  cardBody,\n  cardDragHandle,\n  cardDragHandleIcon,\n  cardHeader,\n  cardMedia,\n  cardMenu,\n  cardMenuIcon,\n  cardRoot,\n  cardTitle,\n} from '../theme';\n\ntype CardRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {\n  grow?: boolean;\n  square?: boolean;\n  noPadding?: boolean;\n};\n\n// TODO(burdon): Forward refs for all components?\nconst CardRoot = forwardRef<HTMLDivElement, CardRootProps>(\n  ({ grow, square, noPadding, classNames, children, ...props }, forwardedRef) => {\n    return (\n      <div {...props} ref={forwardedRef} className={cardRoot({ grow, square, noPadding }, classNames)}>\n        {children}\n      </div>\n    );\n  },\n);\n\ntype CardHeaderProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { floating?: boolean };\n\nexport const CardHeader: FC<CardHeaderProps> = ({ floating, classNames, children, ...props }) => {\n  return (\n    <div {...props} className={cardHeader({ floating }, classNames)}>\n      {children}\n    </div>\n  );\n};\n\ntype CardTitleProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {\n  center?: boolean;\n  title?: string;\n};\n\nexport const CardTitle: FC<CardTitleProps> = ({ center, title, classNames, ...props }) => {\n  return (\n    <div {...props} className={cardTitle({ center }, classNames)}>\n      {title}\n    </div>\n  );\n};\n\n// TODO(burdon): Reuse ListItemEndcap?\ntype CardDragHandleProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { position?: 'left' | 'right' };\n\nconst CardDragHandle: FC<CardDragHandleProps> = ({ position, classNames, ...props }) => {\n  const density = useDensityContext();\n  return (\n    <div {...props} className={cardDragHandle({ density, position }, classNames)}>\n      <DotsSixVertical className={cardDragHandleIcon({})} />\n    </div>\n  );\n};\n\ntype CardEndcapProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { Icon?: Icon; position?: 'left' | 'right' };\n\nconst CardEndcap: FC<CardEndcapProps> = ({ Icon = Circle, position, classNames, ...props }) => {\n  const density = useDensityContext();\n  return (\n    <div {...props} className={cardMenu({ density, position }, classNames)}>\n      <Icon className={cardMenuIcon({})} />\n    </div>\n  );\n};\n\ntype CardMenuProps = PropsWithChildren<\n  ThemedClassName<ComponentPropsWithoutRef<'div'>> & { position?: 'left' | 'right' }\n>;\n\n// TODO(burdon): Reconcile with Endcap (remove dropdown from here). See ListItem.Endcap (style icon/size?)\nconst CardMenu = forwardRef<HTMLDivElement, CardMenuProps>(\n  ({ children, position, classNames, ...props }, forwardRef) => {\n    const density = useDensityContext();\n    return (\n      <div {...props} className={cardMenu({ density, position }, classNames)} ref={forwardRef}>\n        <DropdownMenu.Root>\n          <DropdownMenu.Trigger asChild>\n            <DotsThreeVertical className={cardMenuIcon({})} />\n          </DropdownMenu.Trigger>\n          {/* TODO(burdon): Position to the left of the menu button. */}\n          <DropdownMenu.Content>\n            <DropdownMenu.Viewport>{children}</DropdownMenu.Viewport>\n          </DropdownMenu.Content>\n        </DropdownMenu.Root>\n      </div>\n    );\n  },\n);\n\ntype CardBodyProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { gutter?: boolean };\n\nexport const CardBody: FC<CardBodyProps> = ({ gutter, classNames, children, ...props }) => {\n  const density = useDensityContext();\n  return (\n    <div {...props} className={cardBody({ density, gutter }, classNames)}>\n      {children}\n    </div>\n  );\n};\n\ntype CardMediaProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { src?: string; contain?: boolean };\n\n// TODO(burdon): Option to set to 50% of height of card.\nexport const CardMedia: FC<CardMediaProps> = ({ src, contain, classNames, ...props }) => {\n  return (\n    <div className='flex grow overflow-hidden'>\n      <img {...props} className={cardMedia({ contain }, classNames)} src={src} />\n    </div>\n  );\n};\n\nexport const Card = {\n  Root: CardRoot,\n  Header: CardHeader,\n  DragHandle: CardDragHandle,\n  Endcap: CardEndcap,\n  Menu: CardMenu,\n  Title: CardTitle,\n  Body: CardBody,\n  Media: CardMedia,\n};\n\nexport type { CardRootProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type ComponentFunction, type Density, type Theme } from '@dxos/react-ui';\nimport { getSize, attentionSurface, mx } from '@dxos/react-ui-theme';\n\nconst defaults = {\n  width: 'min-w-[256px]',\n};\n\nexport type CardStyleProps = Partial<{\n  density: Density;\n  grow?: boolean;\n  square?: boolean;\n  rounded?: boolean;\n  noPadding?: boolean;\n}>;\n\nexport const cardRoot: ComponentFunction<CardStyleProps> = ({ grow, square, rounded = true }, ...etc) =>\n  mx(\n    'flex flex-col group/card overflow-hidden',\n    grow && 'h-full',\n    defaults.width,\n    attentionSurface,\n    'shadow', // TODO(burdon): Elevation?\n    rounded && 'rounded',\n    square && 'aspect-square',\n    ...etc,\n  );\n\nexport const cardHeader: ComponentFunction<CardStyleProps & { floating?: boolean }> = ({ floating }, ...etc) =>\n  mx(floating ? 'relative' : 'flex w-full shrink-0 justify-between overflow-hidden items-center py-1', ...etc);\n\nexport const cardTitle: ComponentFunction<CardStyleProps & { center?: boolean }> = ({ center }, ...etc) =>\n  mx('grow overflow-hidden truncate first:pl-4 last:pr-4', center && 'text-center', ...etc);\n\nexport const cardDragHandle: ComponentFunction<CardStyleProps & { position?: 'left' | 'right' }> = (\n  { density, position },\n  ...etc\n) =>\n  mx(\n    'flex shrink-0 items-center justify-center select-none',\n    density === 'fine' ? getSize(8) : getSize(10),\n    position === 'left' && 'absolute top-1 left-1',\n    position === 'right' && 'absolute top-1 right-1',\n    position && 'text-black group-hover/card:bg-white group-hover/card:bg-opacity-80',\n    ...etc,\n  );\n\nexport const cardDragHandleIcon: ComponentFunction<CardStyleProps> = (_, ...etc) =>\n  mx(getSize(5), 'cursor-pointer', ...etc);\n\n// TODO(burdon): Helper for DropdownMenu? Density, etc?\nexport const cardMenu: ComponentFunction<CardStyleProps & { position?: 'left' | 'right' }> = (\n  { density, position },\n  ...etc\n) =>\n  mx(\n    'flex shrink-0 items-center justify-center',\n    density === 'fine' ? getSize(8) : getSize(10),\n    position === 'left' && 'absolute top-1 left-1',\n    position === 'right' && 'absolute top-1 right-1',\n    position && 'text-black group-hover/card:bg-white group-hover/card:bg-opacity-80',\n    ...etc,\n  );\n\nexport const cardMenuIcon: ComponentFunction<CardStyleProps> = (_, ...etc) => mx(getSize(5), 'cursor-pointer');\n\nexport const cardBody: ComponentFunction<CardStyleProps & { gutter?: boolean }> = (\n  { density, gutter, noPadding },\n  ...etc\n) =>\n  mx(\n    'grow overflow-auto',\n    !noPadding && 'px-2',\n    // TODO(burdon): Create density-specific constants.\n    gutter && (density === 'fine' ? 'pl-0 ml-[32px]' : 'pl-0 ml-[40px]'),\n    ...etc,\n  );\n\nexport const cardMedia: ComponentFunction<CardStyleProps & { contain?: boolean }> = ({ contain }, ...etc) =>\n  mx(\n    'grow max-h-[300px]',\n    // Hide broken image links (e.g., if offline).\n    \"before:content-[' '] before:block before:w-full before:h-full before:border-0\",\n    contain ? 'object-contain' : 'object-cover',\n    ...etc,\n  );\n\nexport const cardTheme: Theme<CardStyleProps> = {\n  root: cardRoot,\n  header: cardHeader,\n  title: cardTitle,\n  dragHandle: cardDragHandle,\n  dragHandleIcon: cardDragHandleIcon,\n  menu: cardMenu,\n  menuIcon: cardMenuIcon,\n  body: cardBody,\n  media: cardMedia,\n};\n"],
-  "mappings": "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",
-  "names": ["Circle", "DotsSixVertical", "DotsThreeVertical", "React", "forwardRef", "useDensityContext", "DropdownMenu", "getSize", "attentionSurface", "mx", "defaults", "width", "cardRoot", "grow", "square", "rounded", "etc", "mx", "attentionSurface", "cardHeader", "floating", "cardTitle", "center", "cardDragHandle", "density", "position", "getSize", "cardDragHandleIcon", "_", "cardMenu", "cardMenuIcon", "cardBody", "gutter", "noPadding", "cardMedia", "contain", "cardTheme", "root", "header", "title", "dragHandle", "dragHandleIcon", "menu", "menuIcon", "body", "media", "CardRoot", "forwardRef", "grow", "square", "noPadding", "classNames", "children", "props", "forwardedRef", "div", "ref", "className", "cardRoot", "CardHeader", "floating", "cardHeader", "CardTitle", "center", "title", "cardTitle", "CardDragHandle", "position", "density", "useDensityContext", "cardDragHandle", "DotsSixVertical", "cardDragHandleIcon", "CardEndcap", "Icon", "Circle", "cardMenu", "cardMenuIcon", "CardMenu", "DropdownMenu", "Root", "Trigger", "asChild", "DotsThreeVertical", "Content", "Viewport", "CardBody", "gutter", "cardBody", "CardMedia", "src", "contain", "img", "cardMedia", "Card", "Header", "DragHandle", "Endcap", "Menu", "Title", "Body", "Media"]
-}

package/dist/lib/browser/meta.json

@@ -1 +0,0 @@
-{"inputs":{"packages/ui/react-ui-card/src/theme.ts":{"bytes":9584,"imports":[{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-card/src/components/Card.tsx":{"bytes":15142,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-card/src/theme.ts","kind":"import-statement","original":"../theme"}],"format":"esm"},"packages/ui/react-ui-card/src/components/index.ts":{"bytes":468,"imports":[{"path":"packages/ui/react-ui-card/src/components/Card.tsx","kind":"import-statement","original":"./Card"}],"format":"esm"},"packages/ui/react-ui-card/src/index.ts":{"bytes":552,"imports":[{"path":"packages/ui/react-ui-card/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-card/src/theme.ts","kind":"import-statement","original":"./theme"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-card/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12814},"packages/ui/react-ui-card/dist/lib/browser/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","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}],"exports":["Card","CardBody","CardHeader","CardMedia","CardTitle","cardBody","cardDragHandle","cardDragHandleIcon","cardHeader","cardMedia","cardMenu","cardMenuIcon","cardRoot","cardTheme","cardTitle"],"entryPoint":"packages/ui/react-ui-card/src/index.ts","inputs":{"packages/ui/react-ui-card/src/components/Card.tsx":{"bytesInOutput":3911},"packages/ui/react-ui-card/src/theme.ts":{"bytesInOutput":2207},"packages/ui/react-ui-card/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-card/src/index.ts":{"bytesInOutput":0}},"bytes":6519}}}

package/dist/lib/node/index.cjs

@@ -1,243 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var node_exports = {};
-__export(node_exports, {
-  Card: () => Card,
-  CardBody: () => CardBody,
-  CardHeader: () => CardHeader,
-  CardMedia: () => CardMedia,
-  CardTitle: () => CardTitle,
-  cardBody: () => cardBody,
-  cardDragHandle: () => cardDragHandle,
-  cardDragHandleIcon: () => cardDragHandleIcon,
-  cardHeader: () => cardHeader,
-  cardMedia: () => cardMedia,
-  cardMenu: () => cardMenu,
-  cardMenuIcon: () => cardMenuIcon,
-  cardRoot: () => cardRoot,
-  cardTheme: () => cardTheme,
-  cardTitle: () => cardTitle
-});
-module.exports = __toCommonJS(node_exports);
-var import_tracking = require("@preact-signals/safe-react/tracking");
-var import_react = require("@phosphor-icons/react");
-var import_react2 = __toESM(require("react"));
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var defaults = {
-  width: "min-w-[256px]"
-};
-var cardRoot = ({ grow, square, rounded = true }, ...etc) => (0, import_react_ui_theme.mx)("flex flex-col group/card overflow-hidden", grow && "h-full", defaults.width, import_react_ui_theme.attentionSurface, "shadow", rounded && "rounded", square && "aspect-square", ...etc);
-var cardHeader = ({ floating }, ...etc) => (0, import_react_ui_theme.mx)(floating ? "relative" : "flex w-full shrink-0 justify-between overflow-hidden items-center py-1", ...etc);
-var cardTitle = ({ center }, ...etc) => (0, import_react_ui_theme.mx)("grow overflow-hidden truncate first:pl-4 last:pr-4", center && "text-center", ...etc);
-var cardDragHandle = ({ density, position }, ...etc) => (0, import_react_ui_theme.mx)("flex shrink-0 items-center justify-center select-none", density === "fine" ? (0, import_react_ui_theme.getSize)(8) : (0, import_react_ui_theme.getSize)(10), position === "left" && "absolute top-1 left-1", position === "right" && "absolute top-1 right-1", position && "text-black group-hover/card:bg-white group-hover/card:bg-opacity-80", ...etc);
-var cardDragHandleIcon = (_, ...etc) => (0, import_react_ui_theme.mx)((0, import_react_ui_theme.getSize)(5), "cursor-pointer", ...etc);
-var cardMenu = ({ density, position }, ...etc) => (0, import_react_ui_theme.mx)("flex shrink-0 items-center justify-center", density === "fine" ? (0, import_react_ui_theme.getSize)(8) : (0, import_react_ui_theme.getSize)(10), position === "left" && "absolute top-1 left-1", position === "right" && "absolute top-1 right-1", position && "text-black group-hover/card:bg-white group-hover/card:bg-opacity-80", ...etc);
-var cardMenuIcon = (_, ...etc) => (0, import_react_ui_theme.mx)((0, import_react_ui_theme.getSize)(5), "cursor-pointer");
-var cardBody = ({ density, gutter, noPadding }, ...etc) => (0, import_react_ui_theme.mx)(
-  "grow overflow-auto",
-  !noPadding && "px-2",
-  // TODO(burdon): Create density-specific constants.
-  gutter && (density === "fine" ? "pl-0 ml-[32px]" : "pl-0 ml-[40px]"),
-  ...etc
-);
-var cardMedia = ({ contain }, ...etc) => (0, import_react_ui_theme.mx)(
-  "grow max-h-[300px]",
-  // Hide broken image links (e.g., if offline).
-  "before:content-['\xA0'] before:block before:w-full before:h-full before:border-0",
-  contain ? "object-contain" : "object-cover",
-  ...etc
-);
-var cardTheme = {
-  root: cardRoot,
-  header: cardHeader,
-  title: cardTitle,
-  dragHandle: cardDragHandle,
-  dragHandleIcon: cardDragHandleIcon,
-  menu: cardMenu,
-  menuIcon: cardMenuIcon,
-  body: cardBody,
-  media: cardMedia
-};
-var CardRoot = /* @__PURE__ */ (0, import_react2.forwardRef)(({ grow, square, noPadding, classNames, children, ...props }, forwardedRef) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    return /* @__PURE__ */ import_react2.default.createElement("div", {
-      ...props,
-      ref: forwardedRef,
-      className: cardRoot({
-        grow,
-        square,
-        noPadding
-      }, classNames)
-    }, children);
-  } finally {
-    _effect.f();
-  }
-});
-var CardHeader = ({ floating, classNames, children, ...props }) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    return /* @__PURE__ */ import_react2.default.createElement("div", {
-      ...props,
-      className: cardHeader({
-        floating
-      }, classNames)
-    }, children);
-  } finally {
-    _effect.f();
-  }
-};
-var CardTitle = ({ center, title, classNames, ...props }) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    return /* @__PURE__ */ import_react2.default.createElement("div", {
-      ...props,
-      className: cardTitle({
-        center
-      }, classNames)
-    }, title);
-  } finally {
-    _effect.f();
-  }
-};
-var CardDragHandle = ({ position, classNames, ...props }) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    const density = (0, import_react_ui.useDensityContext)();
-    return /* @__PURE__ */ import_react2.default.createElement("div", {
-      ...props,
-      className: cardDragHandle({
-        density,
-        position
-      }, classNames)
-    }, /* @__PURE__ */ import_react2.default.createElement(import_react.DotsSixVertical, {
-      className: cardDragHandleIcon({})
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var CardEndcap = ({ Icon = import_react.Circle, position, classNames, ...props }) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    const density = (0, import_react_ui.useDensityContext)();
-    return /* @__PURE__ */ import_react2.default.createElement("div", {
-      ...props,
-      className: cardMenu({
-        density,
-        position
-      }, classNames)
-    }, /* @__PURE__ */ import_react2.default.createElement(Icon, {
-      className: cardMenuIcon({})
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var CardMenu = /* @__PURE__ */ (0, import_react2.forwardRef)(({ children, position, classNames, ...props }, forwardRef2) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    const density = (0, import_react_ui.useDensityContext)();
-    return /* @__PURE__ */ import_react2.default.createElement("div", {
-      ...props,
-      className: cardMenu({
-        density,
-        position
-      }, classNames),
-      ref: forwardRef2
-    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.DropdownMenu.Root, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.DropdownMenu.Trigger, {
-      asChild: true
-    }, /* @__PURE__ */ import_react2.default.createElement(import_react.DotsThreeVertical, {
-      className: cardMenuIcon({})
-    })), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.DropdownMenu.Content, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.DropdownMenu.Viewport, null, children))));
-  } finally {
-    _effect.f();
-  }
-});
-var CardBody = ({ gutter, classNames, children, ...props }) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    const density = (0, import_react_ui.useDensityContext)();
-    return /* @__PURE__ */ import_react2.default.createElement("div", {
-      ...props,
-      className: cardBody({
-        density,
-        gutter
-      }, classNames)
-    }, children);
-  } finally {
-    _effect.f();
-  }
-};
-var CardMedia = ({ src, contain, classNames, ...props }) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    return /* @__PURE__ */ import_react2.default.createElement("div", {
-      className: "flex grow overflow-hidden"
-    }, /* @__PURE__ */ import_react2.default.createElement("img", {
-      ...props,
-      className: cardMedia({
-        contain
-      }, classNames),
-      src
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var Card = {
-  Root: CardRoot,
-  Header: CardHeader,
-  DragHandle: CardDragHandle,
-  Endcap: CardEndcap,
-  Menu: CardMenu,
-  Title: CardTitle,
-  Body: CardBody,
-  Media: CardMedia
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Card,
-  CardBody,
-  CardHeader,
-  CardMedia,
-  CardTitle,
-  cardBody,
-  cardDragHandle,
-  cardDragHandleIcon,
-  cardHeader,
-  cardMedia,
-  cardMenu,
-  cardMenuIcon,
-  cardRoot,
-  cardTheme,
-  cardTitle
-});
-//# sourceMappingURL=index.cjs.map

package/dist/lib/node/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/Card.tsx", "../../../src/theme.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Circle, DotsSixVertical, DotsThreeVertical, type Icon } from '@phosphor-icons/react';\nimport { type Primitive } from '@radix-ui/react-primitive';\nimport React, {\n  type ComponentPropsWithoutRef,\n  type ComponentPropsWithRef,\n  type FC,\n  type PropsWithChildren,\n  forwardRef,\n} from 'react';\n\nimport { useDensityContext, DropdownMenu, type ThemedClassName } from '@dxos/react-ui';\n\nimport {\n  cardBody,\n  cardDragHandle,\n  cardDragHandleIcon,\n  cardHeader,\n  cardMedia,\n  cardMenu,\n  cardMenuIcon,\n  cardRoot,\n  cardTitle,\n} from '../theme';\n\ntype CardRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {\n  grow?: boolean;\n  square?: boolean;\n  noPadding?: boolean;\n};\n\n// TODO(burdon): Forward refs for all components?\nconst CardRoot = forwardRef<HTMLDivElement, CardRootProps>(\n  ({ grow, square, noPadding, classNames, children, ...props }, forwardedRef) => {\n    return (\n      <div {...props} ref={forwardedRef} className={cardRoot({ grow, square, noPadding }, classNames)}>\n        {children}\n      </div>\n    );\n  },\n);\n\ntype CardHeaderProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { floating?: boolean };\n\nexport const CardHeader: FC<CardHeaderProps> = ({ floating, classNames, children, ...props }) => {\n  return (\n    <div {...props} className={cardHeader({ floating }, classNames)}>\n      {children}\n    </div>\n  );\n};\n\ntype CardTitleProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {\n  center?: boolean;\n  title?: string;\n};\n\nexport const CardTitle: FC<CardTitleProps> = ({ center, title, classNames, ...props }) => {\n  return (\n    <div {...props} className={cardTitle({ center }, classNames)}>\n      {title}\n    </div>\n  );\n};\n\n// TODO(burdon): Reuse ListItemEndcap?\ntype CardDragHandleProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { position?: 'left' | 'right' };\n\nconst CardDragHandle: FC<CardDragHandleProps> = ({ position, classNames, ...props }) => {\n  const density = useDensityContext();\n  return (\n    <div {...props} className={cardDragHandle({ density, position }, classNames)}>\n      <DotsSixVertical className={cardDragHandleIcon({})} />\n    </div>\n  );\n};\n\ntype CardEndcapProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { Icon?: Icon; position?: 'left' | 'right' };\n\nconst CardEndcap: FC<CardEndcapProps> = ({ Icon = Circle, position, classNames, ...props }) => {\n  const density = useDensityContext();\n  return (\n    <div {...props} className={cardMenu({ density, position }, classNames)}>\n      <Icon className={cardMenuIcon({})} />\n    </div>\n  );\n};\n\ntype CardMenuProps = PropsWithChildren<\n  ThemedClassName<ComponentPropsWithoutRef<'div'>> & { position?: 'left' | 'right' }\n>;\n\n// TODO(burdon): Reconcile with Endcap (remove dropdown from here). See ListItem.Endcap (style icon/size?)\nconst CardMenu = forwardRef<HTMLDivElement, CardMenuProps>(\n  ({ children, position, classNames, ...props }, forwardRef) => {\n    const density = useDensityContext();\n    return (\n      <div {...props} className={cardMenu({ density, position }, classNames)} ref={forwardRef}>\n        <DropdownMenu.Root>\n          <DropdownMenu.Trigger asChild>\n            <DotsThreeVertical className={cardMenuIcon({})} />\n          </DropdownMenu.Trigger>\n          {/* TODO(burdon): Position to the left of the menu button. */}\n          <DropdownMenu.Content>\n            <DropdownMenu.Viewport>{children}</DropdownMenu.Viewport>\n          </DropdownMenu.Content>\n        </DropdownMenu.Root>\n      </div>\n    );\n  },\n);\n\ntype CardBodyProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { gutter?: boolean };\n\nexport const CardBody: FC<CardBodyProps> = ({ gutter, classNames, children, ...props }) => {\n  const density = useDensityContext();\n  return (\n    <div {...props} className={cardBody({ density, gutter }, classNames)}>\n      {children}\n    </div>\n  );\n};\n\ntype CardMediaProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { src?: string; contain?: boolean };\n\n// TODO(burdon): Option to set to 50% of height of card.\nexport const CardMedia: FC<CardMediaProps> = ({ src, contain, classNames, ...props }) => {\n  return (\n    <div className='flex grow overflow-hidden'>\n      <img {...props} className={cardMedia({ contain }, classNames)} src={src} />\n    </div>\n  );\n};\n\nexport const Card = {\n  Root: CardRoot,\n  Header: CardHeader,\n  DragHandle: CardDragHandle,\n  Endcap: CardEndcap,\n  Menu: CardMenu,\n  Title: CardTitle,\n  Body: CardBody,\n  Media: CardMedia,\n};\n\nexport type { CardRootProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type ComponentFunction, type Density, type Theme } from '@dxos/react-ui';\nimport { getSize, attentionSurface, mx } from '@dxos/react-ui-theme';\n\nconst defaults = {\n  width: 'min-w-[256px]',\n};\n\nexport type CardStyleProps = Partial<{\n  density: Density;\n  grow?: boolean;\n  square?: boolean;\n  rounded?: boolean;\n  noPadding?: boolean;\n}>;\n\nexport const cardRoot: ComponentFunction<CardStyleProps> = ({ grow, square, rounded = true }, ...etc) =>\n  mx(\n    'flex flex-col group/card overflow-hidden',\n    grow && 'h-full',\n    defaults.width,\n    attentionSurface,\n    'shadow', // TODO(burdon): Elevation?\n    rounded && 'rounded',\n    square && 'aspect-square',\n    ...etc,\n  );\n\nexport const cardHeader: ComponentFunction<CardStyleProps & { floating?: boolean }> = ({ floating }, ...etc) =>\n  mx(floating ? 'relative' : 'flex w-full shrink-0 justify-between overflow-hidden items-center py-1', ...etc);\n\nexport const cardTitle: ComponentFunction<CardStyleProps & { center?: boolean }> = ({ center }, ...etc) =>\n  mx('grow overflow-hidden truncate first:pl-4 last:pr-4', center && 'text-center', ...etc);\n\nexport const cardDragHandle: ComponentFunction<CardStyleProps & { position?: 'left' | 'right' }> = (\n  { density, position },\n  ...etc\n) =>\n  mx(\n    'flex shrink-0 items-center justify-center select-none',\n    density === 'fine' ? getSize(8) : getSize(10),\n    position === 'left' && 'absolute top-1 left-1',\n    position === 'right' && 'absolute top-1 right-1',\n    position && 'text-black group-hover/card:bg-white group-hover/card:bg-opacity-80',\n    ...etc,\n  );\n\nexport const cardDragHandleIcon: ComponentFunction<CardStyleProps> = (_, ...etc) =>\n  mx(getSize(5), 'cursor-pointer', ...etc);\n\n// TODO(burdon): Helper for DropdownMenu? Density, etc?\nexport const cardMenu: ComponentFunction<CardStyleProps & { position?: 'left' | 'right' }> = (\n  { density, position },\n  ...etc\n) =>\n  mx(\n    'flex shrink-0 items-center justify-center',\n    density === 'fine' ? getSize(8) : getSize(10),\n    position === 'left' && 'absolute top-1 left-1',\n    position === 'right' && 'absolute top-1 right-1',\n    position && 'text-black group-hover/card:bg-white group-hover/card:bg-opacity-80',\n    ...etc,\n  );\n\nexport const cardMenuIcon: ComponentFunction<CardStyleProps> = (_, ...etc) => mx(getSize(5), 'cursor-pointer');\n\nexport const cardBody: ComponentFunction<CardStyleProps & { gutter?: boolean }> = (\n  { density, gutter, noPadding },\n  ...etc\n) =>\n  mx(\n    'grow overflow-auto',\n    !noPadding && 'px-2',\n    // TODO(burdon): Create density-specific constants.\n    gutter && (density === 'fine' ? 'pl-0 ml-[32px]' : 'pl-0 ml-[40px]'),\n    ...etc,\n  );\n\nexport const cardMedia: ComponentFunction<CardStyleProps & { contain?: boolean }> = ({ contain }, ...etc) =>\n  mx(\n    'grow max-h-[300px]',\n    // Hide broken image links (e.g., if offline).\n    \"before:content-[' '] before:block before:w-full before:h-full before:border-0\",\n    contain ? 'object-contain' : 'object-cover',\n    ...etc,\n  );\n\nexport const cardTheme: Theme<CardStyleProps> = {\n  root: cardRoot,\n  header: cardHeader,\n  title: cardTitle,\n  dragHandle: cardDragHandle,\n  dragHandleIcon: cardDragHandleIcon,\n  menu: cardMenu,\n  menuIcon: cardMenuIcon,\n  body: cardBody,\n  media: cardMedia,\n};\n"],
-  "mappings": "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",
-  "names": ["import_react", "defaults", "width", "cardRoot", "grow", "square", "rounded", "etc", "mx", "attentionSurface", "cardHeader", "floating", "cardTitle", "center", "cardDragHandle", "density", "position", "getSize", "cardDragHandleIcon", "_", "cardMenu", "cardMenuIcon", "cardBody", "gutter", "noPadding", "cardMedia", "contain", "cardTheme", "root", "header", "title", "dragHandle", "dragHandleIcon", "menu", "menuIcon", "body", "media", "CardRoot", "forwardRef", "classNames", "children", "props", "forwardedRef", "React", "div", "ref", "className", "CardHeader", "CardTitle", "CardDragHandle", "useDensityContext", "DotsSixVertical", "CardEndcap", "Icon", "Circle", "CardMenu", "DropdownMenu", "Root", "Trigger", "asChild", "DotsThreeVertical", "Content", "Viewport", "CardBody", "CardMedia", "src", "img", "Card", "Header", "DragHandle", "Endcap", "Menu", "Title", "Body", "Media"]
-}

package/dist/lib/node/meta.json

@@ -1 +0,0 @@
-{"inputs":{"packages/ui/react-ui-card/src/theme.ts":{"bytes":9584,"imports":[{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-card/src/components/Card.tsx":{"bytes":15142,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-card/src/theme.ts","kind":"import-statement","original":"../theme"}],"format":"esm"},"packages/ui/react-ui-card/src/components/index.ts":{"bytes":468,"imports":[{"path":"packages/ui/react-ui-card/src/components/Card.tsx","kind":"import-statement","original":"./Card"}],"format":"esm"},"packages/ui/react-ui-card/src/index.ts":{"bytes":552,"imports":[{"path":"packages/ui/react-ui-card/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-card/src/theme.ts","kind":"import-statement","original":"./theme"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-card/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12814},"packages/ui/react-ui-card/dist/lib/node/index.cjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","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}],"exports":["Card","CardBody","CardHeader","CardMedia","CardTitle","cardBody","cardDragHandle","cardDragHandleIcon","cardHeader","cardMedia","cardMenu","cardMenuIcon","cardRoot","cardTheme","cardTitle"],"entryPoint":"packages/ui/react-ui-card/src/index.ts","inputs":{"packages/ui/react-ui-card/src/components/Card.tsx":{"bytesInOutput":3911},"packages/ui/react-ui-card/src/theme.ts":{"bytesInOutput":2207},"packages/ui/react-ui-card/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-card/src/index.ts":{"bytesInOutput":0}},"bytes":6519}}}

package/dist/lib/node-esm/index.mjs

@@ -1,202 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// packages/ui/react-ui-card/src/components/Card.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import { Circle, DotsSixVertical, DotsThreeVertical } from "@phosphor-icons/react";
-import React, { forwardRef } from "react";
-import { useDensityContext, DropdownMenu } from "@dxos/react-ui";
-
-// packages/ui/react-ui-card/src/theme.ts
-import { getSize, attentionSurface, mx } from "@dxos/react-ui-theme";
-var defaults = {
-  width: "min-w-[256px]"
-};
-var cardRoot = ({ grow, square, rounded = true }, ...etc) => mx("flex flex-col group/card overflow-hidden", grow && "h-full", defaults.width, attentionSurface, "shadow", rounded && "rounded", square && "aspect-square", ...etc);
-var cardHeader = ({ floating }, ...etc) => mx(floating ? "relative" : "flex w-full shrink-0 justify-between overflow-hidden items-center py-1", ...etc);
-var cardTitle = ({ center }, ...etc) => mx("grow overflow-hidden truncate first:pl-4 last:pr-4", center && "text-center", ...etc);
-var cardDragHandle = ({ density, position }, ...etc) => mx("flex shrink-0 items-center justify-center select-none", density === "fine" ? getSize(8) : getSize(10), position === "left" && "absolute top-1 left-1", position === "right" && "absolute top-1 right-1", position && "text-black group-hover/card:bg-white group-hover/card:bg-opacity-80", ...etc);
-var cardDragHandleIcon = (_, ...etc) => mx(getSize(5), "cursor-pointer", ...etc);
-var cardMenu = ({ density, position }, ...etc) => mx("flex shrink-0 items-center justify-center", density === "fine" ? getSize(8) : getSize(10), position === "left" && "absolute top-1 left-1", position === "right" && "absolute top-1 right-1", position && "text-black group-hover/card:bg-white group-hover/card:bg-opacity-80", ...etc);
-var cardMenuIcon = (_, ...etc) => mx(getSize(5), "cursor-pointer");
-var cardBody = ({ density, gutter, noPadding }, ...etc) => mx(
-  "grow overflow-auto",
-  !noPadding && "px-2",
-  // TODO(burdon): Create density-specific constants.
-  gutter && (density === "fine" ? "pl-0 ml-[32px]" : "pl-0 ml-[40px]"),
-  ...etc
-);
-var cardMedia = ({ contain }, ...etc) => mx(
-  "grow max-h-[300px]",
-  // Hide broken image links (e.g., if offline).
-  "before:content-['\xA0'] before:block before:w-full before:h-full before:border-0",
-  contain ? "object-contain" : "object-cover",
-  ...etc
-);
-var cardTheme = {
-  root: cardRoot,
-  header: cardHeader,
-  title: cardTitle,
-  dragHandle: cardDragHandle,
-  dragHandleIcon: cardDragHandleIcon,
-  menu: cardMenu,
-  menuIcon: cardMenuIcon,
-  body: cardBody,
-  media: cardMedia
-};
-
-// packages/ui/react-ui-card/src/components/Card.tsx
-var CardRoot = /* @__PURE__ */ forwardRef(({ grow, square, noPadding, classNames, children, ...props }, forwardedRef) => {
-  var _effect = _useSignals();
-  try {
-    return /* @__PURE__ */ React.createElement("div", {
-      ...props,
-      ref: forwardedRef,
-      className: cardRoot({
-        grow,
-        square,
-        noPadding
-      }, classNames)
-    }, children);
-  } finally {
-    _effect.f();
-  }
-});
-var CardHeader = ({ floating, classNames, children, ...props }) => {
-  var _effect = _useSignals();
-  try {
-    return /* @__PURE__ */ React.createElement("div", {
-      ...props,
-      className: cardHeader({
-        floating
-      }, classNames)
-    }, children);
-  } finally {
-    _effect.f();
-  }
-};
-var CardTitle = ({ center, title, classNames, ...props }) => {
-  var _effect = _useSignals();
-  try {
-    return /* @__PURE__ */ React.createElement("div", {
-      ...props,
-      className: cardTitle({
-        center
-      }, classNames)
-    }, title);
-  } finally {
-    _effect.f();
-  }
-};
-var CardDragHandle = ({ position, classNames, ...props }) => {
-  var _effect = _useSignals();
-  try {
-    const density = useDensityContext();
-    return /* @__PURE__ */ React.createElement("div", {
-      ...props,
-      className: cardDragHandle({
-        density,
-        position
-      }, classNames)
-    }, /* @__PURE__ */ React.createElement(DotsSixVertical, {
-      className: cardDragHandleIcon({})
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var CardEndcap = ({ Icon = Circle, position, classNames, ...props }) => {
-  var _effect = _useSignals();
-  try {
-    const density = useDensityContext();
-    return /* @__PURE__ */ React.createElement("div", {
-      ...props,
-      className: cardMenu({
-        density,
-        position
-      }, classNames)
-    }, /* @__PURE__ */ React.createElement(Icon, {
-      className: cardMenuIcon({})
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var CardMenu = /* @__PURE__ */ forwardRef(({ children, position, classNames, ...props }, forwardRef2) => {
-  var _effect = _useSignals();
-  try {
-    const density = useDensityContext();
-    return /* @__PURE__ */ React.createElement("div", {
-      ...props,
-      className: cardMenu({
-        density,
-        position
-      }, classNames),
-      ref: forwardRef2
-    }, /* @__PURE__ */ React.createElement(DropdownMenu.Root, null, /* @__PURE__ */ React.createElement(DropdownMenu.Trigger, {
-      asChild: true
-    }, /* @__PURE__ */ React.createElement(DotsThreeVertical, {
-      className: cardMenuIcon({})
-    })), /* @__PURE__ */ React.createElement(DropdownMenu.Content, null, /* @__PURE__ */ React.createElement(DropdownMenu.Viewport, null, children))));
-  } finally {
-    _effect.f();
-  }
-});
-var CardBody = ({ gutter, classNames, children, ...props }) => {
-  var _effect = _useSignals();
-  try {
-    const density = useDensityContext();
-    return /* @__PURE__ */ React.createElement("div", {
-      ...props,
-      className: cardBody({
-        density,
-        gutter
-      }, classNames)
-    }, children);
-  } finally {
-    _effect.f();
-  }
-};
-var CardMedia = ({ src, contain, classNames, ...props }) => {
-  var _effect = _useSignals();
-  try {
-    return /* @__PURE__ */ React.createElement("div", {
-      className: "flex grow overflow-hidden"
-    }, /* @__PURE__ */ React.createElement("img", {
-      ...props,
-      className: cardMedia({
-        contain
-      }, classNames),
-      src
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var Card = {
-  Root: CardRoot,
-  Header: CardHeader,
-  DragHandle: CardDragHandle,
-  Endcap: CardEndcap,
-  Menu: CardMenu,
-  Title: CardTitle,
-  Body: CardBody,
-  Media: CardMedia
-};
-export {
-  Card,
-  CardBody,
-  CardHeader,
-  CardMedia,
-  CardTitle,
-  cardBody,
-  cardDragHandle,
-  cardDragHandleIcon,
-  cardHeader,
-  cardMedia,
-  cardMenu,
-  cardMenuIcon,
-  cardRoot,
-  cardTheme,
-  cardTitle
-};
-//# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/Card.tsx", "../../../src/theme.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Circle, DotsSixVertical, DotsThreeVertical, type Icon } from '@phosphor-icons/react';\nimport { type Primitive } from '@radix-ui/react-primitive';\nimport React, {\n  type ComponentPropsWithoutRef,\n  type ComponentPropsWithRef,\n  type FC,\n  type PropsWithChildren,\n  forwardRef,\n} from 'react';\n\nimport { useDensityContext, DropdownMenu, type ThemedClassName } from '@dxos/react-ui';\n\nimport {\n  cardBody,\n  cardDragHandle,\n  cardDragHandleIcon,\n  cardHeader,\n  cardMedia,\n  cardMenu,\n  cardMenuIcon,\n  cardRoot,\n  cardTitle,\n} from '../theme';\n\ntype CardRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {\n  grow?: boolean;\n  square?: boolean;\n  noPadding?: boolean;\n};\n\n// TODO(burdon): Forward refs for all components?\nconst CardRoot = forwardRef<HTMLDivElement, CardRootProps>(\n  ({ grow, square, noPadding, classNames, children, ...props }, forwardedRef) => {\n    return (\n      <div {...props} ref={forwardedRef} className={cardRoot({ grow, square, noPadding }, classNames)}>\n        {children}\n      </div>\n    );\n  },\n);\n\ntype CardHeaderProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { floating?: boolean };\n\nexport const CardHeader: FC<CardHeaderProps> = ({ floating, classNames, children, ...props }) => {\n  return (\n    <div {...props} className={cardHeader({ floating }, classNames)}>\n      {children}\n    </div>\n  );\n};\n\ntype CardTitleProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {\n  center?: boolean;\n  title?: string;\n};\n\nexport const CardTitle: FC<CardTitleProps> = ({ center, title, classNames, ...props }) => {\n  return (\n    <div {...props} className={cardTitle({ center }, classNames)}>\n      {title}\n    </div>\n  );\n};\n\n// TODO(burdon): Reuse ListItemEndcap?\ntype CardDragHandleProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { position?: 'left' | 'right' };\n\nconst CardDragHandle: FC<CardDragHandleProps> = ({ position, classNames, ...props }) => {\n  const density = useDensityContext();\n  return (\n    <div {...props} className={cardDragHandle({ density, position }, classNames)}>\n      <DotsSixVertical className={cardDragHandleIcon({})} />\n    </div>\n  );\n};\n\ntype CardEndcapProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { Icon?: Icon; position?: 'left' | 'right' };\n\nconst CardEndcap: FC<CardEndcapProps> = ({ Icon = Circle, position, classNames, ...props }) => {\n  const density = useDensityContext();\n  return (\n    <div {...props} className={cardMenu({ density, position }, classNames)}>\n      <Icon className={cardMenuIcon({})} />\n    </div>\n  );\n};\n\ntype CardMenuProps = PropsWithChildren<\n  ThemedClassName<ComponentPropsWithoutRef<'div'>> & { position?: 'left' | 'right' }\n>;\n\n// TODO(burdon): Reconcile with Endcap (remove dropdown from here). See ListItem.Endcap (style icon/size?)\nconst CardMenu = forwardRef<HTMLDivElement, CardMenuProps>(\n  ({ children, position, classNames, ...props }, forwardRef) => {\n    const density = useDensityContext();\n    return (\n      <div {...props} className={cardMenu({ density, position }, classNames)} ref={forwardRef}>\n        <DropdownMenu.Root>\n          <DropdownMenu.Trigger asChild>\n            <DotsThreeVertical className={cardMenuIcon({})} />\n          </DropdownMenu.Trigger>\n          {/* TODO(burdon): Position to the left of the menu button. */}\n          <DropdownMenu.Content>\n            <DropdownMenu.Viewport>{children}</DropdownMenu.Viewport>\n          </DropdownMenu.Content>\n        </DropdownMenu.Root>\n      </div>\n    );\n  },\n);\n\ntype CardBodyProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { gutter?: boolean };\n\nexport const CardBody: FC<CardBodyProps> = ({ gutter, classNames, children, ...props }) => {\n  const density = useDensityContext();\n  return (\n    <div {...props} className={cardBody({ density, gutter }, classNames)}>\n      {children}\n    </div>\n  );\n};\n\ntype CardMediaProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { src?: string; contain?: boolean };\n\n// TODO(burdon): Option to set to 50% of height of card.\nexport const CardMedia: FC<CardMediaProps> = ({ src, contain, classNames, ...props }) => {\n  return (\n    <div className='flex grow overflow-hidden'>\n      <img {...props} className={cardMedia({ contain }, classNames)} src={src} />\n    </div>\n  );\n};\n\nexport const Card = {\n  Root: CardRoot,\n  Header: CardHeader,\n  DragHandle: CardDragHandle,\n  Endcap: CardEndcap,\n  Menu: CardMenu,\n  Title: CardTitle,\n  Body: CardBody,\n  Media: CardMedia,\n};\n\nexport type { CardRootProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type ComponentFunction, type Density, type Theme } from '@dxos/react-ui';\nimport { getSize, attentionSurface, mx } from '@dxos/react-ui-theme';\n\nconst defaults = {\n  width: 'min-w-[256px]',\n};\n\nexport type CardStyleProps = Partial<{\n  density: Density;\n  grow?: boolean;\n  square?: boolean;\n  rounded?: boolean;\n  noPadding?: boolean;\n}>;\n\nexport const cardRoot: ComponentFunction<CardStyleProps> = ({ grow, square, rounded = true }, ...etc) =>\n  mx(\n    'flex flex-col group/card overflow-hidden',\n    grow && 'h-full',\n    defaults.width,\n    attentionSurface,\n    'shadow', // TODO(burdon): Elevation?\n    rounded && 'rounded',\n    square && 'aspect-square',\n    ...etc,\n  );\n\nexport const cardHeader: ComponentFunction<CardStyleProps & { floating?: boolean }> = ({ floating }, ...etc) =>\n  mx(floating ? 'relative' : 'flex w-full shrink-0 justify-between overflow-hidden items-center py-1', ...etc);\n\nexport const cardTitle: ComponentFunction<CardStyleProps & { center?: boolean }> = ({ center }, ...etc) =>\n  mx('grow overflow-hidden truncate first:pl-4 last:pr-4', center && 'text-center', ...etc);\n\nexport const cardDragHandle: ComponentFunction<CardStyleProps & { position?: 'left' | 'right' }> = (\n  { density, position },\n  ...etc\n) =>\n  mx(\n    'flex shrink-0 items-center justify-center select-none',\n    density === 'fine' ? getSize(8) : getSize(10),\n    position === 'left' && 'absolute top-1 left-1',\n    position === 'right' && 'absolute top-1 right-1',\n    position && 'text-black group-hover/card:bg-white group-hover/card:bg-opacity-80',\n    ...etc,\n  );\n\nexport const cardDragHandleIcon: ComponentFunction<CardStyleProps> = (_, ...etc) =>\n  mx(getSize(5), 'cursor-pointer', ...etc);\n\n// TODO(burdon): Helper for DropdownMenu? Density, etc?\nexport const cardMenu: ComponentFunction<CardStyleProps & { position?: 'left' | 'right' }> = (\n  { density, position },\n  ...etc\n) =>\n  mx(\n    'flex shrink-0 items-center justify-center',\n    density === 'fine' ? getSize(8) : getSize(10),\n    position === 'left' && 'absolute top-1 left-1',\n    position === 'right' && 'absolute top-1 right-1',\n    position && 'text-black group-hover/card:bg-white group-hover/card:bg-opacity-80',\n    ...etc,\n  );\n\nexport const cardMenuIcon: ComponentFunction<CardStyleProps> = (_, ...etc) => mx(getSize(5), 'cursor-pointer');\n\nexport const cardBody: ComponentFunction<CardStyleProps & { gutter?: boolean }> = (\n  { density, gutter, noPadding },\n  ...etc\n) =>\n  mx(\n    'grow overflow-auto',\n    !noPadding && 'px-2',\n    // TODO(burdon): Create density-specific constants.\n    gutter && (density === 'fine' ? 'pl-0 ml-[32px]' : 'pl-0 ml-[40px]'),\n    ...etc,\n  );\n\nexport const cardMedia: ComponentFunction<CardStyleProps & { contain?: boolean }> = ({ contain }, ...etc) =>\n  mx(\n    'grow max-h-[300px]',\n    // Hide broken image links (e.g., if offline).\n    \"before:content-[' '] before:block before:w-full before:h-full before:border-0\",\n    contain ? 'object-contain' : 'object-cover',\n    ...etc,\n  );\n\nexport const cardTheme: Theme<CardStyleProps> = {\n  root: cardRoot,\n  header: cardHeader,\n  title: cardTitle,\n  dragHandle: cardDragHandle,\n  dragHandleIcon: cardDragHandleIcon,\n  menu: cardMenu,\n  menuIcon: cardMenuIcon,\n  body: cardBody,\n  media: cardMedia,\n};\n"],
-  "mappings": "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",
-  "names": ["Circle", "DotsSixVertical", "DotsThreeVertical", "React", "forwardRef", "useDensityContext", "DropdownMenu", "getSize", "attentionSurface", "mx", "defaults", "width", "cardRoot", "grow", "square", "rounded", "etc", "mx", "attentionSurface", "cardHeader", "floating", "cardTitle", "center", "cardDragHandle", "density", "position", "getSize", "cardDragHandleIcon", "_", "cardMenu", "cardMenuIcon", "cardBody", "gutter", "noPadding", "cardMedia", "contain", "cardTheme", "root", "header", "title", "dragHandle", "dragHandleIcon", "menu", "menuIcon", "body", "media", "CardRoot", "forwardRef", "grow", "square", "noPadding", "classNames", "children", "props", "forwardedRef", "div", "ref", "className", "cardRoot", "CardHeader", "floating", "cardHeader", "CardTitle", "center", "title", "cardTitle", "CardDragHandle", "position", "density", "useDensityContext", "cardDragHandle", "DotsSixVertical", "cardDragHandleIcon", "CardEndcap", "Icon", "Circle", "cardMenu", "cardMenuIcon", "CardMenu", "DropdownMenu", "Root", "Trigger", "asChild", "DotsThreeVertical", "Content", "Viewport", "CardBody", "gutter", "cardBody", "CardMedia", "src", "contain", "img", "cardMedia", "Card", "Header", "DragHandle", "Endcap", "Menu", "Title", "Body", "Media"]
-}

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

@@ -1 +0,0 @@
-{"inputs":{"packages/ui/react-ui-card/src/theme.ts":{"bytes":9584,"imports":[{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-card/src/components/Card.tsx":{"bytes":15142,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-card/src/theme.ts","kind":"import-statement","original":"../theme"}],"format":"esm"},"packages/ui/react-ui-card/src/components/index.ts":{"bytes":468,"imports":[{"path":"packages/ui/react-ui-card/src/components/Card.tsx","kind":"import-statement","original":"./Card"}],"format":"esm"},"packages/ui/react-ui-card/src/index.ts":{"bytes":552,"imports":[{"path":"packages/ui/react-ui-card/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-card/src/theme.ts","kind":"import-statement","original":"./theme"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-card/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12816},"packages/ui/react-ui-card/dist/lib/node-esm/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","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}],"exports":["Card","CardBody","CardHeader","CardMedia","CardTitle","cardBody","cardDragHandle","cardDragHandleIcon","cardHeader","cardMedia","cardMenu","cardMenuIcon","cardRoot","cardTheme","cardTitle"],"entryPoint":"packages/ui/react-ui-card/src/index.ts","inputs":{"packages/ui/react-ui-card/src/components/Card.tsx":{"bytesInOutput":3911},"packages/ui/react-ui-card/src/theme.ts":{"bytesInOutput":2207},"packages/ui/react-ui-card/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-card/src/index.ts":{"bytesInOutput":0}},"bytes":6612}}}

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

@@ -1,52 +0,0 @@
-import { type Icon } from '@phosphor-icons/react';
-import { type Primitive } from '@radix-ui/react-primitive';
-import React, { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type FC } from 'react';
-import { type ThemedClassName } from '@dxos/react-ui';
-type CardRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
-    grow?: boolean;
-    square?: boolean;
-    noPadding?: boolean;
-};
-type CardHeaderProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {
-    floating?: boolean;
-};
-export declare const CardHeader: FC<CardHeaderProps>;
-type CardTitleProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {
-    center?: boolean;
-    title?: string;
-};
-export declare const CardTitle: FC<CardTitleProps>;
-type CardDragHandleProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {
-    position?: 'left' | 'right';
-};
-type CardEndcapProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {
-    Icon?: Icon;
-    position?: 'left' | 'right';
-};
-type CardBodyProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {
-    gutter?: boolean;
-};
-export declare const CardBody: FC<CardBodyProps>;
-type CardMediaProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {
-    src?: string;
-    contain?: boolean;
-};
-export declare const CardMedia: FC<CardMediaProps>;
-export declare const Card: {
-    Root: React.ForwardRefExoticComponent<Omit<CardRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Header: React.FC<CardHeaderProps>;
-    DragHandle: React.FC<CardDragHandleProps>;
-    Endcap: React.FC<CardEndcapProps>;
-    Menu: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-    } & {
-        position?: "left" | "right";
-    } & {
-        children?: React.ReactNode | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Title: React.FC<CardTitleProps>;
-    Body: React.FC<CardBodyProps>;
-    Media: React.FC<CardMediaProps>;
-};
-export type { CardRootProps };
-//# sourceMappingURL=Card.d.ts.map