@dxos/react-ui 0.9.0 → 0.9.1-main.c7dcc2e112

package/dist/lib/browser/{chunk-7JFD5ZHZ.mjs → chunk-F3PLXTDA.mjs}

@@ -925,19 +925,24 @@ var iconButtonTheme = {
 
 // src/components/Card/Card.theme.ts
 import { mx as mx7 } from "@dxos/ui-theme";
-var root5 = ({ border, fullWidth }, ...etc) => mx7("dx-card dx-card-min-width dx-card-max-width min-h-(--dx-rail-item) group/card relative overflow-hidden", "bg-card-surface", border && "border border-subdued-separator rounded-sm dx-focus-ring-group-y-indicator", fullWidth && "max-w-none!", ...etc);
-var header = (_, ...etc) => mx7("dx-card__header dx-density-md bg-transparent p-0! gap-0! col-span-3 grid! grid-cols-subgrid! shadow-none [contain:none]", ...etc);
+var root5 = ({ border, fullWidth }, ...etc) => mx7("dx-card dx-card-surface dx-card-min-width dx-card-max-width min-h-(--dx-rail-item) group/card relative overflow-hidden", border && "border border-subdued-separator rounded-sm dx-focus-ring-group-y-indicator", fullWidth && "max-w-none!", ...etc);
+var header = (_, ...etc) => mx7("dx-card__header col-span-3 grid grid-cols-subgrid items-center", "[&>*:not(.dx-gutter)]:col-start-2 [&>*:not(.dx-gutter)>*]:col-start-2", ...etc);
 var title = (_props, ...etc) => mx7("dx-card__title grow truncate", ...etc);
-var body = (_props, ...etc) => mx7("dx-card__body contents pb-1 last:pb-0", ...etc);
+var body = (_props, ...etc) => mx7("dx-card__body contents", ...etc);
+var block = (_props, ...etc) => mx7("dx-card__block", ...etc);
 var text = ({ variant = "default", truncate: _truncate }, ...etc) => mx7("dx-card__text items-center overflow-hidden", variant === "default" && "py-1", variant === "description" && "py-1.5 text-description", ...etc);
 var textSpan = ({ variant = "default", truncate }, ...etc) => mx7(variant === "description" && "text-sm text-description line-clamp-3", truncate && "truncate", ...etc);
-var poster = (_props, ...etc) => mx7("dx-card__poster col-span-3 max-h-[200px]", ...etc);
+var poster = (_props, ...etc) => mx7("dx-card__poster col-span-3 max-h-[200px] select-none pointer-events-none", ...etc);
 var posterIcon = (_props, ...etc) => mx7("dx-card__poster-icon col-span-3 grid place-items-center bg-input-surface text-subdued max-h-[200px]", ...etc);
-var action = (_props, ...etc) => mx7("dx-card__acztion col-span-3 !grid grid-cols-subgrid p-0! w-full text-start overflow-hidden", ...etc);
+var action = (_props, ...etc) => mx7("dx-card__action col-span-3 grid grid-cols-subgrid [&>*:not(.dx-gutter)]:col-start-2 [&>*:not(.dx-gutter)>*]:col-start-2 p-0! gap-0! w-full text-start overflow-hidden", ...etc);
 var actionLabel = (_props, ...etc) => mx7("dx-card__action-label min-w-0 flex-1 truncate", ...etc);
-var link = (_props, ...etc) => mx7("dx-card__link col-span-3 !grid grid-cols-subgrid group p-0! dx-button dx-focus-ring min-h-1!", ...etc);
-var linkLabel = (_props, ...etc) => mx7("dx-card__link-label min-w-0 flex-1 truncate", ...etc);
-var row = ({ fullWidth }, ...etc) => mx7("dx-card__row", fullWidth ? "col-span-full" : "col-span-3 grid grid-cols-subgrid", ...etc);
+var link = (_props, ...etc) => mx7("dx-card__link col-span-3 grid grid-cols-subgrid [&>*:not(.dx-gutter)]:col-start-2 [&>*:not(.dx-gutter)>*]:col-start-2 group p-0! dx-button dx-focus-ring min-h-1!", ...etc);
+var linkLabel = (_props, ...etc) => mx7("dx-card__link-label min-w-0 flex-1 truncate text-sm!", ...etc);
+var row = ({ fullWidth }, ...etc) => mx7("dx-card__row overflow-hidden", fullWidth ? "col-span-full" : (
+  // (e.g. `dx-avatar`), which the direct-child selector cannot target. It is inert for normal
+  // block children, whose inner nodes are not grid items of this row.
+  "col-span-3 grid grid-cols-subgrid [&>*:not(.dx-gutter)]:col-start-2 [&>*:not(.dx-gutter)>*]:col-start-2"
+), ...etc);
 var section = (_props, ...etc) => mx7("dx-card__section col-span-full grid grid-cols-subgrid", ...etc);
 var sectionTitle = (_props, ...etc) => mx7("dx-card__section-title col-start-2 col-span-full py-2 text-xs text-description font-medium uppercase", ...etc);
 var cardTheme = {
@@ -945,6 +950,7 @@ var cardTheme = {
   header,
   title,
   body,
+  block,
   row,
   section,
   "section-title": sectionTitle,
@@ -964,8 +970,9 @@ var root6 = (_, ...etc) => {
   return mx8("dx-column-root grid", ...etc);
 };
 var row2 = (_, ...etc) => {
-  return mx8("col-span-3 grid grid-cols-subgrid", ...etc);
+  return mx8("col-span-3 grid grid-cols-subgrid", "[&>*:not(.dx-gutter)]:col-start-2", ...etc);
 };
+var block2 = ({ end, compact, square }, ...etc) => mx8("dx-gutter grid place-items-center [&>img]:max-w-[1.5rem]", end ? "col-start-3" : "col-start-1", square ? "aspect-square" : "w-[var(--dx-rail-item)]", compact ? "" : "h-[var(--dx-rail-item)]", ...etc);
 var bleed = (_, ...etc) => {
   return mx8("col-span-full grid grid-cols-subgrid min-h-0", ...etc);
 };
@@ -975,6 +982,7 @@ var center = (_, ...etc) => {
 var columnTheme = {
   root: root6,
   row: row2,
+  block: block2,
   bleed,
   center
 };
@@ -1019,10 +1027,10 @@ import { getSize as getSize2, mx as mx11 } from "@dxos/ui-theme";
 var root7 = ({ size }, etc) => {
   return mx11("shrink-0 text-[var(--icons-color,currentColor)]", size ? getSize2(size) : "[width:var(--icon-size,var(--dx-default-icons-size))] [height:var(--icon-size,var(--dx-default-icons-size))]", etc);
 };
-var block = ({ compact, square }, ...etc) => mx11("grid place-items-center [&>img]:max-w-[1.5rem]", square ? "aspect-square" : "w-[var(--dx-rail-item)]", compact ? "" : "h-[var(--dx-rail-item)]", ...etc);
+var block3 = ({ compact, square }, ...etc) => mx11("grid place-items-center [&>img]:max-w-[1.5rem]", square ? "aspect-square" : "w-[var(--dx-rail-item)]", compact ? "" : "h-[var(--dx-rail-item)]", ...etc);
 var iconTheme = {
   root: root7,
-  block
+  block: block3
 };
 
 // src/components/Input/Input.theme.ts
@@ -1228,21 +1236,13 @@ var header3 = (_, etc) => {
 var title3 = (_, etc) => {
   return mx18("col-start-2 overflow-hidden truncate", etc);
 };
-var icon = (_, etc) => {
-  return mx18("col-start-1 grid place-items-center", etc);
-};
-var close = (_, etc) => {
-  return mx18("col-start-3", etc);
-};
 var content4 = (_, etc) => {
   return mx18("col-start-2 flex flex-col first:font-medium pb-1.5", etc);
 };
 var messageTheme = {
   root: root11,
   header: header3,
-  icon,
   title: title3,
-  close,
   content: content4
 };
 
@@ -1271,7 +1271,7 @@ var panelTheme = {
 
 // src/components/Popover/Popover.theme.ts
 import { mx as mx20, surfaceShadow as surfaceShadow3, surfaceZIndex as surfaceZIndex3 } from "@dxos/ui-theme";
-var content6 = ({ elevation }, ...etc) => mx20("dx-popover-surface border border-separator rounded-sm", surfaceShadow3({
+var content6 = ({ elevation }, ...etc) => mx20("dx-popover-surface overflow-hidden border border-separator rounded-sm", surfaceShadow3({
   elevation: "positioned"
 }), surfaceZIndex3({
   elevation,
@@ -1425,9 +1425,7 @@ var root19 = (_props, ...etc) => mx28("dx-popover-surface rounded-md p-1", surfa
 }), "radix-state-open:animate-toast-slide-in-bottom md:radix-state-open:animate-toast-slide-in-right", "radix-state-closed:animate-toast-hide", "radix-swipe-end:animate-toast-swipe-out", "translate-x-radix-toast-swipe-move-x", "radix-swipe-cancel:translate-x-0 radix-swipe-cancel:duration-200 radix-swipe-cancel:ease-[ease]", "dx-focus-ring", ...etc);
 var grid = (_props, ...etc) => mx28("gap-y-1 pbe-1", ...etc);
 var header4 = (_props, ...etc) => mx28("items-center", ...etc);
-var icon2 = (_props, ...etc) => mx28("col-start-1 grid place-items-center", ...etc);
 var title4 = (_props, ...etc) => mx28("col-start-2 truncate font-medium", ...etc);
-var close2 = (_props, ...etc) => mx28("col-start-3", ...etc);
 var description4 = (_props, ...etc) => mx28("col-start-2 overflow-hidden text-description", ...etc);
 var actions = (_props, ...etc) => mx28("flex gap-2 mbs-1", ...etc);
 var toastTheme = {
@@ -1435,9 +1433,7 @@ var toastTheme = {
   root: root19,
   grid,
   header: header4,
-  icon: icon2,
   title: title4,
-  close: close2,
   description: description4,
   actions
 };
@@ -1609,4 +1605,4 @@ export {
   defaultTheme,
   defaultTx
 };
-//# sourceMappingURL=chunk-7JFD5ZHZ.mjs.map
+//# sourceMappingURL=chunk-F3PLXTDA.mjs.map