@dxos/react-ui-card 0.8.2-staging.7ac8446 → 0.11.0

package/dist/lib/node/index.cjs

@@ -1,202 +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_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) => {
-  return /* @__PURE__ */ import_react2.default.createElement("div", {
-    ...props,
-    ref: forwardedRef,
-    className: cardRoot({
-      grow,
-      square,
-      noPadding
-    }, classNames)
-  }, children);
-});
-var CardHeader = ({ floating, classNames, children, ...props }) => {
-  return /* @__PURE__ */ import_react2.default.createElement("div", {
-    ...props,
-    className: cardHeader({
-      floating
-    }, classNames)
-  }, children);
-};
-var CardTitle = ({ center, title, classNames, ...props }) => {
-  return /* @__PURE__ */ import_react2.default.createElement("div", {
-    ...props,
-    className: cardTitle({
-      center
-    }, classNames)
-  }, title);
-};
-var CardDragHandle = ({ position, classNames, ...props }) => {
-  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({})
-  }));
-};
-var CardEndcap = ({ Icon = import_react.Circle, position, classNames, ...props }) => {
-  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({})
-  }));
-};
-var CardMenu = /* @__PURE__ */ (0, import_react2.forwardRef)(({ children, position, classNames, ...props }, forwardRef2) => {
-  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))));
-});
-var CardBody = ({ gutter, classNames, children, ...props }) => {
-  const density = (0, import_react_ui.useDensityContext)();
-  return /* @__PURE__ */ import_react2.default.createElement("div", {
-    ...props,
-    className: cardBody({
-      density,
-      gutter
-    }, classNames)
-  }, children);
-};
-var CardMedia = ({ src, contain, classNames, ...props }) => {
-  return /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: "flex grow overflow-hidden"
-  }, /* @__PURE__ */ import_react2.default.createElement("img", {
-    ...props,
-    className: cardMedia({
-      contain
-    }, classNames),
-    src
-  }));
-};
-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  forwardRef,\n  type PropsWithChildren,\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":9652,"imports":[{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-card/src/components/Card.tsx":{"bytes":14189,"imports":[{"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":500,"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":584,"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":12773},"packages/ui/react-ui-card/dist/lib/node/index.cjs":{"imports":[{"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":3096},"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":5704}}}

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

@@ -1,161 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// packages/ui/react-ui-card/src/components/Card.tsx
-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) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    ...props,
-    ref: forwardedRef,
-    className: cardRoot({
-      grow,
-      square,
-      noPadding
-    }, classNames)
-  }, children);
-});
-var CardHeader = ({ floating, classNames, children, ...props }) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    ...props,
-    className: cardHeader({
-      floating
-    }, classNames)
-  }, children);
-};
-var CardTitle = ({ center, title, classNames, ...props }) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    ...props,
-    className: cardTitle({
-      center
-    }, classNames)
-  }, title);
-};
-var CardDragHandle = ({ position, classNames, ...props }) => {
-  const density = useDensityContext();
-  return /* @__PURE__ */ React.createElement("div", {
-    ...props,
-    className: cardDragHandle({
-      density,
-      position
-    }, classNames)
-  }, /* @__PURE__ */ React.createElement(DotsSixVertical, {
-    className: cardDragHandleIcon({})
-  }));
-};
-var CardEndcap = ({ Icon = Circle, position, classNames, ...props }) => {
-  const density = useDensityContext();
-  return /* @__PURE__ */ React.createElement("div", {
-    ...props,
-    className: cardMenu({
-      density,
-      position
-    }, classNames)
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    className: cardMenuIcon({})
-  }));
-};
-var CardMenu = /* @__PURE__ */ forwardRef(({ children, position, classNames, ...props }, forwardRef2) => {
-  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))));
-});
-var CardBody = ({ gutter, classNames, children, ...props }) => {
-  const density = useDensityContext();
-  return /* @__PURE__ */ React.createElement("div", {
-    ...props,
-    className: cardBody({
-      density,
-      gutter
-    }, classNames)
-  }, children);
-};
-var CardMedia = ({ src, contain, classNames, ...props }) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "flex grow overflow-hidden"
-  }, /* @__PURE__ */ React.createElement("img", {
-    ...props,
-    className: cardMedia({
-      contain
-    }, classNames),
-    src
-  }));
-};
-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  forwardRef,\n  type PropsWithChildren,\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":9652,"imports":[{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-card/src/components/Card.tsx":{"bytes":14189,"imports":[{"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":500,"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":584,"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":12775},"packages/ui/react-ui-card/dist/lib/node-esm/index.mjs":{"imports":[{"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":3096},"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":5797}}}

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA8C,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC9F,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,EACZ,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC1B,KAAK,EAAE,EAGR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAmC,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAcvF,KAAK,aAAa,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IAClF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAaF,KAAK,eAAe,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEjG,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAM1C,CAAC;AAEF,KAAK,cAAc,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAMxC,CAAC;AAGF,KAAK,mBAAmB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AAW9G,KAAK,eAAe,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AAmCvH,KAAK,aAAa,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE7F,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAOtC,CAAC;AAEF,KAAK,cAAc,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAG7G,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAMxC,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;mBA7CiD,MAAM,GAAG,OAAO;;;;;;;CAsDjF,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,CAAC"}

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

@@ -1,57 +0,0 @@
-import '@dxos-theme';
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: {
-        Root: React.ForwardRefExoticComponent<Omit<import("./Card").CardRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-        Header: React.FC<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & {
-            floating?: boolean;
-        }>;
-        DragHandle: React.FC<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & {
-            position?: "left" | "right";
-        }>;
-        Endcap: React.FC<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & {
-            Icon?: import("@phosphor-icons/react").Icon;
-            position?: "left" | "right";
-        }>;
-        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<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & {
-            center?: boolean;
-            title?: string;
-        }>;
-        Body: React.FC<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & {
-            gutter?: boolean;
-        }>;
-        Media: React.FC<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & {
-            src?: string;
-            contain?: boolean;
-        }>;
-    };
-    decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        layout: string;
-    };
-};
-export default _default;
-export declare const Draggable: () => React.JSX.Element;
-export declare const ReadOnly: () => React.JSX.Element;
-export declare const Editable: () => React.JSX.Element;
-//# sourceMappingURL=Card.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Card.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAKrB,OAAO,KAAoD,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2LzE,wBAgBE;AAEF,eAAO,MAAM,SAAS,yBAA2B,CAAC;AAClD,eAAO,MAAM,QAAQ,yBAA8B,CAAC;AACpD,eAAO,MAAM,QAAQ,yBAA8B,CAAC"}

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

