@dxos/react-ui 0.11.1 → 1.0.0-next-bbabc02363f18d7643ea4160e3a7a7809870fd0d

package/dist/lib/chunk-parse-stack.mjs

@@ -9,7 +9,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { createKeyborg } from "keyborg";
 import { log } from "@dxos/log";
 import { addResources, i18n } from "@dxos/i18n";
-import { enUS } from "date-fns/locale";
+import { enUS } from "date-fns/locale/en-US";
 import { getDeep } from "@dxos/util";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
 import { composeEventHandlers } from "@radix-ui/primitive";
@@ -362,7 +362,7 @@ var bindTheme = (theme) => {
 };
 //#endregion
 //#region src/components/Avatars/Avatar.theme.ts
-var root$19 = ({ size = 10, inGroup }, ...etc) => mx("relative inline-flex shrink-0", getSize(size), inGroup && (size === "px" || size <= 3 ? "-mr-1" : "-mr-2"), ...etc);
+var root$18 = ({ size = 10, inGroup }, ...etc) => mx("relative inline-flex shrink-0", getSize(size), inGroup && (size === "px" || size <= 3 ? "-mr-1" : "-mr-2"), ...etc);
 var label$1 = ({ srOnly }, ...etc) => mx(srOnly && "sr-only", ...etc);
 var description$3 = ({ srOnly }, ...etc) => mx("text-description", srOnly && "sr-only", ...etc);
 var frame = ({ variant }, ...etc) => mx("h-full w-full bg-(--surface-bg)", variant === "circle" ? "rounded-full" : "rounded-sm", ...etc);
