@estiva-app/ui 0.57.3 → 0.58.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ContainerHeader.d.ts.map +1 -1
- package/dist/DialogShell.d.ts.map +1 -1
- package/dist/NavItem.d.ts.map +1 -1
- package/dist/Popover.d.ts +3 -2
- package/dist/Popover.d.ts.map +1 -1
- package/dist/SectionHeader.d.ts +7 -1
- package/dist/SectionHeader.d.ts.map +1 -1
- package/dist/ShowMore.d.ts +27 -0
- package/dist/ShowMore.d.ts.map +1 -0
- package/dist/SuggestionMenu.d.ts.map +1 -1
- package/dist/eslint/index.js +1 -0
- package/dist/eslint/index.js.map +2 -2
- package/dist/eslint/no-restyled-part.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +127 -89
- package/dist/index.js.map +4 -4
- package/dist/looks.d.ts +2 -0
- package/dist/looks.d.ts.map +1 -1
- package/package.json +1 -1
- package/registry.json +66 -4
- package/src/ComposerTriggers.test.tsx +3 -0
- package/src/ContainerHeader.mdx +1 -1
- package/src/ContainerHeader.tsx +3 -2
- package/src/DialogShell.tsx +2 -0
- package/src/ListColumn.mdx +1 -1
- package/src/NavItem.tsx +3 -2
- package/src/Popover.mdx +3 -1
- package/src/Popover.tsx +3 -2
- package/src/SectionHeader.mdx +6 -4
- package/src/SectionHeader.stories.tsx +7 -2
- package/src/SectionHeader.test.tsx +6 -0
- package/src/SectionHeader.tsx +10 -2
- package/src/ShowMore.mdx +62 -0
- package/src/ShowMore.stories.tsx +39 -0
- package/src/ShowMore.test.tsx +44 -0
- package/src/ShowMore.tsx +63 -0
- package/src/SuggestionMenu.tsx +2 -1
- package/src/eslint/no-restyled-part.ts +1 -0
- package/src/index.ts +1 -0
- package/src/looks.ts +3 -0
- package/src/registry/registry.test.ts +4 -4
- package/stories/Choosing.mdx +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"no-restyled-part.d.ts","sourceRoot":"","sources":["../../src/eslint/no-restyled-part.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAGzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAIH,6FAA6F;AAC7F,eAAO,MAAM,SAAS,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,EAUxD,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,QACke,CAAA;AAS9f,oGAAoG;AACpG,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG;IAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAajF;AAED,4CAA4C;AAC5C,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAIlD;AAqBD;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"no-restyled-part.d.ts","sourceRoot":"","sources":["../../src/eslint/no-restyled-part.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAGzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAIH,6FAA6F;AAC7F,eAAO,MAAM,SAAS,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,EAUxD,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,QACke,CAAA;AAS9f,oGAAoG;AACpG,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG;IAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAajF;AAED,4CAA4C;AAC5C,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAIlD;AAqBD;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAqCpD,CAAA;AAOD,UAAU,IAAI;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACvB,GAAG,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;IACnC,MAAM,CAAC,EAAE,IAAI,CAAA;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAOD,4EAA4E;AAC5E,iBAAS,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,CAY3D;AAID;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,UAAU,MAAM;IACd,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK;QAAE,GAAG,EAAE,IAAI,CAAA;KAAE,CAAA;IAClE,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACjD;AAYD,iBAAS,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAUhE;AAoBD,iBAAS,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAYzE;AA+BD,6EAA6E;AAC7E,iBAAS,kBAAkB,CAAC,OAAO,EAAE,IAAI,GAAG,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAuB5D;AA+GD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,WAAW,GAAG,WAAW,CAAC,CAE/G;AAED,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,KAAK,MAAM,EAAE,CAAA;AAenG,iBAAS,YAAY,CAAC,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,GAAG,WAAW,CAAC,GAAG,WAAW,GAAG,SAAS,CAY3H;AAoFD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,KAAK,GAAG,IAAI,EAAE,KAAK,UAAQ,EAAE,IAAI,YAAkB,GAAG,MAAM,EAAE,CAqDtJ;AAOD,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,UAwIjC,CAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -51,6 +51,7 @@ export { NavTree, NavTreeSection, type NavTreeGroup, type NavTreeNode, type NavT
|
|
|
51
51
|
export { Popover, type PopoverProps } from './Popover';
|
|
52
52
|
export { SuggestionMenu, type SuggestionMenuHandle, type SuggestionMenuProps, type SuggestionMenuRow, type SuggestionMenuSection } from './SuggestionMenu';
|
|
53
53
|
export { ScrollArea, type ScrollAreaProps } from './ScrollArea';
|
|
54
|
+
export { ShowMore, type ShowMoreProps } from './ShowMore';
|
|
54
55
|
export { ReactionPicker, type ReactionOption, type ReactionPickerProps } from './ReactionPicker';
|
|
55
56
|
export { Toolbar, ToolbarButton, ToolbarInput, ToolbarLink, ToolbarSeparator, type ToolbarProps, type ToolbarButtonProps, type ToolbarInputProps, type ToolbarLinkProps } from './Toolbar';
|
|
56
57
|
export { PreviewCard, type PreviewCardProps } from './PreviewCard';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -287,6 +287,7 @@ var FIELD_SIZE_CLASSES = {
|
|
|
287
287
|
};
|
|
288
288
|
var FIELD_SHELL_CLASSES = "bg-bg-field border border-border-field shadow-field hover:border-border-strong group-hover/field:border-border-strong rounded-lg transition-colors";
|
|
289
289
|
var FLOATING_SURFACE_CLASSES = "rounded-lg border border-border-default bg-bg-elevated shadow-lg";
|
|
290
|
+
var COUNT_TEXT_CLASSES = "font-mono text-caption tabular-nums text-text-muted";
|
|
290
291
|
var CHIP_TEXT_CLASSES = "text-chip signal:font-mono signal:text-small signal:font-semibold signal:tabular-nums";
|
|
291
292
|
var BARE_INPUT_CLASSES = "bg-transparent text-text-primary placeholder:text-text-muted outline-none";
|
|
292
293
|
var SIDEBAR_ROW_CLASSES = "rounded-lg transition-colors";
|
|
@@ -2630,11 +2631,12 @@ function ContainerHeader({ title, chevron = false, titleMenu, actions, className
|
|
|
2630
2631
|
(chevron || titleMenu != null) && /* @__PURE__ */ jsx37(IconChevronDown3, { size: 12, stroke: 1.5, className: "shrink-0 text-text-secondary" })
|
|
2631
2632
|
] });
|
|
2632
2633
|
return (
|
|
2634
|
+
// The title 16px in, where the column's content starts (Katerina, 7 October; it was 20px).
|
|
2633
2635
|
// With a title menu the bar gives the button 6px of its left padding
|
|
2634
|
-
// (pl-
|
|
2636
|
+
// (pl-2.5 + the button's px-1.5 = pl-4): the words stay where a title's
|
|
2635
2637
|
// are, and the fill is inside the bar — a negative margin had it clipped
|
|
2636
2638
|
// (Katerina, 5 October).
|
|
2637
|
-
/* @__PURE__ */ jsxs26("div", { className: cn("flex h-12 shrink-0 items-center justify-between overflow-hidden border-b border-border-subtle py-2 pr-4", titleMenu != null ? "pl-
|
|
2639
|
+
/* @__PURE__ */ jsxs26("div", { className: cn("flex h-12 shrink-0 items-center justify-between overflow-hidden border-b border-border-subtle py-2 pr-4", titleMenu != null ? "pl-2.5" : "pl-4", className), children: [
|
|
2638
2640
|
/* @__PURE__ */ jsx37("div", { className: cn("flex items-center gap-2 overflow-hidden", text ? "shrink-0" : "min-w-0 flex-1"), children: titleMenu != null ? /* @__PURE__ */ jsx37(
|
|
2639
2641
|
Menu,
|
|
2640
2642
|
{
|
|
@@ -2673,6 +2675,7 @@ function DialogShell({ title, onClose, headerContent, footer, children, bodyClas
|
|
|
2673
2675
|
/* @__PURE__ */ jsx38(
|
|
2674
2676
|
ContainerHeader,
|
|
2675
2677
|
{
|
|
2678
|
+
className: "pl-5",
|
|
2676
2679
|
title: headerContent ?? /* @__PURE__ */ jsx38(Parts.Title, { className: "block truncate text-h4 text-text-primary", render: /* @__PURE__ */ jsx38("span", {}), children: title }),
|
|
2677
2680
|
actions: (
|
|
2678
2681
|
/*
|
|
@@ -3039,7 +3042,8 @@ function NavItem({
|
|
|
3039
3042
|
"span",
|
|
3040
3043
|
{
|
|
3041
3044
|
className: cn(
|
|
3042
|
-
"min-w-4 shrink-0 text-center
|
|
3045
|
+
"min-w-4 shrink-0 text-center",
|
|
3046
|
+
COUNT_TEXT_CLASSES,
|
|
3043
3047
|
// With a menu and no mark after it, the ⋮ takes this place while it shows.
|
|
3044
3048
|
!mark && stepsAside
|
|
3045
3049
|
),
|
|
@@ -3126,7 +3130,7 @@ import { Collapsible as Collapsible2 } from "@base-ui/react/collapsible";
|
|
|
3126
3130
|
import { IconChevronRight as IconChevronRight3, IconDotsVertical as IconDotsVertical2 } from "@tabler/icons-react";
|
|
3127
3131
|
import { useRender } from "@base-ui/react/use-render";
|
|
3128
3132
|
import { Fragment as Fragment11, jsx as jsx46, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
3129
|
-
function SectionHeader({ title, chevron = false, icon, isExpanded = true, onToggle, trailing, actions, menu, menuLabel, showActions = "hover", hover = "fill", look = "heading", render, className }) {
|
|
3133
|
+
function SectionHeader({ title, chevron = false, icon, isExpanded = true, onToggle, trailing, count, actions, menu, menuLabel, showActions = "hover", hover = "fill", look = "heading", render, className }) {
|
|
3130
3134
|
const row = look === "row";
|
|
3131
3135
|
const acts = actions && actions.length > 0 || menu != null;
|
|
3132
3136
|
const trailingClasses = !acts ? "has-[[data-unread]]:-mr-1" : showActions === "hover" && "has-[[data-unread]]:pointer-events-none has-[[data-unread]]:absolute has-[[data-unread]]:inset-y-0 has-[[data-unread]]:right-1 has-[[data-unread]]:w-6 has-[[data-unread]]:justify-center has-[[data-unread]]:transition-opacity group-hover:has-[[data-unread]]:opacity-0 group-has-[:focus-visible]:has-[[data-unread]]:opacity-0 group-has-[[data-section-menu]_[aria-expanded=true]]:has-[[data-unread]]:opacity-0 [@media(hover:none)]:has-[[data-unread]]:opacity-0";
|
|
@@ -3161,7 +3165,8 @@ function SectionHeader({ title, chevron = false, icon, isExpanded = true, onTogg
|
|
|
3161
3165
|
look === "quiet" ? /* @__PURE__ */ jsx46("span", { className: "min-w-0 truncate text-caption text-text-muted", children: title }) : row ? (
|
|
3162
3166
|
// A row's words: NavItem's size and colour, brightening under the pointer with the row.
|
|
3163
3167
|
/* @__PURE__ */ jsx46("span", { className: "min-w-0 flex-1 truncate text-body-2", children: title })
|
|
3164
|
-
) : /* @__PURE__ */ jsx46(SectionLabel, { folds: chevron, children: title })
|
|
3168
|
+
) : /* @__PURE__ */ jsx46(SectionLabel, { folds: chevron, children: title }),
|
|
3169
|
+
count != null && /* @__PURE__ */ jsx46("span", { className: cn("ml-1 shrink-0", COUNT_TEXT_CLASSES), children: count })
|
|
3165
3170
|
] })
|
|
3166
3171
|
}
|
|
3167
3172
|
});
|
|
@@ -3496,17 +3501,49 @@ function SuggestionMenu({ rect, editorElement, ariaLabel, width, maxHeight, sect
|
|
|
3496
3501
|
)
|
|
3497
3502
|
);
|
|
3498
3503
|
};
|
|
3499
|
-
return
|
|
3500
|
-
|
|
3501
|
-
|
|
3502
|
-
|
|
3504
|
+
return (
|
|
3505
|
+
// finalFocus={false}: focus never left the text, and a list that closes because focus moved elsewhere must not pull it back (71a4577b).
|
|
3506
|
+
/* @__PURE__ */ jsx50(Popover, { anchor: rect, open: rect !== null, side: "top", align: "left", className: width, maxHeight, ariaLabel, finalFocus: false, children: /* @__PURE__ */ jsx50("div", { ref: keepFocus, id: listboxId, role: "listbox", "aria-label": ariaLabel, className: "flex flex-col gap-0.5", children: shown.map((section, i) => /* @__PURE__ */ jsxs35("div", { className: "contents", children: [
|
|
3507
|
+
i > 0 && /* @__PURE__ */ jsx50(MenuSeparator, {}),
|
|
3508
|
+
section.label ? /* @__PURE__ */ jsx50("div", { role: "group", "aria-label": section.label, children: /* @__PURE__ */ jsx50(MenuSection, { label: section.label, className: section.className, children: section.items.map(drawRow) }) }) : section.items.map(drawRow)
|
|
3509
|
+
] }, section.label ?? i)) }) })
|
|
3510
|
+
);
|
|
3511
|
+
}
|
|
3512
|
+
|
|
3513
|
+
// src/ShowMore.tsx
|
|
3514
|
+
import { useLayoutEffect as useLayoutEffect5, useRef as useRef12, useState as useState11 } from "react";
|
|
3515
|
+
import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
3516
|
+
var FADE_CLASSES = { surface: "from-bg-surface", inset: "from-bg-inset" };
|
|
3517
|
+
function ShowMore({ children, maxHeight = 96, surface = "surface", className }) {
|
|
3518
|
+
const box = useRef12(null);
|
|
3519
|
+
const [open, setOpen] = useState11(false);
|
|
3520
|
+
const [overflows, setOverflows] = useState11(false);
|
|
3521
|
+
useLayoutEffect5(() => {
|
|
3522
|
+
const el = box.current;
|
|
3523
|
+
if (!el) return;
|
|
3524
|
+
const measure = () => setOverflows(el.scrollHeight > maxHeight + 1);
|
|
3525
|
+
measure();
|
|
3526
|
+
if (typeof ResizeObserver === "undefined") return;
|
|
3527
|
+
const observer = new ResizeObserver(measure);
|
|
3528
|
+
observer.observe(el);
|
|
3529
|
+
return () => observer.disconnect();
|
|
3530
|
+
}, [maxHeight]);
|
|
3531
|
+
const cut = overflows && !open;
|
|
3532
|
+
return /* @__PURE__ */ jsxs36("div", { className: cn("flex flex-col items-start", className), children: [
|
|
3533
|
+
/* @__PURE__ */ jsxs36("div", { ref: box, className: cn("relative w-full", cut && "overflow-hidden"), style: cut ? { maxHeight } : void 0, onFocus: cut ? () => setOpen(true) : void 0, children: [
|
|
3534
|
+
children,
|
|
3535
|
+
cut && /* @__PURE__ */ jsx51("div", { "aria-hidden": true, className: cn("pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t to-transparent", FADE_CLASSES[surface]) })
|
|
3536
|
+
] }),
|
|
3537
|
+
overflows && // `-ml-1.5`: the small button's own 6px inset, so its words start where the content's do.
|
|
3538
|
+
/* @__PURE__ */ jsx51(Button, { variant: "muted", size: "small", className: "-ml-1.5 mt-1", "aria-expanded": open, onClick: () => setOpen((o) => !o), children: open ? "Show less" : "Show more" })
|
|
3539
|
+
] });
|
|
3503
3540
|
}
|
|
3504
3541
|
|
|
3505
3542
|
// src/Toolbar.tsx
|
|
3506
3543
|
import { Toolbar as BaseToolbar } from "@base-ui/react/toolbar";
|
|
3507
|
-
import { jsx as
|
|
3544
|
+
import { jsx as jsx52 } from "react/jsx-runtime";
|
|
3508
3545
|
function Toolbar({ "aria-label": ariaLabel, orientation = "horizontal", loopFocus = true, surface = true, children, className }) {
|
|
3509
|
-
const strip = /* @__PURE__ */
|
|
3546
|
+
const strip = /* @__PURE__ */ jsx52(
|
|
3510
3547
|
BaseToolbar.Root,
|
|
3511
3548
|
{
|
|
3512
3549
|
"aria-label": ariaLabel,
|
|
@@ -3517,27 +3554,27 @@ function Toolbar({ "aria-label": ariaLabel, orientation = "horizontal", loopFocu
|
|
|
3517
3554
|
}
|
|
3518
3555
|
);
|
|
3519
3556
|
if (!surface) return strip;
|
|
3520
|
-
return /* @__PURE__ */
|
|
3557
|
+
return /* @__PURE__ */ jsx52(MenuPanel, { className: "w-fit p-1", children: strip });
|
|
3521
3558
|
}
|
|
3522
3559
|
function ToolbarButton({ ref, disabled, disabledReason, ...props }) {
|
|
3523
|
-
return /* @__PURE__ */
|
|
3560
|
+
return /* @__PURE__ */ jsx52(
|
|
3524
3561
|
BaseToolbar.Button,
|
|
3525
3562
|
{
|
|
3526
3563
|
ref,
|
|
3527
3564
|
disabled: disabled || !!disabledReason,
|
|
3528
3565
|
focusableWhenDisabled: true,
|
|
3529
|
-
render: /* @__PURE__ */
|
|
3566
|
+
render: /* @__PURE__ */ jsx52(IconButton, { disabled, disabledReason, ...props })
|
|
3530
3567
|
}
|
|
3531
3568
|
);
|
|
3532
3569
|
}
|
|
3533
3570
|
function ToolbarLink({ ref, href, ...props }) {
|
|
3534
|
-
return /* @__PURE__ */
|
|
3571
|
+
return /* @__PURE__ */ jsx52(BaseToolbar.Link, { ref, render: /* @__PURE__ */ jsx52(IconButton, { href, ...props }) });
|
|
3535
3572
|
}
|
|
3536
3573
|
function ToolbarInput({ size, ...props }) {
|
|
3537
|
-
return /* @__PURE__ */
|
|
3574
|
+
return /* @__PURE__ */ jsx52(BaseToolbar.Input, { render: /* @__PURE__ */ jsx52(TextInput, { size }), ...props });
|
|
3538
3575
|
}
|
|
3539
3576
|
function ToolbarSeparator({ className }) {
|
|
3540
|
-
return /* @__PURE__ */
|
|
3577
|
+
return /* @__PURE__ */ jsx52(
|
|
3541
3578
|
BaseToolbar.Separator,
|
|
3542
3579
|
{
|
|
3543
3580
|
orientation: "vertical",
|
|
@@ -3547,9 +3584,9 @@ function ToolbarSeparator({ className }) {
|
|
|
3547
3584
|
}
|
|
3548
3585
|
|
|
3549
3586
|
// src/ReactionPicker.tsx
|
|
3550
|
-
import { jsx as
|
|
3587
|
+
import { jsx as jsx53 } from "react/jsx-runtime";
|
|
3551
3588
|
function ReactionPicker({ options, onSelect, "aria-label": ariaLabel = "Reactions", surface = true, className }) {
|
|
3552
|
-
return /* @__PURE__ */
|
|
3589
|
+
return /* @__PURE__ */ jsx53(Toolbar, { "aria-label": ariaLabel, surface, className: cn("gap-0.5", className), children: options.map((option) => (
|
|
3553
3590
|
/*
|
|
3554
3591
|
A `ToolbarButton`, not a button in a tooltip wrapper. The wrapper
|
|
3555
3592
|
would become the toolbar's item and the button inside it would never
|
|
@@ -3559,14 +3596,14 @@ function ReactionPicker({ options, onSelect, "aria-label": ariaLabel = "Reaction
|
|
|
3559
3596
|
The tooltip names it for a pointer, `aria-label` for everything else,
|
|
3560
3597
|
and both say the meaning rather than the glyph.
|
|
3561
3598
|
*/
|
|
3562
|
-
/* @__PURE__ */
|
|
3599
|
+
/* @__PURE__ */ jsx53(
|
|
3563
3600
|
ToolbarButton,
|
|
3564
3601
|
{
|
|
3565
3602
|
"aria-label": option.label,
|
|
3566
3603
|
tooltip: option.label,
|
|
3567
3604
|
onClick: () => onSelect(option.emoji),
|
|
3568
3605
|
className: "size-7",
|
|
3569
|
-
children: /* @__PURE__ */
|
|
3606
|
+
children: /* @__PURE__ */ jsx53("span", { "aria-hidden": "true", className: "text-h3 leading-none", children: option.emoji })
|
|
3570
3607
|
},
|
|
3571
3608
|
option.emoji
|
|
3572
3609
|
)
|
|
@@ -3575,23 +3612,23 @@ function ReactionPicker({ options, onSelect, "aria-label": ariaLabel = "Reaction
|
|
|
3575
3612
|
|
|
3576
3613
|
// src/PreviewCard.tsx
|
|
3577
3614
|
import { PreviewCard as BasePreviewCard } from "@base-ui/react/preview-card";
|
|
3578
|
-
import { jsx as
|
|
3615
|
+
import { jsx as jsx54, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
3579
3616
|
var GAP6 = 12;
|
|
3580
3617
|
var VIEWPORT_PAD6 = 8;
|
|
3581
3618
|
var OPEN_DELAY2 = 350;
|
|
3582
3619
|
var CLOSE_DELAY = 200;
|
|
3583
3620
|
function PreviewCard({ content, children, side = "right", delay = OPEN_DELAY2, closeDelay = CLOSE_DELAY, className, contentClassName, wrapperClassName }) {
|
|
3584
|
-
return /* @__PURE__ */
|
|
3585
|
-
/* @__PURE__ */
|
|
3621
|
+
return /* @__PURE__ */ jsxs37(BasePreviewCard.Root, { children: [
|
|
3622
|
+
/* @__PURE__ */ jsx54(
|
|
3586
3623
|
BasePreviewCard.Trigger,
|
|
3587
3624
|
{
|
|
3588
3625
|
delay,
|
|
3589
3626
|
closeDelay,
|
|
3590
|
-
render: /* @__PURE__ */
|
|
3627
|
+
render: /* @__PURE__ */ jsx54("span", { className: cn("inline-flex", wrapperClassName) }),
|
|
3591
3628
|
children
|
|
3592
3629
|
}
|
|
3593
3630
|
),
|
|
3594
|
-
/* @__PURE__ */
|
|
3631
|
+
/* @__PURE__ */ jsx54(BasePreviewCard.Portal, { children: /* @__PURE__ */ jsx54(
|
|
3595
3632
|
BasePreviewCard.Positioner,
|
|
3596
3633
|
{
|
|
3597
3634
|
side,
|
|
@@ -3599,12 +3636,12 @@ function PreviewCard({ content, children, side = "right", delay = OPEN_DELAY2, c
|
|
|
3599
3636
|
sideOffset: GAP6,
|
|
3600
3637
|
collisionPadding: VIEWPORT_PAD6,
|
|
3601
3638
|
className: "z-50 data-[anchor-hidden]:hidden",
|
|
3602
|
-
children: /* @__PURE__ */
|
|
3639
|
+
children: /* @__PURE__ */ jsx54(
|
|
3603
3640
|
BasePreviewCard.Popup,
|
|
3604
3641
|
{
|
|
3605
3642
|
className: cn("w-[360px] p-0 outline-none", className),
|
|
3606
|
-
render: /* @__PURE__ */
|
|
3607
|
-
children: /* @__PURE__ */
|
|
3643
|
+
render: /* @__PURE__ */ jsx54(MenuPanel, {}),
|
|
3644
|
+
children: /* @__PURE__ */ jsx54(ScrollArea, { viewportClassName: "max-h-[min(300px,var(--available-height))]", contentClassName: cn("flex flex-col gap-3 p-3", contentClassName), children: content })
|
|
3608
3645
|
}
|
|
3609
3646
|
)
|
|
3610
3647
|
}
|
|
@@ -3613,15 +3650,15 @@ function PreviewCard({ content, children, side = "right", delay = OPEN_DELAY2, c
|
|
|
3613
3650
|
}
|
|
3614
3651
|
|
|
3615
3652
|
// src/Rail.tsx
|
|
3616
|
-
import { jsx as
|
|
3653
|
+
import { jsx as jsx55 } from "react/jsx-runtime";
|
|
3617
3654
|
function Rail({ "aria-label": ariaLabel = "Navigation", children, className }) {
|
|
3618
|
-
return /* @__PURE__ */
|
|
3655
|
+
return /* @__PURE__ */ jsx55("nav", { "aria-label": ariaLabel, className: cn("flex w-16 shrink-0 flex-col items-start gap-2 px-2 py-3", className), children });
|
|
3619
3656
|
}
|
|
3620
3657
|
|
|
3621
3658
|
// src/RailItem.tsx
|
|
3622
|
-
import { jsx as
|
|
3659
|
+
import { jsx as jsx56, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
3623
3660
|
function RailItem({ href, icon, label, active = false, className, ...props }) {
|
|
3624
|
-
return /* @__PURE__ */
|
|
3661
|
+
return /* @__PURE__ */ jsxs38(
|
|
3625
3662
|
"a",
|
|
3626
3663
|
{
|
|
3627
3664
|
href,
|
|
@@ -3629,14 +3666,14 @@ function RailItem({ href, icon, label, active = false, className, ...props }) {
|
|
|
3629
3666
|
className: cn("group flex h-12 w-full shrink-0 flex-col items-center gap-0.5 px-2 py-0.5", className),
|
|
3630
3667
|
...props,
|
|
3631
3668
|
children: [
|
|
3632
|
-
/* @__PURE__ */
|
|
3669
|
+
/* @__PURE__ */ jsx56(
|
|
3633
3670
|
"div",
|
|
3634
3671
|
{
|
|
3635
3672
|
className: cn(
|
|
3636
3673
|
"flex items-center justify-center rounded-lg p-2 transition-colors",
|
|
3637
3674
|
active ? "bg-bg-selected" : "group-hover:bg-bg-hover"
|
|
3638
3675
|
),
|
|
3639
|
-
children: /* @__PURE__ */
|
|
3676
|
+
children: /* @__PURE__ */ jsx56(
|
|
3640
3677
|
"span",
|
|
3641
3678
|
{
|
|
3642
3679
|
className: cn(
|
|
@@ -3648,14 +3685,14 @@ function RailItem({ href, icon, label, active = false, className, ...props }) {
|
|
|
3648
3685
|
)
|
|
3649
3686
|
}
|
|
3650
3687
|
),
|
|
3651
|
-
/* @__PURE__ */
|
|
3688
|
+
/* @__PURE__ */ jsx56("span", { className: cn("text-center text-menu", active ? "text-text-primary" : "text-text-secondary"), children: label })
|
|
3652
3689
|
]
|
|
3653
3690
|
}
|
|
3654
3691
|
);
|
|
3655
3692
|
}
|
|
3656
3693
|
|
|
3657
3694
|
// src/Property.tsx
|
|
3658
|
-
import { jsx as
|
|
3695
|
+
import { jsx as jsx57, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
3659
3696
|
var VALUE_CLASSES = "contents";
|
|
3660
3697
|
function Property({ label, layout = "row", children, className }) {
|
|
3661
3698
|
if (layout === "stacked") {
|
|
@@ -3663,25 +3700,25 @@ function Property({ label, layout = "row", children, className }) {
|
|
|
3663
3700
|
// gap-3 — the one label-above-content distance (Katerina, 2026-09-01):
|
|
3664
3701
|
// Peek's topic-details sections already sit at 12px, Ship's rail was
|
|
3665
3702
|
// 6px, and unifying means the bigger, calmer one.
|
|
3666
|
-
/* @__PURE__ */
|
|
3667
|
-
/* @__PURE__ */
|
|
3668
|
-
/* @__PURE__ */
|
|
3703
|
+
/* @__PURE__ */ jsxs39("dl", { className: cn("flex flex-col gap-3", className), children: [
|
|
3704
|
+
/* @__PURE__ */ jsx57("dt", { className: "text-menu uppercase tracking-widest text-text-secondary", children: label }),
|
|
3705
|
+
/* @__PURE__ */ jsx57("dd", { className: VALUE_CLASSES, children })
|
|
3669
3706
|
] })
|
|
3670
3707
|
);
|
|
3671
3708
|
}
|
|
3672
|
-
return /* @__PURE__ */
|
|
3673
|
-
/* @__PURE__ */
|
|
3674
|
-
/* @__PURE__ */
|
|
3709
|
+
return /* @__PURE__ */ jsxs39("dl", { className: cn("flex items-center gap-2", className), children: [
|
|
3710
|
+
/* @__PURE__ */ jsx57("dt", { className: "w-[68px] shrink-0 text-caption text-text-secondary", children: label }),
|
|
3711
|
+
/* @__PURE__ */ jsx57("dd", { className: VALUE_CLASSES, children })
|
|
3675
3712
|
] });
|
|
3676
3713
|
}
|
|
3677
3714
|
|
|
3678
3715
|
// src/Reaction.tsx
|
|
3679
3716
|
import { Toggle } from "@base-ui/react/toggle";
|
|
3680
|
-
import { jsx as
|
|
3717
|
+
import { jsx as jsx58, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
3681
3718
|
function Reaction({ emoji, count, pressed = false, className, ...props }) {
|
|
3682
3719
|
return (
|
|
3683
3720
|
// @estiva-escape(no-copied-look): W1 (Katerina, 24 September: leave alone): a reaction pill shares four words with a field's box by coincidence
|
|
3684
|
-
/* @__PURE__ */
|
|
3721
|
+
/* @__PURE__ */ jsxs40(
|
|
3685
3722
|
Toggle,
|
|
3686
3723
|
{
|
|
3687
3724
|
pressed,
|
|
@@ -3703,8 +3740,8 @@ function Reaction({ emoji, count, pressed = false, className, ...props }) {
|
|
|
3703
3740
|
),
|
|
3704
3741
|
...props,
|
|
3705
3742
|
children: [
|
|
3706
|
-
/* @__PURE__ */
|
|
3707
|
-
/* @__PURE__ */
|
|
3743
|
+
/* @__PURE__ */ jsx58("span", { "aria-hidden": "true", className: "shrink-0 text-body-1 leading-none", children: emoji }),
|
|
3744
|
+
/* @__PURE__ */ jsx58("span", { className: CHIP_TEXT_CLASSES, children: count })
|
|
3708
3745
|
]
|
|
3709
3746
|
}
|
|
3710
3747
|
)
|
|
@@ -3714,9 +3751,9 @@ function Reaction({ emoji, count, pressed = false, className, ...props }) {
|
|
|
3714
3751
|
// src/SearchInput.tsx
|
|
3715
3752
|
import "react";
|
|
3716
3753
|
import { Input as Input3 } from "@base-ui/react/input";
|
|
3717
|
-
import { jsx as
|
|
3754
|
+
import { jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
3718
3755
|
function SearchInput({ shortcut, className, placeholder = "Search\u2026", ...props }) {
|
|
3719
|
-
return /* @__PURE__ */
|
|
3756
|
+
return /* @__PURE__ */ jsxs41(
|
|
3720
3757
|
"div",
|
|
3721
3758
|
{
|
|
3722
3759
|
className: cn(
|
|
@@ -3728,7 +3765,7 @@ function SearchInput({ shortcut, className, placeholder = "Search\u2026", ...pro
|
|
|
3728
3765
|
className
|
|
3729
3766
|
),
|
|
3730
3767
|
children: [
|
|
3731
|
-
/* @__PURE__ */
|
|
3768
|
+
/* @__PURE__ */ jsx59(
|
|
3732
3769
|
Input3,
|
|
3733
3770
|
{
|
|
3734
3771
|
className: cn("flex-1 min-w-0 text-input-value", BARE_INPUT_CLASSES),
|
|
@@ -3736,42 +3773,42 @@ function SearchInput({ shortcut, className, placeholder = "Search\u2026", ...pro
|
|
|
3736
3773
|
...props
|
|
3737
3774
|
}
|
|
3738
3775
|
),
|
|
3739
|
-
shortcut && /* @__PURE__ */
|
|
3776
|
+
shortcut && /* @__PURE__ */ jsx59(Kbd, { children: shortcut })
|
|
3740
3777
|
]
|
|
3741
3778
|
}
|
|
3742
3779
|
);
|
|
3743
3780
|
}
|
|
3744
3781
|
|
|
3745
3782
|
// src/Panel.tsx
|
|
3746
|
-
import { jsx as
|
|
3783
|
+
import { jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
3747
3784
|
function Frame({ title, chevron = false, actions, children, footer, bodyClassName, bodyRef, onBodyScroll, className, broken = false }) {
|
|
3748
|
-
return /* @__PURE__ */
|
|
3749
|
-
/* @__PURE__ */
|
|
3785
|
+
return /* @__PURE__ */ jsxs42("div", { className: cn("flex h-full min-h-0 flex-1 flex-col", className), children: [
|
|
3786
|
+
/* @__PURE__ */ jsx60(ContainerHeader, { title, chevron, actions }),
|
|
3750
3787
|
broken ? (
|
|
3751
3788
|
// The message takes the room the body had and centres itself in it.
|
|
3752
|
-
/* @__PURE__ */
|
|
3753
|
-
) : /* @__PURE__ */
|
|
3754
|
-
!broken && footer && /* @__PURE__ */
|
|
3789
|
+
/* @__PURE__ */ jsx60("div", { className: "flex min-h-0 flex-1 flex-col px-4", children })
|
|
3790
|
+
) : /* @__PURE__ */ jsx60(ScrollArea, { className: "min-h-0 flex-1", contentClassName: bodyClassName, viewportRef: bodyRef, onScroll: onBodyScroll, children }),
|
|
3791
|
+
!broken && footer && /* @__PURE__ */ jsx60("div", { className: "shrink-0", children: footer })
|
|
3755
3792
|
] });
|
|
3756
3793
|
}
|
|
3757
3794
|
function Panel(props) {
|
|
3758
|
-
return /* @__PURE__ */
|
|
3795
|
+
return /* @__PURE__ */ jsx60(
|
|
3759
3796
|
ErrorBoundary,
|
|
3760
3797
|
{
|
|
3761
3798
|
label: "panel",
|
|
3762
3799
|
frame: (message) => (
|
|
3763
3800
|
// Only the name comes back with the message: the actions and the footer may be what threw.
|
|
3764
|
-
/* @__PURE__ */
|
|
3801
|
+
/* @__PURE__ */ jsx60(Frame, { title: props.title, chevron: props.chevron, className: props.className, broken: true, children: message })
|
|
3765
3802
|
),
|
|
3766
|
-
children: /* @__PURE__ */
|
|
3803
|
+
children: /* @__PURE__ */ jsx60(Frame, { ...props })
|
|
3767
3804
|
}
|
|
3768
3805
|
);
|
|
3769
3806
|
}
|
|
3770
3807
|
|
|
3771
3808
|
// src/ListColumn.tsx
|
|
3772
|
-
import { jsx as
|
|
3809
|
+
import { jsx as jsx61, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
3773
3810
|
function Column({ title, chevron = false, titleMenu, actions, above, collapsed = false, children, className, broken = false }) {
|
|
3774
|
-
return /* @__PURE__ */
|
|
3811
|
+
return /* @__PURE__ */ jsxs43(
|
|
3775
3812
|
"div",
|
|
3776
3813
|
{
|
|
3777
3814
|
className: cn(
|
|
@@ -3782,35 +3819,35 @@ function Column({ title, chevron = false, titleMenu, actions, above, collapsed =
|
|
|
3782
3819
|
),
|
|
3783
3820
|
"data-collapsed": collapsed || void 0,
|
|
3784
3821
|
children: [
|
|
3785
|
-
/* @__PURE__ */
|
|
3822
|
+
/* @__PURE__ */ jsx61(ContainerHeader, { title, chevron, titleMenu, actions }),
|
|
3786
3823
|
above,
|
|
3787
3824
|
broken ? (
|
|
3788
3825
|
// The message takes the room the list had and centres itself in it (Katerina, 19 September).
|
|
3789
|
-
/* @__PURE__ */
|
|
3790
|
-
) : /* @__PURE__ */
|
|
3826
|
+
/* @__PURE__ */ jsx61("div", { className: "flex min-h-0 flex-1 flex-col px-3", children })
|
|
3827
|
+
) : /* @__PURE__ */ jsx61(ScrollArea, { className: "flex-1", contentClassName: "flex flex-col gap-0.5 px-3 pt-4 pb-3", children })
|
|
3791
3828
|
]
|
|
3792
3829
|
}
|
|
3793
3830
|
);
|
|
3794
3831
|
}
|
|
3795
3832
|
function ListColumn(props) {
|
|
3796
|
-
return /* @__PURE__ */
|
|
3833
|
+
return /* @__PURE__ */ jsx61(
|
|
3797
3834
|
ErrorBoundary,
|
|
3798
3835
|
{
|
|
3799
3836
|
label: "list panel",
|
|
3800
3837
|
frame: (message) => (
|
|
3801
3838
|
// Only the name comes back with the message: the actions and the row above may be what threw.
|
|
3802
|
-
/* @__PURE__ */
|
|
3839
|
+
/* @__PURE__ */ jsx61(Column, { title: props.title, chevron: props.chevron, collapsed: props.collapsed, className: props.className, broken: true, children: message })
|
|
3803
3840
|
),
|
|
3804
|
-
children: /* @__PURE__ */
|
|
3841
|
+
children: /* @__PURE__ */ jsx61(Column, { ...props })
|
|
3805
3842
|
}
|
|
3806
3843
|
);
|
|
3807
3844
|
}
|
|
3808
3845
|
|
|
3809
3846
|
// src/Tabs.tsx
|
|
3810
3847
|
import { Tabs as BaseTabs } from "@base-ui/react/tabs";
|
|
3811
|
-
import { jsx as
|
|
3848
|
+
import { jsx as jsx62, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
3812
3849
|
function Tabs({ tabs, active, onChange, size = "default", className, ...aria }) {
|
|
3813
|
-
return /* @__PURE__ */
|
|
3850
|
+
return /* @__PURE__ */ jsx62(
|
|
3814
3851
|
BaseTabs.Root,
|
|
3815
3852
|
{
|
|
3816
3853
|
value: active,
|
|
@@ -3818,14 +3855,14 @@ function Tabs({ tabs, active, onChange, size = "default", className, ...aria })
|
|
|
3818
3855
|
if (details.reason === "none") onChange(value);
|
|
3819
3856
|
},
|
|
3820
3857
|
className,
|
|
3821
|
-
children: /* @__PURE__ */
|
|
3858
|
+
children: /* @__PURE__ */ jsx62(
|
|
3822
3859
|
BaseTabs.List,
|
|
3823
3860
|
{
|
|
3824
3861
|
activateOnFocus: true,
|
|
3825
3862
|
"aria-label": aria["aria-label"],
|
|
3826
3863
|
"aria-labelledby": aria["aria-labelledby"],
|
|
3827
3864
|
className: "flex items-center gap-2",
|
|
3828
|
-
children: tabs.map((tab) => /* @__PURE__ */
|
|
3865
|
+
children: tabs.map((tab) => /* @__PURE__ */ jsxs44(
|
|
3829
3866
|
BaseTabs.Tab,
|
|
3830
3867
|
{
|
|
3831
3868
|
value: tab.id,
|
|
@@ -3838,9 +3875,9 @@ function Tabs({ tabs, active, onChange, size = "default", className, ...aria })
|
|
|
3838
3875
|
),
|
|
3839
3876
|
children: [
|
|
3840
3877
|
tab.icon,
|
|
3841
|
-
/* @__PURE__ */
|
|
3878
|
+
/* @__PURE__ */ jsxs44("span", { className: "flex items-baseline", children: [
|
|
3842
3879
|
tab.label,
|
|
3843
|
-
tab.count !== void 0 ? /* @__PURE__ */
|
|
3880
|
+
tab.count !== void 0 ? /* @__PURE__ */ jsx62("span", { className: "ml-2.5 font-mono text-caption tabular-nums text-text-secondary", children: tab.count }) : null
|
|
3844
3881
|
] })
|
|
3845
3882
|
]
|
|
3846
3883
|
},
|
|
@@ -3856,7 +3893,7 @@ function Tabs({ tabs, active, onChange, size = "default", className, ...aria })
|
|
|
3856
3893
|
import { createContext as createContext6, useContext as useContext6, useMemo as useMemo5 } from "react";
|
|
3857
3894
|
import { Toast as BaseToast } from "@base-ui/react/toast";
|
|
3858
3895
|
import { IconAlertCircle as IconAlertCircle2, IconCircleCheck, IconCircleX } from "@tabler/icons-react";
|
|
3859
|
-
import { jsx as
|
|
3896
|
+
import { jsx as jsx63, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
3860
3897
|
var SURFACE_STYLES = {
|
|
3861
3898
|
success: "bg-success-muted signal:bg-bg-inset signal:border signal:border-border-default signal:shadow-md leaf:bg-bg-inset leaf:border leaf:border-border-default leaf:shadow-md",
|
|
3862
3899
|
brand: "bg-accent-muted signal:bg-bg-inset signal:border signal:border-border-default signal:shadow-md leaf:bg-bg-inset leaf:border leaf:border-border-default leaf:shadow-md",
|
|
@@ -3892,16 +3929,16 @@ var pillClassName = (type, hasAction, className) => cn(
|
|
|
3892
3929
|
);
|
|
3893
3930
|
function LeadingIcon({ type }) {
|
|
3894
3931
|
const Icon = ICONS[type];
|
|
3895
|
-
return /* @__PURE__ */
|
|
3932
|
+
return /* @__PURE__ */ jsx63(Icon, { size: 16, stroke: 1.5, className: cn("text-text-primary shrink-0", ICON_STYLES[type]) });
|
|
3896
3933
|
}
|
|
3897
3934
|
function Toast({ label, type = "neutral", leadingIcon = true, actionLabel, onAction, className }) {
|
|
3898
3935
|
const hasAction = !!(actionLabel && onAction);
|
|
3899
|
-
return /* @__PURE__ */
|
|
3900
|
-
/* @__PURE__ */
|
|
3901
|
-
leadingIcon && /* @__PURE__ */
|
|
3902
|
-
/* @__PURE__ */
|
|
3936
|
+
return /* @__PURE__ */ jsxs45("div", { className: pillClassName(type, hasAction, className), children: [
|
|
3937
|
+
/* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2 shrink-0", children: [
|
|
3938
|
+
leadingIcon && /* @__PURE__ */ jsx63(LeadingIcon, { type }),
|
|
3939
|
+
/* @__PURE__ */ jsx63("span", { className: LABEL_CLASSES, children: label })
|
|
3903
3940
|
] }),
|
|
3904
|
-
hasAction && /* @__PURE__ */
|
|
3941
|
+
hasAction && /* @__PURE__ */ jsx63(Button, { variant: "outlined", size: "small", onClick: onAction, children: actionLabel })
|
|
3905
3942
|
] });
|
|
3906
3943
|
}
|
|
3907
3944
|
var ToastContext = createContext6(null);
|
|
@@ -3922,9 +3959,9 @@ function ToastProvider({ children }) {
|
|
|
3922
3959
|
}),
|
|
3923
3960
|
[manager]
|
|
3924
3961
|
);
|
|
3925
|
-
return /* @__PURE__ */
|
|
3962
|
+
return /* @__PURE__ */ jsx63(ToastContext.Provider, { value, children: /* @__PURE__ */ jsxs45(BaseToast.Provider, { toastManager: manager, limit: VISIBLE_TOASTS, children: [
|
|
3926
3963
|
children,
|
|
3927
|
-
/* @__PURE__ */
|
|
3964
|
+
/* @__PURE__ */ jsx63(BaseToast.Portal, { children: /* @__PURE__ */ jsx63(BaseToast.Viewport, { className: "fixed bottom-4 left-4 z-[100] flex flex-col-reverse items-start gap-2 pointer-events-none", children: /* @__PURE__ */ jsx63(ToastList, {}) }) })
|
|
3928
3965
|
] }) });
|
|
3929
3966
|
}
|
|
3930
3967
|
function ToastList() {
|
|
@@ -3932,25 +3969,25 @@ function ToastList() {
|
|
|
3932
3969
|
return toasts.map((toast) => {
|
|
3933
3970
|
const type = toast.type ?? "neutral";
|
|
3934
3971
|
const { leadingIcon = true, actionLabel, onAction } = toast.data ?? {};
|
|
3935
|
-
return /* @__PURE__ */
|
|
3972
|
+
return /* @__PURE__ */ jsxs45(
|
|
3936
3973
|
BaseToast.Root,
|
|
3937
3974
|
{
|
|
3938
3975
|
toast,
|
|
3939
3976
|
swipeDirection: ["left", "down"],
|
|
3940
3977
|
className: pillClassName(type, !!actionLabel, "pointer-events-auto data-[limited]:hidden"),
|
|
3941
3978
|
children: [
|
|
3942
|
-
/* @__PURE__ */
|
|
3943
|
-
leadingIcon && /* @__PURE__ */
|
|
3944
|
-
/* @__PURE__ */
|
|
3979
|
+
/* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2 shrink-0", children: [
|
|
3980
|
+
leadingIcon && /* @__PURE__ */ jsx63(LeadingIcon, { type }),
|
|
3981
|
+
/* @__PURE__ */ jsx63(BaseToast.Title, { render: /* @__PURE__ */ jsx63("span", {}), className: LABEL_CLASSES })
|
|
3945
3982
|
] }),
|
|
3946
|
-
actionLabel && /* @__PURE__ */
|
|
3983
|
+
actionLabel && /* @__PURE__ */ jsx63(
|
|
3947
3984
|
BaseToast.Action,
|
|
3948
3985
|
{
|
|
3949
3986
|
onClick: () => {
|
|
3950
3987
|
onAction?.();
|
|
3951
3988
|
close(toast.id);
|
|
3952
3989
|
},
|
|
3953
|
-
render: /* @__PURE__ */
|
|
3990
|
+
render: /* @__PURE__ */ jsx63(Button, { variant: "outlined", size: "small", children: actionLabel })
|
|
3954
3991
|
}
|
|
3955
3992
|
)
|
|
3956
3993
|
]
|
|
@@ -4048,6 +4085,7 @@ export {
|
|
|
4048
4085
|
SectionHeader,
|
|
4049
4086
|
SectionLabel,
|
|
4050
4087
|
Select,
|
|
4088
|
+
ShowMore,
|
|
4051
4089
|
Sidebar,
|
|
4052
4090
|
SkeletonBar,
|
|
4053
4091
|
SkeletonList,
|