@botiverse/raft-ui 0.37.0 → 0.38.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/CHANGELOG.md +25 -0
- package/dist/components/virtual-list/styles/virtual-list.css +4 -6
- package/dist/{inbox-item-B8eXIikq.d.mts → inbox-item-BYB2RRZK.d.mts} +11 -3
- package/dist/{inbox-item-D7xLTDjD.mjs → inbox-item-Bk5SfPrz.mjs} +190 -3
- package/dist/index.d.mts +5 -5
- package/dist/index.mjs +18 -81
- package/dist/wip.d.mts +23 -2
- package/dist/wip.mjs +50 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,28 @@
|
|
|
1
|
+
## [0.38.0](https://github.com/botiverse/raft-design/compare/v0.37.0...v0.38.0) (2026-10-27)
|
|
2
|
+
|
|
3
|
+
### Design System
|
|
4
|
+
|
|
5
|
+
- **Navigation:** tabs, segmented controls, toggle groups and the mobile tab bar switch on finger lift, so a tap while a list is still momentum-scrolling switches on the first try. Rows, list items and menu items stay on click. ([#829](https://github.com/botiverse/raft-design/pull/829))
|
|
6
|
+
- Docs: https://raft-design.botiverse.build/patterns/navigation/
|
|
7
|
+
- **Filters:** a filter people set by habit uses a Filter button that always says Filter, plus a FilterChip naming the filter in effect. ([#825](https://github.com/botiverse/raft-design/pull/825))
|
|
8
|
+
- **Responsive:** the side area's columns, and a Thread that covers the conversation when the window is narrow. Columns that don't fit beside it become tabs. ([#821](https://github.com/botiverse/raft-design/pull/821), [#827](https://github.com/botiverse/raft-design/pull/827))
|
|
9
|
+
- **Spacing and page structure:** these docs now describe the channel's side columns; Tasks and Files are sections, not cards. ([#822](https://github.com/botiverse/raft-design/pull/822), [#824](https://github.com/botiverse/raft-design/pull/824))
|
|
10
|
+
- **Drag and drop:** in a layout, the target column makes room and the origin stays uncovered. ([#820](https://github.com/botiverse/raft-design/pull/820))
|
|
11
|
+
- **Public page:** the sign-up prompt. ([#823](https://github.com/botiverse/raft-design/pull/823))
|
|
12
|
+
- **Dialog:** the showcase frame also holds Pro's Add seats dialog. ([#818](https://github.com/botiverse/raft-design/pull/818))
|
|
13
|
+
|
|
14
|
+
### Added
|
|
15
|
+
|
|
16
|
+
- **FilterChip** (experimental, from `wip`): the filter in effect as an `info-soft` chip, with an × that resets the filter to its default. ([#825](https://github.com/botiverse/raft-design/pull/825))
|
|
17
|
+
- **PanelAction** `activateOnTouchEnd`: opt-in switch on finger lift for a back or close action; `DialogSheetBack` sets it. ([#829](https://github.com/botiverse/raft-design/pull/829))
|
|
18
|
+
|
|
19
|
+
### Changed
|
|
20
|
+
|
|
21
|
+
- **TabsTab**, **SegmentedControlItem**, **ToggleGroupItem** and **MobileNavItem** activate on a tap's `touchend` (one finger, moved ≤10px, lifted inside, under 500ms), and the click that follows is dropped. Mouse, pen and keyboard are unchanged. ([#829](https://github.com/botiverse/raft-design/pull/829))
|
|
22
|
+
- Affects: an `onClick` on these controls still runs exactly once per tap. A touch handler that relied on the browser's click arriving after `touchend` now sees the click earlier.
|
|
23
|
+
- **VirtualList** no longer writes `--virtual-list-transform-y` or `--virtual-list-ios-compensation-y` on the rows' element (every scroll used to restyle every row). ([#819](https://github.com/botiverse/raft-design/pull/819))
|
|
24
|
+
- Affects: content that read those variables uses `onTransformChange` instead.
|
|
25
|
+
|
|
1
26
|
## [0.37.0](https://github.com/botiverse/raft-design/compare/v0.36.1...v0.37.0) (2026-10-26)
|
|
2
27
|
|
|
3
28
|
### Design System
|
|
@@ -12,12 +12,10 @@
|
|
|
12
12
|
* In the `components` layer, so a utility in the consumer's `className` (`h-*`, `max-h-*`, `overflow-*`)
|
|
13
13
|
* overrides these rules.
|
|
14
14
|
*
|
|
15
|
-
* CSS
|
|
16
|
-
* --virtual-list-
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
* applied to the spacer as translateY(-value)
|
|
20
|
-
* --virtual-list-width on `.r-virtual-list`: the list's offsetWidth
|
|
15
|
+
* CSS variable the list writes as an inline style, for sticky children to read:
|
|
16
|
+
* --virtual-list-width on `.r-virtual-list`: the list's offsetWidth
|
|
17
|
+
* The rows' element carries no CSS variable: custom properties inherit, so one written there on every
|
|
18
|
+
* scroll would restyle every row. Content that must follow the rows' offset uses `onTransformChange`.
|
|
21
19
|
*/
|
|
22
20
|
@layer components {
|
|
23
21
|
.r-virtual-list {
|
|
@@ -282,8 +282,16 @@ type ButtonProps = StyledProps<Button.Props> & Omit<ButtonVariantProps, "size">
|
|
|
282
282
|
declare function Button$1({ variant, size, loading, loadingLabel, disabled, className, children, render, nativeButton, ...props }: ButtonProps): import("react").JSX.Element;
|
|
283
283
|
//#endregion
|
|
284
284
|
//#region src/components/panel/panel-action.d.ts
|
|
285
|
-
type PanelActionProps = Omit<StyledProps<Button.Props>, "type"> & DataAttributes
|
|
286
|
-
|
|
285
|
+
type PanelActionProps = Omit<StyledProps<Button.Props>, "type"> & DataAttributes & {
|
|
286
|
+
/**
|
|
287
|
+
* Activate when the finger lifts instead of on the click after it, so a
|
|
288
|
+
* tap that stops a scrolling page still acts. Give it to Back, the
|
|
289
|
+
* header's navigation; not to actions that change things
|
|
290
|
+
* (design/patterns/navigation.md#switching-on-finger-lift).
|
|
291
|
+
*/
|
|
292
|
+
activateOnTouchEnd?: boolean;
|
|
293
|
+
};
|
|
294
|
+
declare function PanelAction({ className, render, nativeButton, activateOnTouchEnd, ref, ...props }: PanelActionProps): import("react").JSX.Element;
|
|
287
295
|
//#endregion
|
|
288
296
|
//#region src/components/dialog/dialog.d.ts
|
|
289
297
|
type DialogProps = Dialog.Root.Props;
|
|
@@ -860,7 +868,7 @@ type MobileNavItemProps = useRender.ComponentProps<"button"> & {
|
|
|
860
868
|
nativeButton?: boolean;
|
|
861
869
|
selected?: boolean;
|
|
862
870
|
};
|
|
863
|
-
declare function MobileNavItem({ nativeButton, selected, className, render, ...props }: MobileNavItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
871
|
+
declare function MobileNavItem({ nativeButton, selected, className, render, ref, ...props }: MobileNavItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
864
872
|
type MobileNavLabelProps = useRender.ComponentProps<"span">;
|
|
865
873
|
declare function MobileNavLabel({ className, render, ...props }: MobileNavLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
866
874
|
//#endregion
|
|
@@ -664,6 +664,172 @@ function TextLinkExternalIcon({ label, className }) {
|
|
|
664
664
|
}) : null]
|
|
665
665
|
});
|
|
666
666
|
}
|
|
667
|
+
/** How long after a tap a click on the same control is the browser's echo of it. */
|
|
668
|
+
const ECHO_CLICK_MS = 800;
|
|
669
|
+
const DISABLED = ":disabled, [aria-disabled=\"true\"], [data-disabled]";
|
|
670
|
+
function findTouch(list, id) {
|
|
671
|
+
if (!list) return void 0;
|
|
672
|
+
for (let i = 0; i < list.length; i++) {
|
|
673
|
+
const touch = list[i];
|
|
674
|
+
if (touch && touch.identifier === id) return touch;
|
|
675
|
+
}
|
|
676
|
+
}
|
|
677
|
+
function isStylus(touch) {
|
|
678
|
+
return touch.touchType === "stylus";
|
|
679
|
+
}
|
|
680
|
+
/**
|
|
681
|
+
* Make `element` activate on a tap's `touchend`. Returns a function that
|
|
682
|
+
* removes the listeners. Does nothing outside a browser.
|
|
683
|
+
*/
|
|
684
|
+
function attachTapActivation(element) {
|
|
685
|
+
const view = element.ownerDocument?.defaultView;
|
|
686
|
+
if (!view) return () => void 0;
|
|
687
|
+
const now = () => view.performance?.now() ?? Date.now();
|
|
688
|
+
let gesture = null;
|
|
689
|
+
let clicking = false;
|
|
690
|
+
let swallowClickUntil = -Infinity;
|
|
691
|
+
const onTouchStart = (event) => {
|
|
692
|
+
swallowClickUntil = -Infinity;
|
|
693
|
+
const touch = event.touches.length === 1 ? event.changedTouches[0] : void 0;
|
|
694
|
+
gesture = touch && !isStylus(touch) ? {
|
|
695
|
+
id: touch.identifier,
|
|
696
|
+
x: touch.clientX,
|
|
697
|
+
y: touch.clientY,
|
|
698
|
+
at: now(),
|
|
699
|
+
moved: false
|
|
700
|
+
} : null;
|
|
701
|
+
};
|
|
702
|
+
const onTouchMove = (event) => {
|
|
703
|
+
if (!gesture || gesture.moved) return;
|
|
704
|
+
const touch = findTouch(event.touches, gesture.id);
|
|
705
|
+
if (!touch) return;
|
|
706
|
+
if (Math.hypot(touch.clientX - gesture.x, touch.clientY - gesture.y) > 10) gesture.moved = true;
|
|
707
|
+
};
|
|
708
|
+
const onTouchCancel = () => {
|
|
709
|
+
gesture = null;
|
|
710
|
+
};
|
|
711
|
+
const onTouchEnd = (event) => {
|
|
712
|
+
const started = gesture;
|
|
713
|
+
gesture = null;
|
|
714
|
+
if (!started || started.moved || event.touches.length > 0) return;
|
|
715
|
+
const touch = findTouch(event.changedTouches, started.id);
|
|
716
|
+
if (!touch) return;
|
|
717
|
+
if (Math.hypot(touch.clientX - started.x, touch.clientY - started.y) > 10) return;
|
|
718
|
+
if (now() - started.at >= 500) return;
|
|
719
|
+
if (!event.cancelable) return;
|
|
720
|
+
if (element.matches(DISABLED)) return;
|
|
721
|
+
const box = element.getBoundingClientRect();
|
|
722
|
+
if (!(touch.clientX >= box.left && touch.clientX <= box.right && touch.clientY >= box.top && touch.clientY <= box.bottom)) return;
|
|
723
|
+
event.preventDefault();
|
|
724
|
+
swallowClickUntil = now() + ECHO_CLICK_MS;
|
|
725
|
+
clicking = true;
|
|
726
|
+
try {
|
|
727
|
+
element.click();
|
|
728
|
+
} finally {
|
|
729
|
+
clicking = false;
|
|
730
|
+
}
|
|
731
|
+
element.focus({ preventScroll: true });
|
|
732
|
+
};
|
|
733
|
+
const endEchoWindow = () => {
|
|
734
|
+
swallowClickUntil = -Infinity;
|
|
735
|
+
};
|
|
736
|
+
const onPointerDown = (event) => {
|
|
737
|
+
if (event.pointerType !== "touch") endEchoWindow();
|
|
738
|
+
};
|
|
739
|
+
const onClick = (event) => {
|
|
740
|
+
if (clicking || now() > swallowClickUntil) return;
|
|
741
|
+
swallowClickUntil = -Infinity;
|
|
742
|
+
event.preventDefault();
|
|
743
|
+
event.stopImmediatePropagation();
|
|
744
|
+
};
|
|
745
|
+
const passive = { passive: true };
|
|
746
|
+
element.addEventListener("touchstart", onTouchStart, passive);
|
|
747
|
+
element.addEventListener("touchmove", onTouchMove, passive);
|
|
748
|
+
element.addEventListener("touchcancel", onTouchCancel, passive);
|
|
749
|
+
element.addEventListener("pointerdown", onPointerDown, passive);
|
|
750
|
+
element.addEventListener("keydown", endEchoWindow, passive);
|
|
751
|
+
element.addEventListener("touchend", onTouchEnd, { passive: false });
|
|
752
|
+
element.addEventListener("click", onClick, { capture: true });
|
|
753
|
+
return () => {
|
|
754
|
+
element.removeEventListener("touchstart", onTouchStart);
|
|
755
|
+
element.removeEventListener("touchmove", onTouchMove);
|
|
756
|
+
element.removeEventListener("touchcancel", onTouchCancel);
|
|
757
|
+
element.removeEventListener("pointerdown", onPointerDown);
|
|
758
|
+
element.removeEventListener("keydown", endEchoWindow);
|
|
759
|
+
element.removeEventListener("touchend", onTouchEnd);
|
|
760
|
+
element.removeEventListener("click", onClick, { capture: true });
|
|
761
|
+
};
|
|
762
|
+
}
|
|
763
|
+
/**
|
|
764
|
+
* A ref callback that gives the element it is set to tap activation
|
|
765
|
+
* (`attachTapActivation`), and removes it when the element goes or
|
|
766
|
+
* `enabled` turns false. Merge it with the control's other refs.
|
|
767
|
+
*/
|
|
768
|
+
function useTapActivation(enabled = true) {
|
|
769
|
+
const detachRef = useRef(null);
|
|
770
|
+
return useCallback((node) => {
|
|
771
|
+
detachRef.current?.();
|
|
772
|
+
detachRef.current = enabled && node ? attachTapActivation(node) : null;
|
|
773
|
+
}, [enabled]);
|
|
774
|
+
}
|
|
775
|
+
//#endregion
|
|
776
|
+
//#region src/lib/use-merged-ref.ts
|
|
777
|
+
/**
|
|
778
|
+
* Merges refs into one setter. Returns `[setRef, getRef]`: `setRef(el)` stores `el` and passes it to
|
|
779
|
+
* every ref; `getRef()` reads the stored element. When a ref changes between renders (checked while
|
|
780
|
+
* rendering), the old one is cleared and the new one gets the stored element at once. The setter
|
|
781
|
+
* calls ref callbacks itself, so what they return is ignored.
|
|
782
|
+
*/
|
|
783
|
+
function useMergedRef(...refs) {
|
|
784
|
+
const entries = useMemo(() => [], []);
|
|
785
|
+
const elementRef = useRef(null);
|
|
786
|
+
const getRef = useCallback(() => elementRef.current, []);
|
|
787
|
+
const clearEntry = useCallback((entry) => {
|
|
788
|
+
if (entry != null) {
|
|
789
|
+
if (entry.type === "RefCallback") entry.ref(null);
|
|
790
|
+
else entry.ref.current = null;
|
|
791
|
+
}
|
|
792
|
+
}, []);
|
|
793
|
+
const applyStoredElement = useCallback((ref) => {
|
|
794
|
+
if (typeof ref == "function") ref(getRef());
|
|
795
|
+
else ref.current = getRef();
|
|
796
|
+
}, [getRef]);
|
|
797
|
+
const setRef = useCallback((el) => {
|
|
798
|
+
elementRef.current = el;
|
|
799
|
+
for (const entry of entries) if (entry == null) continue;
|
|
800
|
+
else if (entry.type === "RefObject") entry.ref.current = el;
|
|
801
|
+
else entry.ref(el);
|
|
802
|
+
}, [entries]);
|
|
803
|
+
for (let i = 0; i < refs.length; i++) {
|
|
804
|
+
const ref = refs[i];
|
|
805
|
+
const entry = entries[i];
|
|
806
|
+
if (ref == null) {
|
|
807
|
+
clearEntry(entry);
|
|
808
|
+
entries[i] = null;
|
|
809
|
+
} else {
|
|
810
|
+
if (entry && entry.ref === ref) continue;
|
|
811
|
+
if (typeof ref == "function") {
|
|
812
|
+
if (entry != null) clearEntry(entry);
|
|
813
|
+
entries[i] = {
|
|
814
|
+
type: "RefCallback",
|
|
815
|
+
ref
|
|
816
|
+
};
|
|
817
|
+
} else {
|
|
818
|
+
if (entry != null) clearEntry(entry);
|
|
819
|
+
entries[i] = {
|
|
820
|
+
type: "RefObject",
|
|
821
|
+
ref
|
|
822
|
+
};
|
|
823
|
+
}
|
|
824
|
+
applyStoredElement(ref);
|
|
825
|
+
}
|
|
826
|
+
}
|
|
827
|
+
for (let i = refs.length; i < entries.length; i++) {
|
|
828
|
+
clearEntry(entries[i]);
|
|
829
|
+
entries[i] = null;
|
|
830
|
+
}
|
|
831
|
+
return [setRef, getRef];
|
|
832
|
+
}
|
|
667
833
|
//#endregion
|
|
668
834
|
//#region src/components/panel/panel-action.recipe.ts
|
|
669
835
|
const panelActionBase = tv$1({ base: [
|
|
@@ -703,9 +869,11 @@ const panelToggleAction = tv$1({
|
|
|
703
869
|
});
|
|
704
870
|
//#endregion
|
|
705
871
|
//#region src/components/panel/panel-action.tsx
|
|
706
|
-
function PanelAction({ className, render, nativeButton, ...props }) {
|
|
872
|
+
function PanelAction({ className, render, nativeButton, activateOnTouchEnd = false, ref, ...props }) {
|
|
873
|
+
const [setRef] = useMergedRef(useTapActivation(activateOnTouchEnd), ref);
|
|
707
874
|
return /* @__PURE__ */ jsx(Button, {
|
|
708
875
|
...props,
|
|
876
|
+
ref: setRef,
|
|
709
877
|
render,
|
|
710
878
|
nativeButton: nativeButton ?? defaultNativeButton(render),
|
|
711
879
|
type: "button",
|
|
@@ -886,6 +1054,7 @@ function DialogClose({ className, variant, size, children, render, "aria-label":
|
|
|
886
1054
|
function DialogSheetBack({ className, children, "aria-label": ariaLabel, ...props }) {
|
|
887
1055
|
if (!useInDialogSheetHead()) return null;
|
|
888
1056
|
return /* @__PURE__ */ jsx(PanelAction, {
|
|
1057
|
+
activateOnTouchEnd: true,
|
|
889
1058
|
"data-slot": "dialog-sheet-back",
|
|
890
1059
|
"aria-label": ariaLabel ?? "Back",
|
|
891
1060
|
className,
|
|
@@ -2514,8 +2683,9 @@ function MobileNavRoot({ className, render, ...props }) {
|
|
|
2514
2683
|
props: mergeProps(defaultProps, props)
|
|
2515
2684
|
});
|
|
2516
2685
|
}
|
|
2517
|
-
function MobileNavItem({ nativeButton = true, selected, className, render, ...props }) {
|
|
2686
|
+
function MobileNavItem({ nativeButton = true, selected, className, render, ref, ...props }) {
|
|
2518
2687
|
const { item } = mobileNav();
|
|
2688
|
+
const tapRef = useTapActivation();
|
|
2519
2689
|
const defaultProps = {
|
|
2520
2690
|
type: nativeButton ? "button" : void 0,
|
|
2521
2691
|
"aria-pressed": nativeButton ? selected : void 0,
|
|
@@ -2525,6 +2695,7 @@ function MobileNavItem({ nativeButton = true, selected, className, render, ...pr
|
|
|
2525
2695
|
};
|
|
2526
2696
|
return useRender({
|
|
2527
2697
|
render: render ?? /* @__PURE__ */ jsx(Button, {}),
|
|
2698
|
+
ref: ref ? [ref, tapRef] : tapRef,
|
|
2528
2699
|
props: mergeProps(defaultProps, props)
|
|
2529
2700
|
});
|
|
2530
2701
|
}
|
|
@@ -3721,6 +3892,22 @@ function InputGroupInput({ className, suppressPasswordManager, "data-invalid": d
|
|
|
3721
3892
|
});
|
|
3722
3893
|
}
|
|
3723
3894
|
//#endregion
|
|
3895
|
+
//#region src/lib/chip-remove.ts
|
|
3896
|
+
/**
|
|
3897
|
+
* The × that removes a chip: a tag in a Combobox field (`ComboboxChipRemove`)
|
|
3898
|
+
* and an applied filter (`FilterChipRemove`). A `foreground-hint` glyph on a
|
|
3899
|
+
* `rounded-sticker` square that takes the medium fill on hover and press, and
|
|
3900
|
+
* an inset ink ring when the keyboard reaches it (the chip around it is too
|
|
3901
|
+
* tight for an outer ring). Each chip gives it its own size.
|
|
3902
|
+
*/
|
|
3903
|
+
const chipRemoveBase = [
|
|
3904
|
+
"inline-flex shrink-0 items-center justify-center outline-none transition-colors",
|
|
3905
|
+
"rounded-sticker text-foreground-hint",
|
|
3906
|
+
"hover:bg-fill-medium active:bg-fill-medium",
|
|
3907
|
+
"focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground",
|
|
3908
|
+
"[&>svg]:size-3.5"
|
|
3909
|
+
];
|
|
3910
|
+
//#endregion
|
|
3724
3911
|
//#region src/components/radio-group/radio-group.tsx
|
|
3725
3912
|
const radioGroup = tv$1({ slots: {
|
|
3726
3913
|
root: [
|
|
@@ -6984,4 +7171,4 @@ function InboxItemActions({ className, render, reveal, ...props }) {
|
|
|
6984
7171
|
});
|
|
6985
7172
|
}
|
|
6986
7173
|
//#endregion
|
|
6987
|
-
export { MessageListDateDivider as $,
|
|
7174
|
+
export { MessageListDateDivider as $, DialogClose as $i, PreviewCardBody as $n, DropdownMenuItemCount as $r, MessageReactionTooltipNameText as $t, DRAG_AUTO_SCROLL_ZONE_PX as A, tv$1 as Aa, PRESENCE_COLOR as Ai, MessageItem as An, PopoverHeader as Ar, MessageMultiSelectToolbarActions as At, useDragSiblingTransition as B, ListRowTop as Bi, RadioGroupItem as Bn, TOUCH_DRAG_HOLD_MS as Br, inlineChip as Bt, DropPlaceholder as C, defaultNativeButton as Ca, ScrollAreaContent as Ci, MessageItemEdited as Cn, PopoverActions as Cr, messageEmbed as Ct, listKeyboardCoordinates as D, useThemeScopeProps as Da, ScrollAreaViewport as Di, MessageItemAvatarSlot as Dn, PopoverClose as Dr, MessageMultiSelect as Dt, MOUSE_DRAG_DISTANCE_PX as E, withOverlayLayer as Ea, ScrollAreaThumb as Ei, MessageItemSearchMatch as En, PopoverBody as Er, MessageTextSelectionToolbarSeparator as Et, DROP_GLIDE as F, headEdges as Fa, ListRowDescription as Fi, AvatarGroup as Fn, PopoverTrigger as Fr, MessageReferencePending as Ft, SILENT_DRAG_ANNOUNCEMENTS as G, TooltipProvider as Gi, useOverflowTitle as Gn, MobileNavLabel as Gr, MessageReactionGlyph as Gt, LIFT_CLASS as H, Tooltip$1 as Hi, InputGroup as Hn, useHoldThenMoveTouchSensor as Hr, MessageReactionChip as Ht, DragLift as I, decisionWidth as Ia, ListRowGroup as Ii, AvatarGroupCount as In, PopoverViewport as Ir, MessageReferenceReadMark as It, dragMessages as J, DialogCommit as Ji, observeTruncation as Jn, DropdownMenuCheckboxItem as Jr, MessageReactionQuickButton as Jt, createDragAnnouncements as K, TooltipTrigger as Ki, measureContent as Kn, MobileNavRoot as Kr, MessageReactionPickerContent as Kt, ORIGIN_OPACITY as L, ListRowIcon as Li, AvatarImage as Ln, HoldThenMoveTouchSensor as Lr, MessageReferenceSuffix as Lt, DRAG_LIFT_Z_INDEX as M, useStackedActions as Ma, ListRowBody as Mi, Avatar$1 as Mn, PopoverPortal as Mr, MessageReferenceIcon as Mt, DRAG_SETTLE as N, controlIconInset as Na, ListRowBottom as Ni, AvatarBadge as Nn, PopoverSeparator as Nr, MessageReferenceIndicator as Nt, useDragAcrossLists as O, useTheme as Oa, Checkbox$1 as Oi, MessageItemContinuationTime as On, PopoverContent as Or, MessageMultiSelectCheckbox as Ot, DRAG_SIBLING_TRANSITION as P, headEdgePull as Pa, ListRowChevron as Pi, AvatarFallback as Pn, PopoverTitle as Pr, MessageReferenceLabel as Pt, MessageListJumpPillGroup as Q, DialogBody as Qi, PreviewCardArrow as Qn, DropdownMenuItem as Qr, MessageReactionTooltipName as Qt, cancelDrag as R, ListRowMeta as Ri, RadioGroup$1 as Rn, MouseOnlyPointerSensor as Rr, MessageReferenceText as Rt, DragRefusalHint as S, Spinner as Sa, ScrollArea$1 as Si, MessageItemContent as Sn, Popover$1 as Sr, MessageEmbedHeader as St, DragRemeasure as T, useParentOverlayKind as Ta, ScrollAreaScrollbar as Ti, MessageItemFooter as Tn, PopoverBackdrop as Tr, MessageTextSelectionToolbarButton as Tt, drag as U, TooltipContent as Ui, InputGroupAddon as Un, useMouseOnlyPointerSensor as Ur, MessageReactionCount as Ut, useLiftContainer as V, ListRowValue as Vi, chipRemoveBase as Vn, TOUCH_DRAG_TOLERANCE_PX as Vr, MessageReactionAddButton as Vt, DEFAULT_DRAG_MESSAGES as W, TooltipPortal as Wi, InputGroupInput as Wn, MobileNavItem as Wr, MessageReactionErrorIndicator as Wt, MessageListJumpPill as X, useMobileViewport as Xi, PreviewCard$1 as Xn, DropdownMenuContent as Xr, MessageReactionTooltipContent as Xt, MessageListJumpControls as Y, DialogSheetContent as Yi, readNow as Yn, DropdownMenuCheckboxItemIndicator as Yr, MessageReactionQuickRow as Yt, MessageListJumpPillDismiss as Z, Dialog$1 as Zi, PreviewCardActions as Zn, DropdownMenuFooter as Zr, MessageReactionTooltipMeta as Zt, InboxItemTrailing as _, TextLinkExternalIcon as _a, PanelFooter as _i, MessageItemSenderButton as _n, MobileNavServerPopoverList as _r, MessageQuotedPreviewTimestamp as _t, InboxItemContext as a, DialogNav as aa, DropdownMenuRadioGroup as ai, MessageItemSavedIndicator as an, PreviewCardMeta as ar, MessageQuotedPreviewAttachment as at, useLatestRef as b, Button$1 as ba, PanelScrollViewport as bi, MessageItemAttachments as bn, MobileNavServerPopoverRowDescription as br, MessageEmbedContent as bt, InboxItemLeading as c, DialogSheetBack as ca, DropdownMenuSeparator as ci, MessageItemDelegatedAvatar as cn, PreviewCardSeparator as cr, MessageQuotedPreviewAuthorDelegatedBy as ct, InboxItemMetadata as d, DialogTrigger as da, DropdownMenuSubmenuTrigger as di, MessageItemDelegatedByName as dn, MobileNavServerItem as dr, MessageQuotedPreviewChannel as dt, DialogContent as ea, DropdownMenuItemLabel as ei, MessageReactionTooltipNames as en, PreviewCardContent as er, MessageListEndFade as et, InboxItemSelection as f, PanelAction as fa, DropdownMenuTrigger as fi, MessageItemHeader as fn, MobileNavServerPopover as fr, MessageQuotedPreviewContent as ft, InboxItemTitle as g, TextLink as ga, PanelBody as gi, MessageItemSenderBadges as gn, MobileNavServerPopoverGroup as gr, MessageQuotedPreviewThread as gt, InboxItemTimestamp as h, useTapActivation as ha, Panel as hi, MessageItemSender as hn, MobileNavServerPopoverDestinations as hr, MessageQuotedPreviewText as ht, InboxItemContent as i, DialogHeader as ia, DropdownMenuPortal as ii, MessageItemReadReceipt as in, PreviewCardHeader as ir, MessageQuotedPreview as it, DRAG_KEYBOARD_OFFSET_PX as j, stackedActions as ja, ListRow as ji, searchHit as jn, PopoverPopup as jr, MessageReferenceChip as jt, useDragSensors as k, ThemeStateContext as ka, CheckboxIndicator as ki, MessageItemGutter as kn, PopoverDescription as kr, MessageMultiSelectToolbar as kt, InboxItemMarks as l, DialogSurface as la, DropdownMenuShortcut as li, MessageItemDelegatedBy as ln, PreviewCardTitle as lr, MessageQuotedPreviewAuthorMeta as lt, InboxItemSubtitle as m, useMergedRef as ma, KbdGroup as mi, MessageItemMeta as mn, MobileNavServerPopoverDestination as mr, MessageQuotedPreviewLoading as mt, InboxItemActions as n, DialogFooter as na, DropdownMenuLinkItem as ni, MessageItemBadge as nn, PreviewCardEyebrow as nr, MessageListNotice as nt, InboxItemHeading as o, DialogOverlay as oa, DropdownMenuRadioItem as oi, MessageItemToolbar as on, PreviewCardPopup as or, MessageQuotedPreviewAttachments as ot, InboxItemSender as p, panelToggleAction as pa, Kbd as pi, MessageItemInlineStatus as pn, MobileNavServerPopoverContent as pr, MessageQuotedPreviewHeader as pt, dragInstructions as q, Badge as qi, measureElement as qn, DropdownMenu as qr, MessageReactionPickerStatic as qt, InboxItemBody as r, DialogFooterNote as ra, DropdownMenuPopup as ri, MessageItemBadgeSeparator as rn, PreviewCardFooter as rr, MessageList as rt, InboxItemHoverTarget as s, DialogPortal as sa, DropdownMenuRadioItemIndicator as si, MessageItemToolbarButton as sn, PreviewCardPortal as sr, MessageQuotedPreviewAuthor as st, InboxItem as t, DialogDescription as ta, DropdownMenuLabel as ti, MessageReactionTooltipSeparator as tn, PreviewCardDescription as tr, MessageListHistoryLimited as tt, InboxItemMessage as u, DialogTitle as ua, DropdownMenuSubmenu as ui, MessageItemDelegatedByButton as un, PreviewCardTrigger as ur, MessageQuotedPreviewAuthorName as ut, InboxItemTrigger as v, textLinkVariants as va, PanelHeaderRoot as vi, MessageItemSenderGroup as vn, MobileNavServerPopoverRow as vr, MessageQuotedPreviewUnavailable as vt, DRAG_KEYBOARD_CODES as w, OverlayLayerProvider as wa, ScrollAreaCorner as wi, MessageItemEmbedded as wn, PopoverArrow as wr, MessageTextSelectionToolbar as wt, Skeleton as x, buttonVariants as xa, PanelSection as xi, MessageItemBody as xn, MobileNavServerPopoverRowLabel as xr, MessageEmbedFooter as xt, inboxItem as y, DialogSheetReset as ya, PanelScrollContent as yi, MessageItemTime as yn, MobileNavServerPopoverRowBody as yr, MessageEmbed as yt, keepGrabInside as z, ListRowTitle as zi, RadioGroupIndicator as zn, TOUCH_DRAG_DISTANCE_PX as zr, MessageReferenceUnavailable as zt };
|
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { $a as MobileNavItem, $i as TooltipTrigger, $n as MessageItemBadgeSeparatorProps, $o as Checkbox, $r as MessageItem, $s as DialogPortal, $t as MessageMultiSelectToolbarProps, A as InboxItemTimestamp, Ai as PreviewCardHeader, An as MessageReactionPickerContent, Ao as DropdownMenuRadioGroupProps, Ar as MessageItemSenderProps, At as MessageQuotedPreviewLoadingProps, B as DragMessages, Ba as PopoverPopup, Bi as PreviewCardSeparatorProps, Bn as MessageReactionTooltipMeta, Bo as DropdownMenuSubmenuProps, Br as MessageItemEditedProps, Bs as DialogContentProps, Bt as MessageTextSelectionToolbar, C as InboxItemProps, Ca as Popover, Ci as PreviewCardContentProps, Cn as MessageReactionChipProps, Cr as MessageItemSender, Cs as ListRowValueProps, Ct as MessageQuotedPreviewChannel, D as InboxItemSenderProps, Da as PopoverArrowProps, Dn as MessageReactionErrorIndicatorProps, Do as DropdownMenuPortalProps, Dr as MessageItemSenderButtonProps, Ds as TextLinkExternalIconProps, Dt as MessageQuotedPreviewHeader, E as InboxItemSender, Ea as PopoverArrow, En as MessageReactionErrorIndicator, Eo as DropdownMenuPortal, Er as MessageItemSenderButton, Es as TextLinkExternalIcon, Et as MessageQuotedPreviewContentProps, F as InboxItemTrailingProps, Fa as PopoverContentProps, Fi as PreviewCardPopupProps, Fn as MessageReactionQuickButtonProps, Fo as DropdownMenuSeparator, Fr as MessageItemBody, Fs as DialogBody, Ft as MessageQuotedPreviewThreadProps, Ga as PopoverSeparator, Gi as Tooltip, Gn as MessageReactionTooltipNameTextProps, Go as Kbd, Gr as MessageItemSearchMatch, Gt as MessageTextSelectionToolbarSeparatorProps, Ha as PopoverPortal, Hi as PreviewCardTitleProps, Hn as MessageReactionTooltipName, Ho as DropdownMenuSubmenuTriggerProps, Hr as MessageItemEmbeddedProps, Hs as DialogDescriptionProps, Ht as MessageTextSelectionToolbarButtonProps, I as InboxItemTrigger, Ia as PopoverDescription, Ii as PreviewCardPortal, In as MessageReactionQuickRow, Io as DropdownMenuSeparatorProps, Ir as MessageItemBodyProps, Is as DialogBodyProps, It as MessageQuotedPreviewTimestamp, Ja as PopoverTitleProps, Ji as TooltipPortal, Jn as MessageReactionTooltipSeparator, Jo as KbdProps, Jr as MessageItemAvatarSlotProps, Js as DialogHeaderProps, Jt as MessageMultiSelectCheckboxProps, Ka as PopoverSeparatorProps, Ki as TooltipContent, Kn as MessageReactionTooltipNames, Ko as KbdGroup, Kr as MessageItemSearchMatchProps, Ks as DialogFooterProps, Kt as MessageMultiSelect, L as InboxItemTriggerProps, La as PopoverDescriptionProps, Li as PreviewCardPortalProps, Ln as MessageReactionQuickRowProps, Lo as DropdownMenuShortcut, Lr as MessageItemContent, Ls as DialogClose, Lt as MessageQuotedPreviewTimestampProps, M as InboxItemTitle, Ma as PopoverClose, Mn as MessageReactionPickerStatic, Mo as DropdownMenuRadioItemIndicator, Mr as MessageItemTimeProps, Mt as MessageQuotedPreviewText, N as InboxItemTitleProps, Na as PopoverCloseProps, Nn as MessageReactionPickerStaticProps, No as DropdownMenuRadioItemIndicatorProps, Nr as MessageItemAttachments, Nt as MessageQuotedPreviewTextProps, O as InboxItemSubtitle, Oa as PopoverBackdrop, On as MessageReactionGlyph, Oo as DropdownMenuProps, Or as MessageItemSenderGroup, Os as TextLinkProps, Ot as MessageQuotedPreviewHeaderProps, P as InboxItemTrailing, Pa as PopoverContent, Pi as PreviewCardPopup, Pn as MessageReactionQuickButton, Po as DropdownMenuRadioItemProps, Pr as MessageItemAttachmentsProps, Ps as Dialog, Pt as MessageQuotedPreviewThread, Qa as PopoverViewportProps, Qi as TooltipProviderProps, Qn as MessageItemBadgeSeparator, Qo as CheckboxIndicatorProps, Qr as MessageItemGutterProps, Qs as DialogOverlayProps, Qt as MessageMultiSelectToolbarActionsProps, Ra as PopoverHeader, Ri as PreviewCardProps, Rn as MessageReactionTooltipContent, Ro as DropdownMenuShortcutProps, Rr as MessageItemContentProps, Rs as DialogCloseProps, Rt as MessageQuotedPreviewUnavailable, S as InboxItemMetadataProps, Si as PreviewCardContent, Sn as MessageReactionChip, Sr as MessageItemMetaProps, Ss as ListRowValue, St as MessageQuotedPreviewAuthorProps, T as InboxItemSelectionProps, Ti as PreviewCardDescriptionProps, Tn as MessageReactionCountProps, To as DropdownMenuPopupProps, Tr as MessageItemSenderBadgesProps, Ts as TextLink, Tt as MessageQuotedPreviewContent, Ua as PopoverPortalProps, Ui as PreviewCardTrigger, Un as MessageReactionTooltipNameProps, Uo as DropdownMenuTrigger, Ur as MessageItemFooter, Us as DialogFooter, Ut as MessageTextSelectionToolbarProps, Va as PopoverPopupProps, Vi as PreviewCardTitle, Vn as MessageReactionTooltipMetaProps, Vo as DropdownMenuSubmenuTrigger, Vr as MessageItemEmbedded, Vs as DialogDescription, Vt as MessageTextSelectionToolbarButton, Wa as PopoverProps, Wi as PreviewCardTriggerProps, Wn as MessageReactionTooltipNameText, Wo as DropdownMenuTriggerProps, Wr as MessageItemFooterProps, Wt as MessageTextSelectionToolbarSeparator, Xa as PopoverTriggerProps, Xi as TooltipProps, Xn as MessageItemBadge, Xo as BadgeProps, Xr as MessageItemContinuationTimeProps, Xs as DialogNavProps, Xt as MessageMultiSelectToolbar, Ya as PopoverTrigger, Yi as TooltipPortalProps, Yn as MessageReactionTooltipSeparatorProps, Yo as Badge, Yr as MessageItemContinuationTime, Ys as DialogNav, Yt as MessageMultiSelectProps, Za as PopoverViewport, Zi as TooltipProvider, Zn as MessageItemBadgeProps, Zo as CheckboxIndicator, Zr as MessageItemGutter, Zs as DialogOverlay, Zt as MessageMultiSelectToolbarActions, _ as InboxItemMarks, _c as VariantProps, _n as MessageReferenceUnavailableProps, _o as DropdownMenuItemLabel, _r as MessageItemHeader, _s as ListRowProps, a as InboxItemBodyProps, ac as DialogSurfaceProps, ai as AvatarFallback, an as MessageReferenceIndicatorProps, ao as DropdownMenu, ar as MessageItemToolbar, as as ListRowBottom, at as MessageListHistoryLimitedProps, b as InboxItemMessageProps, bn as MessageReactionAddButton, bo as DropdownMenuLabel, br as MessageItemInlineStatusProps, bs as ListRowTop, bt as MessageQuotedPreviewAuthorName, c as InboxItemContext, cc as DialogTrigger, ci as AvatarGroupCount, cn as MessageReferencePending, co as DropdownMenuCheckboxItemIndicatorProps, cr as MessageItemToolbarProps, cs as ListRowChevronProps, ct as MessageList, d as InboxItemHeading, dc as PanelActionProps, di as AvatarImage, dn as MessageReferenceReadMarkProps, do as DropdownMenuContentProps, ds as ListRowGroup, dt as MessageQuotedPreviewAttachment, ea as TooltipTriggerProps, ec as DialogPortalProps, ei as MessageItemProps, en as MessageReferenceChip, eo as MobileNavItemProps, er as MessageItemBadgeStatus, es as CheckboxProps, et as MessageListDateDivider, f as InboxItemHeadingProps, fc as Button, fi as AvatarImageProps, fn as MessageReferenceSuffix, fo as DropdownMenuFooter, fs as ListRowGroupProps, ft as MessageQuotedPreviewAttachmentProps, g as InboxItemLeadingProps, gc as buttonVariants, gn as MessageReferenceUnavailable, go as DropdownMenuItemCountProps, gs as ListRowMetaProps, h as InboxItemLeading, hc as DeprecatedButtonSize, hi as PreviewCard, hn as MessageReferenceTextProps, ho as DropdownMenuItemCount, hs as ListRowMeta, ht as MessageQuotedPreviewAuthor, i as InboxItemBody, ic as DialogSurface, ii as AvatarBadgeProps, in as MessageReferenceIndicator, io as MobileNavRootProps, ir as MessageItemSavedIndicatorProps, is as ListRowBodyProps, it as MessageListHistoryLimited, j as InboxItemTimestampProps, ji as PreviewCardHeaderProps, jn as MessageReactionPickerContentProps, jo as DropdownMenuRadioItem, jr as MessageItemTime, jt as MessageQuotedPreviewProps, k as InboxItemSubtitleProps, ka as PopoverBackdropProps, kn as MessageReactionGlyphProps, ko as DropdownMenuRadioGroup, kr as MessageItemSenderGroupProps, ks as textLinkVariants, kt as MessageQuotedPreviewLoading, l as InboxItemContextProps, lc as DialogTriggerProps, li as AvatarGroupCountProps, ln as MessageReferencePendingProps, lo as DropdownMenuCheckboxItemProps, ls as ListRowDescription, lt as MessageListProps, m as InboxItemHoverTargetProps, mc as ButtonSize, mi as AvatarSize, mn as MessageReferenceText, mo as DropdownMenuItem, ms as ListRowIconProps, mt as MessageQuotedPreviewAttachmentsProps, n as InboxItemActions, ni as AvatarBadge, no as MobileNavLabelProps, nr as MessageItemReadReceiptProps, ns as ListRow, nt as MessageListEndFade, o as InboxItemContent, oc as DialogTitle, oi as AvatarFallbackProps, on as MessageReferenceLabel, oo as DropdownMenuCheckboxItem, or as MessageItemToolbarButton, os as ListRowBottomProps, ot as MessageListNotice, p as InboxItemHoverTarget, pc as ButtonProps, pi as AvatarProps, pn as MessageReferenceSuffixProps, po as DropdownMenuFooterProps, ps as ListRowIcon, pt as MessageQuotedPreviewAttachments, qa as PopoverTitle, qi as TooltipContentProps, qn as MessageReactionTooltipNamesProps, qo as KbdGroupProps, qr as MessageItemAvatarSlot, qs as DialogHeader, qt as MessageMultiSelectCheckbox, r as InboxItemActionsProps, ri as AvatarBadgeOffset, ro as MobileNavRoot, rr as MessageItemSavedIndicator, rs as ListRowBody, rt as MessageListEndFadeProps, s as InboxItemContentProps, sc as DialogTitleProps, si as AvatarGroup, sn as MessageReferenceLabelProps, so as DropdownMenuCheckboxItemIndicator, sr as MessageItemToolbarButtonProps, ss as ListRowChevron, st as MessageListNoticeProps, t as InboxItem, tc as DialogProps, ti as Avatar, tn as MessageReferenceChipProps, to as MobileNavLabel, tr as MessageItemReadReceipt, ts as Presence, tt as MessageListDateDividerProps, u as InboxItemDensity, uc as PanelAction, ui as AvatarGroupProps, un as MessageReferenceReadMark, uo as DropdownMenuContent, us as ListRowDescriptionProps, ut as MessageQuotedPreview, v as InboxItemMarksProps, vc as DataAttributes$1, vi as PreviewCardArrow, vn as MessageReferenceChipVariant, vo as DropdownMenuItemLabelProps, vr as MessageItemHeaderProps, vs as ListRowTitle, vt as MessageQuotedPreviewAuthorMeta, w as InboxItemSelection, wi as PreviewCardDescription, wn as MessageReactionCount, wo as DropdownMenuPopup, wr as MessageItemSenderBadges, ws as RowTone, wt as MessageQuotedPreviewChannelProps, x as InboxItemMetadata, xn as MessageReactionAddButtonProps, xo as DropdownMenuLabelProps, xr as MessageItemMeta, xs as ListRowTopProps, xt as MessageQuotedPreviewAuthorNameProps, y as InboxItemMessage, yc as StyledProps, yi as PreviewCardArrowProps, yn as MessageReferenceTextVariant, yo as DropdownMenuItemProps, yr as MessageItemInlineStatus, ys as ListRowTitleProps, yt as MessageQuotedPreviewAuthorMetaProps, z as DragAnnouncementSource, za as PopoverHeaderProps, zi as PreviewCardSeparator, zn as MessageReactionTooltipContentProps, zo as DropdownMenuSubmenu, zr as MessageItemEdited, zs as DialogContent, zt as MessageQuotedPreviewUnavailableProps } from "./inbox-item-B8eXIikq.mjs";
|
|
1
|
+
import { $a as MobileNavItem, $i as TooltipTrigger, $n as MessageItemBadgeSeparatorProps, $o as Checkbox, $r as MessageItem, $s as DialogPortal, $t as MessageMultiSelectToolbarProps, A as InboxItemTimestamp, Ai as PreviewCardHeader, An as MessageReactionPickerContent, Ao as DropdownMenuRadioGroupProps, Ar as MessageItemSenderProps, At as MessageQuotedPreviewLoadingProps, B as DragMessages, Ba as PopoverPopup, Bi as PreviewCardSeparatorProps, Bn as MessageReactionTooltipMeta, Bo as DropdownMenuSubmenuProps, Br as MessageItemEditedProps, Bs as DialogContentProps, Bt as MessageTextSelectionToolbar, C as InboxItemProps, Ca as Popover, Ci as PreviewCardContentProps, Cn as MessageReactionChipProps, Cr as MessageItemSender, Cs as ListRowValueProps, Ct as MessageQuotedPreviewChannel, D as InboxItemSenderProps, Da as PopoverArrowProps, Dn as MessageReactionErrorIndicatorProps, Do as DropdownMenuPortalProps, Dr as MessageItemSenderButtonProps, Ds as TextLinkExternalIconProps, Dt as MessageQuotedPreviewHeader, E as InboxItemSender, Ea as PopoverArrow, En as MessageReactionErrorIndicator, Eo as DropdownMenuPortal, Er as MessageItemSenderButton, Es as TextLinkExternalIcon, Et as MessageQuotedPreviewContentProps, F as InboxItemTrailingProps, Fa as PopoverContentProps, Fi as PreviewCardPopupProps, Fn as MessageReactionQuickButtonProps, Fo as DropdownMenuSeparator, Fr as MessageItemBody, Fs as DialogBody, Ft as MessageQuotedPreviewThreadProps, Ga as PopoverSeparator, Gi as Tooltip, Gn as MessageReactionTooltipNameTextProps, Go as Kbd, Gr as MessageItemSearchMatch, Gt as MessageTextSelectionToolbarSeparatorProps, Ha as PopoverPortal, Hi as PreviewCardTitleProps, Hn as MessageReactionTooltipName, Ho as DropdownMenuSubmenuTriggerProps, Hr as MessageItemEmbeddedProps, Hs as DialogDescriptionProps, Ht as MessageTextSelectionToolbarButtonProps, I as InboxItemTrigger, Ia as PopoverDescription, Ii as PreviewCardPortal, In as MessageReactionQuickRow, Io as DropdownMenuSeparatorProps, Ir as MessageItemBodyProps, Is as DialogBodyProps, It as MessageQuotedPreviewTimestamp, Ja as PopoverTitleProps, Ji as TooltipPortal, Jn as MessageReactionTooltipSeparator, Jo as KbdProps, Jr as MessageItemAvatarSlotProps, Js as DialogHeaderProps, Jt as MessageMultiSelectCheckboxProps, Ka as PopoverSeparatorProps, Ki as TooltipContent, Kn as MessageReactionTooltipNames, Ko as KbdGroup, Kr as MessageItemSearchMatchProps, Ks as DialogFooterProps, Kt as MessageMultiSelect, L as InboxItemTriggerProps, La as PopoverDescriptionProps, Li as PreviewCardPortalProps, Ln as MessageReactionQuickRowProps, Lo as DropdownMenuShortcut, Lr as MessageItemContent, Ls as DialogClose, Lt as MessageQuotedPreviewTimestampProps, M as InboxItemTitle, Ma as PopoverClose, Mn as MessageReactionPickerStatic, Mo as DropdownMenuRadioItemIndicator, Mr as MessageItemTimeProps, Mt as MessageQuotedPreviewText, N as InboxItemTitleProps, Na as PopoverCloseProps, Nn as MessageReactionPickerStaticProps, No as DropdownMenuRadioItemIndicatorProps, Nr as MessageItemAttachments, Nt as MessageQuotedPreviewTextProps, O as InboxItemSubtitle, Oa as PopoverBackdrop, On as MessageReactionGlyph, Oo as DropdownMenuProps, Or as MessageItemSenderGroup, Os as TextLinkProps, Ot as MessageQuotedPreviewHeaderProps, P as InboxItemTrailing, Pa as PopoverContent, Pi as PreviewCardPopup, Pn as MessageReactionQuickButton, Po as DropdownMenuRadioItemProps, Pr as MessageItemAttachmentsProps, Ps as Dialog, Pt as MessageQuotedPreviewThread, Qa as PopoverViewportProps, Qi as TooltipProviderProps, Qn as MessageItemBadgeSeparator, Qo as CheckboxIndicatorProps, Qr as MessageItemGutterProps, Qs as DialogOverlayProps, Qt as MessageMultiSelectToolbarActionsProps, Ra as PopoverHeader, Ri as PreviewCardProps, Rn as MessageReactionTooltipContent, Ro as DropdownMenuShortcutProps, Rr as MessageItemContentProps, Rs as DialogCloseProps, Rt as MessageQuotedPreviewUnavailable, S as InboxItemMetadataProps, Si as PreviewCardContent, Sn as MessageReactionChip, Sr as MessageItemMetaProps, Ss as ListRowValue, St as MessageQuotedPreviewAuthorProps, T as InboxItemSelectionProps, Ti as PreviewCardDescriptionProps, Tn as MessageReactionCountProps, To as DropdownMenuPopupProps, Tr as MessageItemSenderBadgesProps, Ts as TextLink, Tt as MessageQuotedPreviewContent, Ua as PopoverPortalProps, Ui as PreviewCardTrigger, Un as MessageReactionTooltipNameProps, Uo as DropdownMenuTrigger, Ur as MessageItemFooter, Us as DialogFooter, Ut as MessageTextSelectionToolbarProps, Va as PopoverPopupProps, Vi as PreviewCardTitle, Vn as MessageReactionTooltipMetaProps, Vo as DropdownMenuSubmenuTrigger, Vr as MessageItemEmbedded, Vs as DialogDescription, Vt as MessageTextSelectionToolbarButton, Wa as PopoverProps, Wi as PreviewCardTriggerProps, Wn as MessageReactionTooltipNameText, Wo as DropdownMenuTriggerProps, Wr as MessageItemFooterProps, Wt as MessageTextSelectionToolbarSeparator, Xa as PopoverTriggerProps, Xi as TooltipProps, Xn as MessageItemBadge, Xo as BadgeProps, Xr as MessageItemContinuationTimeProps, Xs as DialogNavProps, Xt as MessageMultiSelectToolbar, Ya as PopoverTrigger, Yi as TooltipPortalProps, Yn as MessageReactionTooltipSeparatorProps, Yo as Badge, Yr as MessageItemContinuationTime, Ys as DialogNav, Yt as MessageMultiSelectProps, Za as PopoverViewport, Zi as TooltipProvider, Zn as MessageItemBadgeProps, Zo as CheckboxIndicator, Zr as MessageItemGutter, Zs as DialogOverlay, Zt as MessageMultiSelectToolbarActions, _ as InboxItemMarks, _c as VariantProps, _n as MessageReferenceUnavailableProps, _o as DropdownMenuItemLabel, _r as MessageItemHeader, _s as ListRowProps, a as InboxItemBodyProps, ac as DialogSurfaceProps, ai as AvatarFallback, an as MessageReferenceIndicatorProps, ao as DropdownMenu, ar as MessageItemToolbar, as as ListRowBottom, at as MessageListHistoryLimitedProps, b as InboxItemMessageProps, bn as MessageReactionAddButton, bo as DropdownMenuLabel, br as MessageItemInlineStatusProps, bs as ListRowTop, bt as MessageQuotedPreviewAuthorName, c as InboxItemContext, cc as DialogTrigger, ci as AvatarGroupCount, cn as MessageReferencePending, co as DropdownMenuCheckboxItemIndicatorProps, cr as MessageItemToolbarProps, cs as ListRowChevronProps, ct as MessageList, d as InboxItemHeading, dc as PanelActionProps, di as AvatarImage, dn as MessageReferenceReadMarkProps, do as DropdownMenuContentProps, ds as ListRowGroup, dt as MessageQuotedPreviewAttachment, ea as TooltipTriggerProps, ec as DialogPortalProps, ei as MessageItemProps, en as MessageReferenceChip, eo as MobileNavItemProps, er as MessageItemBadgeStatus, es as CheckboxProps, et as MessageListDateDivider, f as InboxItemHeadingProps, fc as Button, fi as AvatarImageProps, fn as MessageReferenceSuffix, fo as DropdownMenuFooter, fs as ListRowGroupProps, ft as MessageQuotedPreviewAttachmentProps, g as InboxItemLeadingProps, gc as buttonVariants, gn as MessageReferenceUnavailable, go as DropdownMenuItemCountProps, gs as ListRowMetaProps, h as InboxItemLeading, hc as DeprecatedButtonSize, hi as PreviewCard, hn as MessageReferenceTextProps, ho as DropdownMenuItemCount, hs as ListRowMeta, ht as MessageQuotedPreviewAuthor, i as InboxItemBody, ic as DialogSurface, ii as AvatarBadgeProps, in as MessageReferenceIndicator, io as MobileNavRootProps, ir as MessageItemSavedIndicatorProps, is as ListRowBodyProps, it as MessageListHistoryLimited, j as InboxItemTimestampProps, ji as PreviewCardHeaderProps, jn as MessageReactionPickerContentProps, jo as DropdownMenuRadioItem, jr as MessageItemTime, jt as MessageQuotedPreviewProps, k as InboxItemSubtitleProps, ka as PopoverBackdropProps, kn as MessageReactionGlyphProps, ko as DropdownMenuRadioGroup, kr as MessageItemSenderGroupProps, ks as textLinkVariants, kt as MessageQuotedPreviewLoading, l as InboxItemContextProps, lc as DialogTriggerProps, li as AvatarGroupCountProps, ln as MessageReferencePendingProps, lo as DropdownMenuCheckboxItemProps, ls as ListRowDescription, lt as MessageListProps, m as InboxItemHoverTargetProps, mc as ButtonSize, mi as AvatarSize, mn as MessageReferenceText, mo as DropdownMenuItem, ms as ListRowIconProps, mt as MessageQuotedPreviewAttachmentsProps, n as InboxItemActions, ni as AvatarBadge, no as MobileNavLabelProps, nr as MessageItemReadReceiptProps, ns as ListRow, nt as MessageListEndFade, o as InboxItemContent, oc as DialogTitle, oi as AvatarFallbackProps, on as MessageReferenceLabel, oo as DropdownMenuCheckboxItem, or as MessageItemToolbarButton, os as ListRowBottomProps, ot as MessageListNotice, p as InboxItemHoverTarget, pc as ButtonProps, pi as AvatarProps, pn as MessageReferenceSuffixProps, po as DropdownMenuFooterProps, ps as ListRowIcon, pt as MessageQuotedPreviewAttachments, qa as PopoverTitle, qi as TooltipContentProps, qn as MessageReactionTooltipNamesProps, qo as KbdGroupProps, qr as MessageItemAvatarSlot, qs as DialogHeader, qt as MessageMultiSelectCheckbox, r as InboxItemActionsProps, ri as AvatarBadgeOffset, ro as MobileNavRoot, rr as MessageItemSavedIndicator, rs as ListRowBody, rt as MessageListEndFadeProps, s as InboxItemContentProps, sc as DialogTitleProps, si as AvatarGroup, sn as MessageReferenceLabelProps, so as DropdownMenuCheckboxItemIndicator, sr as MessageItemToolbarButtonProps, ss as ListRowChevron, st as MessageListNoticeProps, t as InboxItem, tc as DialogProps, ti as Avatar, tn as MessageReferenceChipProps, to as MobileNavLabel, tr as MessageItemReadReceipt, ts as Presence, tt as MessageListDateDividerProps, u as InboxItemDensity, uc as PanelAction, ui as AvatarGroupProps, un as MessageReferenceReadMark, uo as DropdownMenuContent, us as ListRowDescriptionProps, ut as MessageQuotedPreview, v as InboxItemMarksProps, vc as DataAttributes$1, vi as PreviewCardArrow, vn as MessageReferenceChipVariant, vo as DropdownMenuItemLabelProps, vr as MessageItemHeaderProps, vs as ListRowTitle, vt as MessageQuotedPreviewAuthorMeta, w as InboxItemSelection, wi as PreviewCardDescription, wn as MessageReactionCount, wo as DropdownMenuPopup, wr as MessageItemSenderBadges, ws as RowTone, wt as MessageQuotedPreviewChannelProps, x as InboxItemMetadata, xn as MessageReactionAddButtonProps, xo as DropdownMenuLabelProps, xr as MessageItemMeta, xs as ListRowTopProps, xt as MessageQuotedPreviewAuthorNameProps, y as InboxItemMessage, yc as StyledProps, yi as PreviewCardArrowProps, yn as MessageReferenceTextVariant, yo as DropdownMenuItemProps, yr as MessageItemInlineStatus, ys as ListRowTitleProps, yt as MessageQuotedPreviewAuthorMetaProps, z as DragAnnouncementSource, za as PopoverHeaderProps, zi as PreviewCardSeparator, zn as MessageReactionTooltipContentProps, zo as DropdownMenuSubmenu, zr as MessageItemEdited, zs as DialogContent, zt as MessageQuotedPreviewUnavailableProps } from "./inbox-item-BYB2RRZK.mjs";
|
|
2
2
|
import { cn } from "./cn.mjs";
|
|
3
3
|
import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
|
|
4
4
|
import { CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, CompositionEventHandler, ElementType, FocusEventHandler, FormEventHandler, HTMLAttributes, KeyboardEventHandler, PointerEvent, ReactElement, ReactNode, Ref, RefObject, SVGProps } from "react";
|
|
@@ -1174,7 +1174,7 @@ type SegmentedControlProps<T extends string = string> = StyledProps<RadioGroup$1
|
|
|
1174
1174
|
};
|
|
1175
1175
|
export declare function SegmentedControl<T extends string = string>({ disabled, iconsOnlyBelow, variant, className, ref, ...props }: SegmentedControlProps<T>): import("react").JSX.Element;
|
|
1176
1176
|
type SegmentedControlItemProps<T extends string = string> = StyledProps<Radio.Root.Props<T>>;
|
|
1177
|
-
export declare function SegmentedControlItem<T extends string = string>({ className, ...props }: SegmentedControlItemProps<T>): import("react").JSX.Element;
|
|
1177
|
+
export declare function SegmentedControlItem<T extends string = string>({ className, ref, ...props }: SegmentedControlItemProps<T>): import("react").JSX.Element;
|
|
1178
1178
|
type SegmentedControlLabelProps = ComponentPropsWithRef<"span">;
|
|
1179
1179
|
export declare function SegmentedControlLabel({ className, ...props }: SegmentedControlLabelProps): import("react").JSX.Element;
|
|
1180
1180
|
type SegmentedControlCountProps = ComponentPropsWithRef<"span">;
|
|
@@ -1186,7 +1186,7 @@ export declare function ToggleGroup<T extends string = string>({ className, ...p
|
|
|
1186
1186
|
type ToggleGroupItemProps<T extends string = string> = StyledProps<Omit<Toggle.Props<T>, "defaultPressed" | "pressed">> & {
|
|
1187
1187
|
value: T;
|
|
1188
1188
|
};
|
|
1189
|
-
export declare function ToggleGroupItem<T extends string = string>({ className, nativeButton, render, ...props }: ToggleGroupItemProps<T>): import("react").JSX.Element;
|
|
1189
|
+
export declare function ToggleGroupItem<T extends string = string>({ className, nativeButton, render, ref, ...props }: ToggleGroupItemProps<T>): import("react").JSX.Element;
|
|
1190
1190
|
type ToggleGroupLabelProps = ComponentPropsWithRef<"span">;
|
|
1191
1191
|
export declare function ToggleGroupLabel({ className, ...props }: ToggleGroupLabelProps): import("react").JSX.Element;
|
|
1192
1192
|
//#endregion
|
|
@@ -4351,8 +4351,8 @@ interface VirtualListProps<T> extends VirtualListNativeProps {
|
|
|
4351
4351
|
*/
|
|
4352
4352
|
onContentResize?: (() => void) | undefined;
|
|
4353
4353
|
/**
|
|
4354
|
-
* Called when the rows' offset (
|
|
4355
|
-
*
|
|
4354
|
+
* Called when the rows' offset (the translateY of the rows' element) changes, for content that
|
|
4355
|
+
* must follow it.
|
|
4356
4356
|
*/
|
|
4357
4357
|
onTransformChange?: (() => void) | undefined;
|
|
4358
4358
|
/** The imperative API: `scrollTo`, `getOffsetTopOfKey`, the scroller's and spacer's elements. */
|
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { cn } from "./cn.mjs";
|
|
2
|
-
import { $ as MessageListDateDivider, $i as
|
|
2
|
+
import { $ as MessageListDateDivider, $i as DialogClose, $r as DropdownMenuItemCount, $t as MessageReactionTooltipNameText, Aa as tv, Ai as PRESENCE_COLOR, An as MessageItem, Ar as PopoverHeader, At as MessageMultiSelectToolbarActions, B as useDragSiblingTransition, Bi as ListRowTop, Bn as RadioGroupItem, Bt as inlineChip, C as DropPlaceholder, Ca as defaultNativeButton, Ci as ScrollAreaContent, Cn as MessageItemEdited, Ct as messageEmbed, Da as useThemeScopeProps, Di as ScrollAreaViewport, Dn as MessageItemAvatarSlot, Dr as PopoverClose, Dt as MessageMultiSelect, Ea as withOverlayLayer, Ei as ScrollAreaThumb, En as MessageItemSearchMatch, Et as MessageTextSelectionToolbarSeparator, Fa as headEdges, Fi as ListRowDescription, Fn as AvatarGroup, Fr as PopoverTrigger, Ft as MessageReferencePending, G as SILENT_DRAG_ANNOUNCEMENTS, Gi as TooltipProvider, Gn as useOverflowTitle, Gr as MobileNavLabel, Gt as MessageReactionGlyph, Hi as Tooltip, Hn as InputGroup, Ht as MessageReactionChip, I as DragLift, Ia as decisionWidth, Ii as ListRowGroup, In as AvatarGroupCount, Ir as PopoverViewport, It as MessageReferenceReadMark, Jr as DropdownMenuCheckboxItem, Jt as MessageReactionQuickButton, K as createDragAnnouncements, Ki as TooltipTrigger, Kr as MobileNavRoot, Kt as MessageReactionPickerContent, Li as ListRowIcon, Ln as AvatarImage, Lt as MessageReferenceSuffix, Ma as useStackedActions, Mi as ListRowBody, Mn as Avatar, Mr as PopoverPortal, Na as controlIconInset, Ni as ListRowBottom, Nn as AvatarBadge, Nr as PopoverSeparator, Nt as MessageReferenceIndicator, Oa as useTheme, Oi as Checkbox, On as MessageItemContinuationTime, Or as PopoverContent, Ot as MessageMultiSelectCheckbox, Pa as headEdgePull, Pi as ListRowChevron, Pn as AvatarFallback, Pr as PopoverTitle, Pt as MessageReferenceLabel, Qi as DialogBody, Qn as PreviewCardArrow, Qr as DropdownMenuItem, Qt as MessageReactionTooltipName, Ri as ListRowMeta, Rn as RadioGroup, Rt as MessageReferenceText, Sa as Spinner, Si as ScrollArea, Sn as MessageItemContent, Sr as Popover, St as MessageEmbedHeader, Ta as useParentOverlayKind, Ti as ScrollAreaScrollbar, Tn as MessageItemFooter, Tr as PopoverBackdrop, Tt as MessageTextSelectionToolbarButton, U as drag, Ui as TooltipContent, Un as InputGroupAddon, Ut as MessageReactionCount, V as useLiftContainer, Vi as ListRowValue, Vn as chipRemoveBase, Vt as MessageReactionAddButton, Wi as TooltipPortal, Wn as InputGroupInput, Wr as MobileNavItem, Wt as MessageReactionErrorIndicator, Xi as useMobileViewport, Xn as PreviewCard, Xr as DropdownMenuContent, Xt as MessageReactionTooltipContent, Yr as DropdownMenuCheckboxItemIndicator, Yt as MessageReactionQuickRow, Zi as Dialog, Zr as DropdownMenuFooter, Zt as MessageReactionTooltipMeta, _ as InboxItemTrailing, _a as TextLinkExternalIcon, _i as PanelFooter, _n as MessageItemSenderButton, _t as MessageQuotedPreviewTimestamp, a as InboxItemContext, aa as DialogNav, ai as DropdownMenuRadioGroup, an as MessageItemSavedIndicator, at as MessageQuotedPreviewAttachment, b as useLatestRef, ba as Button, bi as PanelScrollViewport, bn as MessageItemAttachments, bt as MessageEmbedContent, c as InboxItemLeading, ci as DropdownMenuSeparator, cr as PreviewCardSeparator, d as InboxItemMetadata, da as DialogTrigger, di as DropdownMenuSubmenuTrigger, dt as MessageQuotedPreviewChannel, ea as DialogContent, ei as DropdownMenuItemLabel, en as MessageReactionTooltipNames, er as PreviewCardContent, et as MessageListEndFade, f as InboxItemSelection, fa as PanelAction, fi as DropdownMenuTrigger, fn as MessageItemHeader, ft as MessageQuotedPreviewContent, g as InboxItemTitle, ga as TextLink, gi as PanelBody, gn as MessageItemSenderBadges, gt as MessageQuotedPreviewThread, h as InboxItemTimestamp, ha as useTapActivation, hi as Panel, hn as MessageItemSender, ht as MessageQuotedPreviewText, i as InboxItemContent, ia as DialogHeader, ii as DropdownMenuPortal, in as MessageItemReadReceipt, ir as PreviewCardHeader, it as MessageQuotedPreview, ja as stackedActions, ji as ListRow, jn as searchHit, jr as PopoverPopup, jt as MessageReferenceChip, k as useDragSensors, ka as ThemeStateContext, ki as CheckboxIndicator, kn as MessageItemGutter, kr as PopoverDescription, kt as MessageMultiSelectToolbar, l as InboxItemMarks, la as DialogSurface, li as DropdownMenuShortcut, lr as PreviewCardTitle, lt as MessageQuotedPreviewAuthorMeta, m as InboxItemSubtitle, ma as useMergedRef, mi as KbdGroup, mn as MessageItemMeta, mt as MessageQuotedPreviewLoading, n as InboxItemActions, na as DialogFooter, nn as MessageItemBadge, nt as MessageListNotice, o as InboxItemHeading, oa as DialogOverlay, oi as DropdownMenuRadioItem, on as MessageItemToolbar, or as PreviewCardPopup, ot as MessageQuotedPreviewAttachments, p as InboxItemSender, pa as panelToggleAction, pi as Kbd, pn as MessageItemInlineStatus, pt as MessageQuotedPreviewHeader, q as dragInstructions, qi as Badge, qr as DropdownMenu, qt as MessageReactionPickerStatic, r as InboxItemBody, ri as DropdownMenuPopup, rn as MessageItemBadgeSeparator, rt as MessageList, s as InboxItemHoverTarget, sa as DialogPortal, si as DropdownMenuRadioItemIndicator, sn as MessageItemToolbarButton, sr as PreviewCardPortal, st as MessageQuotedPreviewAuthor, t as InboxItem, ta as DialogDescription, ti as DropdownMenuLabel, tn as MessageReactionTooltipSeparator, tr as PreviewCardDescription, tt as MessageListHistoryLimited, u as InboxItemMessage, ua as DialogTitle, ui as DropdownMenuSubmenu, ur as PreviewCardTrigger, ut as MessageQuotedPreviewAuthorName, v as InboxItemTrigger, va as textLinkVariants, vi as PanelHeaderRoot, vn as MessageItemSenderGroup, vt as MessageQuotedPreviewUnavailable, wi as ScrollAreaCorner, wn as MessageItemEmbedded, wr as PopoverArrow, wt as MessageTextSelectionToolbar, x as Skeleton, xa as buttonVariants, xi as PanelSection, xn as MessageItemBody, xt as MessageEmbedFooter, ya as DialogSheetReset, yi as PanelScrollContent, yn as MessageItemTime, yt as MessageEmbed, zi as ListRowTitle, zn as RadioGroupIndicator, zt as MessageReferenceUnavailable } from "./inbox-item-Bk5SfPrz.mjs";
|
|
3
3
|
import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
|
|
4
4
|
import { AlertTriangle, Bell, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, CircleCheck, Copy, FileText, Image, Info, TriangleAlert, Upload, X, Zap } from "lucide-react";
|
|
5
5
|
import { Children, cloneElement, createContext, createElement, isValidElement, use, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
|
|
@@ -3322,13 +3322,7 @@ const combobox = tv({
|
|
|
3322
3322
|
"h-control-embedded gap-1.5 rounded-chip bg-fill-muted pr-0.5 pl-2",
|
|
3323
3323
|
"text-footnote font-semibold text-foreground"
|
|
3324
3324
|
],
|
|
3325
|
-
chipRemove: [
|
|
3326
|
-
"inline-flex shrink-0 items-center justify-center outline-none transition-colors",
|
|
3327
|
-
"size-[calc(var(--control-embedded-size)-4px)] rounded-sticker text-foreground-hint",
|
|
3328
|
-
"hover:bg-fill-medium active:bg-fill-medium",
|
|
3329
|
-
"focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground",
|
|
3330
|
-
"[&>svg]:size-3.5"
|
|
3331
|
-
]
|
|
3325
|
+
chipRemove: [...chipRemoveBase, "size-[calc(var(--control-embedded-size)-4px)]"]
|
|
3332
3326
|
},
|
|
3333
3327
|
variants: { inputOwner: {
|
|
3334
3328
|
group: { input: ["min-w-0 flex-1 border-0 bg-transparent p-0", "font-sans text-callout text-foreground placeholder:text-foreground-hint"] },
|
|
@@ -4088,64 +4082,6 @@ function SwitchThumb({ className, ...props }) {
|
|
|
4088
4082
|
});
|
|
4089
4083
|
}
|
|
4090
4084
|
//#endregion
|
|
4091
|
-
//#region src/lib/use-merged-ref.ts
|
|
4092
|
-
/**
|
|
4093
|
-
* Merges refs into one setter. Returns `[setRef, getRef]`: `setRef(el)` stores `el` and passes it to
|
|
4094
|
-
* every ref; `getRef()` reads the stored element. When a ref changes between renders (checked while
|
|
4095
|
-
* rendering), the old one is cleared and the new one gets the stored element at once. The setter
|
|
4096
|
-
* calls ref callbacks itself, so what they return is ignored.
|
|
4097
|
-
*/
|
|
4098
|
-
function useMergedRef(...refs) {
|
|
4099
|
-
const entries = useMemo(() => [], []);
|
|
4100
|
-
const elementRef = useRef(null);
|
|
4101
|
-
const getRef = useCallback(() => elementRef.current, []);
|
|
4102
|
-
const clearEntry = useCallback((entry) => {
|
|
4103
|
-
if (entry != null) {
|
|
4104
|
-
if (entry.type === "RefCallback") entry.ref(null);
|
|
4105
|
-
else entry.ref.current = null;
|
|
4106
|
-
}
|
|
4107
|
-
}, []);
|
|
4108
|
-
const applyStoredElement = useCallback((ref) => {
|
|
4109
|
-
if (typeof ref == "function") ref(getRef());
|
|
4110
|
-
else ref.current = getRef();
|
|
4111
|
-
}, [getRef]);
|
|
4112
|
-
const setRef = useCallback((el) => {
|
|
4113
|
-
elementRef.current = el;
|
|
4114
|
-
for (const entry of entries) if (entry == null) continue;
|
|
4115
|
-
else if (entry.type === "RefObject") entry.ref.current = el;
|
|
4116
|
-
else entry.ref(el);
|
|
4117
|
-
}, [entries]);
|
|
4118
|
-
for (let i = 0; i < refs.length; i++) {
|
|
4119
|
-
const ref = refs[i];
|
|
4120
|
-
const entry = entries[i];
|
|
4121
|
-
if (ref == null) {
|
|
4122
|
-
clearEntry(entry);
|
|
4123
|
-
entries[i] = null;
|
|
4124
|
-
} else {
|
|
4125
|
-
if (entry && entry.ref === ref) continue;
|
|
4126
|
-
if (typeof ref == "function") {
|
|
4127
|
-
if (entry != null) clearEntry(entry);
|
|
4128
|
-
entries[i] = {
|
|
4129
|
-
type: "RefCallback",
|
|
4130
|
-
ref
|
|
4131
|
-
};
|
|
4132
|
-
} else {
|
|
4133
|
-
if (entry != null) clearEntry(entry);
|
|
4134
|
-
entries[i] = {
|
|
4135
|
-
type: "RefObject",
|
|
4136
|
-
ref
|
|
4137
|
-
};
|
|
4138
|
-
}
|
|
4139
|
-
applyStoredElement(ref);
|
|
4140
|
-
}
|
|
4141
|
-
}
|
|
4142
|
-
for (let i = refs.length; i < entries.length; i++) {
|
|
4143
|
-
clearEntry(entries[i]);
|
|
4144
|
-
entries[i] = null;
|
|
4145
|
-
}
|
|
4146
|
-
return [setRef, getRef];
|
|
4147
|
-
}
|
|
4148
|
-
//#endregion
|
|
4149
4085
|
//#region src/components/segmented-control/segmented-control.tsx
|
|
4150
4086
|
const segmentedControl = tv({
|
|
4151
4087
|
slots: {
|
|
@@ -4391,10 +4327,13 @@ function SegmentedControl({ disabled = false, iconsOnlyBelow, variant = "default
|
|
|
4391
4327
|
})
|
|
4392
4328
|
});
|
|
4393
4329
|
}
|
|
4394
|
-
function SegmentedControlItem({ className, ...props }) {
|
|
4330
|
+
function SegmentedControlItem({ className, ref, ...props }) {
|
|
4395
4331
|
const { item } = segmentedControl();
|
|
4396
4332
|
const iconsOnly = use(SegmentedControlIconsOnlyContext);
|
|
4333
|
+
const tapRef = useTapActivation();
|
|
4334
|
+
const [setRef] = useMergedRef(tapRef, ref);
|
|
4397
4335
|
const radio = /* @__PURE__ */ jsx(Radio.Root, {
|
|
4336
|
+
ref: setRef,
|
|
4398
4337
|
render: /* @__PURE__ */ jsx("button", { type: "button" }),
|
|
4399
4338
|
nativeButton: true,
|
|
4400
4339
|
"data-slot": "segmented-control-item",
|
|
@@ -4473,9 +4412,12 @@ function ToggleGroup({ className, ...props }) {
|
|
|
4473
4412
|
...props
|
|
4474
4413
|
});
|
|
4475
4414
|
}
|
|
4476
|
-
function ToggleGroupItem({ className, nativeButton, render, ...props }) {
|
|
4415
|
+
function ToggleGroupItem({ className, nativeButton, render, ref, ...props }) {
|
|
4477
4416
|
const { item } = toggleGroup();
|
|
4417
|
+
const tapRef = useTapActivation();
|
|
4418
|
+
const [setRef] = useMergedRef(tapRef, ref);
|
|
4478
4419
|
return /* @__PURE__ */ jsx(Toggle, {
|
|
4420
|
+
ref: setRef,
|
|
4479
4421
|
render,
|
|
4480
4422
|
nativeButton: nativeButton ?? defaultNativeButton(render),
|
|
4481
4423
|
type: "button",
|
|
@@ -10873,15 +10815,17 @@ const PLACE_STYLE = {
|
|
|
10873
10815
|
borderColor: "transparent",
|
|
10874
10816
|
boxShadow: "none"
|
|
10875
10817
|
};
|
|
10876
|
-
function TabsTabButton({ value, sortableRef, dropPlace = false, className, children, ...props }) {
|
|
10818
|
+
function TabsTabButton({ value, sortableRef, dropPlace = false, className, children, ref, ...props }) {
|
|
10877
10819
|
const variant = use(TabsListVariantContext);
|
|
10878
10820
|
const placement = use(TabsPlacementContext);
|
|
10879
10821
|
const { content, tab } = tabs({
|
|
10880
10822
|
variant,
|
|
10881
10823
|
placement
|
|
10882
10824
|
});
|
|
10825
|
+
const tapRef = useTapActivation();
|
|
10826
|
+
const [setRef] = useMergedRef(sortableRef, tapRef, ref);
|
|
10883
10827
|
return /* @__PURE__ */ jsxs(Tabs$1.Tab, {
|
|
10884
|
-
ref:
|
|
10828
|
+
ref: setRef,
|
|
10885
10829
|
value,
|
|
10886
10830
|
"data-slot": "tabs-tab",
|
|
10887
10831
|
className: tab({ className }),
|
|
@@ -12801,13 +12745,8 @@ const VIRTUAL_VISIBLE_ITEMS_STYLE = {
|
|
|
12801
12745
|
position: "relative",
|
|
12802
12746
|
display: "flow-root"
|
|
12803
12747
|
};
|
|
12804
|
-
/**
|
|
12805
|
-
* With virtualization off, the visible-items element still carries the CSS variables, so sticky
|
|
12806
|
-
* children that use `calc(var(--virtual-list-transform-y))` keep working.
|
|
12807
|
-
*/
|
|
12748
|
+
/** With virtualization off, the visible-items element sits at translateY(0px). */
|
|
12808
12749
|
const NON_VIRTUAL_VISIBLE_ITEMS_STYLE = {
|
|
12809
|
-
"--virtual-list-transform-y": "0px",
|
|
12810
|
-
"--virtual-list-ios-compensation-y": "0px",
|
|
12811
12750
|
transform: "translateY(0px)",
|
|
12812
12751
|
position: "relative",
|
|
12813
12752
|
display: "flow-root"
|
|
@@ -13931,8 +13870,9 @@ function VirtualList(props) {
|
|
|
13931
13870
|
/**
|
|
13932
13871
|
* Writes the layout without a render: the spacer height (the total size plus the first row's top
|
|
13933
13872
|
* margin; a min-height with itemResizable, so the real content may exceed it) and the visible items'
|
|
13934
|
-
* translateY
|
|
13935
|
-
*
|
|
13873
|
+
* translateY. It writes no CSS variable on the visible items: custom properties inherit, so one
|
|
13874
|
+
* written there on every scroll restyles every row. Content that must follow the rows' offset uses
|
|
13875
|
+
* `onTransformChange`.
|
|
13936
13876
|
*
|
|
13937
13877
|
* Unlike the reference implementation (DeepSeek web): the translateY puts the border box of the first
|
|
13938
13878
|
* mounted row at its offset (`firstIndex`, or the first row in the DOM), not the element's top. The visible-items element is a
|
|
@@ -13970,9 +13910,6 @@ function VirtualList(props) {
|
|
|
13970
13910
|
if (visibleItemsEl instanceof HTMLElement) {
|
|
13971
13911
|
const offset = px(leadingMargin + fenwickTree.sum(index) - firstRowStart);
|
|
13972
13912
|
visibleItemsEl.style.transform = `translateY(${offset})`;
|
|
13973
|
-
visibleItemsEl.style.setProperty("--virtual-list-transform-y", offset);
|
|
13974
|
-
const compensation = px(compensationYRef.current);
|
|
13975
|
-
visibleItemsEl.style.setProperty("--virtual-list-ios-compensation-y", compensation);
|
|
13976
13913
|
const signature = `${index}|${offset}`;
|
|
13977
13914
|
if (lastTransformSignatureRef.current !== signature) {
|
|
13978
13915
|
lastTransformSignatureRef.current = signature;
|
package/dist/wip.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { $ as MessageListJumpPillProps, Aa as PopoverBody, As as DialogCommit, B as DragMessages, Bs as DialogContentProps, C as InboxItemProps, Co as DropdownMenuLinkItemProps, Di as PreviewCardEyebrowProps, Ei as PreviewCardEyebrow, G as dragMessages, Gs as DialogFooterNoteProps, H as DragPlace, J as MessageListJumpPill, K as MessageListJumpControls, Ls as DialogClose, Mi as PreviewCardMeta, Ms as DialogSheetContent, Ni as PreviewCardMetaProps, Ns as DialogSheetContentProps, Oi as PreviewCardFooter, Os as TextLinkProps, Ps as Dialog, Q as MessageListJumpPillGroupProps, R as DEFAULT_DRAG_MESSAGES, Sa as MobileNavServerPopoverRowProps, So as DropdownMenuLinkItem, Ta as PopoverActionsProps, U as createDragAnnouncements, V as DragNamed, W as dragInstructions, Ws as DialogFooterNote, X as MessageListJumpPillDismissProps, Y as MessageListJumpPillDismiss, Z as MessageListJumpPillGroup, _a as MobileNavServerPopoverRowBodyProps, _c as VariantProps, _i as PreviewCardActionsProps, _s as ListRowProps, _t as MessageQuotedPreviewAuthorDelegatedByProps, aa as MobileNavServerPopoverContentProps, ba as MobileNavServerPopoverRowLabel, bi as PreviewCardBody, ca as MobileNavServerPopoverDestinations, cc as DialogTrigger, da as MobileNavServerPopoverGroupProps, dn as MessageReferenceReadMarkProps, dr as MessageItemDelegatedBy, fa as MobileNavServerPopoverList, fr as MessageItemDelegatedByButton, ga as MobileNavServerPopoverRowBody, gi as PreviewCardActions, gr as MessageItemDelegatedByProps, gt as MessageQuotedPreviewAuthorDelegatedBy, ha as MobileNavServerPopoverRow, hr as MessageItemDelegatedByNameProps, ia as MobileNavServerPopoverContent, ja as PopoverBodyProps, js as DialogCommitProps, ki as PreviewCardFooterProps, la as MobileNavServerPopoverDestinationsProps, lr as MessageItemDelegatedAvatar, ma as MobileNavServerPopoverProps, mr as MessageItemDelegatedByName, na as MobileNavServerItemProps, nc as DialogSheetBack, nn as MessageReferenceIcon, oa as MobileNavServerPopoverDestination, pa as MobileNavServerPopoverListProps, pc as ButtonProps, pr as MessageItemDelegatedByButtonProps, q as MessageListJumpControlsProps, ra as MobileNavServerPopover, rc as DialogSheetBackProps, rn as MessageReferenceIconProps, sa as MobileNavServerPopoverDestinationProps, sc as DialogTitleProps, ta as MobileNavServerItem, u as InboxItemDensity, ua as MobileNavServerPopoverGroup, un as MessageReferenceReadMark, ur as MessageItemDelegatedAvatarProps, va as MobileNavServerPopoverRowDescription, vc as DataAttributes, wa as PopoverActions, xa as MobileNavServerPopoverRowLabelProps, xi as PreviewCardBodyProps, ya as MobileNavServerPopoverRowDescriptionProps, yc as StyledProps, z as DragAnnouncementSource } from "./inbox-item-
|
|
1
|
+
import { $ as MessageListJumpPillProps, Aa as PopoverBody, As as DialogCommit, B as DragMessages, Bs as DialogContentProps, C as InboxItemProps, Co as DropdownMenuLinkItemProps, Di as PreviewCardEyebrowProps, Ei as PreviewCardEyebrow, G as dragMessages, Gs as DialogFooterNoteProps, H as DragPlace, J as MessageListJumpPill, K as MessageListJumpControls, Ls as DialogClose, Mi as PreviewCardMeta, Ms as DialogSheetContent, Ni as PreviewCardMetaProps, Ns as DialogSheetContentProps, Oi as PreviewCardFooter, Os as TextLinkProps, Ps as Dialog, Q as MessageListJumpPillGroupProps, R as DEFAULT_DRAG_MESSAGES, Sa as MobileNavServerPopoverRowProps, So as DropdownMenuLinkItem, Ta as PopoverActionsProps, U as createDragAnnouncements, V as DragNamed, W as dragInstructions, Ws as DialogFooterNote, X as MessageListJumpPillDismissProps, Y as MessageListJumpPillDismiss, Z as MessageListJumpPillGroup, _a as MobileNavServerPopoverRowBodyProps, _c as VariantProps, _i as PreviewCardActionsProps, _s as ListRowProps, _t as MessageQuotedPreviewAuthorDelegatedByProps, aa as MobileNavServerPopoverContentProps, ba as MobileNavServerPopoverRowLabel, bi as PreviewCardBody, ca as MobileNavServerPopoverDestinations, cc as DialogTrigger, da as MobileNavServerPopoverGroupProps, dn as MessageReferenceReadMarkProps, dr as MessageItemDelegatedBy, fa as MobileNavServerPopoverList, fr as MessageItemDelegatedByButton, ga as MobileNavServerPopoverRowBody, gi as PreviewCardActions, gr as MessageItemDelegatedByProps, gt as MessageQuotedPreviewAuthorDelegatedBy, ha as MobileNavServerPopoverRow, hr as MessageItemDelegatedByNameProps, ia as MobileNavServerPopoverContent, ja as PopoverBodyProps, js as DialogCommitProps, ki as PreviewCardFooterProps, la as MobileNavServerPopoverDestinationsProps, lr as MessageItemDelegatedAvatar, ma as MobileNavServerPopoverProps, mr as MessageItemDelegatedByName, na as MobileNavServerItemProps, nc as DialogSheetBack, nn as MessageReferenceIcon, oa as MobileNavServerPopoverDestination, pa as MobileNavServerPopoverListProps, pc as ButtonProps, pr as MessageItemDelegatedByButtonProps, q as MessageListJumpControlsProps, ra as MobileNavServerPopover, rc as DialogSheetBackProps, rn as MessageReferenceIconProps, sa as MobileNavServerPopoverDestinationProps, sc as DialogTitleProps, ta as MobileNavServerItem, u as InboxItemDensity, ua as MobileNavServerPopoverGroup, un as MessageReferenceReadMark, ur as MessageItemDelegatedAvatarProps, va as MobileNavServerPopoverRowDescription, vc as DataAttributes, wa as PopoverActions, xa as MobileNavServerPopoverRowLabelProps, xi as PreviewCardBodyProps, ya as MobileNavServerPopoverRowDescriptionProps, yc as StyledProps, z as DragAnnouncementSource } from "./inbox-item-BYB2RRZK.mjs";
|
|
2
2
|
import { CSSProperties, ComponentProps, ComponentPropsWithRef, ReactNode, RefObject } from "react";
|
|
3
3
|
import { Button } from "@base-ui/react/button";
|
|
4
4
|
import { useRender } from "@base-ui/react/use-render";
|
|
@@ -922,6 +922,27 @@ export declare function MeterTrack({ className, ...props }: MeterTrackProps): im
|
|
|
922
922
|
type MeterIndicatorProps = StyledProps<Meter$1.Indicator.Props>;
|
|
923
923
|
export declare function MeterIndicator({ className, ...props }: MeterIndicatorProps): import("react").JSX.Element;
|
|
924
924
|
//#endregion
|
|
925
|
+
//#region src/components/filter-chip/filter-chip.d.ts
|
|
926
|
+
type FilterChipProps = ComponentPropsWithRef<"span"> & DataAttributes;
|
|
927
|
+
/**
|
|
928
|
+
* The filter in effect, beside the filter button that chose it: an `info-soft`
|
|
929
|
+
* chip as high as the button, with an optional 14px icon, a `FilterChipLabel`
|
|
930
|
+
* and a `FilterChipRemove` × that resets the filter.
|
|
931
|
+
*/
|
|
932
|
+
export declare function FilterChip({ className, ...props }: FilterChipProps): import("react").JSX.Element;
|
|
933
|
+
type FilterChipLabelProps = ComponentPropsWithRef<"span">;
|
|
934
|
+
/** The name of the active filter. It truncates when the row has no room. */
|
|
935
|
+
export declare function FilterChipLabel({ className, ...props }: FilterChipLabelProps): import("react").JSX.Element;
|
|
936
|
+
type FilterChipRemoveProps = Omit<StyledProps<Button.Props>, "aria-label" | "type"> & DataAttributes & {
|
|
937
|
+
/**
|
|
938
|
+
* What the × does, said in words: the chip shows only a glyph. Name the
|
|
939
|
+
* result, such as "Clear Filter" or "Show All".
|
|
940
|
+
*/
|
|
941
|
+
"aria-label": string;
|
|
942
|
+
};
|
|
943
|
+
/** The × that resets the filter to its default. Shows an X unless given children. */
|
|
944
|
+
export declare function FilterChipRemove({ className, children, render, nativeButton, ...props }: FilterChipRemoveProps): import("react").JSX.Element;
|
|
945
|
+
//#endregion
|
|
925
946
|
//#region src/lib/overlay-depth.d.ts
|
|
926
947
|
/**
|
|
927
948
|
* A modal surface: a centred dialog (Dialog, AlertDialog, or an app's own
|
|
@@ -1167,4 +1188,4 @@ type ChoiceListMultipleProps = ChoiceListCommonProps & {
|
|
|
1167
1188
|
type ChoiceListProps = ChoiceListSingleProps | ChoiceListMultipleProps;
|
|
1168
1189
|
export declare function ChoiceList(props: ChoiceListProps): import("react").JSX.Element;
|
|
1169
1190
|
//#endregion
|
|
1170
|
-
export { Dialog as AnnouncementDialog, DialogClose as AnnouncementDialogClose, DialogTrigger as AnnouncementDialogTrigger, type ChoiceListGroup, type ChoiceListItem, type ChoiceListMultipleProps, type ChoiceListProps, type ChoiceListSingleProps, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, type CommentCardMetaProps, type CommentCardProps, type CommentCardQuoteProps, type CommentCardTriggerProps, type CommentEntryAuthorProps, type CommentEntryBodyProps, type CommentEntryHeaderProps, type CommentEntryProps, type CommentEntryTimeProps, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, type CommentMarkerProps, DEFAULT_DRAG_MESSAGES, DialogCommit, type DialogCommitProps, DialogFooterNote, type DialogFooterNoteProps, DialogSheetBack, type DialogSheetBackProps, DialogSheetContent, type DialogSheetContentProps, type DragAcrossLists, type DragAnnouncementSource, type DragLiftProps, type DragListsItems, type DragMessages, type DragNamed, type DragPlace, type DragRefusalHintProps, type DragRemeasureProps, type DragSensorsOptions, type DraggedSlotProps, type DropPlaceholderProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, type EllipsisProps, type EllipsisState, type EllipsisToggleProps, type HoldThenMoveOptions, type InboxItemLeadingBadgeProps, type InboxItemSkeletonListProps, type InboxItemSkeletonProps, type ListRowSkeletonProps, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, MessageReferenceIcon, type MessageReferenceIconProps, MessageReferenceReadMark, type MessageReferenceReadMarkProps, type MeterHeaderProps, type MeterIndicatorProps, type MeterLabelProps, type MeterProps, type MeterTrackProps, type MeterValueProps, MobileNavServerItem, type MobileNavServerItemProps, MobileNavServerPopover, MobileNavServerPopoverContent, type MobileNavServerPopoverContentProps, MobileNavServerPopoverDestination, type MobileNavServerPopoverDestinationProps, MobileNavServerPopoverDestinations, type MobileNavServerPopoverDestinationsProps, MobileNavServerPopoverGroup, type MobileNavServerPopoverGroupProps, MobileNavServerPopoverList, type MobileNavServerPopoverListProps, type MobileNavServerPopoverProps, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, type MobileNavServerPopoverRowBodyProps, MobileNavServerPopoverRowDescription, type MobileNavServerPopoverRowDescriptionProps, MobileNavServerPopoverRowLabel, type MobileNavServerPopoverRowLabelProps, type MobileNavServerPopoverRowProps, type OverlayLayerKind, type OverlayLayerProviderProps, PopoverActions, type PopoverActionsProps, PopoverBody, type PopoverBodyProps, PreviewCardActions, type PreviewCardActionsProps, PreviewCardBody, type PreviewCardBodyProps, PreviewCardEyebrow, type PreviewCardEyebrowProps, PreviewCardFooter, type PreviewCardFooterProps, PreviewCardMeta, type PreviewCardMetaProps, type PullToRefresh, type PullToRefreshIndicatorProps, type PullToRefreshPlatform, type PullToRefreshState, type UseCommentMarginFitsOptions, type UseDragListsOptions, type UsePullToRefreshOptions, createDragAnnouncements, dragInstructions, dragMessages };
|
|
1191
|
+
export { Dialog as AnnouncementDialog, DialogClose as AnnouncementDialogClose, DialogTrigger as AnnouncementDialogTrigger, type ChoiceListGroup, type ChoiceListItem, type ChoiceListMultipleProps, type ChoiceListProps, type ChoiceListSingleProps, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, type CommentCardMetaProps, type CommentCardProps, type CommentCardQuoteProps, type CommentCardTriggerProps, type CommentEntryAuthorProps, type CommentEntryBodyProps, type CommentEntryHeaderProps, type CommentEntryProps, type CommentEntryTimeProps, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, type CommentMarkerProps, DEFAULT_DRAG_MESSAGES, DialogCommit, type DialogCommitProps, DialogFooterNote, type DialogFooterNoteProps, DialogSheetBack, type DialogSheetBackProps, DialogSheetContent, type DialogSheetContentProps, type DragAcrossLists, type DragAnnouncementSource, type DragLiftProps, type DragListsItems, type DragMessages, type DragNamed, type DragPlace, type DragRefusalHintProps, type DragRemeasureProps, type DragSensorsOptions, type DraggedSlotProps, type DropPlaceholderProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, type EllipsisProps, type EllipsisState, type EllipsisToggleProps, type FilterChipLabelProps, type FilterChipProps, type FilterChipRemoveProps, type HoldThenMoveOptions, type InboxItemLeadingBadgeProps, type InboxItemSkeletonListProps, type InboxItemSkeletonProps, type ListRowSkeletonProps, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, MessageReferenceIcon, type MessageReferenceIconProps, MessageReferenceReadMark, type MessageReferenceReadMarkProps, type MeterHeaderProps, type MeterIndicatorProps, type MeterLabelProps, type MeterProps, type MeterTrackProps, type MeterValueProps, MobileNavServerItem, type MobileNavServerItemProps, MobileNavServerPopover, MobileNavServerPopoverContent, type MobileNavServerPopoverContentProps, MobileNavServerPopoverDestination, type MobileNavServerPopoverDestinationProps, MobileNavServerPopoverDestinations, type MobileNavServerPopoverDestinationsProps, MobileNavServerPopoverGroup, type MobileNavServerPopoverGroupProps, MobileNavServerPopoverList, type MobileNavServerPopoverListProps, type MobileNavServerPopoverProps, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, type MobileNavServerPopoverRowBodyProps, MobileNavServerPopoverRowDescription, type MobileNavServerPopoverRowDescriptionProps, MobileNavServerPopoverRowLabel, type MobileNavServerPopoverRowLabelProps, type MobileNavServerPopoverRowProps, type OverlayLayerKind, type OverlayLayerProviderProps, PopoverActions, type PopoverActionsProps, PopoverBody, type PopoverBodyProps, PreviewCardActions, type PreviewCardActionsProps, PreviewCardBody, type PreviewCardBodyProps, PreviewCardEyebrow, type PreviewCardEyebrowProps, PreviewCardFooter, type PreviewCardFooterProps, PreviewCardMeta, type PreviewCardMetaProps, type PullToRefresh, type PullToRefreshIndicatorProps, type PullToRefreshPlatform, type PullToRefreshState, type UseCommentMarginFitsOptions, type UseDragListsOptions, type UsePullToRefreshOptions, createDragAnnouncements, dragInstructions, dragMessages };
|
package/dist/wip.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { cn } from "./cn.mjs";
|
|
2
|
-
import { $i as
|
|
2
|
+
import { $i as DialogClose, $n as PreviewCardBody, A as DRAG_AUTO_SCROLL_ZONE_PX, Aa as tv, B as useDragSiblingTransition, Bi as ListRowTop, Bn as RadioGroupItem, Br as TOUCH_DRAG_HOLD_MS, C as DropPlaceholder, Ca as defaultNativeButton, Cr as PopoverActions, D as listKeyboardCoordinates, Da as useThemeScopeProps, E as MOUSE_DRAG_DISTANCE_PX, Er as PopoverBody, F as DROP_GLIDE, Fi as ListRowDescription, G as SILENT_DRAG_ANNOUNCEMENTS, Gn as useOverflowTitle, H as LIFT_CLASS, Hi as Tooltip, Hn as InputGroup, Hr as useHoldThenMoveTouchSensor, I as DragLift, It as MessageReferenceReadMark, J as dragMessages, Ji as DialogCommit, Jn as observeTruncation, K as createDragAnnouncements, Ki as TooltipTrigger, Kn as measureContent, L as ORIGIN_OPACITY, Lr as HoldThenMoveTouchSensor, M as DRAG_LIFT_Z_INDEX, Mi as ListRowBody, Mt as MessageReferenceIcon, N as DRAG_SETTLE, Ni as ListRowBottom, O as useDragAcrossLists, Oa as useTheme, Oi as Checkbox, P as DRAG_SIBLING_TRANSITION, Q as MessageListJumpPillGroup, R as cancelDrag, Ri as ListRowMeta, Rn as RadioGroup, Rr as MouseOnlyPointerSensor, S as DragRefusalHint, Sa as Spinner, T as DragRemeasure, Ta as useParentOverlayKind, Ui as TooltipContent, Un as InputGroupAddon, Ur as useMouseOnlyPointerSensor, Vn as chipRemoveBase, Vr as TOUCH_DRAG_TOLERANCE_PX, W as DEFAULT_DRAG_MESSAGES, Wn as InputGroupInput, X as MessageListJumpPill, Y as MessageListJumpControls, Yi as DialogSheetContent, Yn as readNow, Z as MessageListJumpPillDismiss, Zi as Dialog, Zn as PreviewCardActions, _ as InboxItemTrailing, _r as MobileNavServerPopoverList, a as InboxItemContext, ar as PreviewCardMeta, b as useLatestRef, ba as Button$1, br as MobileNavServerPopoverRowDescription, c as InboxItemLeading, ca as DialogSheetBack, cn as MessageItemDelegatedAvatar, ct as MessageQuotedPreviewAuthorDelegatedBy, da as DialogTrigger, dn as MessageItemDelegatedByName, dr as MobileNavServerItem, ea as DialogContent, fr as MobileNavServerPopover, g as InboxItemTitle, ga as TextLink, gr as MobileNavServerPopoverGroup, h as InboxItemTimestamp, hr as MobileNavServerPopoverDestinations, i as InboxItemContent, j as DRAG_KEYBOARD_OFFSET_PX, ji as ListRow, k as useDragSensors, ln as MessageItemDelegatedBy, mr as MobileNavServerPopoverDestination, ni as DropdownMenuLinkItem, nr as PreviewCardEyebrow, o as InboxItemHeading, pr as MobileNavServerPopoverContent, q as dragInstructions, qn as measureElement, r as InboxItemBody, ra as DialogFooterNote, rr as PreviewCardFooter, t as InboxItem, ua as DialogTitle, un as MessageItemDelegatedByButton, vr as MobileNavServerPopoverRow, w as DRAG_KEYBOARD_CODES, wa as OverlayLayerProvider, x as Skeleton, xr as MobileNavServerPopoverRowLabel, y as inboxItem, yr as MobileNavServerPopoverRowBody, z as keepGrabInside, zi as ListRowTitle, zr as TOUCH_DRAG_DISTANCE_PX } from "./inbox-item-Bk5SfPrz.mjs";
|
|
3
3
|
import { Check, ChevronDown, LoaderCircle, Plus, Search, X } from "lucide-react";
|
|
4
4
|
import { createContext, use, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
|
|
5
5
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -2002,6 +2002,54 @@ function MeterIndicator({ className, ...props }) {
|
|
|
2002
2002
|
});
|
|
2003
2003
|
}
|
|
2004
2004
|
//#endregion
|
|
2005
|
+
//#region src/components/filter-chip/filter-chip.tsx
|
|
2006
|
+
const filterChip = tv({ slots: {
|
|
2007
|
+
root: [
|
|
2008
|
+
"inline-flex h-8 min-w-0 shrink items-center",
|
|
2009
|
+
"gap-1.5 rounded-control bg-info-soft pr-1 pl-2.5",
|
|
2010
|
+
"font-sans text-control font-semibold text-foreground",
|
|
2011
|
+
"[&>svg]:pointer-events-none [&>svg]:shrink-0",
|
|
2012
|
+
"[&>svg:not([class*='size-'])]:size-3.5 [&>svg:not([class*='stroke-'])]:stroke-2"
|
|
2013
|
+
],
|
|
2014
|
+
label: ["min-w-0 truncate"],
|
|
2015
|
+
remove: [...chipRemoveBase, "size-6"]
|
|
2016
|
+
} });
|
|
2017
|
+
/**
|
|
2018
|
+
* The filter in effect, beside the filter button that chose it: an `info-soft`
|
|
2019
|
+
* chip as high as the button, with an optional 14px icon, a `FilterChipLabel`
|
|
2020
|
+
* and a `FilterChipRemove` × that resets the filter.
|
|
2021
|
+
*/
|
|
2022
|
+
function FilterChip({ className, ...props }) {
|
|
2023
|
+
const { root } = filterChip();
|
|
2024
|
+
return /* @__PURE__ */ jsx("span", {
|
|
2025
|
+
"data-slot": "filter-chip",
|
|
2026
|
+
className: root({ className }),
|
|
2027
|
+
...props
|
|
2028
|
+
});
|
|
2029
|
+
}
|
|
2030
|
+
/** The name of the active filter. It truncates when the row has no room. */
|
|
2031
|
+
function FilterChipLabel({ className, ...props }) {
|
|
2032
|
+
const { label } = filterChip();
|
|
2033
|
+
return /* @__PURE__ */ jsx("span", {
|
|
2034
|
+
"data-slot": "filter-chip-label",
|
|
2035
|
+
className: label({ className }),
|
|
2036
|
+
...props
|
|
2037
|
+
});
|
|
2038
|
+
}
|
|
2039
|
+
/** The × that resets the filter to its default. Shows an X unless given children. */
|
|
2040
|
+
function FilterChipRemove({ className, children, render, nativeButton, ...props }) {
|
|
2041
|
+
const { remove } = filterChip();
|
|
2042
|
+
return /* @__PURE__ */ jsx(Button, {
|
|
2043
|
+
...props,
|
|
2044
|
+
render,
|
|
2045
|
+
nativeButton: nativeButton ?? defaultNativeButton(render),
|
|
2046
|
+
type: "button",
|
|
2047
|
+
"data-slot": "filter-chip-remove",
|
|
2048
|
+
className: remove({ className }),
|
|
2049
|
+
children: children ?? /* @__PURE__ */ jsx(X, { "aria-hidden": true })
|
|
2050
|
+
});
|
|
2051
|
+
}
|
|
2052
|
+
//#endregion
|
|
2005
2053
|
//#region src/components/pull-to-refresh/pull-to-refresh-gesture.ts
|
|
2006
2054
|
/**
|
|
2007
2055
|
* The pull-to-refresh gesture as a pure state machine (pull-to-refresh.md,
|
|
@@ -2911,4 +2959,4 @@ function ChoiceList(props) {
|
|
|
2911
2959
|
});
|
|
2912
2960
|
}
|
|
2913
2961
|
//#endregion
|
|
2914
|
-
export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, ComboboxSelect, CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger, CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime, CommentMargin, CommentMarginItem, CommentMarker, DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DialogCommit, DialogFooterNote, DialogSheetBack, DialogSheetContent, DragLift, DragLiveRegion, DragRefusalHint, DragRemeasure, DraggedSlot, DropPlaceholder, DropdownMenuLinkItem, Ellipsis, EllipsisToggle, HoldThenMoveTouchSensor, InboxItemLeadingBadge, InboxItemSkeleton, InboxItemSkeletonList, LIFT_CLASS, ListRowSkeleton, MOUSE_DRAG_DISTANCE_PX, MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName, MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup, MessageQuotedPreviewAuthorDelegatedBy, MessageReferenceIcon, MessageReferenceReadMark, Meter, MeterHeader, MeterIndicator, MeterLabel, MeterTrack, MeterValue, MobileNavServerItem, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinations, MobileNavServerPopoverGroup, MobileNavServerPopoverList, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowLabel, MouseOnlyPointerSensor, ORIGIN_OPACITY, OverlayLayerProvider, PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_POINTER_QUERY, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PopoverActions, PopoverBody, PreviewCardActions, PreviewCardBody, PreviewCardEyebrow, PreviewCardFooter, PreviewCardMeta, PullToRefreshIndicator, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor, useParentOverlayKind, usePullToRefresh, useTruncated };
|
|
2962
|
+
export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, ComboboxSelect, CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger, CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime, CommentMargin, CommentMarginItem, CommentMarker, DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DialogCommit, DialogFooterNote, DialogSheetBack, DialogSheetContent, DragLift, DragLiveRegion, DragRefusalHint, DragRemeasure, DraggedSlot, DropPlaceholder, DropdownMenuLinkItem, Ellipsis, EllipsisToggle, FilterChip, FilterChipLabel, FilterChipRemove, HoldThenMoveTouchSensor, InboxItemLeadingBadge, InboxItemSkeleton, InboxItemSkeletonList, LIFT_CLASS, ListRowSkeleton, MOUSE_DRAG_DISTANCE_PX, MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName, MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup, MessageQuotedPreviewAuthorDelegatedBy, MessageReferenceIcon, MessageReferenceReadMark, Meter, MeterHeader, MeterIndicator, MeterLabel, MeterTrack, MeterValue, MobileNavServerItem, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinations, MobileNavServerPopoverGroup, MobileNavServerPopoverList, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowLabel, MouseOnlyPointerSensor, ORIGIN_OPACITY, OverlayLayerProvider, PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_POINTER_QUERY, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PopoverActions, PopoverBody, PreviewCardActions, PreviewCardBody, PreviewCardEyebrow, PreviewCardFooter, PreviewCardMeta, PullToRefreshIndicator, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor, useParentOverlayKind, usePullToRefresh, useTruncated };
|