@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.
Files changed (70) hide show
  1. package/dist/{ai-B3vbpXlK.mjs → ai-B0o-dsAf.mjs} +1 -1
  2. package/dist/{ai-prompt-input-k34KssHJ.mjs → ai-prompt-input-Cl9ulICF.mjs} +1 -1
  3. package/dist/components/ai/index.mjs +1 -1
  4. package/dist/components/ai-prompt-input/index.d.mts +1 -1
  5. package/dist/components/ai-prompt-input/index.mjs +1 -1
  6. package/dist/components/autocomplete/index.d.mts +4 -1
  7. package/dist/components/autocomplete/index.mjs +9 -6
  8. package/dist/components/cascade-select/index.d.mts +4 -1
  9. package/dist/components/cascade-select/index.mjs +36 -33
  10. package/dist/components/color-picker/index.d.mts +9 -1
  11. package/dist/components/color-picker/index.mjs +36 -29
  12. package/dist/components/combobox/index.d.mts +9 -1
  13. package/dist/components/combobox/index.mjs +14 -8
  14. package/dist/components/command/index.d.mts +4 -1
  15. package/dist/components/command/index.mjs +71 -68
  16. package/dist/components/date-picker/index.d.mts +9 -1
  17. package/dist/components/date-picker/index.mjs +27 -21
  18. package/dist/components/dialog/index.d.mts +20 -3
  19. package/dist/components/dialog/index.mjs +28 -12
  20. package/dist/components/drawer/index.d.mts +19 -3
  21. package/dist/components/drawer/index.mjs +18 -12
  22. package/dist/components/floating-panel/index.d.mts +19 -3
  23. package/dist/components/floating-panel/index.mjs +34 -28
  24. package/dist/components/hover-card/index.d.mts +17 -3
  25. package/dist/components/hover-card/index.mjs +14 -8
  26. package/dist/components/image-viewer/index.d.mts +1 -1
  27. package/dist/components/image-viewer/index.mjs +1 -1
  28. package/dist/components/media-player/index.mjs +1 -1
  29. package/dist/components/mentions/index.d.mts +1 -1
  30. package/dist/components/mentions/index.mjs +1 -1
  31. package/dist/components/menu/index.d.mts +10 -2
  32. package/dist/components/menu/index.mjs +12 -6
  33. package/dist/components/menubar/index.d.mts +4 -1
  34. package/dist/components/menubar/index.mjs +12 -9
  35. package/dist/components/navigation-menu/index.d.mts +9 -1
  36. package/dist/components/navigation-menu/index.mjs +7 -1
  37. package/dist/components/pagination/index.d.mts +2 -2
  38. package/dist/components/popconfirm/index.d.mts +5 -2
  39. package/dist/components/popconfirm/index.mjs +31 -28
  40. package/dist/components/popover/index.d.mts +1 -1
  41. package/dist/components/popover/index.mjs +20 -14
  42. package/dist/components/select/index.d.mts +1 -1
  43. package/dist/components/select/index.mjs +1 -1
  44. package/dist/components/split-button/index.d.mts +4 -1
  45. package/dist/components/split-button/index.mjs +12 -9
  46. package/dist/components/table/index.d.mts +21 -1
  47. package/dist/components/table/index.mjs +24 -9
  48. package/dist/components/tooltip/index.d.mts +17 -3
  49. package/dist/components/tooltip/index.mjs +8 -2
  50. package/dist/components/tour/index.d.mts +20 -3
  51. package/dist/components/tour/index.mjs +16 -10
  52. package/dist/components/tree-select/index.d.mts +5 -2
  53. package/dist/components/tree-select/index.mjs +38 -35
  54. package/dist/components/typography/index.d.mts +10 -6
  55. package/dist/components/typography/index.mjs +9 -1
  56. package/dist/floating-BhcDRgnx.d.mts +7 -0
  57. package/dist/floating-CMR7cvmA.mjs +33 -0
  58. package/dist/generative/index.mjs +1 -1
  59. package/dist/{image-viewer-BYiXpi1X.mjs → image-viewer-BPTApdoP.mjs} +32 -29
  60. package/dist/{index-DcpvCyt6.d.mts → index-CEYybyEQ.d.mts} +8 -3
  61. package/dist/{index-DczfbPCg.d.mts → index-DZ2S5rMj.d.mts} +10 -2
  62. package/dist/index-j02dTkfc.d.mts +37 -0
  63. package/dist/{index-D4C52fI7.d.mts → index-n9VlNO7D.d.mts} +4 -1
  64. package/dist/index.d.mts +8 -8
  65. package/dist/index.mjs +6 -6
  66. package/dist/{media-player-CO2Cczl-.mjs → media-player-DxG0EYz7.mjs} +1 -1
  67. package/dist/{mentions-De7ChJbl.mjs → mentions-B59tQDPt.mjs} +31 -25
  68. package/dist/{select-DQ5669_K.mjs → select-BLFqfeVw.mjs} +20 -14
  69. package/package.json +2 -2
  70. 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(Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsxs(Popover.Content, {
110
- "data-scope": "tree-select",
111
- "data-part": "content",
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": "search",
116
- children: /* @__PURE__ */ jsx(Input, {
117
- size: "sm",
118
- value: query,
119
- onValueChange: setQuery,
120
- placeholder: messages.select.filter,
121
- "aria-label": messages.select.filter
122
- })
123
- }) : null, /* @__PURE__ */ jsx("div", {
124
- "data-scope": "tree-select",
125
- "data-part": "body",
126
- children: (visibleCollection.rootNode.children ?? []).length === 0 ? /* @__PURE__ */ jsx("p", {
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": "empty",
129
- children: "Nothing matches"
130
- }) : /* @__PURE__ */ jsx(TreeView.Root, {
131
- id: `${hostId}:tree`,
132
- collection: visibleCollection,
133
- selectionMode: "single",
134
- selectedValue: value ? [value] : [],
135
- ...filtering ? { expandedValue: expandedWhileFiltering } : { defaultExpandedValue: firstLevel },
136
- onSelectionChange: pick,
137
- children: /* @__PURE__ */ jsx(TreeView.Tree, { children: visibleCollection.rootNode.children?.map((node, index) => /* @__PURE__ */ jsx(TreeSelectRow, {
138
- node,
139
- indexPath: [index]
140
- }, node.value)) })
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
- const Heading = part("Heading", "p");
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,7 @@
1
+ import { ComponentType, ReactNode } from "react";
2
+ type FloatingPortalTarget = boolean | string;
3
+ interface FloatingPortalProps {
4
+ portal?: FloatingPortalTarget;
5
+ children?: ReactNode;
6
+ }
7
+ export { FloatingPortalTarget as n, FloatingPortalProps as t };
@@ -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-DQ5669_K.mjs";
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(Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, { className: "bs-image-viewer-backdrop" }), /* @__PURE__ */ jsx(Dialog.Positioner, {
104
- className: "bs-image-viewer-positioner",
105
- children: /* @__PURE__ */ jsxs(Dialog.Content, {
106
- className: "bs-image-viewer-content",
107
- "aria-label": alt || "Image preview",
108
- onClick: (event) => {
109
- if (event.target === event.currentTarget) setOpen(false);
110
- },
111
- children: [/* @__PURE__ */ jsx("img", {
112
- "data-scope": "image-viewer",
113
- "data-part": "viewport",
114
- src,
115
- alt,
116
- width,
117
- height,
118
- ref: viewportRef
119
- }), /* @__PURE__ */ jsx("div", {
120
- "data-scope": "image-viewer",
121
- "data-part": "toolbar",
122
- children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
123
- 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,
124
- toolButton(messages.imageViewer.rotate, TOOL_ICONS.rotate, () => gesturesRef.current?.rotate()),
125
- closeToolButton(messages.imageViewer.close, TOOL_ICONS.close)
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 { t as Popover } from "./index-BVdkcSSY.mjs";
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 function SelectFacade({ value, defaultValue, options, multiple, deselectable, clearable, disabled, invalid, required, readOnly, label, groupLabel, placeholder, name, form, autoComplete, size, onValueChange }: SelectFacadeProps): import("react").JSX.Element;
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-BVdkcSSY.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-DcpvCyt6.mjs";
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-D4C52fI7.mjs";
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-DczfbPCg.mjs";
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-De7ChJbl.mjs";
11
- import { t as PromptInput } from "./ai-prompt-input-k34KssHJ.mjs";
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-B3vbpXlK.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-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-BYiXpi1X.mjs";
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-DQ5669_K.mjs";
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-CO2Cczl-.mjs";
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-DQ5669_K.mjs";
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";