@@ -1,31 +0,0 @@
-import { type ComponentFunction, type Density, type Theme } from '@dxos/react-ui';
-export type CardStyleProps = Partial<{
-    density: Density;
-    grow?: boolean;
-    square?: boolean;
-    rounded?: boolean;
-    noPadding?: boolean;
-}>;
-export declare const cardRoot: ComponentFunction<CardStyleProps>;
-export declare const cardHeader: ComponentFunction<CardStyleProps & {
-    floating?: boolean;
-}>;
-export declare const cardTitle: ComponentFunction<CardStyleProps & {
-    center?: boolean;
-}>;
-export declare const cardDragHandle: ComponentFunction<CardStyleProps & {
-    position?: 'left' | 'right';
-}>;
-export declare const cardDragHandleIcon: ComponentFunction<CardStyleProps>;
-export declare const cardMenu: ComponentFunction<CardStyleProps & {
-    position?: 'left' | 'right';
-}>;
-export declare const cardMenuIcon: ComponentFunction<CardStyleProps>;
-export declare const cardBody: ComponentFunction<CardStyleProps & {
-    gutter?: boolean;
-}>;
-export declare const cardMedia: ComponentFunction<CardStyleProps & {
-    contain?: boolean;
-}>;
-export declare const cardTheme: Theme<CardStyleProps>;
-//# sourceMappingURL=theme.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/theme.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAOlF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CAUpD,CAAC;AAEJ,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,cAAc,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAC4B,CAAC;AAE/G,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CACY,CAAC;AAE5F,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,cAAc,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAW5F,CAAC;AAEJ,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,cAAc,CACvB,CAAC;AAG3C,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAWtF,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAmD,CAAC;AAE/G,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAU3E,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAO7E,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAU3C,CAAC"}