@@ -373,7 +373,7 @@ var group$1 = (_props, ...etc) => mx("inline-flex items-center", ...etc);
 var groupLabel$1 = ({ size, srOnly }, ...etc) => mx(srOnly ? "sr-only" : "rounded-full truncate text-sm leading-none py-1 px-2 relative z-[1] flex items-center justify-center", size && getHeight(size), ...etc);
 var groupDescription = ({ srOnly }, ...etc) => mx(srOnly ? "sr-only" : "text-description", ...etc);
 var avatarTheme = {
-	root: root$19,
+	root: root$18,
 	label: label$1,
 	description: description$3,
 	statusIcon,
@@ -386,13 +386,13 @@ var avatarTheme = {
 };
 //#endregion
 //#region src/components/Breadcrumb/Breadcrumb.theme.ts
-var root$18 = (_props, ...etc) => mx("flex items-center grow overflow-hidden", ...etc);
+var root$17 = (_props, ...etc) => mx("flex items-center grow overflow-hidden", ...etc);
 var list = (_props, ...etc) => mx("flex items-center min-w-0 grow overflow-x-auto scrollbar-none", ...etc);
 var listItem = (_props, ...etc) => mx("flex items-center shrink-0", ...etc);
 var current = (_props, ...etc) => mx("whitespace-nowrap", ...etc);
 var separator$2 = (_props, ...etc) => mx("shrink-0 opacity-50", ...etc);
 var breadcrumbTheme = {
-	root: root$18,
+	root: root$17,
 	list,
 	listItem,
 	current,
@@ -400,25 +400,25 @@ var breadcrumbTheme = {
 };
 //#endregion
 //#region src/components/Button/Button.theme.ts
-var root$17 = (_props, ...etc) => {
+var root$16 = (_props, ...etc) => {
 	return mx("dx-button dx-focus-ring group gap-1 [&_span]:truncate", ...etc);
 };
 var group = (_props, ...etc) => {
 	return mx("inline-flex rounded-xs [&>:first-child]:rounded-w-sm [&>:last-child]:rounded-ie-sm [&>button]:relative", ...etc);
 };
 var buttonTheme = {
-	root: root$17,
+	root: root$16,
 	group
 };
 //#endregion
 //#region src/components/Button/IconButton.theme.ts
-var root$16 = ({ iconOnly, square, caretDown }, ...etc) => {
+var root$15 = ({ iconOnly, square, caretDown }, ...etc) => {
 	return mx(!iconOnly && "gap-1.5", (square || iconOnly && !caretDown) && "aspect-square justify-self-center", ...etc);
 };
-var iconButtonTheme = { root: root$16 };
+var iconButtonTheme = { root: root$15 };
 //#endregion
 //#region src/components/Calendar/Calendar.theme.ts
-var root$15 = (_p, ...etc) => mx("relative w-fit h-fit self-start p-2 select-none dx-group-surface text-base-fg", ...etc);
+var root$14 = (_p, ...etc) => mx("relative w-fit h-fit self-start p-2 select-none dx-group-surface text-base-fg", ...etc);
 var nav = (_p, ...etc) => mx("flex items-center justify-between pb-1", ...etc);
 var caption_label = (_p, ...etc) => mx("flex-1 text-center text-sm font-medium", ...etc);
 var button_previous = (_p, ...etc) => mx("size-(--dx-control-sm) inline-flex items-center justify-center rounded-sm shrink-0", "text-description hover:bg-hover-surface", "data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed", ...etc);
@@ -428,7 +428,7 @@ var weekdays = (_p, ...etc) => mx("", ...etc);
 var weekday = (_p, ...etc) => mx("w-(--dx-control-md) h-(--dx-control-sm) text-xs font-thin text-description", ...etc);
 var day = (_p, ...etc) => mx("relative size-(--dx-control-md) p-0 text-center text-sm rounded-sm inline-flex items-center justify-center cursor-pointer", "outline-none", "data-[hovered]:bg-hover-surface", "data-[focus-visible]:outline-2 data-[focus-visible]:outline-primary-500", "data-[today]:text-orange-500 data-[today]:font-medium", "data-[selected]:bg-primary-500 data-[selected]:text-primary-fg data-[selected]:hover:bg-primary-500", "data-[outside-month]:text-description/40", "data-[disabled]:text-description/40 data-[disabled]:cursor-not-allowed data-[disabled]:hover:bg-transparent", "data-[unavailable]:line-through data-[unavailable]:text-description/50 data-[unavailable]:cursor-not-allowed", "data-[selection-start]:rounded-l-sm data-[selection-end]:rounded-r-sm", "data-[selection-start]:bg-primary-500 data-[selection-end]:bg-primary-500", ...etc);
 var calendarTheme = {
-	root: root$15,
+	root: root$14,
 	nav,
 	caption_label,
 	button_previous,
@@ -499,7 +499,7 @@ var withColumn = {
 //#endregion
 //#region src/components/Card/Card.theme.ts
 var subgrid = "col-span-3 grid grid-cols-subgrid gap-1 items-center";
-var root$14 = ({ border, fullWidth }, ...etc) => mx("dx-card dx-card-surface dx-card-min-width dx-card-max-width min-h-(--dx-rail-item) p-1 gap-1", "group/card relative shrink-0 overflow-hidden", border && "border-2 border-separator rounded-md dx-focus-ring-group-y-indicator", fullWidth && "max-w-none!", ...etc);
+var root$13 = ({ border, fullWidth }, ...etc) => mx("dx-card dx-card-surface dx-card-min-width dx-card-max-width min-h-(--dx-rail-item) p-1 gap-x-1", "group/card relative shrink-0 overflow-hidden", border && "border-2 border-separator rounded-md dx-focus-ring-group-y-indicator", fullWidth && "max-w-none!", ...etc);
 var header$3 = (_, ...etc) => mx("dx-card__header", subgrid, withColumn.placeContent(), ...etc);
 var title$3 = (_, ...etc) => mx("dx-card__title grow truncate", ...etc);
 var body$2 = (_, ...etc) => mx("dx-card__body contents", ...etc);
@@ -518,7 +518,7 @@ var row$1 = ({ fullWidth }, ...etc) => mx("dx-card__row", fullWidth ? "col-span-
 var section = (_, ...etc) => mx("dx-card__section", subgrid, ...etc);
 var sectionTitle = (_, ...etc) => mx("dx-card__section-title col-start-2 col-span-full py-2 text-xs text-description font-medium uppercase", ...etc);
 var cardTheme = {
-	"root": root$14,
+	"root": root$13,
 	"header": header$3,
 	"title": title$3,
 	"body": body$2,
@@ -539,8 +539,14 @@ var cardTheme = {
 };
 //#endregion
 //#region src/components/Column/Column.theme.ts
-var root$13 = (_, ...etc) => {
-	return mx("dx-column-root grid", ...etc);
+/** Row gap between the grid's rows; `sm` matches the Card default (gap-1). */
+var columnGapClasses = {
+	sm: "gap-y-1",
+	md: "gap-y-2",
+	lg: "gap-y-3"
+};
+var root$12 = ({ gap }, ...etc) => {
+	return mx("dx-column-root grid", gap && columnGapClasses[gap], ...etc);
 };
 /**
 * Three-column subgrid row spanning all 3 columns of the parent Column.Root grid.
@@ -571,7 +577,7 @@ var center = (_, ...etc) => {
 	return mx(withColumn.center(), "min-h-0", ...etc);
 };
 var columnTheme = {
-	root: root$13,
+	root: root$12,
 	row,
 	block: block$2,
 	center
@@ -631,7 +637,7 @@ var focusTheme = {
 /**
 * Size can be specified directly, or inherited from a container (e.g., toolbar).
 */
-var root$12 = ({ size }, etc) => {
+var root$11 = ({ size }, etc) => {
 	return mx("shrink-0 text-[var(--icons-color,currentColor)]", size ? getSize(size) : "[width:var(--icon-size,var(--dx-default-icons-size))] [height:var(--icon-size,var(--dx-default-icons-size))]", etc);
 };
 /**
@@ -639,7 +645,7 @@ var root$12 = ({ size }, etc) => {
 */
 var block$1 = ({ compact, square }, ...etc) => mx("grid place-items-center shrink-0 [&>img]:max-w-[1.5rem]", square ? "aspect-square" : "w-[var(--dx-rail-item)]", compact ? "" : "h-[var(--dx-rail-item)]", ...etc);
 var iconTheme = {
-	root: root$12,
+	root: root$11,
 	block: block$1
 };
 //#endregion
@@ -713,8 +719,8 @@ var inputTheme = {
 };
 //#endregion
 //#region src/components/Link/Link.theme.ts
-var root$11 = ({ variant }, ...etc) => mx("dx-link", ...etc);
-var linkTheme = { root: root$11 };
+var root$10 = ({ variant }, ...etc) => mx("dx-link", ...etc);
+var linkTheme = { root: root$10 };
 //#endregion
 //#region src/components/Main/constants.ts
 var mainPaddingTransitions = "dx-main-content-padding-transitions";
@@ -751,11 +757,8 @@ var menuTheme = {
 };
 //#endregion
 //#region src/components/Message/Message.theme.ts
-var root$10 = ({ valence }, etc) => {
-	return mx("p-1 rounded-sm", messageValence(valence), etc);
-};
-var content$3 = (_, etc) => {
-	return mx("col-span-full grid grid-cols-subgrid p-trim-md", etc);
+var content$3 = ({ valence }, etc) => {
+	return mx("rounded-sm", messageValence(valence), etc);
 };
 var header$1 = (_, etc) => {
 	return mx("items-center", etc);
@@ -767,7 +770,6 @@ var body = (_, etc) => {
 	return mx("col-start-2 flex flex-col first:font-medium pb-1.5", etc);
 };
 var messageTheme = {
-	root: root$10,
 	content: content$3,
 	header: header$1,
 	title: title$1,
@@ -804,24 +806,25 @@ var popoverTheme = {
 };
 //#endregion
 //#region src/components/ScrollArea/ScrollArea.theme.ts
-var root$8 = ({ orientation }, ...etc) => mx("dx-container", orientation === "vertical" && "group/scroll-v flex flex-col", orientation === "horizontal" && "group/scroll-h flex", orientation === "all" && "group/scroll-all flex flex-col", "[.dx-column-root_&]:col-span-full", ...etc);
+var root$8 = ({ orientation, native }, ...etc) => mx("dx-container", !native && "relative", orientation === "vertical" && "group/scroll-v flex flex-col", orientation === "horizontal" && "group/scroll-h flex", orientation === "all" && "group/scroll-all flex flex-col", "[.dx-column-root_&]:col-span-full", ...etc);
 /**
 * NOTE: The browser reserves space for scrollbars.
 */
-var viewport$2 = ({ orientation, centered, padding, snap, autoHide }, ...etc) => {
-	return mx("flex-1 min-h-0 w-full", withColumn.consumed(), orientation === "vertical" && "overflow-y-scroll", orientation === "horizontal" && "flex overflow-x-scroll overscroll-x-contain", orientation === "all" && "overflow-scroll", "[&::-webkit-scrollbar-corner]:bg-transparent", "[&::-webkit-scrollbar-track]:bg-transparent", "[&::-webkit-scrollbar-thumb]:rounded-none", "[&::-webkit-scrollbar]:w-[var(--scroll-width)] [&::-webkit-scrollbar]:h-[var(--scroll-width)]", (orientation === "vertical" || orientation === "all") && (padding ? [centered ? "pl-[var(--gutter,calc(var(--scroll-width)+var(--scroll-padding)))]" : "pl-[var(--gutter,0)]", "pr-[calc(var(--gutter,calc(var(--scroll-width)+var(--scroll-padding)))-var(--scroll-width))]"] : centered && "pl-[var(--scroll-width)]"), (orientation === "horizontal" || orientation === "all") && (padding ? [centered && "pt-[calc(var(--scroll-width)+var(--scroll-padding))]", "pb-[var(--scroll-padding)]"] : centered && "pt-[var(--scroll-width)]"), snap && [
+var viewport$2 = ({ orientation, centered, padding, snap, autoHide, native, scrollbars = true }, ...etc) => {
+	return mx("flex-1 min-h-0 w-full", withColumn.consumed(), orientation === "vertical" && "overflow-y-scroll", orientation === "horizontal" && "flex overflow-x-scroll overscroll-x-contain", orientation === "all" && "overflow-scroll", !native || !scrollbars ? ["[scrollbar-width:none]", "[&::-webkit-scrollbar]:hidden"] : [
+		"[&::-webkit-scrollbar-corner]:bg-transparent",
+		"[&::-webkit-scrollbar-track]:bg-transparent",
+		"[&::-webkit-scrollbar-thumb]:rounded-none",
+		"[&::-webkit-scrollbar]:w-[var(--scroll-width)] [&::-webkit-scrollbar]:h-[var(--scroll-width)]"
+	], (orientation === "vertical" || orientation === "all") && (padding ? !native ? [centered ? "pl-[var(--gutter,var(--scroll-strip))]" : "pl-[var(--gutter,0)]", "pr-[var(--gutter,var(--scroll-strip))]"] : [centered ? "pl-[var(--gutter,calc(var(--scroll-width)+var(--scroll-padding)))]" : "pl-[var(--gutter,0)]", "pr-[calc(var(--gutter,calc(var(--scroll-width)+var(--scroll-padding)))-var(--scroll-width))]"] : native && centered && "pl-[var(--scroll-width)]"), (orientation === "horizontal" || orientation === "all") && (padding ? !native ? [centered && "pt-[var(--gutter,var(--scroll-strip))]", "pb-[var(--gutter,var(--scroll-strip))]"] : [centered && "pt-[calc(var(--scroll-width)+var(--scroll-padding))]", "pb-[var(--scroll-padding)]"] : native && centered && "pt-[var(--scroll-width)]"), snap && [
 		orientation === "vertical" && "snap-y snap-mandatory",
 		orientation === "horizontal" && "snap-x snap-mandatory",
 		orientation === "all" && "snap-both snap-mandatory"
-	], autoHide ? [
+	], native && (autoHide ? [
 		orientation === "vertical" && "group-hover/scroll-v:[&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb",
 		orientation === "horizontal" && "group-hover/scroll-h:[&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb",
 		orientation === "all" && "group-hover/scroll-all:[&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb"
-	] : [
-		orientation === "vertical" && "[&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb",
-		orientation === "horizontal" && "[&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb",
-		orientation === "all" && "[&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb"
-	], ...etc);
+	] : ["[&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb"]), ...etc);
 };
 var scrollAreaTheme = {
 	root: root$8,
@@ -1561,6 +1564,6 @@ var parseCaptureOwnerStack = (stack) => {
 	}
 };
 //#endregion
-export { ElevationContext as $, iconTheme as A, bindTheme as B, messageTheme as C, mainPaddingTransitions as D, mainIntrinsicSize as E, withColumn as F, ThemeProvider as G, useSafeArea as H, iconButtonTheme as I, hasIosKeyboard as J, TranslationsContext as K, buttonTheme as L, dialogTheme as M, columnTheme as N, linkTheme as O, cardTheme as P, useIconRegistry as Q, breadcrumbTheme as R, panelTheme as S, mainTheme as T, useElevationContext as U, initialSafeArea as V, ThemeContext as W, getIconRegistry as X, IconRegistryProvider as Y, phosphorIconSource as Z, skeletonTheme as _, useTooltipContext as a, scrollAreaTheme as b, defaultTx as c, toolbarTheme as d, ElevationProvider as et, toastTheme as f, sliderTheme as g, splitterTheme as h, createTooltipScope as i, focusTheme as j, inputTheme as k, tooltipTheme as l, statusTheme as m, ErrorStack as n, DensityContext as nt, useThemeContext as o, tagTheme as p, useTranslation$1 as q, Tooltip as r, defaultTheme as s, parseCaptureOwnerStack as t, DensityProvider as tt, tooltipContent as u, separatorTheme as v, menuTheme as w, popoverTheme as x, selectTheme as y, avatarTheme as z };
+export { useIconRegistry as $, iconTheme as A, avatarTheme as B, messageTheme as C, mainPaddingTransitions as D, mainIntrinsicSize as E, cardTheme as F, ThemeContext as G, initialSafeArea as H, withColumn as I, useTranslation$1 as J, ThemeProvider as K, iconButtonTheme as L, dialogTheme as M, columnGapClasses as N, linkTheme as O, columnTheme as P, phosphorIconSource as Q, buttonTheme as R, panelTheme as S, mainTheme as T, useSafeArea as U, bindTheme as V, useElevationContext as W, IconRegistryProvider as X, hasIosKeyboard as Y, getIconRegistry as Z, skeletonTheme as _, useTooltipContext as a, scrollAreaTheme as b, defaultTx as c, toolbarTheme as d, ElevationContext as et, toastTheme as f, sliderTheme as g, splitterTheme as h, createTooltipScope as i, focusTheme as j, inputTheme as k, tooltipTheme as l, statusTheme as m, ErrorStack as n, DensityProvider as nt, useThemeContext as o, tagTheme as p, TranslationsContext as q, Tooltip as r, DensityContext as rt, defaultTheme as s, parseCaptureOwnerStack as t, ElevationProvider as tt, tooltipContent as u, separatorTheme as v, menuTheme as w, popoverTheme as x, selectTheme as y, breadcrumbTheme as z };
 
 //# sourceMappingURL=chunk-parse-stack.mjs.map