@stll/ui 0.55.1 → 0.57.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/README.md +3 -0
- package/THIRD_PARTY_NOTICES +24 -0
- package/dist/components/badge.d.ts +28 -0
- package/dist/components/badge.js +64 -0
- package/dist/components/button.d.ts +2 -6
- package/dist/components/button.js +33 -25
- package/dist/components/button.native.d.ts +15 -0
- package/dist/components/button.native.js +165 -0
- package/dist/components/button.shared.d.ts +65 -0
- package/dist/components/button.shared.js +61 -0
- package/dist/components/dialog.d.ts +20 -2
- package/dist/components/dialog.js +31 -9
- package/dist/components/horizontal-scroller.js +31 -34
- package/dist/components/input.native.d.ts +23 -0
- package/dist/components/input.native.js +66 -0
- package/dist/components/input.shared.d.ts +19 -0
- package/dist/components/input.shared.js +0 -0
- package/dist/components/loader.d.ts +1 -6
- package/dist/components/loader.native.d.ts +28 -0
- package/dist/components/loader.native.js +23 -0
- package/dist/components/loader.shared.d.ts +17 -0
- package/dist/components/loader.shared.js +9 -0
- package/dist/components/matter-icon.d.ts +2 -8
- package/dist/components/matter-icon.js +10 -30
- package/dist/components/matter-icon.native.d.ts +25 -0
- package/dist/components/matter-icon.native.js +78 -0
- package/dist/components/matter-icon.shared.d.ts +21 -0
- package/dist/components/matter-icon.shared.js +18 -0
- package/dist/components/separator.native.d.ts +14 -0
- package/dist/components/separator.native.js +16 -0
- package/dist/components/separator.shared.d.ts +6 -0
- package/dist/components/separator.shared.js +0 -0
- package/dist/components/sheet.native.d.ts +27 -0
- package/dist/components/sheet.native.js +69 -0
- package/dist/components/sheet.shared.d.ts +9 -0
- package/dist/components/sheet.shared.js +0 -0
- package/dist/components/sidebar.js +1 -1
- package/dist/components/stella-wordmark.js +5 -13
- package/dist/components/stella-wordmark.native.d.ts +9 -0
- package/dist/components/stella-wordmark.native.js +27 -0
- package/dist/components/stella-wordmark.shared.d.ts +6 -0
- package/dist/components/stella-wordmark.shared.js +16 -0
- package/dist/components/switch.native.d.ts +13 -0
- package/dist/components/switch.native.js +33 -0
- package/dist/components/switch.shared.d.ts +9 -0
- package/dist/components/switch.shared.js +0 -0
- package/dist/components/table.d.ts +86 -8
- package/dist/components/table.js +46 -20
- package/dist/components/text.d.ts +11 -0
- package/dist/components/text.js +25 -0
- package/dist/components/text.native.d.ts +15 -0
- package/dist/components/text.native.js +46 -0
- package/dist/components/text.shared.d.ts +78 -0
- package/dist/components/text.shared.js +71 -0
- package/dist/components/textarea.native.d.ts +10 -0
- package/dist/components/textarea.native.js +28 -0
- package/dist/components/textarea.shared.d.ts +4 -0
- package/dist/components/textarea.shared.js +0 -0
- package/dist/components/tooltip.d.ts +15 -2
- package/dist/components/tooltip.js +18 -2
- package/dist/components/truncated-text.d.ts +33 -0
- package/dist/components/truncated-text.js +111 -0
- package/dist/index.d.ts +6 -5
- package/dist/index.js +5 -3
- package/dist/inspector/dock.js +1 -1
- package/dist/lib/scroll-edge-fade.d.ts +23 -0
- package/dist/lib/scroll-edge-fade.js +62 -0
- package/dist/native-env.d.ts +1 -0
- package/package.json +112 -7
- package/dist/calendar/index.d.ts +0 -4
- package/dist/calendar/index.js +0 -4
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
//#region src/components/text.shared.d.ts
|
|
3
|
+
/** Each role's size, colour and spacing, as Tailwind classes. */
|
|
4
|
+
export declare const TEXT_VARIANT_CLASS_NAMES: {
|
|
5
|
+
readonly body: "text-base";
|
|
6
|
+
/** A list row's name. */
|
|
7
|
+
readonly rowTitle: "text-base";
|
|
8
|
+
readonly caption: "text-sm text-muted-foreground";
|
|
9
|
+
/** A notice that something failed. */
|
|
10
|
+
readonly error: "text-sm text-destructive-foreground";
|
|
11
|
+
readonly label: "text-sm";
|
|
12
|
+
/** A button's label. */
|
|
13
|
+
readonly button: "text-base";
|
|
14
|
+
/** The small capitals over a group of rows. */
|
|
15
|
+
readonly section: "text-xs uppercase text-muted-foreground";
|
|
16
|
+
readonly headline: "text-lg";
|
|
17
|
+
readonly title: "text-2xl";
|
|
18
|
+
/** A sign-in page's heading: the auth panel's light 2rem title. */
|
|
19
|
+
readonly display: "text-[32px] leading-[37px] tracking-tight";
|
|
20
|
+
/** A small bordered tag in capitals, as the beta is marked. */
|
|
21
|
+
readonly badge: "text-[10px] uppercase tracking-[1px] text-muted-foreground";
|
|
22
|
+
/** An inline link in a caption, underlined as legal links are. */
|
|
23
|
+
readonly link: "text-sm text-muted-foreground underline";
|
|
24
|
+
/**
|
|
25
|
+
* A court decision's text, in the reader's serif at its 1.65 leading
|
|
26
|
+
* (packages/decision-reader reader.css). Its emphases nest inside it and
|
|
27
|
+
* keep its size.
|
|
28
|
+
*/
|
|
29
|
+
readonly reading: "text-base leading-[26px]";
|
|
30
|
+
readonly readingStrong: "";
|
|
31
|
+
readonly readingEmphasis: "";
|
|
32
|
+
readonly readingStrongEmphasis: "";
|
|
33
|
+
};
|
|
34
|
+
export type TextVariant = keyof typeof TEXT_VARIANT_CLASS_NAMES;
|
|
35
|
+
export type TextFace = {
|
|
36
|
+
readonly family: "sans" | "serif";
|
|
37
|
+
readonly weight: "light" | "regular" | "medium" | "semibold" | "bold";
|
|
38
|
+
readonly italic?: true;
|
|
39
|
+
};
|
|
40
|
+
/** The face each role is set in. */
|
|
41
|
+
export declare const TEXT_VARIANT_FACES: {
|
|
42
|
+
readonly body: TextFace;
|
|
43
|
+
readonly rowTitle: TextFace;
|
|
44
|
+
readonly caption: TextFace;
|
|
45
|
+
readonly error: TextFace;
|
|
46
|
+
readonly label: TextFace;
|
|
47
|
+
readonly button: TextFace;
|
|
48
|
+
readonly section: TextFace;
|
|
49
|
+
readonly headline: TextFace;
|
|
50
|
+
readonly title: TextFace;
|
|
51
|
+
readonly display: TextFace;
|
|
52
|
+
readonly badge: TextFace;
|
|
53
|
+
readonly link: TextFace;
|
|
54
|
+
readonly reading: {
|
|
55
|
+
readonly family: "serif";
|
|
56
|
+
readonly weight: "regular";
|
|
57
|
+
};
|
|
58
|
+
readonly readingStrong: {
|
|
59
|
+
readonly family: "serif";
|
|
60
|
+
readonly weight: "bold";
|
|
61
|
+
};
|
|
62
|
+
readonly readingEmphasis: {
|
|
63
|
+
readonly family: "serif";
|
|
64
|
+
readonly weight: "regular";
|
|
65
|
+
readonly italic: true;
|
|
66
|
+
};
|
|
67
|
+
readonly readingStrongEmphasis: {
|
|
68
|
+
readonly family: "serif";
|
|
69
|
+
readonly weight: "bold";
|
|
70
|
+
readonly italic: true;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
/** The props every text renderer accepts, with one meaning. */
|
|
74
|
+
export type TextContract = {
|
|
75
|
+
variant?: TextVariant;
|
|
76
|
+
children?: ReactNode;
|
|
77
|
+
};
|
|
78
|
+
//#endregion
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
//#region src/components/text.shared.ts
|
|
2
|
+
/** Each role's size, colour and spacing, as Tailwind classes. */
|
|
3
|
+
const TEXT_VARIANT_CLASS_NAMES = {
|
|
4
|
+
body: "text-base",
|
|
5
|
+
/** A list row's name. */
|
|
6
|
+
rowTitle: "text-base",
|
|
7
|
+
caption: "text-sm text-muted-foreground",
|
|
8
|
+
/** A notice that something failed. */
|
|
9
|
+
error: "text-sm text-destructive-foreground",
|
|
10
|
+
label: "text-sm",
|
|
11
|
+
/** A button's label. */
|
|
12
|
+
button: "text-base",
|
|
13
|
+
/** The small capitals over a group of rows. */
|
|
14
|
+
section: "text-xs uppercase text-muted-foreground",
|
|
15
|
+
headline: "text-lg",
|
|
16
|
+
title: "text-2xl",
|
|
17
|
+
/** A sign-in page's heading: the auth panel's light 2rem title. */
|
|
18
|
+
display: "text-[32px] leading-[37px] tracking-tight",
|
|
19
|
+
/** A small bordered tag in capitals, as the beta is marked. */
|
|
20
|
+
badge: "text-[10px] uppercase tracking-[1px] text-muted-foreground",
|
|
21
|
+
/** An inline link in a caption, underlined as legal links are. */
|
|
22
|
+
link: "text-sm text-muted-foreground underline",
|
|
23
|
+
/**
|
|
24
|
+
* A court decision's text, in the reader's serif at its 1.65 leading
|
|
25
|
+
* (packages/decision-reader reader.css). Its emphases nest inside it and
|
|
26
|
+
* keep its size.
|
|
27
|
+
*/
|
|
28
|
+
reading: "text-base leading-[26px]",
|
|
29
|
+
readingStrong: "",
|
|
30
|
+
readingEmphasis: "",
|
|
31
|
+
readingStrongEmphasis: ""
|
|
32
|
+
};
|
|
33
|
+
const sans = (weight) => ({
|
|
34
|
+
family: "sans",
|
|
35
|
+
weight
|
|
36
|
+
});
|
|
37
|
+
/** The face each role is set in. */
|
|
38
|
+
const TEXT_VARIANT_FACES = {
|
|
39
|
+
body: sans("regular"),
|
|
40
|
+
rowTitle: sans("medium"),
|
|
41
|
+
caption: sans("regular"),
|
|
42
|
+
error: sans("regular"),
|
|
43
|
+
label: sans("medium"),
|
|
44
|
+
button: sans("medium"),
|
|
45
|
+
section: sans("medium"),
|
|
46
|
+
headline: sans("semibold"),
|
|
47
|
+
title: sans("semibold"),
|
|
48
|
+
display: sans("light"),
|
|
49
|
+
badge: sans("medium"),
|
|
50
|
+
link: sans("regular"),
|
|
51
|
+
reading: {
|
|
52
|
+
family: "serif",
|
|
53
|
+
weight: "regular"
|
|
54
|
+
},
|
|
55
|
+
readingStrong: {
|
|
56
|
+
family: "serif",
|
|
57
|
+
weight: "bold"
|
|
58
|
+
},
|
|
59
|
+
readingEmphasis: {
|
|
60
|
+
family: "serif",
|
|
61
|
+
weight: "regular",
|
|
62
|
+
italic: true
|
|
63
|
+
},
|
|
64
|
+
readingStrongEmphasis: {
|
|
65
|
+
family: "serif",
|
|
66
|
+
weight: "bold",
|
|
67
|
+
italic: true
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
//#endregion
|
|
71
|
+
export { TEXT_VARIANT_CLASS_NAMES, TEXT_VARIANT_FACES };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ComponentProps } from "react";
|
|
2
|
+
import { NativeField } from "./input.native.js";
|
|
3
|
+
//#region src/components/textarea.native.d.ts
|
|
4
|
+
/**
|
|
5
|
+
* The web's `Textarea` (./textarea.tsx) on a phone: text that wraps and grows,
|
|
6
|
+
* in the web's box, or none for a field inside a container that draws one
|
|
7
|
+
* (the composer).
|
|
8
|
+
*/
|
|
9
|
+
export declare const Textarea: ({ size, unstyled, ...props }: Omit<ComponentProps<typeof NativeField>, "box" | "multiline">) => import("react").JSX.Element;
|
|
10
|
+
//#endregion
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { NativeField } from "./input.native.js";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
//#region src/components/textarea.native.tsx
|
|
4
|
+
/** The web textarea's box at each control size: its border and inset. */
|
|
5
|
+
const BOX = {
|
|
6
|
+
sm: "min-h-16 rounded-lg border border-input bg-card px-2.5 py-1.5",
|
|
7
|
+
default: "min-h-20 rounded-lg border border-input bg-card px-3 py-2",
|
|
8
|
+
lg: "min-h-22 rounded-lg border border-input bg-card px-3 py-2.5"
|
|
9
|
+
};
|
|
10
|
+
/** Unboxed text sits on the container's own line height. */
|
|
11
|
+
const UNSTYLED_BOX = {
|
|
12
|
+
sm: "p-0 leading-5",
|
|
13
|
+
default: "p-0",
|
|
14
|
+
lg: "p-0"
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* The web's `Textarea` (./textarea.tsx) on a phone: text that wraps and grows,
|
|
18
|
+
* in the web's box, or none for a field inside a container that draws one
|
|
19
|
+
* (the composer).
|
|
20
|
+
*/
|
|
21
|
+
const Textarea = ({ size = "default", unstyled = false, ...props }) => /* @__PURE__ */ jsx(NativeField, {
|
|
22
|
+
...props,
|
|
23
|
+
box: unstyled ? UNSTYLED_BOX[size] : BOX[size],
|
|
24
|
+
multiline: true,
|
|
25
|
+
size
|
|
26
|
+
});
|
|
27
|
+
//#endregion
|
|
28
|
+
export { Textarea };
|
|
File without changes
|
|
@@ -1,7 +1,20 @@
|
|
|
1
1
|
import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
|
|
2
2
|
//#region src/components/tooltip.d.ts
|
|
3
3
|
declare const TooltipCreateHandle: typeof Tooltip$1.createHandle;
|
|
4
|
-
|
|
4
|
+
/**
|
|
5
|
+
* How long the pointer rests on a trigger before its tooltip opens. Base UI
|
|
6
|
+
* waits 600ms, which reads as lag on toolbars where the label is the only
|
|
7
|
+
* name a glyph has; 300ms still lets the pointer cross a row of triggers
|
|
8
|
+
* without flashing each one.
|
|
9
|
+
*/
|
|
10
|
+
declare const TOOLTIP_OPEN_DELAY_MS = 300;
|
|
11
|
+
/**
|
|
12
|
+
* Shares one open delay across every tooltip below it. Once a tooltip has
|
|
13
|
+
* shown, the next one opens at once if the pointer reaches its trigger within
|
|
14
|
+
* Base UI's 400ms warm window (`timeout`), so scanning a toolbar does not wait
|
|
15
|
+
* on each glyph. A trigger's own `delay` still wins.
|
|
16
|
+
*/
|
|
17
|
+
declare const TooltipProvider: ({ delay, ...props }: Tooltip$1.Provider.Props) => import("react").JSX.Element;
|
|
5
18
|
declare const Tooltip: <Payload>(props: Tooltip$1.Root.Props<Payload>) => React.JSX.Element;
|
|
6
19
|
declare const TooltipTrigger: (props: Tooltip$1.Trigger.Props) => import("react").JSX.Element;
|
|
7
20
|
declare const TooltipPopup: ({ className, align, sideOffset, side, children, ...props }: Tooltip$1.Popup.Props & {
|
|
@@ -10,4 +23,4 @@ declare const TooltipPopup: ({ className, align, sideOffset, side, children, ...
|
|
|
10
23
|
sideOffset?: Tooltip$1.Positioner.Props["sideOffset"];
|
|
11
24
|
}) => import("react").JSX.Element;
|
|
12
25
|
//#endregion
|
|
13
|
-
export { Tooltip, TooltipPopup as TooltipContent, TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger };
|
|
26
|
+
export { TOOLTIP_OPEN_DELAY_MS, Tooltip, TooltipPopup as TooltipContent, TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger };
|
|
@@ -6,7 +6,23 @@ import { jsx } from "react/jsx-runtime";
|
|
|
6
6
|
import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
|
|
7
7
|
//#region src/components/tooltip.tsx
|
|
8
8
|
const TooltipCreateHandle = Tooltip$1.createHandle;
|
|
9
|
-
|
|
9
|
+
/**
|
|
10
|
+
* How long the pointer rests on a trigger before its tooltip opens. Base UI
|
|
11
|
+
* waits 600ms, which reads as lag on toolbars where the label is the only
|
|
12
|
+
* name a glyph has; 300ms still lets the pointer cross a row of triggers
|
|
13
|
+
* without flashing each one.
|
|
14
|
+
*/
|
|
15
|
+
const TOOLTIP_OPEN_DELAY_MS = 300;
|
|
16
|
+
/**
|
|
17
|
+
* Shares one open delay across every tooltip below it. Once a tooltip has
|
|
18
|
+
* shown, the next one opens at once if the pointer reaches its trigger within
|
|
19
|
+
* Base UI's 400ms warm window (`timeout`), so scanning a toolbar does not wait
|
|
20
|
+
* on each glyph. A trigger's own `delay` still wins.
|
|
21
|
+
*/
|
|
22
|
+
const TooltipProvider = ({ delay = 300, ...props }) => /* @__PURE__ */ jsx(Tooltip$1.Provider, {
|
|
23
|
+
delay,
|
|
24
|
+
...props
|
|
25
|
+
});
|
|
10
26
|
const Tooltip = Tooltip$1.Root;
|
|
11
27
|
const TooltipTrigger = (props) => /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
|
|
12
28
|
"data-slot": "tooltip-trigger",
|
|
@@ -31,4 +47,4 @@ const TooltipPopup = ({ className, align = "center", sideOffset = 4, side = "top
|
|
|
31
47
|
})
|
|
32
48
|
}) });
|
|
33
49
|
//#endregion
|
|
34
|
-
export { Tooltip, TooltipPopup as TooltipContent, TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger };
|
|
50
|
+
export { TOOLTIP_OPEN_DELAY_MS, Tooltip, TooltipPopup as TooltipContent, TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as React$1 from "react";
|
|
2
|
+
import { TooltipContent as TooltipPopup } from "./tooltip.js";
|
|
3
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
4
|
+
//#region src/components/truncated-text.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* Text that ends in an ellipsis when it does not fit, and shows the whole of
|
|
7
|
+
* it only when it was actually cut: on hover or focus with a tooltip, and on
|
|
8
|
+
* a tap with a popover, because touch has no hover.
|
|
9
|
+
*
|
|
10
|
+
* Nothing is measured until someone points at or focuses the text, so a long
|
|
11
|
+
* list of these costs no layout reads while it renders or scrolls. The full
|
|
12
|
+
* text stays in the DOM, so a screen reader always reads all of it; the hint
|
|
13
|
+
* is for sighted readers only.
|
|
14
|
+
*
|
|
15
|
+
* The tap popover stays out of the way when the text sits inside a link,
|
|
16
|
+
* button or other control: the tap belongs to that control.
|
|
17
|
+
*/
|
|
18
|
+
declare const TruncatedText: ({ children, className, lines, render, side, tooltip, ...props }: TruncatedTextProps) => React$1.JSX.Element;
|
|
19
|
+
/** How many lines the text may take before it is cut. */
|
|
20
|
+
type TruncatedTextLines = 1 | 2 | 3;
|
|
21
|
+
type TruncatedTextProps = useRender.ComponentProps<"span"> & {
|
|
22
|
+
lines?: TruncatedTextLines;
|
|
23
|
+
side?: React$1.ComponentProps<typeof TooltipPopup>["side"];
|
|
24
|
+
/**
|
|
25
|
+
* What the tooltip shows; the text itself by default. Pass it when the
|
|
26
|
+
* children are not plain text (a highlighted search match, a link).
|
|
27
|
+
*/
|
|
28
|
+
tooltip?: React$1.ReactNode;
|
|
29
|
+
};
|
|
30
|
+
/** Whether the element's text is cut by its box, in either direction. */
|
|
31
|
+
declare function isTextOverflowing(element: Pick<HTMLElement, "clientHeight" | "clientWidth" | "scrollHeight" | "scrollWidth"> | null): boolean;
|
|
32
|
+
//#endregion
|
|
33
|
+
export { TruncatedText, type TruncatedTextLines, type TruncatedTextProps, isTextOverflowing };
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn } from "../lib/utils.js";
|
|
3
|
+
import { Tooltip, TooltipContent as TooltipPopup, TooltipTrigger } from "./tooltip.js";
|
|
4
|
+
import { containedEventHandler } from "../hooks/use-contained-handler.js";
|
|
5
|
+
import { Popover, PopoverContent as PopoverPopup } from "./popover.js";
|
|
6
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
import * as React$1 from "react";
|
|
8
|
+
import { mergeProps } from "@base-ui/react/merge-props";
|
|
9
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
10
|
+
//#region src/components/truncated-text.tsx
|
|
11
|
+
/**
|
|
12
|
+
* Text that ends in an ellipsis when it does not fit, and shows the whole of
|
|
13
|
+
* it only when it was actually cut: on hover or focus with a tooltip, and on
|
|
14
|
+
* a tap with a popover, because touch has no hover.
|
|
15
|
+
*
|
|
16
|
+
* Nothing is measured until someone points at or focuses the text, so a long
|
|
17
|
+
* list of these costs no layout reads while it renders or scrolls. The full
|
|
18
|
+
* text stays in the DOM, so a screen reader always reads all of it; the hint
|
|
19
|
+
* is for sighted readers only.
|
|
20
|
+
*
|
|
21
|
+
* The tap popover stays out of the way when the text sits inside a link,
|
|
22
|
+
* button or other control: the tap belongs to that control.
|
|
23
|
+
*/
|
|
24
|
+
const TruncatedText = ({ children, className, lines = 1, render, side = "top", tooltip, ...props }) => {
|
|
25
|
+
const ref = React$1.useRef(null);
|
|
26
|
+
const [surface, setSurface] = React$1.useState(null);
|
|
27
|
+
const content = tooltip ?? children;
|
|
28
|
+
const handleTooltipOpenChange = (open) => {
|
|
29
|
+
if (!open) {
|
|
30
|
+
setSurface((current) => current === "tooltip" ? null : current);
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
const element = ref.current;
|
|
34
|
+
if (element === null || LAST_POINTER_TYPE.get(element) === "touch") return;
|
|
35
|
+
if (isTextOverflowing(element)) setSurface("tooltip");
|
|
36
|
+
};
|
|
37
|
+
const handleClick = (event) => {
|
|
38
|
+
const element = event.currentTarget;
|
|
39
|
+
if (LAST_POINTER_TYPE.get(element) === "touch" && !isInsideControl(element) && isTextOverflowing(element)) setSurface("popover");
|
|
40
|
+
};
|
|
41
|
+
const defaultProps = {
|
|
42
|
+
children,
|
|
43
|
+
className: cn(TRUNCATED_TEXT_LINES_CLASS[lines], className),
|
|
44
|
+
"data-slot": "truncated-text"
|
|
45
|
+
};
|
|
46
|
+
const text = useRender({
|
|
47
|
+
defaultTagName: "span",
|
|
48
|
+
props: mergeProps(defaultProps, props),
|
|
49
|
+
ref,
|
|
50
|
+
render
|
|
51
|
+
});
|
|
52
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Tooltip, {
|
|
53
|
+
onOpenChange: handleTooltipOpenChange,
|
|
54
|
+
open: surface === "tooltip",
|
|
55
|
+
children: [/* @__PURE__ */ jsx(TooltipTrigger, {
|
|
56
|
+
onClick: containedEventHandler(handleClick),
|
|
57
|
+
onPointerDown: containedEventHandler(recordPointerType),
|
|
58
|
+
onBlur: forgetPointerType,
|
|
59
|
+
onPointerEnter: recordPointerType,
|
|
60
|
+
render: text
|
|
61
|
+
}), /* @__PURE__ */ jsx(TooltipPopup, {
|
|
62
|
+
side,
|
|
63
|
+
children: content
|
|
64
|
+
})]
|
|
65
|
+
}), surface === "popover" ? /* @__PURE__ */ jsx(Popover, {
|
|
66
|
+
onOpenChange: (open) => {
|
|
67
|
+
if (!open) setSurface(null);
|
|
68
|
+
},
|
|
69
|
+
open: true,
|
|
70
|
+
children: /* @__PURE__ */ jsx(PopoverPopup, {
|
|
71
|
+
anchor: ref,
|
|
72
|
+
side,
|
|
73
|
+
tooltipStyle: true,
|
|
74
|
+
children: content
|
|
75
|
+
})
|
|
76
|
+
}) : null] });
|
|
77
|
+
};
|
|
78
|
+
/**
|
|
79
|
+
* The kind of pointer that last reached each text, read when a hint is about
|
|
80
|
+
* to open: a tap answers with the popover, a mouse or pen with the tooltip.
|
|
81
|
+
* Weak, so a text that unmounts takes its entry with it.
|
|
82
|
+
*/
|
|
83
|
+
const LAST_POINTER_TYPE = /* @__PURE__ */ new WeakMap();
|
|
84
|
+
function recordPointerType(event) {
|
|
85
|
+
LAST_POINTER_TYPE.set(event.currentTarget, event.pointerType);
|
|
86
|
+
}
|
|
87
|
+
/**
|
|
88
|
+
* A tap's record ends when focus leaves the text, so focus that comes back
|
|
89
|
+
* from the keyboard later opens the tooltip instead of being taken for the
|
|
90
|
+
* same tap.
|
|
91
|
+
*/
|
|
92
|
+
function forgetPointerType(event) {
|
|
93
|
+
LAST_POINTER_TYPE.delete(event.currentTarget);
|
|
94
|
+
}
|
|
95
|
+
const TRUNCATED_TEXT_LINES_CLASS = {
|
|
96
|
+
1: "block min-w-0 truncate",
|
|
97
|
+
2: "line-clamp-2 min-w-0 wrap-anywhere",
|
|
98
|
+
3: "line-clamp-3 min-w-0 wrap-anywhere"
|
|
99
|
+
};
|
|
100
|
+
/** Whether the element's text is cut by its box, in either direction. */
|
|
101
|
+
function isTextOverflowing(element) {
|
|
102
|
+
if (element === null) return false;
|
|
103
|
+
return element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight;
|
|
104
|
+
}
|
|
105
|
+
const CONTROL_SELECTOR = "a[href], button, label, summary, [role=button], [role=link], [role=menuitem], [role=option], [role=tab]";
|
|
106
|
+
/** Whether a tap on the element already belongs to a control around it. */
|
|
107
|
+
function isInsideControl(element) {
|
|
108
|
+
return element.closest(CONTROL_SELECTOR) !== null;
|
|
109
|
+
}
|
|
110
|
+
//#endregion
|
|
111
|
+
export { TruncatedText, isTextOverflowing };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import "./calendar/index.js";
|
|
2
1
|
import "./data-table/index.js";
|
|
3
2
|
import "./inspector/index.js";
|
|
4
3
|
import "./kanban/index.js";
|
|
@@ -9,6 +8,7 @@ import { AnchoredToastProvider, TOAST_RIGHT_OFFSET_VAR, ToastPosition, ToastProv
|
|
|
9
8
|
import { Avatar, AvatarFallback, AvatarImage } from "./components/avatar.js";
|
|
10
9
|
import { BOARD_DRAG_OVERLAY_Z_INDEX, OVERLAY_COLLISION_PADDING, OVERLAY_LAYER_CLASS_NAMES, OverlayLayer, SHELL_CHROME_LAYER_CLASS_NAME } from "./lib/overlay-layer.js";
|
|
11
10
|
import { BUTTON_CONTENT, BUTTON_SIZE_CONTENT, Button, buttonAccessibleDisabledClass, buttonVariants } from "./components/button.js";
|
|
11
|
+
import { Badge, BadgeProps, BadgeSize, BadgeTone, badgeVariants } from "./components/badge.js";
|
|
12
12
|
import { BidiDirection, BidiText, BidiTextProps, UserText } from "./components/bidi-text.js";
|
|
13
13
|
import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/breadcrumb.js";
|
|
14
14
|
import { BuildKanbanBoardMatrixParams, CreateKanbanDropIntentParams, KANBAN_BOARD_AXES, KanbanBoardAxis, KanbanBoardCell, KanbanBoardColumn, KanbanBoardCoordinate, KanbanBoardDestination, KanbanBoardLane, KanbanBoardMatrix, KanbanDropAxisChange, KanbanDropIntent, OrderKanbanCellsByColumnsParams, ResolveKanbanGroupValueParams, buildKanbanBoardMatrix, createKanbanDropIntent, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, orderKanbanCellsByColumns } from "./kanban/matrix.js";
|
|
@@ -21,7 +21,7 @@ import { ColorPicker, ColorPickerContent, ColorPickerContentProps, ColorPickerPr
|
|
|
21
21
|
import { ColorVariants, OptionColor, emptyColor, optionColors, resolveOptionColor } from "./lib/option-color.js";
|
|
22
22
|
import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue } from "./components/combobox.js";
|
|
23
23
|
import { Command, CommandCollection, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut } from "./components/command.js";
|
|
24
|
-
import { DIALOG_MOBILE_LAYOUT, Dialog, DialogBackdrop, DialogClose, DialogContent as DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogHeader, DialogMobileLayout, DialogPanel, DialogPortal, DialogProvider, DialogTitle, DialogTrigger, DialogViewport } from "./components/dialog.js";
|
|
24
|
+
import { DIALOG_MOBILE_LAYOUT, DIALOG_SIZE_CLASS_NAMES, Dialog, DialogBackdrop, DialogClose, DialogContent as DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogHeader, DialogLabels, DialogMobileLayout, DialogPanel, DialogPortal, DialogProvider, DialogSize, DialogTitle, DialogTrigger, DialogViewport } from "./components/dialog.js";
|
|
25
25
|
import { DataTable, DataTableAriaSort, DataTableColumn, DataTableProps, DataTableRowAction } from "./data-table/table.js";
|
|
26
26
|
import { DatePickerPopover, DatePickerPopoverProps } from "./components/date-picker-popover.js";
|
|
27
27
|
import { DestructiveActionConfirmation, useDestructiveActionConfirmation } from "./components/destructive-action-confirmation.js";
|
|
@@ -87,13 +87,14 @@ import { Select, SelectContent as SelectPopup, SelectGroup, SelectGroupLabel, Se
|
|
|
87
87
|
import { Separator, TextSeparator } from "./components/separator.js";
|
|
88
88
|
import { Sheet, SheetBackdrop, SheetClose, SheetContent as SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, SheetSide, SheetTitle, SheetTrigger } from "./components/sheet.js";
|
|
89
89
|
import { Skeleton } from "./components/skeleton.js";
|
|
90
|
-
import { SortDirection, SortableHead, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/table.js";
|
|
90
|
+
import { SortDirection, SortableHead, Table, TableAlign, TableBody, TableCaption, TableCell, TableCellProps, TableFooter, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableInset, TableProps, TableRow, TableScroll, TableTone } from "./components/table.js";
|
|
91
91
|
import { StellaMark } from "./components/stella-mark.js";
|
|
92
92
|
import { StellaWordmarkLatin } from "./components/stella-wordmark.js";
|
|
93
|
+
import { TOOLTIP_OPEN_DELAY_MS, Tooltip, TooltipContent as TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger } from "./components/tooltip.js";
|
|
93
94
|
import { TableColumnCapabilities, TableColumnDescriptor, TableSchema, duplicateColumnIds, findTableColumn, hideableColumnIds, sortableColumnIds, tableColumnIds, tableColumnSizing, visibleColumnIds } from "./data-table/schema.js";
|
|
94
95
|
import { Tabs, TabsContent as TabsPanel, TabsList, TabsTab } from "./components/tabs.js";
|
|
95
96
|
import { Textarea, TextareaProps } from "./components/textarea.js";
|
|
96
|
-
import {
|
|
97
|
+
import { TruncatedText, TruncatedTextLines, TruncatedTextProps, isTextOverflowing } from "./components/truncated-text.js";
|
|
97
98
|
import { TypedCharacterEvent, typedCharacter } from "./lib/typed-character.js";
|
|
98
99
|
import { WorkspaceCompactNavigation, WorkspaceEndRail, WorkspaceEndRailChatAction, WorkspaceEndRailProps, WorkspaceNavigation, WorkspaceShell, WorkspaceShellProps, WorkspaceTopBarContext } from "./components/workspace-shell.js";
|
|
99
100
|
import { cn, composeRefs } from "./lib/utils.js";
|
|
@@ -104,4 +105,4 @@ import { getInitials } from "./lib/initials.js";
|
|
|
104
105
|
import { useIsMobile } from "./hooks/use-mobile.js";
|
|
105
106
|
import { useLatest } from "./hooks/use-latest.js";
|
|
106
107
|
import { useViewportWidth } from "./hooks/use-viewport-width.js";
|
|
107
|
-
export { APPLICATION_RAIL_BUTTON_SIZE, APPLICATION_RAIL_ICON_SIZE, APPLICATION_RAIL_WIDTH, Accordion, AccordionPanel as AccordionContent, AccordionPanel, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogBackdrop, AlertDialogBackdrop as AlertDialogOverlay, AlertDialogClose, AlertDialogPopup as AlertDialogContent, AlertDialogPopup, AlertDialogCreateHandle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, AnchoredToastProvider, ApplicationRail, ApplicationRailButton, ApplicationRailContent, ApplicationRailFooter, ApplicationRailHeader, ApplicationRailMenu, ApplicationRailSeparator, Avatar, AvatarFallback, AvatarImage, BOARD_DRAG_OVERLAY_Z_INDEX, BUTTON_CONTENT, BUTTON_SIZE_CONTENT, type BidiDirection, BidiText, type BidiTextProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BuildKanbanBoardMatrixParams, Button, CONTROL_SIZE, CONTROL_SIZES, COPIED_RESET_MS, CalendarCell, type CalendarDateRange, CalendarEntryButton, CalendarEntrySurface, CalendarGrid, CalendarHeaderCell, CalendarHeaderRow, Checkbox, ColorPicker, ColorPickerContent, type ColorPickerContentProps, type ColorPickerProps, type ColorPreset, ColorVariants, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandCollection, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut, type ControlSize, CopyButton, CopyFeedback, type CreateKanbanDropIntentParams, DEFAULT_PRESETS, DIALOG_MOBILE_LAYOUT, DataTable, type DataTableAriaSort, type DataTableColumn, type DataTableProps, type DataTableRowAction, DatePickerPopover, type DatePickerPopoverProps, DestructiveActionConfirmation, DestructiveConfirmDialog, type DestructiveConfirmDialogProps, type DestructiveConfirmOutcome, DetailsGrid, DetailsItem, Dialog, DialogBackdrop, DialogBackdrop as DialogOverlay, DialogClose, DialogPopup as DialogContent, DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogFormState, DialogHeader, type DialogMobileLayout, DialogPanel, DialogPortal, DialogProvider, DialogTitle, DialogTrigger, DialogViewport, DirectionalIcon, DiscordLogoIcon, Menu as DropdownMenu, Menu, MenuCheckboxItem as DropdownMenuCheckboxItem, MenuCheckboxItem, MenuPopup as DropdownMenuContent, MenuPopup, MenuCreateHandle as DropdownMenuCreateHandle, MenuCreateHandle, MenuGroup as DropdownMenuGroup, MenuGroup, MenuItem as DropdownMenuItem, MenuItem, MenuGroupLabel as DropdownMenuLabel, MenuGroupLabel, MenuPortal as DropdownMenuPortal, MenuPortal, MenuRadioGroup as DropdownMenuRadioGroup, MenuRadioGroup, MenuRadioItem as DropdownMenuRadioItem, MenuRadioItem, MenuSeparator as DropdownMenuSeparator, MenuSeparator, MenuShortcut as DropdownMenuShortcut, MenuShortcut, MenuSub as DropdownMenuSub, MenuSub, MenuSubPopup as DropdownMenuSubContent, MenuSubPopup, MenuSubTrigger as DropdownMenuSubTrigger, MenuSubTrigger, MenuTrigger as DropdownMenuTrigger, MenuTrigger, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileInput, type FileInputProps, Form, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GitHubLogoIcon, HexColorPicker, type HexColorPickerProps, PreviewCard as HoverCard, PreviewCard, PreviewCardPopup as HoverCardContent, PreviewCardPopup, PreviewCardTrigger as HoverCardTrigger, PreviewCardTrigger, INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, InlineRenameInput, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorDock, type InspectorDockMount, InspectorEmptyRow, InspectorEntityTab, type InspectorEntityTabInactiveIcon, InspectorFacetBar, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle, KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS, KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_BOARD_AXES, KANBAN_CARD_DRAG_MIME, KANBAN_CARD_STICKY_TOP_VAR, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX, KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KANBAN_STICKY_TOP_VAR, KANBAN_VIRTUAL_CELL_PAGINATION, type KanbanBandToggleActivation, type KanbanBoardAxis, type KanbanBoardCell, type KanbanBoardColumn, type KanbanBoardCoordinate, type KanbanBoardDestination, type KanbanBoardLane, type KanbanBoardMatrix, type KanbanBuiltInGroup, type KanbanCardDragPreview, type KanbanCardFieldSelection, type KanbanCardSelectionModifiers, KanbanCardShell, type KanbanCardShellProps, KanbanCellAction, type KanbanCellActionProps, KanbanCollapsedBandCaption, type KanbanCollapsedBandCaptionProps, type KanbanColumnBand, KanbanColumnBandHeader, type KanbanColumnBandHeaderProps, type KanbanColumnBandSpan, KanbanColumnHeader, type KanbanColumnHeaderProps, type KanbanDropAxisChange, type KanbanDropIntent, type KanbanGroup, type KanbanGroupOption, type KanbanGrouping, type KanbanSchema, type KanbanSubgroupBandHeaderContext, KanbanSubgroupBoard, type KanbanSubgroupBoardProps, type KanbanSubgroupCellContext, type KanbanSubgroupCollapsedBandCellContext, type KanbanSubgroupColumnHeaderContext, type KanbanSubgroupLaneColumnActionContext, type KanbanSubgroupLaneColumnSummaryContext, type KanbanSubgroupLaneIdentityContext, KanbanVirtualCell, type KanbanVirtualCellPagination, type KanbanVirtualCellProps, LEGAL_TEXT_CLASS_NAME, Label, List, ListEmpty, ListGroup, ListGroupAction, ListGroupCount, ListGroupDescription, ListGroupHeader, ListGroupHeading, ListGroupTitle, ListItem, ListItemActions, ListItemContent, ListItemDescription, ListItemMedia, ListItemStatus, ListItemTitle, MenuPreviewLayout, MenuSection, OUTLINE_CONTROL_MIN_SIZE, OUTLINE_EMPHASIS, OVERLAY_COLLISION_PADDING, OVERLAY_LAYER_CLASS_NAMES, OptionColor, type OrderKanbanCellsByColumnsParams, OutlineEmphasis, OutlineItem, OutlineRail, OutlineRailProps, OverlayLayer, PROPERTY_ROW_GRID, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelTrigger, Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverPanel, PopoverTitle, PopoverTrigger, PreviewCardPrimitive, PreviewPane, Prose, type RegisterKanbanBoardAutoScrollOptions, type RegisterKanbanCardDragOptions, type ResolveKanbanGroupValueParams, type ResolveKanbanGroupingParams, ResourceCalendar, type ResourceCalendarColumn, type ResourceCalendarEntry, type ResourceCalendarEntryTone, type ResourceCalendarLaneLayout, type ResourceCalendarLanePlacement, type ResourceCalendarPlacement, type ResourceCalendarResource, ReviewAuthorAvatar, ReviewCommentAuthor, ReviewCommentCard, ReviewDecisionActions, ReviewDecisionSize, ReviewDecisionState, ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffSegment, ReviewDiffSegmentType, ReviewDiffText, ReviewOutOfDateNotice, ReviewOutOfDateReason, ReviewOutOfDateTone, ReviewSeverityDot, ReviewSeverityLevel, ReviewStatusBadge, ReviewStatusDot, ReviewStatusSize, ReviewStatusTone, ReviewStatusVariant, SHELL_CHROME_LAYER_CLASS_NAME, SIDEBAR_WIDTH_ICON_PX, SIDEBAR_WIDTH_PX, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, ScrollArea, ScrollBar, ScrollToTop, ScrollToTopProps, SearchField, type SearchFieldProps, SecretInput, type SecretInputProps, SegmentedIconToggle, Select, SelectPopup as SelectContent, SelectPopup, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetBackdrop, SheetBackdrop as SheetOverlay, SheetClose, SheetPopup as SheetContent, SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, type SheetSide, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SortDirection, SortableHead, type StatusTone, StellaMark, StellaWordmarkLatin, TOAST_RIGHT_OFFSET_VAR, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX, TRACKED_DELETION_STYLE, TRACKED_INSERTION_STYLE, Table, TableBody, TableCaption, TableCell, type TableColumnCapabilities, type TableColumnDescriptor, TableFooter, TableHead, TableHeader, TableRow, type TableSchema, Tabs, TabsPanel as TabsContent, TabsPanel, TabsList, TabsTab, TabsTab as TabsTrigger, TextSeparator, Textarea, type TextareaProps, type ToastPosition, ToastProvider, Tooltip, TooltipPopup as TooltipContent, TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger, TypedCharacterEvent, UNKNOWN_AUTHOR_LABEL, UserText, type WorkspaceCompactNavigation, WorkspaceEndRail, type WorkspaceEndRailChatAction, type WorkspaceEndRailProps, type WorkspaceNavigation, WorkspaceShell, type WorkspaceShellProps, type WorkspaceTopBarContext, XLogoIcon, assertConsecutiveCalendarDates, buildKanbanBoardMatrix, buttonAccessibleDisabledClass, buttonVariants, cn, composeRefs, containedEventHandler, containedHandler, contentDir, createKanbanDropIntent, duplicateColumnIds, emptyColor, entityTabGlyph, findTableColumn, getFirstWeekday, getInitials, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, getKanbanGroupingPropertyId, getKanbanGroups, getLocaleWeekInfo, getResourceCalendarPlacement, getWeekendDays, hasKanbanColumnBands, hideableColumnIds, isKanbanGroupingRenderable, isStructuredInputType, layoutResourceCalendarEntries, nextCalendarDate, optionColors, orderKanbanCellsByColumns, outlineEntryText, registerKanbanBoardAutoScroll, registerKanbanCardDrag, resolveDragWidth, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, resolveKanbanColumnBands, resolveKanbanGroupOptions, resolveKanbanGrouping, resolveKeyboardWidth, resolveOptionColor, resolveToastUpdateTimeout, reviewDiffSegmentKeys, reviewSeverityTone, selectKanbanCardFieldIds, selectKanbanRows, shouldForceSidebarCollapsed, sidebarIdentityTriggerClassName, sortableColumnIds, stellaToast, tableColumnIds, tableColumnSizing, toastCountdownMs, toastDedupeId, typedCharacter, useContentDir, useCopiedFeedback, useCopyConfirmation, useDestructiveActionConfirmation, useInspectorPaneWidth, useIsMobile, useLatest, useSidebar, useSidebarInlineSize, useSidebarLayout, useViewportWidth, visibleColumnIds };
|
|
108
|
+
export { APPLICATION_RAIL_BUTTON_SIZE, APPLICATION_RAIL_ICON_SIZE, APPLICATION_RAIL_WIDTH, Accordion, AccordionPanel as AccordionContent, AccordionPanel, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogBackdrop, AlertDialogBackdrop as AlertDialogOverlay, AlertDialogClose, AlertDialogPopup as AlertDialogContent, AlertDialogPopup, AlertDialogCreateHandle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, AnchoredToastProvider, ApplicationRail, ApplicationRailButton, ApplicationRailContent, ApplicationRailFooter, ApplicationRailHeader, ApplicationRailMenu, ApplicationRailSeparator, Avatar, AvatarFallback, AvatarImage, BOARD_DRAG_OVERLAY_Z_INDEX, BUTTON_CONTENT, BUTTON_SIZE_CONTENT, Badge, type BadgeProps, type BadgeSize, type BadgeTone, type BidiDirection, BidiText, type BidiTextProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BuildKanbanBoardMatrixParams, Button, CONTROL_SIZE, CONTROL_SIZES, COPIED_RESET_MS, CalendarCell, CalendarDateRange, CalendarEntryButton, CalendarEntrySurface, CalendarGrid, CalendarHeaderCell, CalendarHeaderRow, Checkbox, ColorPicker, ColorPickerContent, type ColorPickerContentProps, type ColorPickerProps, type ColorPreset, ColorVariants, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandCollection, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut, type ControlSize, CopyButton, CopyFeedback, type CreateKanbanDropIntentParams, DEFAULT_PRESETS, DIALOG_MOBILE_LAYOUT, DIALOG_SIZE_CLASS_NAMES, DataTable, type DataTableAriaSort, type DataTableColumn, type DataTableProps, type DataTableRowAction, DatePickerPopover, type DatePickerPopoverProps, DestructiveActionConfirmation, DestructiveConfirmDialog, type DestructiveConfirmDialogProps, type DestructiveConfirmOutcome, DetailsGrid, DetailsItem, Dialog, DialogBackdrop, DialogBackdrop as DialogOverlay, DialogClose, DialogPopup as DialogContent, DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogFormState, DialogHeader, type DialogLabels, type DialogMobileLayout, DialogPanel, DialogPortal, DialogProvider, type DialogSize, DialogTitle, DialogTrigger, DialogViewport, DirectionalIcon, DiscordLogoIcon, Menu as DropdownMenu, Menu, MenuCheckboxItem as DropdownMenuCheckboxItem, MenuCheckboxItem, MenuPopup as DropdownMenuContent, MenuPopup, MenuCreateHandle as DropdownMenuCreateHandle, MenuCreateHandle, MenuGroup as DropdownMenuGroup, MenuGroup, MenuItem as DropdownMenuItem, MenuItem, MenuGroupLabel as DropdownMenuLabel, MenuGroupLabel, MenuPortal as DropdownMenuPortal, MenuPortal, MenuRadioGroup as DropdownMenuRadioGroup, MenuRadioGroup, MenuRadioItem as DropdownMenuRadioItem, MenuRadioItem, MenuSeparator as DropdownMenuSeparator, MenuSeparator, MenuShortcut as DropdownMenuShortcut, MenuShortcut, MenuSub as DropdownMenuSub, MenuSub, MenuSubPopup as DropdownMenuSubContent, MenuSubPopup, MenuSubTrigger as DropdownMenuSubTrigger, MenuSubTrigger, MenuTrigger as DropdownMenuTrigger, MenuTrigger, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileInput, type FileInputProps, Form, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GitHubLogoIcon, HexColorPicker, type HexColorPickerProps, PreviewCard as HoverCard, PreviewCard, PreviewCardPopup as HoverCardContent, PreviewCardPopup, PreviewCardTrigger as HoverCardTrigger, PreviewCardTrigger, INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, InlineRenameInput, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorDock, type InspectorDockMount, InspectorEmptyRow, InspectorEntityTab, type InspectorEntityTabInactiveIcon, InspectorFacetBar, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle, KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS, KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_BOARD_AXES, KANBAN_CARD_DRAG_MIME, KANBAN_CARD_STICKY_TOP_VAR, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX, KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KANBAN_STICKY_TOP_VAR, KANBAN_VIRTUAL_CELL_PAGINATION, type KanbanBandToggleActivation, type KanbanBoardAxis, type KanbanBoardCell, type KanbanBoardColumn, type KanbanBoardCoordinate, type KanbanBoardDestination, type KanbanBoardLane, type KanbanBoardMatrix, type KanbanBuiltInGroup, type KanbanCardDragPreview, type KanbanCardFieldSelection, type KanbanCardSelectionModifiers, KanbanCardShell, type KanbanCardShellProps, KanbanCellAction, type KanbanCellActionProps, KanbanCollapsedBandCaption, type KanbanCollapsedBandCaptionProps, type KanbanColumnBand, KanbanColumnBandHeader, type KanbanColumnBandHeaderProps, type KanbanColumnBandSpan, KanbanColumnHeader, type KanbanColumnHeaderProps, type KanbanDropAxisChange, type KanbanDropIntent, type KanbanGroup, type KanbanGroupOption, type KanbanGrouping, type KanbanSchema, type KanbanSubgroupBandHeaderContext, KanbanSubgroupBoard, type KanbanSubgroupBoardProps, type KanbanSubgroupCellContext, type KanbanSubgroupCollapsedBandCellContext, type KanbanSubgroupColumnHeaderContext, type KanbanSubgroupLaneColumnActionContext, type KanbanSubgroupLaneColumnSummaryContext, type KanbanSubgroupLaneIdentityContext, KanbanVirtualCell, type KanbanVirtualCellPagination, type KanbanVirtualCellProps, LEGAL_TEXT_CLASS_NAME, Label, List, ListEmpty, ListGroup, ListGroupAction, ListGroupCount, ListGroupDescription, ListGroupHeader, ListGroupHeading, ListGroupTitle, ListItem, ListItemActions, ListItemContent, ListItemDescription, ListItemMedia, ListItemStatus, ListItemTitle, MenuPreviewLayout, MenuSection, OUTLINE_CONTROL_MIN_SIZE, OUTLINE_EMPHASIS, OVERLAY_COLLISION_PADDING, OVERLAY_LAYER_CLASS_NAMES, OptionColor, type OrderKanbanCellsByColumnsParams, OutlineEmphasis, OutlineItem, OutlineRail, OutlineRailProps, OverlayLayer, PROPERTY_ROW_GRID, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelTrigger, Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverPanel, PopoverTitle, PopoverTrigger, PreviewCardPrimitive, PreviewPane, Prose, type RegisterKanbanBoardAutoScrollOptions, type RegisterKanbanCardDragOptions, type ResolveKanbanGroupValueParams, type ResolveKanbanGroupingParams, ResourceCalendar, ResourceCalendarColumn, ResourceCalendarEntry, ResourceCalendarEntryTone, ResourceCalendarLaneLayout, ResourceCalendarLanePlacement, ResourceCalendarPlacement, ResourceCalendarResource, ReviewAuthorAvatar, ReviewCommentAuthor, ReviewCommentCard, ReviewDecisionActions, ReviewDecisionSize, ReviewDecisionState, ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffSegment, ReviewDiffSegmentType, ReviewDiffText, ReviewOutOfDateNotice, ReviewOutOfDateReason, ReviewOutOfDateTone, ReviewSeverityDot, ReviewSeverityLevel, ReviewStatusBadge, ReviewStatusDot, ReviewStatusSize, ReviewStatusTone, ReviewStatusVariant, SHELL_CHROME_LAYER_CLASS_NAME, SIDEBAR_WIDTH_ICON_PX, SIDEBAR_WIDTH_PX, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, ScrollArea, ScrollBar, ScrollToTop, ScrollToTopProps, SearchField, type SearchFieldProps, SecretInput, type SecretInputProps, SegmentedIconToggle, Select, SelectPopup as SelectContent, SelectPopup, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetBackdrop, SheetBackdrop as SheetOverlay, SheetClose, SheetPopup as SheetContent, SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, type SheetSide, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SortDirection, SortableHead, type StatusTone, StellaMark, StellaWordmarkLatin, TOAST_RIGHT_OFFSET_VAR, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX, TOOLTIP_OPEN_DELAY_MS, TRACKED_DELETION_STYLE, TRACKED_INSERTION_STYLE, Table, type TableAlign, TableBody, TableCaption, TableCell, type TableCellProps, type TableColumnCapabilities, type TableColumnDescriptor, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableInset, type TableProps, TableRow, type TableSchema, type TableScroll, type TableTone, Tabs, TabsPanel as TabsContent, TabsPanel, TabsList, TabsTab, TabsTab as TabsTrigger, TextSeparator, Textarea, type TextareaProps, type ToastPosition, ToastProvider, Tooltip, TooltipPopup as TooltipContent, TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger, TruncatedText, type TruncatedTextLines, type TruncatedTextProps, TypedCharacterEvent, UNKNOWN_AUTHOR_LABEL, UserText, type WorkspaceCompactNavigation, WorkspaceEndRail, type WorkspaceEndRailChatAction, type WorkspaceEndRailProps, type WorkspaceNavigation, WorkspaceShell, type WorkspaceShellProps, type WorkspaceTopBarContext, XLogoIcon, assertConsecutiveCalendarDates, badgeVariants, buildKanbanBoardMatrix, buttonAccessibleDisabledClass, buttonVariants, cn, composeRefs, containedEventHandler, containedHandler, contentDir, createKanbanDropIntent, duplicateColumnIds, emptyColor, entityTabGlyph, findTableColumn, getFirstWeekday, getInitials, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, getKanbanGroupingPropertyId, getKanbanGroups, getLocaleWeekInfo, getResourceCalendarPlacement, getWeekendDays, hasKanbanColumnBands, hideableColumnIds, isKanbanGroupingRenderable, isStructuredInputType, isTextOverflowing, layoutResourceCalendarEntries, nextCalendarDate, optionColors, orderKanbanCellsByColumns, outlineEntryText, registerKanbanBoardAutoScroll, registerKanbanCardDrag, resolveDragWidth, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, resolveKanbanColumnBands, resolveKanbanGroupOptions, resolveKanbanGrouping, resolveKeyboardWidth, resolveOptionColor, resolveToastUpdateTimeout, reviewDiffSegmentKeys, reviewSeverityTone, selectKanbanCardFieldIds, selectKanbanRows, shouldForceSidebarCollapsed, sidebarIdentityTriggerClassName, sortableColumnIds, stellaToast, tableColumnIds, tableColumnSizing, toastCountdownMs, toastDedupeId, typedCharacter, useContentDir, useCopiedFeedback, useCopyConfirmation, useDestructiveActionConfirmation, useInspectorPaneWidth, useIsMobile, useLatest, useSidebar, useSidebarInlineSize, useSidebarLayout, useViewportWidth, visibleColumnIds };
|
package/dist/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import { Accordion, AccordionContent as AccordionPanel, AccordionItem, Accordion
|
|
|
3
3
|
import { PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX } from "./inspector/layout-tokens.js";
|
|
4
4
|
import { APPLICATION_RAIL_BUTTON_SIZE, APPLICATION_RAIL_ICON_SIZE, APPLICATION_RAIL_WIDTH, ApplicationRail, ApplicationRailButton, ApplicationRailContent, ApplicationRailFooter, ApplicationRailHeader, ApplicationRailMenu, ApplicationRailSeparator } from "./components/application-rail.js";
|
|
5
5
|
import { BOARD_DRAG_OVERLAY_Z_INDEX, OVERLAY_COLLISION_PADDING, OVERLAY_LAYER_CLASS_NAMES, SHELL_CHROME_LAYER_CLASS_NAME } from "./lib/overlay-layer.js";
|
|
6
|
-
import { Tooltip, TooltipContent as TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger } from "./components/tooltip.js";
|
|
6
|
+
import { TOOLTIP_OPEN_DELAY_MS, Tooltip, TooltipContent as TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger } from "./components/tooltip.js";
|
|
7
7
|
import { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogContent as AlertDialogPopup, AlertDialogCreateHandle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport } from "./components/alert-dialog.js";
|
|
8
8
|
import { useIsMobile } from "./hooks/use-mobile.js";
|
|
9
9
|
import { Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorEmptyRow, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle } from "./inspector/chrome.js";
|
|
@@ -13,6 +13,7 @@ import { ScrollArea, ScrollBar } from "./components/scroll-area.js";
|
|
|
13
13
|
import { Sheet, SheetBackdrop, SheetClose, SheetContent as SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, SheetTitle, SheetTrigger } from "./components/sheet.js";
|
|
14
14
|
import { WorkspaceEndRail, WorkspaceShell } from "./components/workspace-shell.js";
|
|
15
15
|
import { Avatar, AvatarFallback, AvatarImage } from "./components/avatar.js";
|
|
16
|
+
import { Badge, badgeVariants } from "./components/badge.js";
|
|
16
17
|
import { BidiText, UserText } from "./components/bidi-text.js";
|
|
17
18
|
import { DiscordLogoIcon, GitHubLogoIcon, XLogoIcon } from "./components/brand-icons.js";
|
|
18
19
|
import { DirectionalIcon } from "./components/directional-icon.js";
|
|
@@ -25,7 +26,7 @@ import { contentDir, isStructuredInputType, useContentDir } from "./hooks/use-co
|
|
|
25
26
|
import { Input } from "./components/input.js";
|
|
26
27
|
import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue } from "./components/combobox.js";
|
|
27
28
|
import { DialogFormState } from "./components/dialog-form-state.js";
|
|
28
|
-
import { DIALOG_MOBILE_LAYOUT, Dialog, DialogBackdrop, DialogClose, DialogContent as DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogPortal, DialogProvider, DialogTitle, DialogTrigger, DialogViewport } from "./components/dialog.js";
|
|
29
|
+
import { DIALOG_MOBILE_LAYOUT, DIALOG_SIZE_CLASS_NAMES, Dialog, DialogBackdrop, DialogClose, DialogContent as DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogPortal, DialogProvider, DialogTitle, DialogTrigger, DialogViewport } from "./components/dialog.js";
|
|
29
30
|
import { Command, CommandCollection, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut } from "./components/command.js";
|
|
30
31
|
import { COPIED_RESET_MS, CopyButton, CopyFeedback, useCopiedFeedback, useCopyConfirmation } from "./components/copy-button.js";
|
|
31
32
|
import { CalendarCell, CalendarEntryButton, CalendarEntrySurface, CalendarGrid, CalendarHeaderCell, CalendarHeaderRow } from "./calendar/primitives.js";
|
|
@@ -68,6 +69,7 @@ import { StellaWordmarkLatin } from "./components/stella-wordmark.js";
|
|
|
68
69
|
import { SortableHead, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/table.js";
|
|
69
70
|
import { Tabs, TabsContent as TabsPanel, TabsList, TabsTab } from "./components/tabs.js";
|
|
70
71
|
import { AnchoredToastProvider, TOAST_RIGHT_OFFSET_VAR, ToastProvider, resolveToastUpdateTimeout, stellaToast, toastCountdownMs, toastDedupeId } from "./components/toast.js";
|
|
72
|
+
import { TruncatedText, isTextOverflowing } from "./components/truncated-text.js";
|
|
71
73
|
import { duplicateColumnIds, findTableColumn, hideableColumnIds, sortableColumnIds, tableColumnIds, tableColumnSizing, visibleColumnIds } from "./data-table/schema.js";
|
|
72
74
|
import { DataTable } from "./data-table/table.js";
|
|
73
75
|
import { useViewportWidth } from "./hooks/use-viewport-width.js";
|
|
@@ -100,4 +102,4 @@ import { ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffText, TRACKED_DELETI
|
|
|
100
102
|
import { ReviewOutOfDateNotice } from "./review/review-out-of-date-notice.js";
|
|
101
103
|
import { ReviewSeverityDot, ReviewStatusDot, reviewSeverityTone } from "./review/review-severity-dot.js";
|
|
102
104
|
import { ReviewStatusBadge } from "./review/review-status-badge.js";
|
|
103
|
-
export { APPLICATION_RAIL_BUTTON_SIZE, APPLICATION_RAIL_ICON_SIZE, APPLICATION_RAIL_WIDTH, Accordion, AccordionPanel as AccordionContent, AccordionPanel, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogBackdrop, AlertDialogBackdrop as AlertDialogOverlay, AlertDialogClose, AlertDialogPopup as AlertDialogContent, AlertDialogPopup, AlertDialogCreateHandle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, AnchoredToastProvider, ApplicationRail, ApplicationRailButton, ApplicationRailContent, ApplicationRailFooter, ApplicationRailHeader, ApplicationRailMenu, ApplicationRailSeparator, Avatar, AvatarFallback, AvatarImage, BOARD_DRAG_OVERLAY_Z_INDEX, BUTTON_CONTENT, BUTTON_SIZE_CONTENT, BidiText, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CONTROL_SIZE, CONTROL_SIZES, COPIED_RESET_MS, CalendarCell, CalendarEntryButton, CalendarEntrySurface, CalendarGrid, CalendarHeaderCell, CalendarHeaderRow, Checkbox, ColorPicker, ColorPickerContent, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandCollection, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut, CopyButton, CopyFeedback, DEFAULT_PRESETS, DIALOG_MOBILE_LAYOUT, DataTable, DatePickerPopover, DestructiveActionConfirmation, DestructiveConfirmDialog, DetailsGrid, DetailsItem, Dialog, DialogBackdrop, DialogBackdrop as DialogOverlay, DialogClose, DialogPopup as DialogContent, DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogFormState, DialogHeader, DialogPanel, DialogPortal, DialogProvider, DialogTitle, DialogTrigger, DialogViewport, DirectionalIcon, DiscordLogoIcon, Menu as DropdownMenu, Menu, MenuCheckboxItem as DropdownMenuCheckboxItem, MenuCheckboxItem, MenuPopup as DropdownMenuContent, MenuPopup, MenuCreateHandle as DropdownMenuCreateHandle, MenuCreateHandle, MenuGroup as DropdownMenuGroup, MenuGroup, MenuItem as DropdownMenuItem, MenuItem, MenuGroupLabel as DropdownMenuLabel, MenuGroupLabel, MenuPortal as DropdownMenuPortal, MenuPortal, MenuRadioGroup as DropdownMenuRadioGroup, MenuRadioGroup, MenuRadioItem as DropdownMenuRadioItem, MenuRadioItem, MenuSeparator as DropdownMenuSeparator, MenuSeparator, MenuShortcut as DropdownMenuShortcut, MenuShortcut, MenuSub as DropdownMenuSub, MenuSub, MenuSubPopup as DropdownMenuSubContent, MenuSubPopup, MenuSubTrigger as DropdownMenuSubTrigger, MenuSubTrigger, MenuTrigger as DropdownMenuTrigger, MenuTrigger, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileInput, Form, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GitHubLogoIcon, HexColorPicker, PreviewCard as HoverCard, PreviewCard, PreviewCardPopup as HoverCardContent, PreviewCardPopup, PreviewCardTrigger as HoverCardTrigger, PreviewCardTrigger, INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, InlineRenameInput, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorDock, InspectorEmptyRow, InspectorEntityTab, InspectorFacetBar, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle, KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS, KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_BOARD_AXES, KANBAN_CARD_DRAG_MIME, KANBAN_CARD_STICKY_TOP_VAR, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX, KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KANBAN_STICKY_TOP_VAR, KANBAN_VIRTUAL_CELL_PAGINATION, KanbanCardShell, KanbanCellAction, KanbanCollapsedBandCaption, KanbanColumnBandHeader, KanbanColumnHeader, KanbanSubgroupBoard, KanbanVirtualCell, LEGAL_TEXT_CLASS_NAME, Label, List, ListEmpty, ListGroup, ListGroupAction, ListGroupCount, ListGroupDescription, ListGroupHeader, ListGroupHeading, ListGroupTitle, ListItem, ListItemActions, ListItemContent, ListItemDescription, ListItemMedia, ListItemStatus, ListItemTitle, MenuPreviewLayout, MenuSection, OUTLINE_CONTROL_MIN_SIZE, OUTLINE_EMPHASIS, OVERLAY_COLLISION_PADDING, OVERLAY_LAYER_CLASS_NAMES, OutlineRail, PROPERTY_ROW_GRID, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelTrigger, Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverPanel, PopoverTitle, PopoverTrigger, PreviewCardPrimitive, PreviewPane, Prose, ResourceCalendar, ReviewAuthorAvatar, ReviewCommentCard, ReviewDecisionActions, ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffText, ReviewOutOfDateNotice, ReviewSeverityDot, ReviewStatusBadge, ReviewStatusDot, SHELL_CHROME_LAYER_CLASS_NAME, SIDEBAR_WIDTH_ICON_PX, SIDEBAR_WIDTH_PX, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, ScrollArea, ScrollBar, ScrollToTop, SearchField, SecretInput, SegmentedIconToggle, Select, SelectPopup as SelectContent, SelectPopup, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetBackdrop, SheetBackdrop as SheetOverlay, SheetClose, SheetPopup as SheetContent, SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SortableHead, StellaMark, StellaWordmarkLatin, TOAST_RIGHT_OFFSET_VAR, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX, TRACKED_DELETION_STYLE, TRACKED_INSERTION_STYLE, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsPanel as TabsContent, TabsPanel, TabsList, TabsTab, TabsTab as TabsTrigger, TextSeparator, Textarea, ToastProvider, Tooltip, TooltipPopup as TooltipContent, TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger, UNKNOWN_AUTHOR_LABEL, UserText, WorkspaceEndRail, WorkspaceShell, XLogoIcon, assertConsecutiveCalendarDates, buildKanbanBoardMatrix, buttonAccessibleDisabledClass, buttonVariants, cn, composeRefs, containedEventHandler, containedHandler, contentDir, createKanbanDropIntent, duplicateColumnIds, emptyColor, entityTabGlyph, findTableColumn, getFirstWeekday, getInitials, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, getKanbanGroupingPropertyId, getKanbanGroups, getLocaleWeekInfo, getResourceCalendarPlacement, getWeekendDays, hasKanbanColumnBands, hideableColumnIds, isKanbanGroupingRenderable, isStructuredInputType, layoutResourceCalendarEntries, nextCalendarDate, optionColors, orderKanbanCellsByColumns, outlineEntryText, registerKanbanBoardAutoScroll, registerKanbanCardDrag, resolveDragWidth, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, resolveKanbanColumnBands, resolveKanbanGroupOptions, resolveKanbanGrouping, resolveKeyboardWidth, resolveOptionColor, resolveToastUpdateTimeout, reviewDiffSegmentKeys, reviewSeverityTone, selectKanbanCardFieldIds, selectKanbanRows, shouldForceSidebarCollapsed, sidebarIdentityTriggerClassName, sortableColumnIds, stellaToast, tableColumnIds, tableColumnSizing, toastCountdownMs, toastDedupeId, typedCharacter, useContentDir, useCopiedFeedback, useCopyConfirmation, useDestructiveActionConfirmation, useInspectorPaneWidth, useIsMobile, useLatest, useSidebar, useSidebarInlineSize, useSidebarLayout, useViewportWidth, visibleColumnIds };
|
|
105
|
+
export { APPLICATION_RAIL_BUTTON_SIZE, APPLICATION_RAIL_ICON_SIZE, APPLICATION_RAIL_WIDTH, Accordion, AccordionPanel as AccordionContent, AccordionPanel, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogBackdrop, AlertDialogBackdrop as AlertDialogOverlay, AlertDialogClose, AlertDialogPopup as AlertDialogContent, AlertDialogPopup, AlertDialogCreateHandle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, AnchoredToastProvider, ApplicationRail, ApplicationRailButton, ApplicationRailContent, ApplicationRailFooter, ApplicationRailHeader, ApplicationRailMenu, ApplicationRailSeparator, Avatar, AvatarFallback, AvatarImage, BOARD_DRAG_OVERLAY_Z_INDEX, BUTTON_CONTENT, BUTTON_SIZE_CONTENT, Badge, BidiText, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CONTROL_SIZE, CONTROL_SIZES, COPIED_RESET_MS, CalendarCell, CalendarEntryButton, CalendarEntrySurface, CalendarGrid, CalendarHeaderCell, CalendarHeaderRow, Checkbox, ColorPicker, ColorPickerContent, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandCollection, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut, CopyButton, CopyFeedback, DEFAULT_PRESETS, DIALOG_MOBILE_LAYOUT, DIALOG_SIZE_CLASS_NAMES, DataTable, DatePickerPopover, DestructiveActionConfirmation, DestructiveConfirmDialog, DetailsGrid, DetailsItem, Dialog, DialogBackdrop, DialogBackdrop as DialogOverlay, DialogClose, DialogPopup as DialogContent, DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogFormState, DialogHeader, DialogPanel, DialogPortal, DialogProvider, DialogTitle, DialogTrigger, DialogViewport, DirectionalIcon, DiscordLogoIcon, Menu as DropdownMenu, Menu, MenuCheckboxItem as DropdownMenuCheckboxItem, MenuCheckboxItem, MenuPopup as DropdownMenuContent, MenuPopup, MenuCreateHandle as DropdownMenuCreateHandle, MenuCreateHandle, MenuGroup as DropdownMenuGroup, MenuGroup, MenuItem as DropdownMenuItem, MenuItem, MenuGroupLabel as DropdownMenuLabel, MenuGroupLabel, MenuPortal as DropdownMenuPortal, MenuPortal, MenuRadioGroup as DropdownMenuRadioGroup, MenuRadioGroup, MenuRadioItem as DropdownMenuRadioItem, MenuRadioItem, MenuSeparator as DropdownMenuSeparator, MenuSeparator, MenuShortcut as DropdownMenuShortcut, MenuShortcut, MenuSub as DropdownMenuSub, MenuSub, MenuSubPopup as DropdownMenuSubContent, MenuSubPopup, MenuSubTrigger as DropdownMenuSubTrigger, MenuSubTrigger, MenuTrigger as DropdownMenuTrigger, MenuTrigger, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileInput, Form, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GitHubLogoIcon, HexColorPicker, PreviewCard as HoverCard, PreviewCard, PreviewCardPopup as HoverCardContent, PreviewCardPopup, PreviewCardTrigger as HoverCardTrigger, PreviewCardTrigger, INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, InlineRenameInput, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorDock, InspectorEmptyRow, InspectorEntityTab, InspectorFacetBar, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle, KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS, KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_BOARD_AXES, KANBAN_CARD_DRAG_MIME, KANBAN_CARD_STICKY_TOP_VAR, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX, KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KANBAN_STICKY_TOP_VAR, KANBAN_VIRTUAL_CELL_PAGINATION, KanbanCardShell, KanbanCellAction, KanbanCollapsedBandCaption, KanbanColumnBandHeader, KanbanColumnHeader, KanbanSubgroupBoard, KanbanVirtualCell, LEGAL_TEXT_CLASS_NAME, Label, List, ListEmpty, ListGroup, ListGroupAction, ListGroupCount, ListGroupDescription, ListGroupHeader, ListGroupHeading, ListGroupTitle, ListItem, ListItemActions, ListItemContent, ListItemDescription, ListItemMedia, ListItemStatus, ListItemTitle, MenuPreviewLayout, MenuSection, OUTLINE_CONTROL_MIN_SIZE, OUTLINE_EMPHASIS, OVERLAY_COLLISION_PADDING, OVERLAY_LAYER_CLASS_NAMES, OutlineRail, PROPERTY_ROW_GRID, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelTrigger, Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverPanel, PopoverTitle, PopoverTrigger, PreviewCardPrimitive, PreviewPane, Prose, ResourceCalendar, ReviewAuthorAvatar, ReviewCommentCard, ReviewDecisionActions, ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffText, ReviewOutOfDateNotice, ReviewSeverityDot, ReviewStatusBadge, ReviewStatusDot, SHELL_CHROME_LAYER_CLASS_NAME, SIDEBAR_WIDTH_ICON_PX, SIDEBAR_WIDTH_PX, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, ScrollArea, ScrollBar, ScrollToTop, SearchField, SecretInput, SegmentedIconToggle, Select, SelectPopup as SelectContent, SelectPopup, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetBackdrop, SheetBackdrop as SheetOverlay, SheetClose, SheetPopup as SheetContent, SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SortableHead, StellaMark, StellaWordmarkLatin, TOAST_RIGHT_OFFSET_VAR, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX, TOOLTIP_OPEN_DELAY_MS, TRACKED_DELETION_STYLE, TRACKED_INSERTION_STYLE, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsPanel as TabsContent, TabsPanel, TabsList, TabsTab, TabsTab as TabsTrigger, TextSeparator, Textarea, ToastProvider, Tooltip, TooltipPopup as TooltipContent, TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger, TruncatedText, UNKNOWN_AUTHOR_LABEL, UserText, WorkspaceEndRail, WorkspaceShell, XLogoIcon, assertConsecutiveCalendarDates, badgeVariants, buildKanbanBoardMatrix, buttonAccessibleDisabledClass, buttonVariants, cn, composeRefs, containedEventHandler, containedHandler, contentDir, createKanbanDropIntent, duplicateColumnIds, emptyColor, entityTabGlyph, findTableColumn, getFirstWeekday, getInitials, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, getKanbanGroupingPropertyId, getKanbanGroups, getLocaleWeekInfo, getResourceCalendarPlacement, getWeekendDays, hasKanbanColumnBands, hideableColumnIds, isKanbanGroupingRenderable, isStructuredInputType, isTextOverflowing, layoutResourceCalendarEntries, nextCalendarDate, optionColors, orderKanbanCellsByColumns, outlineEntryText, registerKanbanBoardAutoScroll, registerKanbanCardDrag, resolveDragWidth, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, resolveKanbanColumnBands, resolveKanbanGroupOptions, resolveKanbanGrouping, resolveKeyboardWidth, resolveOptionColor, resolveToastUpdateTimeout, reviewDiffSegmentKeys, reviewSeverityTone, selectKanbanCardFieldIds, selectKanbanRows, shouldForceSidebarCollapsed, sidebarIdentityTriggerClassName, sortableColumnIds, stellaToast, tableColumnIds, tableColumnSizing, toastCountdownMs, toastDedupeId, typedCharacter, useContentDir, useCopiedFeedback, useCopyConfirmation, useDestructiveActionConfirmation, useInspectorPaneWidth, useIsMobile, useLatest, useSidebar, useSidebarInlineSize, useSidebarLayout, useViewportWidth, visibleColumnIds };
|
package/dist/inspector/dock.js
CHANGED
|
@@ -37,7 +37,7 @@ const InspectorDock = ({ children, className, mount = "shell-end", onResetWidth,
|
|
|
37
37
|
className: "bg-border group-hover:bg-primary group-active:bg-primary absolute inset-y-0 start-1/2 w-px -translate-x-1/2"
|
|
38
38
|
}), /* @__PURE__ */ jsx("span", {
|
|
39
39
|
"aria-hidden": "true",
|
|
40
|
-
className: "bg-background/80 text-foreground-placeholder ring-border/60 group-hover:bg-accent group-hover:text-foreground group-focus-visible:bg-accent group-focus-visible:text-foreground relative flex h-5 w-3 items-center justify-center rounded-full opacity-0 shadow-xs ring-1 backdrop-blur-sm transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100 group-active:opacity-100",
|
|
40
|
+
className: "bg-background/80 text-foreground-placeholder ring-border/60 group-hover:bg-accent group-hover:text-foreground group-focus-visible:bg-accent group-focus-visible:text-foreground relative flex h-5 w-3 items-center justify-center rounded-full opacity-0 shadow-xs ring-1 backdrop-blur-sm transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100 group-active:opacity-100 pointer-coarse:opacity-100",
|
|
41
41
|
"data-slot": "inspector-resize-grip",
|
|
42
42
|
children: /* @__PURE__ */ jsx(EllipsisIcon, { className: "size-3 rotate-90" })
|
|
43
43
|
})]
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
//#region src/lib/scroll-edge-fade.d.ts
|
|
2
|
+
/**
|
|
3
|
+
* Fades a horizontal scroller's edges while content continues past them.
|
|
4
|
+
*
|
|
5
|
+
* A mask, not a painted gradient: it works over any background, including
|
|
6
|
+
* translucent windows. `--fade-size` sets the width (as in `ScrollArea`); the
|
|
7
|
+
* measured overflow at each physical edge narrows it, so an edge with nothing
|
|
8
|
+
* behind it stays sharp.
|
|
9
|
+
*/
|
|
10
|
+
export declare const SCROLL_EDGE_FADE_CLASS = "mask-l-from-[calc(100%-min(var(--fade-size,1.5rem),var(--scroll-fade-left,0px)))] mask-r-from-[calc(100%-min(var(--fade-size,1.5rem),var(--scroll-fade-right,0px)))]";
|
|
11
|
+
/**
|
|
12
|
+
* Measures `node` and writes the overflow its `SCROLL_EDGE_FADE_CLASS` reads.
|
|
13
|
+
* For a scroller that already measures itself on scroll and resize.
|
|
14
|
+
*/
|
|
15
|
+
export declare const writeScrollEdgeFade: (node: HTMLElement) => void;
|
|
16
|
+
/**
|
|
17
|
+
* Ref callback keeping `writeScrollEdgeFade` current for a scroller that does
|
|
18
|
+
* not measure itself. Content can move the end without a scroll or resize (an
|
|
19
|
+
* item added, removed or relabelled), so mutations re-measure too, once per
|
|
20
|
+
* frame.
|
|
21
|
+
*/
|
|
22
|
+
export declare const fadeScrollEdges: (node: HTMLElement | null) => (() => void) | undefined;
|
|
23
|
+
//#endregion
|