@bysages/react 0.5.0 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{ai-B3vbpXlK.mjs → ai-B0o-dsAf.mjs} +1 -1
- package/dist/{ai-prompt-input-k34KssHJ.mjs → ai-prompt-input-Cl9ulICF.mjs} +1 -1
- package/dist/components/ai/index.mjs +1 -1
- package/dist/components/ai-prompt-input/index.d.mts +1 -1
- package/dist/components/ai-prompt-input/index.mjs +1 -1
- package/dist/components/autocomplete/index.d.mts +4 -1
- package/dist/components/autocomplete/index.mjs +9 -6
- package/dist/components/cascade-select/index.d.mts +4 -1
- package/dist/components/cascade-select/index.mjs +36 -33
- package/dist/components/color-picker/index.d.mts +9 -1
- package/dist/components/color-picker/index.mjs +36 -29
- package/dist/components/combobox/index.d.mts +9 -1
- package/dist/components/combobox/index.mjs +14 -8
- package/dist/components/command/index.d.mts +4 -1
- package/dist/components/command/index.mjs +71 -68
- package/dist/components/date-picker/index.d.mts +9 -1
- package/dist/components/date-picker/index.mjs +27 -21
- package/dist/components/dialog/index.d.mts +20 -3
- package/dist/components/dialog/index.mjs +28 -12
- package/dist/components/drawer/index.d.mts +19 -3
- package/dist/components/drawer/index.mjs +18 -12
- package/dist/components/floating-panel/index.d.mts +19 -3
- package/dist/components/floating-panel/index.mjs +34 -28
- package/dist/components/hover-card/index.d.mts +17 -3
- package/dist/components/hover-card/index.mjs +14 -8
- package/dist/components/image-viewer/index.d.mts +1 -1
- package/dist/components/image-viewer/index.mjs +1 -1
- package/dist/components/media-player/index.mjs +1 -1
- package/dist/components/mentions/index.d.mts +1 -1
- package/dist/components/mentions/index.mjs +1 -1
- package/dist/components/menu/index.d.mts +10 -2
- package/dist/components/menu/index.mjs +12 -6
- package/dist/components/menubar/index.d.mts +4 -1
- package/dist/components/menubar/index.mjs +12 -9
- package/dist/components/navigation-menu/index.d.mts +9 -1
- package/dist/components/navigation-menu/index.mjs +7 -1
- package/dist/components/pagination/index.d.mts +2 -2
- package/dist/components/popconfirm/index.d.mts +5 -2
- package/dist/components/popconfirm/index.mjs +31 -28
- package/dist/components/popover/index.d.mts +1 -1
- package/dist/components/popover/index.mjs +20 -14
- package/dist/components/select/index.d.mts +1 -1
- package/dist/components/select/index.mjs +1 -1
- package/dist/components/split-button/index.d.mts +4 -1
- package/dist/components/split-button/index.mjs +12 -9
- package/dist/components/table/index.d.mts +21 -1
- package/dist/components/table/index.mjs +24 -9
- package/dist/components/tooltip/index.d.mts +17 -3
- package/dist/components/tooltip/index.mjs +8 -2
- package/dist/components/tour/index.d.mts +20 -3
- package/dist/components/tour/index.mjs +16 -10
- package/dist/components/tree-select/index.d.mts +5 -2
- package/dist/components/tree-select/index.mjs +38 -35
- package/dist/components/typography/index.d.mts +10 -6
- package/dist/components/typography/index.mjs +9 -1
- package/dist/floating-BhcDRgnx.d.mts +7 -0
- package/dist/floating-CMR7cvmA.mjs +33 -0
- package/dist/generative/index.mjs +1 -1
- package/dist/{image-viewer-BYiXpi1X.mjs → image-viewer-BPTApdoP.mjs} +32 -29
- package/dist/{index-DcpvCyt6.d.mts → index-CEYybyEQ.d.mts} +8 -3
- package/dist/{index-DczfbPCg.d.mts → index-DZ2S5rMj.d.mts} +10 -2
- package/dist/index-j02dTkfc.d.mts +37 -0
- package/dist/{index-D4C52fI7.d.mts → index-n9VlNO7D.d.mts} +4 -1
- package/dist/index.d.mts +8 -8
- package/dist/index.mjs +6 -6
- package/dist/{media-player-CO2Cczl-.mjs → media-player-DxG0EYz7.mjs} +1 -1
- package/dist/{mentions-De7ChJbl.mjs → mentions-B59tQDPt.mjs} +31 -25
- package/dist/{select-DQ5669_K.mjs → select-BLFqfeVw.mjs} +20 -14
- package/package.json +2 -2
- package/dist/index-BVdkcSSY.d.mts +0 -22
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { r as iconNode } from "../../icon-C9udWCyz.mjs";
|
|
2
2
|
import { t as useElementId } from "../../id-Ctic_3o8.mjs";
|
|
3
3
|
import { n as useComponentMessages } from "../../messages-B6n0lVyt.mjs";
|
|
4
|
+
import { t as FloatingPortal } from "../../floating-CMR7cvmA.mjs";
|
|
4
5
|
import { Popover as Popover$1 } from "../popover/index.mjs";
|
|
5
6
|
import { t as Input } from "../../input-YRjehBhU.mjs";
|
|
6
7
|
import { injectComponentStyle } from "@bysages/core/styling";
|
|
7
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
9
|
import { useMemo, useState } from "react";
|
|
9
10
|
import { Popover } from "@ark-ui/react/popover";
|
|
10
|
-
import { Portal } from "@ark-ui/react/portal";
|
|
11
11
|
import { useFilter } from "@ark-ui/react/locale";
|
|
12
12
|
import { TreeView, createTreeCollection } from "@ark-ui/react/tree-view";
|
|
13
13
|
// src/components/tree-select/index.tsx
|
|
@@ -27,7 +27,7 @@ function TreeSelectRow({ node, indexPath }) {
|
|
|
27
27
|
}, child.value))] })] }) : /* @__PURE__ */ jsx(TreeView.Item, { children: /* @__PURE__ */ jsx(TreeView.ItemText, { children: node.label }) })
|
|
28
28
|
});
|
|
29
29
|
}
|
|
30
|
-
function TreeSelectImpl({ value, data, placeholder = "Select…", filterable = false, disabled = false, size = "md", onValueChange, ...rest }) {
|
|
30
|
+
function TreeSelectImpl({ portal = false, value, data, placeholder = "Select…", filterable = false, disabled = false, size = "md", onValueChange, ...rest }) {
|
|
31
31
|
injectComponentStyle("tree-select");
|
|
32
32
|
injectComponentStyle("tree-view");
|
|
33
33
|
const hostId = useElementId("tree-select", rest);
|
|
@@ -106,41 +106,44 @@ function TreeSelectImpl({ value, data, placeholder = "Select…", filterable = f
|
|
|
106
106
|
disabled,
|
|
107
107
|
children: [label ?? placeholder, chevronDown]
|
|
108
108
|
})
|
|
109
|
-
}), /* @__PURE__ */ jsx(
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
"data-size": size,
|
|
113
|
-
children: [filterable ? /* @__PURE__ */ jsx("div", {
|
|
109
|
+
}), /* @__PURE__ */ jsx(FloatingPortal, {
|
|
110
|
+
portal,
|
|
111
|
+
children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsxs(Popover.Content, {
|
|
114
112
|
"data-scope": "tree-select",
|
|
115
|
-
"data-part": "
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
113
|
+
"data-part": "content",
|
|
114
|
+
"data-size": size,
|
|
115
|
+
children: [filterable ? /* @__PURE__ */ jsx("div", {
|
|
116
|
+
"data-scope": "tree-select",
|
|
117
|
+
"data-part": "search",
|
|
118
|
+
children: /* @__PURE__ */ jsx(Input, {
|
|
119
|
+
size: "sm",
|
|
120
|
+
value: query,
|
|
121
|
+
onValueChange: setQuery,
|
|
122
|
+
placeholder: messages.select.filter,
|
|
123
|
+
"aria-label": messages.select.filter
|
|
124
|
+
})
|
|
125
|
+
}) : null, /* @__PURE__ */ jsx("div", {
|
|
127
126
|
"data-scope": "tree-select",
|
|
128
|
-
"data-part": "
|
|
129
|
-
children: "
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
127
|
+
"data-part": "body",
|
|
128
|
+
children: (visibleCollection.rootNode.children ?? []).length === 0 ? /* @__PURE__ */ jsx("p", {
|
|
129
|
+
"data-scope": "tree-select",
|
|
130
|
+
"data-part": "empty",
|
|
131
|
+
children: "Nothing matches"
|
|
132
|
+
}) : /* @__PURE__ */ jsx(TreeView.Root, {
|
|
133
|
+
id: `${hostId}:tree`,
|
|
134
|
+
collection: visibleCollection,
|
|
135
|
+
selectionMode: "single",
|
|
136
|
+
selectedValue: value ? [value] : [],
|
|
137
|
+
...filtering ? { expandedValue: expandedWhileFiltering } : { defaultExpandedValue: firstLevel },
|
|
138
|
+
onSelectionChange: pick,
|
|
139
|
+
children: /* @__PURE__ */ jsx(TreeView.Tree, { children: visibleCollection.rootNode.children?.map((node, index) => /* @__PURE__ */ jsx(TreeSelectRow, {
|
|
140
|
+
node,
|
|
141
|
+
indexPath: [index]
|
|
142
|
+
}, node.value)) })
|
|
143
|
+
})
|
|
144
|
+
})]
|
|
145
|
+
}) })
|
|
146
|
+
})]
|
|
144
147
|
});
|
|
145
148
|
}
|
|
146
149
|
const TreeSelect = Object.assign(TreeSelectImpl, Popover$1);
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
import { HTMLAttributes } from "react";
|
|
1
|
+
import { ElementType, HTMLAttributes } from "react";
|
|
2
|
+
export type TypographyHeadingSize = "sm" | "md" | "lg" | "xl" | "display";
|
|
3
|
+
interface HeadingProps extends HTMLAttributes<HTMLElement> {
|
|
4
|
+
size?: TypographyHeadingSize;
|
|
5
|
+
as?: ElementType;
|
|
6
|
+
}
|
|
7
|
+
declare function Heading({ size, as, children, ...rest }: HeadingProps): import("react").JSX.Element;
|
|
2
8
|
export declare const Typography: {
|
|
3
9
|
({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
|
|
4
10
|
displayName: string;
|
|
@@ -11,10 +17,7 @@ export declare const Typography: {
|
|
|
11
17
|
({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
|
|
12
18
|
displayName: string;
|
|
13
19
|
};
|
|
14
|
-
Heading:
|
|
15
|
-
({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
|
|
16
|
-
displayName: string;
|
|
17
|
-
};
|
|
20
|
+
Heading: typeof Heading;
|
|
18
21
|
Lead: {
|
|
19
22
|
({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
|
|
20
23
|
displayName: string;
|
|
@@ -31,4 +34,5 @@ export declare const Typography: {
|
|
|
31
34
|
({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
|
|
32
35
|
displayName: string;
|
|
33
36
|
};
|
|
34
|
-
};
|
|
37
|
+
};
|
|
38
|
+
export {};
|
|
@@ -16,7 +16,15 @@ function part(name, tag) {
|
|
|
16
16
|
return Component;
|
|
17
17
|
}
|
|
18
18
|
const Display = part("Display", "p");
|
|
19
|
-
|
|
19
|
+
function Heading({ size, as = "p", children, ...rest }) {
|
|
20
|
+
return /* @__PURE__ */ jsx(as, {
|
|
21
|
+
...rest,
|
|
22
|
+
"data-scope": "typography",
|
|
23
|
+
"data-part": "heading",
|
|
24
|
+
"data-size": size,
|
|
25
|
+
children
|
|
26
|
+
});
|
|
27
|
+
}
|
|
20
28
|
const Lead = part("Lead", "p");
|
|
21
29
|
const Body = part("Body", "p");
|
|
22
30
|
const Muted = part("Muted", "p");
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Fragment, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
import { createPortal } from "react-dom";
|
|
4
|
+
// src/internal/floating.tsx
|
|
5
|
+
function targetFor(portal) {
|
|
6
|
+
if (portal === void 0 || portal === false) return null;
|
|
7
|
+
return portal === true ? document.body : document.querySelector(portal);
|
|
8
|
+
}
|
|
9
|
+
/** Mount floating markup inline through SSR and hydration, then move it
|
|
10
|
+
* only after the client owns the tree. A missing selector stays inline
|
|
11
|
+
* rather than discarding the vessel. */
|
|
12
|
+
function FloatingPortal({ portal, children }) {
|
|
13
|
+
const [target, setTarget] = useState(null);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
const next = targetFor(portal);
|
|
16
|
+
setTarget(next);
|
|
17
|
+
}, [portal]);
|
|
18
|
+
return target ? createPortal(children, target) : /* @__PURE__ */ jsx(Fragment, { children });
|
|
19
|
+
}
|
|
20
|
+
/** Wraps an Ark positioner without changing its anatomy contract. The
|
|
21
|
+
* wrapper adds only the portal decision; with no `portal` the wrapped
|
|
22
|
+
* part renders directly, so anatomy callers keep Ark's raw output. */
|
|
23
|
+
function definePositioner(Positioner) {
|
|
24
|
+
function FloatingPositioner({ portal, ...rest }) {
|
|
25
|
+
return /* @__PURE__ */ jsx(FloatingPortal, {
|
|
26
|
+
portal,
|
|
27
|
+
children: /* @__PURE__ */ jsx(Positioner, { ...rest })
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
FloatingPositioner.displayName = "SFloatingPositioner";
|
|
31
|
+
return FloatingPositioner;
|
|
32
|
+
}
|
|
33
|
+
export { definePositioner as n, FloatingPortal as t };
|
|
@@ -12,7 +12,7 @@ import { Checkbox } from "../components/checkbox/index.mjs";
|
|
|
12
12
|
import { FloatButton } from "../components/float-button/index.mjs";
|
|
13
13
|
import { Progress } from "../components/progress/index.mjs";
|
|
14
14
|
import { RadioGroup } from "../components/radio-group/index.mjs";
|
|
15
|
-
import { t as Select } from "../select-
|
|
15
|
+
import { t as Select } from "../select-BLFqfeVw.mjs";
|
|
16
16
|
import { Separator } from "../components/separator/index.mjs";
|
|
17
17
|
import { Slider } from "../components/slider/index.mjs";
|
|
18
18
|
import { Stack } from "../components/stack/index.mjs";
|
|
@@ -2,13 +2,13 @@ import { r as iconNode } from "./icon-C9udWCyz.mjs";
|
|
|
2
2
|
import { t as useElementId } from "./id-Ctic_3o8.mjs";
|
|
3
3
|
import { n as useComponentMessages } from "./messages-B6n0lVyt.mjs";
|
|
4
4
|
import { Button } from "./components/button/index.mjs";
|
|
5
|
+
import { t as FloatingPortal } from "./floating-CMR7cvmA.mjs";
|
|
5
6
|
import { ButtonGroup } from "./components/button-group/index.mjs";
|
|
6
7
|
import { Dialog as Dialog$1 } from "./components/dialog/index.mjs";
|
|
7
8
|
import { createImageViewerGestures } from "@bysages/core";
|
|
8
9
|
import { injectComponentStyle } from "@bysages/core/styling";
|
|
9
10
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
11
|
import { useEffect, useRef, useState } from "react";
|
|
11
|
-
import { Portal } from "@ark-ui/react/portal";
|
|
12
12
|
import { Dialog } from "@ark-ui/react/dialog";
|
|
13
13
|
// src/components/image-viewer/preview.tsx
|
|
14
14
|
/** The default doorway is the curated preview icon; custom content keeps
|
|
@@ -45,7 +45,7 @@ const TOOL_ICONS = {
|
|
|
45
45
|
rotate: "rotate-cw",
|
|
46
46
|
close: "x"
|
|
47
47
|
};
|
|
48
|
-
function ImageViewerImpl({ src, alt = "", open, zoomable = true, width, height, children, onOpenChange, id }) {
|
|
48
|
+
function ImageViewerImpl({ portal = true, src, alt = "", open, zoomable = true, width, height, children, onOpenChange, id }) {
|
|
49
49
|
injectComponentStyle("image-viewer");
|
|
50
50
|
const hostId = useElementId("image-viewer", { id });
|
|
51
51
|
const messages = useComponentMessages();
|
|
@@ -100,33 +100,36 @@ function ImageViewerImpl({ src, alt = "", open, zoomable = true, width, height,
|
|
|
100
100
|
"data-scope": "image-viewer",
|
|
101
101
|
"data-part": "trigger",
|
|
102
102
|
children: children ?? /* @__PURE__ */ jsx(ImageViewerPreview, {})
|
|
103
|
-
}), /* @__PURE__ */ jsxs(
|
|
104
|
-
|
|
105
|
-
children: /* @__PURE__ */
|
|
106
|
-
className: "bs-image-viewer-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
103
|
+
}), /* @__PURE__ */ jsxs(FloatingPortal, {
|
|
104
|
+
portal,
|
|
105
|
+
children: [/* @__PURE__ */ jsx(Dialog.Backdrop, { className: "bs-image-viewer-backdrop" }), /* @__PURE__ */ jsx(Dialog.Positioner, {
|
|
106
|
+
className: "bs-image-viewer-positioner",
|
|
107
|
+
children: /* @__PURE__ */ jsxs(Dialog.Content, {
|
|
108
|
+
className: "bs-image-viewer-content",
|
|
109
|
+
"aria-label": alt || "Image preview",
|
|
110
|
+
onClick: (event) => {
|
|
111
|
+
if (event.target === event.currentTarget) setOpen(false);
|
|
112
|
+
},
|
|
113
|
+
children: [/* @__PURE__ */ jsx("img", {
|
|
114
|
+
"data-scope": "image-viewer",
|
|
115
|
+
"data-part": "viewport",
|
|
116
|
+
src,
|
|
117
|
+
alt,
|
|
118
|
+
width,
|
|
119
|
+
height,
|
|
120
|
+
ref: viewportRef
|
|
121
|
+
}), /* @__PURE__ */ jsx("div", {
|
|
122
|
+
"data-scope": "image-viewer",
|
|
123
|
+
"data-part": "toolbar",
|
|
124
|
+
children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
|
|
125
|
+
zoomable ? [toolButton(messages.imageViewer.zoomIn, TOOL_ICONS.zoomIn, () => gesturesRef.current?.zoomBy(SCALE_STEP)), toolButton(messages.imageViewer.zoomOut, TOOL_ICONS.zoomOut, () => gesturesRef.current?.zoomBy(-.25))] : null,
|
|
126
|
+
toolButton(messages.imageViewer.rotate, TOOL_ICONS.rotate, () => gesturesRef.current?.rotate()),
|
|
127
|
+
closeToolButton(messages.imageViewer.close, TOOL_ICONS.close)
|
|
128
|
+
] })
|
|
129
|
+
})]
|
|
130
|
+
})
|
|
131
|
+
})]
|
|
132
|
+
})]
|
|
130
133
|
});
|
|
131
134
|
}
|
|
132
135
|
const ImageViewer = Object.assign(ImageViewerImpl, {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { n as FloatingPortalTarget } from "./floating-BhcDRgnx.mjs";
|
|
2
|
+
import { t as Popover } from "./index-j02dTkfc.mjs";
|
|
2
3
|
import { HTMLAttributes } from "react";
|
|
3
4
|
type MentionCommitKey = "Enter" | "Tab" | " ";
|
|
4
5
|
interface UseMentionsOptions {
|
|
@@ -80,6 +81,8 @@ interface MentionEntry {
|
|
|
80
81
|
type MentionTriggers = string | string[];
|
|
81
82
|
type MentionPlacement = "bottom-start" | "top-start";
|
|
82
83
|
interface MentionsVesselProps {
|
|
84
|
+
/** Portal after hydration; `false` keeps the vessel inline. */
|
|
85
|
+
portal?: FloatingPortalTarget;
|
|
83
86
|
id?: string;
|
|
84
87
|
/** The host field's rung, so the rows keep the field's register. */
|
|
85
88
|
size?: "sm" | "md" | "lg";
|
|
@@ -105,7 +108,7 @@ interface MentionsVesselProps {
|
|
|
105
108
|
* its own anatomy (the textarea rides where the host puts it) and the
|
|
106
109
|
* vessel still points at the right place. Shares the detection state
|
|
107
110
|
* with the host through `useMentions`. */
|
|
108
|
-
declare function MentionsVesselImpl({ size, open, matches, active, anchor, placement, onInsert, onActiveChange, onOpenChange, id }: MentionsVesselProps): import("react").JSX.Element;
|
|
111
|
+
declare function MentionsVesselImpl({ portal, size, open, matches, active, anchor, placement, onInsert, onActiveChange, onOpenChange, id }: MentionsVesselProps): import("react").JSX.Element;
|
|
109
112
|
declare const MentionsVessel: typeof MentionsVesselImpl & {
|
|
110
113
|
Root: typeof MentionsVesselImpl;
|
|
111
114
|
};
|
|
@@ -125,6 +128,8 @@ declare const MentionsVessel: typeof MentionsVesselImpl & {
|
|
|
125
128
|
* themselves.
|
|
126
129
|
*/
|
|
127
130
|
interface MentionsProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
|
|
131
|
+
/** Portal after hydration; `false` keeps the vessel inline. */
|
|
132
|
+
portal?: FloatingPortalTarget;
|
|
128
133
|
/** The candidates offered once a trigger character is typed. */
|
|
129
134
|
items?: MentionEntry[];
|
|
130
135
|
/** The text held by the field. Supply it to control the field;
|
|
@@ -153,6 +158,6 @@ interface MentionsProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect">
|
|
|
153
158
|
/** Reports the whole selected entry. */
|
|
154
159
|
onSelect?: (entry: MentionEntry) => void;
|
|
155
160
|
}
|
|
156
|
-
declare function MentionsImpl({ items, value, trigger, triggers, insertOnSelect, commitKeys, placement, placeholder, autoresize, invalid, size, onValueChange, onSelect, children, ...rest }: MentionsProps): import("react").JSX.Element;
|
|
161
|
+
declare function MentionsImpl({ portal, items, value, trigger, triggers, insertOnSelect, commitKeys, placement, placeholder, autoresize, invalid, size, onValueChange, onSelect, children, ...rest }: MentionsProps): import("react").JSX.Element;
|
|
157
162
|
declare const Mentions: typeof MentionsImpl & typeof Popover;
|
|
158
163
|
export { MentionsProps as a, MentionCommitKey as c, useMentions as d, Mentions as i, UseMentionsHandlers as l, MentionPlacement as n, MentionsVessel as o, MentionTriggers as r, MentionsVesselProps as s, MentionEntry as t, UseMentionsOptions as u };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { n as FloatingPortalTarget, t as FloatingPortalProps } from "./floating-BhcDRgnx.mjs";
|
|
1
2
|
import { HTMLAttributes } from "react";
|
|
2
3
|
import { CollectionItem } from "@ark-ui/react/collection";
|
|
3
4
|
import { Select, SelectRootComponentProps } from "@ark-ui/react/select";
|
|
@@ -33,10 +34,13 @@ type SelectOwnProps = {
|
|
|
33
34
|
};
|
|
34
35
|
declare function SelectRoot<T extends CollectionItem>(props: SelectRootComponentProps<T, SelectOwnProps>): import("react").JSX.Element;
|
|
35
36
|
type SelectFacadeValue = string | string[];
|
|
36
|
-
type SelectParts = Omit<typeof Select, "Root"> & {
|
|
37
|
+
type SelectParts = Omit<typeof Select, "Root" | "Positioner"> & {
|
|
38
|
+
Positioner: typeof SelectPositioner;
|
|
37
39
|
Root: typeof SelectRoot;
|
|
38
40
|
};
|
|
39
41
|
interface SelectFacadeProps {
|
|
42
|
+
/** Portal after hydration; `false` keeps the vessel inline. */
|
|
43
|
+
portal?: FloatingPortalTarget;
|
|
40
44
|
value?: SelectFacadeValue;
|
|
41
45
|
defaultValue?: SelectFacadeValue;
|
|
42
46
|
options: NativeSelectOption[];
|
|
@@ -59,7 +63,11 @@ interface SelectFacadeProps {
|
|
|
59
63
|
size?: "sm" | "md" | "lg";
|
|
60
64
|
onValueChange?: (value: string | string[]) => void;
|
|
61
65
|
}
|
|
62
|
-
declare
|
|
66
|
+
declare const SelectPositioner: {
|
|
67
|
+
({ portal, ...rest }: FloatingPortalProps & Select.PositionerProps & import("react").RefAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
68
|
+
displayName: string;
|
|
69
|
+
};
|
|
70
|
+
declare function SelectFacade({ portal, value, defaultValue, options, multiple, deselectable, clearable, disabled, invalid, required, readOnly, label, groupLabel, placeholder, name, form, autoComplete, size, onValueChange }: SelectFacadeProps): import("react").JSX.Element;
|
|
63
71
|
declare namespace SelectFacade {
|
|
64
72
|
var displayName: string;
|
|
65
73
|
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { n as FloatingPortalTarget, t as FloatingPortalProps } from "./floating-BhcDRgnx.mjs";
|
|
2
|
+
import { ComponentProps, ReactNode } from "react";
|
|
3
|
+
import { Popover } from "@ark-ui/react/popover";
|
|
4
|
+
/** Ark's Popover, dressed in the paper-and-ink system: a paper vessel that
|
|
5
|
+
* dissolves in on elevation, anchored to its trigger by a whisker arrow.
|
|
6
|
+
* The API is Ark's own — Root, Trigger, Anchor, Indicator, Positioner,
|
|
7
|
+
* Content, Title, Description, CloseTrigger, Arrow, ArrowTip. */
|
|
8
|
+
declare function PopoverRoot(props: ComponentProps<typeof Popover.Root>): import("react").JSX.Element;
|
|
9
|
+
type PopoverPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
10
|
+
interface PopoverFacadeProps {
|
|
11
|
+
/** Portal after hydration; `false` keeps the vessel inline. */
|
|
12
|
+
portal?: FloatingPortalTarget;
|
|
13
|
+
open?: boolean;
|
|
14
|
+
defaultOpen?: boolean;
|
|
15
|
+
trigger?: ReactNode;
|
|
16
|
+
content?: string;
|
|
17
|
+
label: string;
|
|
18
|
+
description?: string;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
placement?: PopoverPlacement;
|
|
21
|
+
children?: ReactNode;
|
|
22
|
+
onOpenChange?: (open: boolean) => void;
|
|
23
|
+
}
|
|
24
|
+
declare const PopoverPositioner: {
|
|
25
|
+
({ portal, ...rest }: FloatingPortalProps & Popover.PositionerProps & import("react").RefAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
26
|
+
displayName: string;
|
|
27
|
+
};
|
|
28
|
+
declare function PopoverFacade({ portal, open, defaultOpen, trigger, content, label, description, disabled, placement, children, onOpenChange }: PopoverFacadeProps): import("react").JSX.Element;
|
|
29
|
+
declare namespace PopoverFacade {
|
|
30
|
+
var displayName: string;
|
|
31
|
+
}
|
|
32
|
+
type PopoverParts = Omit<typeof Popover, "Root" | "Positioner"> & {
|
|
33
|
+
Positioner: typeof PopoverPositioner;
|
|
34
|
+
Root: typeof PopoverRoot;
|
|
35
|
+
};
|
|
36
|
+
declare const Popover$1: typeof PopoverFacade & PopoverParts;
|
|
37
|
+
export { PopoverFacadeProps as n, Popover$1 as t };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { n as FloatingPortalTarget } from "./floating-BhcDRgnx.mjs";
|
|
1
2
|
import { Dialog } from "./components/dialog/index.mjs";
|
|
2
3
|
import { ComponentProps, ReactNode } from "react";
|
|
3
4
|
interface ImageViewerPreviewProps extends Omit<ComponentProps<"span">, "children"> {
|
|
@@ -16,6 +17,8 @@ declare function ImageViewerPreview({ label, children, "data-part": dataPart, ..
|
|
|
16
17
|
* stay in the viewer. Anatomy remains available on `ImageViewer.Root`.
|
|
17
18
|
*/
|
|
18
19
|
interface ImageViewerProps {
|
|
20
|
+
/** Portal after hydration; `false` keeps the vessel inline. */
|
|
21
|
+
portal?: FloatingPortalTarget;
|
|
19
22
|
id?: string;
|
|
20
23
|
src: string;
|
|
21
24
|
alt?: string;
|
|
@@ -30,7 +33,7 @@ interface ImageViewerProps {
|
|
|
30
33
|
/** Reports the viewer's next state. */
|
|
31
34
|
onOpenChange?: (open: boolean) => void;
|
|
32
35
|
}
|
|
33
|
-
declare function ImageViewerImpl({ src, alt, open, zoomable, width, height, children, onOpenChange, id }: ImageViewerProps): import("react").JSX.Element;
|
|
36
|
+
declare function ImageViewerImpl({ portal, src, alt, open, zoomable, width, height, children, onOpenChange, id }: ImageViewerProps): import("react").JSX.Element;
|
|
34
37
|
declare const ImageViewer: typeof ImageViewerImpl & typeof Dialog & {
|
|
35
38
|
Preview: typeof ImageViewerPreview;
|
|
36
39
|
};
|
package/dist/index.d.mts
CHANGED
|
@@ -4,8 +4,8 @@ import { Action, ActionProps } from "./components/ai-action/index.mjs";
|
|
|
4
4
|
import { AiAttachment as Attachment, AiAttachments as Attachments, AttachmentProps } from "./components/ai-attachments/index.mjs";
|
|
5
5
|
import { a as ToolValue, i as ToolStatus, n as ToolApproval, r as ToolProps, t as Tool } from "./index-lCsvE2Vl.mjs";
|
|
6
6
|
import { C as toolPartDisplay, S as AiToolDisplay, _ as AiSdkSourceDocumentPart, a as AiMediaProps, b as AiSdkTextPart, c as AiPartsSlots, d as AiSdkFilePart, f as AiSdkMediaPart, g as AiSdkReasoningPart, h as AiSdkReasoningFilePart, i as AiMediaKind, l as AiSdkCustomPart, m as AiSdkMessagePart, n as MessageProps, o as AiParts, p as AiSdkMessage, r as AiMedia, s as AiPartsProps, t as Message, u as AiSdkDataPart, v as AiSdkSourceUrlPart, x as AiSdkToolPart, y as AiSdkStepStartPart } from "./index-CjO4Ggf0.mjs";
|
|
7
|
-
import { n as PopoverFacadeProps, t as Popover } from "./index-
|
|
8
|
-
import { a as MentionsProps, c as MentionCommitKey, d as useMentions, i as Mentions, l as UseMentionsHandlers, n as MentionPlacement, o as MentionsVessel, r as MentionTriggers, s as MentionsVesselProps, t as MentionEntry, u as UseMentionsOptions } from "./index-
|
|
7
|
+
import { n as PopoverFacadeProps, t as Popover } from "./index-j02dTkfc.mjs";
|
|
8
|
+
import { a as MentionsProps, c as MentionCommitKey, d as useMentions, i as Mentions, l as UseMentionsHandlers, n as MentionPlacement, o as MentionsVessel, r as MentionTriggers, s as MentionsVesselProps, t as MentionEntry, u as UseMentionsOptions } from "./index-CEYybyEQ.mjs";
|
|
9
9
|
import { AiPromptInput as PromptInput, PromptInputProps } from "./components/ai-prompt-input/index.mjs";
|
|
10
10
|
import { AiReasoning as Reasoning, ReasoningProps } from "./components/ai-reasoning/index.mjs";
|
|
11
11
|
import { AiResponse as Response, ResponseProps } from "./components/ai-response/index.mjs";
|
|
@@ -41,7 +41,7 @@ import { Clipboard } from "./components/clipboard/index.mjs";
|
|
|
41
41
|
import { Collapsible, CollapsibleFacadeProps } from "./components/collapsible/index.mjs";
|
|
42
42
|
import { CollectionItem, CollectionOptions, FilePathTreeNode, FlatTreeNode, GridCollection, GridCollectionOptions, ListCollection, TreeCollection, TreeCollectionOptions, TreeNode, UseAsyncListProps, UseAsyncListReturn, UseListCollectionProps, UseListCollectionReturn, UseListSelectionProps, UseListSelectionReturn, createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection } from "./components/collection/index.mjs";
|
|
43
43
|
import { ColorPicker } from "./components/color-picker/index.mjs";
|
|
44
|
-
import { Dialog, DialogFacadeProps, DialogOpenChangeDetails } from "./components/dialog/index.mjs";
|
|
44
|
+
import { Dialog, DialogFacadeProps, DialogOpenChangeDetails, DialogSize } from "./components/dialog/index.mjs";
|
|
45
45
|
import { Command, CommandEntry, CommandProps } from "./components/command/index.mjs";
|
|
46
46
|
import { Comment, CommentProps } from "./components/comment/index.mjs";
|
|
47
47
|
import { ConfigContext, ConfigDensity, ConfigProvider, ConfigProviderProps, ConfigScene, useConfig } from "./components/config-provider/index.mjs";
|
|
@@ -71,7 +71,7 @@ import { Highlight } from "./components/highlight/index.mjs";
|
|
|
71
71
|
import { HoverCard, HoverCardFacadeProps } from "./components/hover-card/index.mjs";
|
|
72
72
|
import { Icon, IconProps } from "./components/icon/index.mjs";
|
|
73
73
|
import { ImageCropper, ImageCropperFacadeProps } from "./components/image-cropper/index.mjs";
|
|
74
|
-
import { n as ImageViewerProps, t as ImageViewer } from "./index-
|
|
74
|
+
import { n as ImageViewerProps, t as ImageViewer } from "./index-n9VlNO7D.mjs";
|
|
75
75
|
import { Image, ImageProps } from "./components/image/index.mjs";
|
|
76
76
|
import { InputGroup, InputGroupPartProps } from "./components/input-group/index.mjs";
|
|
77
77
|
import { Input, InputProps } from "./components/input/index.mjs";
|
|
@@ -104,7 +104,7 @@ import { RatingGroup, RatingGroupFacadeProps } from "./components/rating-group/i
|
|
|
104
104
|
import { Result, ResultIcon, ResultRoot, ResultRootProps } from "./components/result/index.mjs";
|
|
105
105
|
import { ScrollArea } from "./components/scroll-area/index.mjs";
|
|
106
106
|
import { SegmentGroup, SegmentGroupFacadeProps, SegmentGroupItem } from "./components/segment-group/index.mjs";
|
|
107
|
-
import { a as NativeSelectProps, i as NativeSelectOption, n as SelectFacadeProps, r as NativeSelect, t as Select } from "./index-
|
|
107
|
+
import { a as NativeSelectProps, i as NativeSelectOption, n as SelectFacadeProps, r as NativeSelect, t as Select } from "./index-DZ2S5rMj.mjs";
|
|
108
108
|
import { Separator, SeparatorProps } from "./components/separator/index.mjs";
|
|
109
109
|
import { SignaturePad } from "./components/signature-pad/index.mjs";
|
|
110
110
|
import { Skeleton, SkeletonProps } from "./components/skeleton/index.mjs";
|
|
@@ -118,7 +118,7 @@ import { Stat, StatDeltaProps } from "./components/stat/index.mjs";
|
|
|
118
118
|
import { Steps, StepsFacadeProps, StepsItem } from "./components/steps/index.mjs";
|
|
119
119
|
import { Swap } from "./components/swap/index.mjs";
|
|
120
120
|
import { Switch, SwitchFacadeProps } from "./components/switch/index.mjs";
|
|
121
|
-
import { ColumnDef, DataTable, DataTableProps, FlexRender, SortingState, createColumnHelper } from "./components/table/index.mjs";
|
|
121
|
+
import { ColumnDef, DataTable, DataTableProps, DataTableToolbarSlot, FlexRender, SortingState, createColumnHelper } from "./components/table/index.mjs";
|
|
122
122
|
import { Tabs, TabsFacadeProps, TabsItem } from "./components/tabs/index.mjs";
|
|
123
123
|
import { Tag, TagProps } from "./components/tag/index.mjs";
|
|
124
124
|
import { TagsInput } from "./components/tags-input/index.mjs";
|
|
@@ -136,9 +136,9 @@ import { Tour, TourFacadeProps, TourInteractOutsideEvent, TourPointerDownOutside
|
|
|
136
136
|
import { Transfer, TransferItem, TransferProps } from "./components/transfer/index.mjs";
|
|
137
137
|
import { TreeSelect, TreeSelectNode, TreeSelectProps } from "./components/tree-select/index.mjs";
|
|
138
138
|
import { TreeView, TreeViewOption } from "./components/tree-view/index.mjs";
|
|
139
|
-
import { Typography } from "./components/typography/index.mjs";
|
|
139
|
+
import { Typography, TypographyHeadingSize } from "./components/typography/index.mjs";
|
|
140
140
|
import { User, UserProps } from "./components/user/index.mjs";
|
|
141
141
|
import { VirtualList, VirtualListProps } from "./components/virtual-list/index.mjs";
|
|
142
142
|
import { Watermark, WatermarkProps } from "./components/watermark/index.mjs";
|
|
143
143
|
export * from "@bysages/core";
|
|
144
|
-
export { Accordion, AccordionFacadeProps, AccordionItem, Action, Action as AiAction, ActionProps, Affix, AffixProps, Ai, AiActions, Attachment as AiAttachment, Attachment, Attachments as AiAttachments, Attachments, AiContent, AiConversation, AiJumpToLatest, AiMedia, type AiMediaKind, type AiMediaProps, Message as AiMessage, Message, AiParts, type AiPartsProps, type AiPartsSlots, PromptInput as AiPromptInput, PromptInput, Reasoning as AiReasoning, Reasoning, Response as AiResponse, Response, type AiSdkCustomPart, type AiSdkDataPart, type AiSdkFilePart, type AiSdkMediaPart, type AiSdkMessage, type AiSdkMessagePart, type AiSdkReasoningFilePart, type AiSdkReasoningPart, type AiSdkSourceDocumentPart, type AiSdkSourceUrlPart, type AiSdkStepStartPart, type AiSdkTextPart, type AiSdkToolPart, Source as AiSource, Source, Sources as AiSources, Sources, Suggestion as AiSuggestion, Suggestion, Tool as AiTool, Tool, type AiToolDisplay, Alert, AlertProps, AlertStatus, AngleSlider, AngleSliderFacadeProps, AspectRatio, AspectRatioProps, AttachmentProps, Audio, AutoComplete, AutoCompleteProps, Avatar, AvatarFacadeProps, AvatarGroup, AvatarGroupProps, AvatarProps, AvatarSize, BackTop, BackTopProps, Badge, BadgeProps, Banner, BannerFacadeProps, BannerRootProps, BannerStatus, Bento, BentoCell, BentoCellProps, BentoProps, BentoRoot, BlockUI, BlockUIProps, Breadcrumb, BreadcrumbFacadeProps, BreadcrumbItem, Browser, BrowserBody, BrowserDots, BrowserPartProps, BrowserRoot, BrowserTitleBar, BrowserUrlBar, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Calendar, CalendarProps, Card, Carousel, CascadeSelect, CascadeSelectNode, CascadeSelectProps, type ChatOnDataCallback, type ChatOnErrorCallback, type ChatOnFinishCallback, type ChatState, type ChatStatus, Checkbox, CheckboxFacadeProps, CheckboxGroup, CheckboxGroupProps, CheckboxOption, Chip, ChipProps, ClientOnly, type ClientOnlyProps, Clipboard, Collapsible, CollapsibleFacadeProps, type CollectionItem, type CollectionOptions, ColorPicker, type ColumnDef, Combobox, Command, CommandEntry, CommandProps, Comment, CommentProps, ConfigContext, ConfigDensity, ConfigProvider, ConfigProviderProps, ConfigScene, Container, ContainerProps, type CreateToasterReturn, type CreateUIMessage, type CustomContentUIPart, DataTable, DataTableProps, type DataUIPart, DataView, DataViewProps, DateInput, type DateInputFocusChangeDetails, type DateInputValueChangeDetails, DatePicker, type DatePickerFocusChangeDetails, type DatePickerOpenChangeDetails, type DatePickerValueChangeDetails, type DatePickerViewChangeDetails, type DatePickerVisibleRangeChangeDetails, DeferredContent, DeferredContentProps, Descriptions, DescriptionsItemData, DescriptionsRoot, DescriptionsRootProps, Dialog, DialogFacadeProps, type DialogOpenChangeDetails, Dock, DockItem, DockItemProps, DockProps, DockRoot, DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, Drawer, DrawerFacadeProps, DynamicInput, DynamicInputProps, type DynamicToolUIPart, Editable, Ellipsis, EllipsisProps, Empty, FLOAT_BUTTON_CONTEXT, Field, type FieldApi, Fieldset, type FilePathTreeNode, type FileUIPart, FileUpload, type FlatTreeNode, FlexRender, FloatButton, FloatButtonAction, FloatButtonContextValue, FloatButtonFacadeProps, FloatButtonPlacement, FloatButtonRootProps, FloatButtonSize, FloatingPanel, FloatingPanelFacadeProps, FocusTrap, type FocusTrapBaseProps, type FocusTrapProps, Form, type FormApi, FormField, FormFieldProps, FormProps, Format, Frame, Grid, type GridCollection, type GridCollectionOptions, GridProps, Highlight, HoverCard, HoverCardFacadeProps, Icon, IconProps, Image, ImageCropper, ImageCropperFacadeProps, ImageProps, ImageViewer, ImageViewerProps, type InferUITools, Input, InputGroup, InputGroupPartProps, InputProps, JsonTreeView, Kbd, KbdProps, Layout, LayoutContextValue, LayoutResizeHandlers, LayoutRootProps, LayoutSiderProps, LayoutSiderState, Link, LinkProps, List, type ListCollection, ListContentProps, ListRootProps, Listbox, Marquee, Masonry, MasonryProps, type MediaPlayerProps, type MediaSourceOption, type MediaTextTrackOption, type MentionCommitKey, MentionEntry, MentionPlacement, MentionTriggers, Mentions, MentionsProps, MentionsVessel, MentionsVesselProps, Menu, MenuFacadeProps, MenuItemOption, Menubar, MenubarEntry, MenubarGroup, MenubarProps, MessageProps, Meter, MeterRootProps, NativeSelect, type NativeSelectOption, type NativeSelectProps, NavigationMenu, NavigationMenuFacadeProps, NavigationMenuLinkOption, NumberInput, OrderList, OrderListProps, OrderOption, PageHeader, Pagination, PasswordInput, PinInput, Popconfirm, PopconfirmProps, Popover, PopoverFacadeProps, Presence, type PresenceBaseProps, type PresenceProps, PresenceProvider, Progress, ProgressGroup, ProgressGroupProps, ProgressSegment, PromptInputProps, type ProviderMetadata, type ProviderReference, QrCode, RadioGroup, RadioGroupFacadeProps, RadioGroupItem, RatingGroup, RatingGroupFacadeProps, type ReasoningFileUIPart, ReasoningProps, type ReasoningUIPart, ResponseProps, Result, ResultIcon, ResultRoot, ResultRootProps, ScrollArea, SegmentGroup, SegmentGroupFacadeProps, SegmentGroupItem, Select, SelectFacadeProps, Separator, SeparatorProps, SignaturePad, Skeleton, SkeletonProps, Slider, SliderFacadeProps, type SortingState, type SourceDocumentUIPart, SourceProps, type SourceUrlUIPart, SourcesProps, Spinner, SpinnerProps, SplitButton, SplitButtonEntry, SplitButtonProps, Splitter, SplitterFacadeProps, SplitterItem, Spotlight, SpotlightProps, Stack, StackProps, Stat, StatDeltaProps, type StepStartUIPart, Steps, StepsFacadeProps, StepsItem, SuggestionProps, Swap, Switch, SwitchFacadeProps, Tabs, TabsFacadeProps, TabsItem, Tag, TagProps, TagsInput, Terminal, TerminalProps, type TextUIPart, Textarea, TextareaProps, Timeline, Timer, Toast, Toaster, Toc, TocFacadeProps, Toggle, ToggleFacadeProps, ToggleGroup, ToggleGroupFacadeProps, ToggleGroupItem, ToolApproval, ToolProps, type ToolSet, ToolStatus, type ToolUIPart, ToolValue, Toolbar, ToolbarProps, Tooltip, TooltipFacadeProps, Tour, TourFacadeProps, type TourInteractOutsideEvent, type TourPointerDownOutsideEvent, type TourStepDetails, Transfer, TransferItem, TransferProps, type TreeCollection, type TreeCollectionOptions, type TreeNode, TreeSelect, TreeSelectNode, TreeSelectProps, TreeView, TreeViewOption, Typography, type UIDataTypes, type UIMessage, type UIMessageChunk, type UIMessagePart, type UITool, type UIToolInvocation, type UITools, type UseAsyncListProps, type UseAsyncListReturn, type UseDownloadProps, type UseDownloadReturn, type UseListCollectionProps, type UseListCollectionReturn, type UseListSelectionProps, type UseListSelectionReturn, type UseMentionsHandlers, type UseMentionsOptions, type UsePresenceContext, type UsePresenceProps, type UsePresenceReturn, User, UserProps, Video, VirtualList, VirtualListProps, Watermark, WatermarkProps, createColumnHelper, createFileTreeCollection, createGridCollection, createToaster, createTreeCollection, formatMediaTime, toolPartDisplay, useAsyncList, useConfig, useDownload, useField, useForm, useListCollection, useListSelection, useMentions, usePresence, usePresenceContext, useTour };
|
|
144
|
+
export { Accordion, AccordionFacadeProps, AccordionItem, Action, Action as AiAction, ActionProps, Affix, AffixProps, Ai, AiActions, Attachment as AiAttachment, Attachment, Attachments as AiAttachments, Attachments, AiContent, AiConversation, AiJumpToLatest, AiMedia, type AiMediaKind, type AiMediaProps, Message as AiMessage, Message, AiParts, type AiPartsProps, type AiPartsSlots, PromptInput as AiPromptInput, PromptInput, Reasoning as AiReasoning, Reasoning, Response as AiResponse, Response, type AiSdkCustomPart, type AiSdkDataPart, type AiSdkFilePart, type AiSdkMediaPart, type AiSdkMessage, type AiSdkMessagePart, type AiSdkReasoningFilePart, type AiSdkReasoningPart, type AiSdkSourceDocumentPart, type AiSdkSourceUrlPart, type AiSdkStepStartPart, type AiSdkTextPart, type AiSdkToolPart, Source as AiSource, Source, Sources as AiSources, Sources, Suggestion as AiSuggestion, Suggestion, Tool as AiTool, Tool, type AiToolDisplay, Alert, AlertProps, AlertStatus, AngleSlider, AngleSliderFacadeProps, AspectRatio, AspectRatioProps, AttachmentProps, Audio, AutoComplete, AutoCompleteProps, Avatar, AvatarFacadeProps, AvatarGroup, AvatarGroupProps, AvatarProps, AvatarSize, BackTop, BackTopProps, Badge, BadgeProps, Banner, BannerFacadeProps, BannerRootProps, BannerStatus, Bento, BentoCell, BentoCellProps, BentoProps, BentoRoot, BlockUI, BlockUIProps, Breadcrumb, BreadcrumbFacadeProps, BreadcrumbItem, Browser, BrowserBody, BrowserDots, BrowserPartProps, BrowserRoot, BrowserTitleBar, BrowserUrlBar, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Calendar, CalendarProps, Card, Carousel, CascadeSelect, CascadeSelectNode, CascadeSelectProps, type ChatOnDataCallback, type ChatOnErrorCallback, type ChatOnFinishCallback, type ChatState, type ChatStatus, Checkbox, CheckboxFacadeProps, CheckboxGroup, CheckboxGroupProps, CheckboxOption, Chip, ChipProps, ClientOnly, type ClientOnlyProps, Clipboard, Collapsible, CollapsibleFacadeProps, type CollectionItem, type CollectionOptions, ColorPicker, type ColumnDef, Combobox, Command, CommandEntry, CommandProps, Comment, CommentProps, ConfigContext, ConfigDensity, ConfigProvider, ConfigProviderProps, ConfigScene, Container, ContainerProps, type CreateToasterReturn, type CreateUIMessage, type CustomContentUIPart, DataTable, DataTableProps, DataTableToolbarSlot, type DataUIPart, DataView, DataViewProps, DateInput, type DateInputFocusChangeDetails, type DateInputValueChangeDetails, DatePicker, type DatePickerFocusChangeDetails, type DatePickerOpenChangeDetails, type DatePickerValueChangeDetails, type DatePickerViewChangeDetails, type DatePickerVisibleRangeChangeDetails, DeferredContent, DeferredContentProps, Descriptions, DescriptionsItemData, DescriptionsRoot, DescriptionsRootProps, Dialog, DialogFacadeProps, type DialogOpenChangeDetails, DialogSize, Dock, DockItem, DockItemProps, DockProps, DockRoot, DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, Drawer, DrawerFacadeProps, DynamicInput, DynamicInputProps, type DynamicToolUIPart, Editable, Ellipsis, EllipsisProps, Empty, FLOAT_BUTTON_CONTEXT, Field, type FieldApi, Fieldset, type FilePathTreeNode, type FileUIPart, FileUpload, type FlatTreeNode, FlexRender, FloatButton, FloatButtonAction, FloatButtonContextValue, FloatButtonFacadeProps, FloatButtonPlacement, FloatButtonRootProps, FloatButtonSize, FloatingPanel, FloatingPanelFacadeProps, FocusTrap, type FocusTrapBaseProps, type FocusTrapProps, Form, type FormApi, FormField, FormFieldProps, FormProps, Format, Frame, Grid, type GridCollection, type GridCollectionOptions, GridProps, Highlight, HoverCard, HoverCardFacadeProps, Icon, IconProps, Image, ImageCropper, ImageCropperFacadeProps, ImageProps, ImageViewer, ImageViewerProps, type InferUITools, Input, InputGroup, InputGroupPartProps, InputProps, JsonTreeView, Kbd, KbdProps, Layout, LayoutContextValue, LayoutResizeHandlers, LayoutRootProps, LayoutSiderProps, LayoutSiderState, Link, LinkProps, List, type ListCollection, ListContentProps, ListRootProps, Listbox, Marquee, Masonry, MasonryProps, type MediaPlayerProps, type MediaSourceOption, type MediaTextTrackOption, type MentionCommitKey, MentionEntry, MentionPlacement, MentionTriggers, Mentions, MentionsProps, MentionsVessel, MentionsVesselProps, Menu, MenuFacadeProps, MenuItemOption, Menubar, MenubarEntry, MenubarGroup, MenubarProps, MessageProps, Meter, MeterRootProps, NativeSelect, type NativeSelectOption, type NativeSelectProps, NavigationMenu, NavigationMenuFacadeProps, NavigationMenuLinkOption, NumberInput, OrderList, OrderListProps, OrderOption, PageHeader, Pagination, PasswordInput, PinInput, Popconfirm, PopconfirmProps, Popover, PopoverFacadeProps, Presence, type PresenceBaseProps, type PresenceProps, PresenceProvider, Progress, ProgressGroup, ProgressGroupProps, ProgressSegment, PromptInputProps, type ProviderMetadata, type ProviderReference, QrCode, RadioGroup, RadioGroupFacadeProps, RadioGroupItem, RatingGroup, RatingGroupFacadeProps, type ReasoningFileUIPart, ReasoningProps, type ReasoningUIPart, ResponseProps, Result, ResultIcon, ResultRoot, ResultRootProps, ScrollArea, SegmentGroup, SegmentGroupFacadeProps, SegmentGroupItem, Select, SelectFacadeProps, Separator, SeparatorProps, SignaturePad, Skeleton, SkeletonProps, Slider, SliderFacadeProps, type SortingState, type SourceDocumentUIPart, SourceProps, type SourceUrlUIPart, SourcesProps, Spinner, SpinnerProps, SplitButton, SplitButtonEntry, SplitButtonProps, Splitter, SplitterFacadeProps, SplitterItem, Spotlight, SpotlightProps, Stack, StackProps, Stat, StatDeltaProps, type StepStartUIPart, Steps, StepsFacadeProps, StepsItem, SuggestionProps, Swap, Switch, SwitchFacadeProps, Tabs, TabsFacadeProps, TabsItem, Tag, TagProps, TagsInput, Terminal, TerminalProps, type TextUIPart, Textarea, TextareaProps, Timeline, Timer, Toast, Toaster, Toc, TocFacadeProps, Toggle, ToggleFacadeProps, ToggleGroup, ToggleGroupFacadeProps, ToggleGroupItem, ToolApproval, ToolProps, type ToolSet, ToolStatus, type ToolUIPart, ToolValue, Toolbar, ToolbarProps, Tooltip, TooltipFacadeProps, Tour, TourFacadeProps, type TourInteractOutsideEvent, type TourPointerDownOutsideEvent, type TourStepDetails, Transfer, TransferItem, TransferProps, type TreeCollection, type TreeCollectionOptions, type TreeNode, TreeSelect, TreeSelectNode, TreeSelectProps, TreeView, TreeViewOption, Typography, TypographyHeadingSize, type UIDataTypes, type UIMessage, type UIMessageChunk, type UIMessagePart, type UITool, type UIToolInvocation, type UITools, type UseAsyncListProps, type UseAsyncListReturn, type UseDownloadProps, type UseDownloadReturn, type UseListCollectionProps, type UseListCollectionReturn, type UseListSelectionProps, type UseListSelectionReturn, type UseMentionsHandlers, type UseMentionsOptions, type UsePresenceContext, type UsePresenceProps, type UsePresenceReturn, User, UserProps, Video, VirtualList, VirtualListProps, Watermark, WatermarkProps, createColumnHelper, createFileTreeCollection, createGridCollection, createToaster, createTreeCollection, formatMediaTime, toolPartDisplay, useAsyncList, useConfig, useDownload, useField, useForm, useListCollection, useListSelection, useMentions, usePresence, usePresenceContext, useTour };
|
package/dist/index.mjs
CHANGED
|
@@ -7,15 +7,15 @@ import { AiMessage as Message } from "./components/ai-message/index.mjs";
|
|
|
7
7
|
import { Field } from "./components/field/index.mjs";
|
|
8
8
|
import { Icon } from "./components/icon/index.mjs";
|
|
9
9
|
import { Popover } from "./components/popover/index.mjs";
|
|
10
|
-
import { n as MentionsVessel, r as useMentions, t as Mentions } from "./mentions-
|
|
11
|
-
import { t as PromptInput } from "./ai-prompt-input-
|
|
10
|
+
import { n as MentionsVessel, r as useMentions, t as Mentions } from "./mentions-B59tQDPt.mjs";
|
|
11
|
+
import { t as PromptInput } from "./ai-prompt-input-Cl9ulICF.mjs";
|
|
12
12
|
import { Collapsible } from "./components/collapsible/index.mjs";
|
|
13
13
|
import { AiReasoning as Reasoning } from "./components/ai-reasoning/index.mjs";
|
|
14
14
|
import { t as Response } from "./ai-response-DTxdL5rX.mjs";
|
|
15
15
|
import { AiSource as Source, AiSources as Sources } from "./components/ai-source/index.mjs";
|
|
16
16
|
import { AiSuggestion as Suggestion } from "./components/ai-suggestion/index.mjs";
|
|
17
17
|
import { AiTool as Tool } from "./components/ai-tool/index.mjs";
|
|
18
|
-
import { a as AiJumpToLatest, c as toolPartDisplay, i as AiConversation, n as AiActions, o as AiMedia, r as AiContent, s as AiParts, t as Ai } from "./ai-
|
|
18
|
+
import { a as AiJumpToLatest, c as toolPartDisplay, i as AiConversation, n as AiActions, o as AiMedia, r as AiContent, s as AiParts, t as Ai } from "./ai-B0o-dsAf.mjs";
|
|
19
19
|
import { AiAttachment as Attachment, AiAttachments as Attachments } from "./components/ai-attachments/index.mjs";
|
|
20
20
|
import { Alert } from "./components/alert/index.mjs";
|
|
21
21
|
import { AngleSlider } from "./components/angle-slider/index.mjs";
|
|
@@ -75,7 +75,7 @@ import { Highlight } from "./components/highlight/index.mjs";
|
|
|
75
75
|
import { HoverCard } from "./components/hover-card/index.mjs";
|
|
76
76
|
import { Image } from "./components/image/index.mjs";
|
|
77
77
|
import { ImageCropper } from "./components/image-cropper/index.mjs";
|
|
78
|
-
import { t as ImageViewer } from "./image-viewer-
|
|
78
|
+
import { t as ImageViewer } from "./image-viewer-BPTApdoP.mjs";
|
|
79
79
|
import { InputGroup } from "./components/input-group/index.mjs";
|
|
80
80
|
import { JsonTreeView } from "./components/json-tree-view/index.mjs";
|
|
81
81
|
import { Kbd } from "./components/kbd/index.mjs";
|
|
@@ -104,7 +104,7 @@ import { RatingGroup } from "./components/rating-group/index.mjs";
|
|
|
104
104
|
import { Result, ResultIcon, ResultRoot } from "./components/result/index.mjs";
|
|
105
105
|
import { ScrollArea } from "./components/scroll-area/index.mjs";
|
|
106
106
|
import { SegmentGroup } from "./components/segment-group/index.mjs";
|
|
107
|
-
import { n as NativeSelect, t as Select } from "./select-
|
|
107
|
+
import { n as NativeSelect, t as Select } from "./select-BLFqfeVw.mjs";
|
|
108
108
|
import { Separator } from "./components/separator/index.mjs";
|
|
109
109
|
import { SignaturePad } from "./components/signature-pad/index.mjs";
|
|
110
110
|
import { Skeleton } from "./components/skeleton/index.mjs";
|
|
@@ -139,6 +139,6 @@ import { Typography } from "./components/typography/index.mjs";
|
|
|
139
139
|
import { User } from "./components/user/index.mjs";
|
|
140
140
|
import { VirtualList } from "./components/virtual-list/index.mjs";
|
|
141
141
|
import { Watermark } from "./components/watermark/index.mjs";
|
|
142
|
-
import { n as Video, r as formatMediaTime, t as Audio } from "./media-player-
|
|
142
|
+
import { n as Video, r as formatMediaTime, t as Audio } from "./media-player-DxG0EYz7.mjs";
|
|
143
143
|
export * from "@bysages/core";
|
|
144
144
|
export { Accordion, Action, Action as AiAction, Affix, Ai, AiActions, Attachment as AiAttachment, Attachment, Attachments as AiAttachments, Attachments, AiContent, AiConversation, AiJumpToLatest, AiMedia, Message as AiMessage, Message, AiParts, PromptInput as AiPromptInput, PromptInput, Reasoning as AiReasoning, Reasoning, Response as AiResponse, Response, Source as AiSource, Source, Sources as AiSources, Sources, Suggestion as AiSuggestion, Suggestion, Tool as AiTool, Tool, Alert, AngleSlider, AspectRatio, Audio, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, Banner, Bento, BentoCell, BentoRoot, BlockUI, Breadcrumb, Browser, BrowserBody, BrowserDots, BrowserRoot, BrowserTitleBar, BrowserUrlBar, Button, ButtonGroup, Calendar, Card, Carousel, CascadeSelect, Checkbox, CheckboxGroup, Chip, ClientOnly, Clipboard, Collapsible, ColorPicker, Combobox, Command, Comment, ConfigProvider, Container, DataTable, DataView, DateInput, DatePicker, DeferredContent, Descriptions, DescriptionsRoot, Dialog, Dock, DockItem, DockRoot, DownloadTrigger, Drawer, DynamicInput, Editable, Ellipsis, Empty, FLOAT_BUTTON_CONTEXT, Field, Fieldset, FileUpload, FlexRender, FloatButton, FloatingPanel, FocusTrap, Form, FormField, Format, Frame, Grid, Highlight, HoverCard, Icon, Image, ImageCropper, ImageViewer, Input, InputGroup, JsonTreeView, Kbd, Layout, Link, List, Listbox, Marquee, Masonry, Mentions, MentionsVessel, Menu, Menubar, Meter, NativeSelect, NavigationMenu, NumberInput, OrderList, PageHeader, Pagination, PasswordInput, PinInput, Popconfirm, Popover, Presence, PresenceProvider, Progress, ProgressGroup, QrCode, RadioGroup, RatingGroup, Result, ResultIcon, ResultRoot, ScrollArea, SegmentGroup, Select, Separator, SignaturePad, Skeleton, Slider, Spinner, SplitButton, Splitter, Spotlight, Stack, Stat, Steps, Swap, Switch, Tabs, Tag, TagsInput, Terminal, Textarea, Timeline, Timer, Toast, Toaster, Toc, Toggle, ToggleGroup, Toolbar, Tooltip, Tour, Transfer, TreeSelect, TreeView, Typography, User, Video, VirtualList, Watermark, createColumnHelper, createFileTreeCollection, createGridCollection, createToaster, createTreeCollection, formatMediaTime, toolPartDisplay, useAsyncList, useConfig, useDownload, useField, useForm, useListCollection, useListSelection, useMentions, usePresence, usePresenceContext, useTour };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as iconNode } from "./icon-C9udWCyz.mjs";
|
|
2
|
-
import { t as Select } from "./select-
|
|
2
|
+
import { t as Select } from "./select-BLFqfeVw.mjs";
|
|
3
3
|
import { injectComponentStyle } from "@bysages/core/styling";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import { createContext, useCallback, useContext, useEffect, useRef, useState } from "react";
|