@bysages/react 0.2.3 → 0.3.1

package/dist/index-Iy8m0Qev.d.mts

@@ -0,0 +1,42 @@
+import { HTMLAttributes } from "react";
+import { CollectionItem } from "@ark-ui/react/collection";
+import { Select, SelectRootComponentProps } from "@ark-ui/react/select";
+//#region src/components/select/native.d.ts
+/** One row of the platform's own list. */
+interface NativeSelectOption {
+  label: string;
+  value: string;
+  disabled?: boolean;
+}
+/** The native select wearing the field recipe: the platform's own list
+ * behind the same hairline shell the framed select wears. The shell is
+ * a wrapper so the indicator rides beside the value as a real stroke —
+ * the same chevron the framed trigger shows. */
+interface NativeSelectProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
+  value?: string;
+  options: NativeSelectOption[];
+  /** One rung of the control-height ladder. */
+  size?: "sm" | "md" | "lg";
+  invalid?: boolean;
+  placeholder?: string;
+  disabled?: boolean;
+  onValueChange?: (value: string) => void;
+}
+declare function NativeSelect({ value, options, size, invalid, placeholder, disabled, onValueChange, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...rest }: NativeSelectProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/select/index.d.ts
+/** Ark's Select, dressed in the paper-and-ink system: the trigger is the
+ * whole control and its list dissolves open as a paper vessel, the checked
+ * row taking the flat ink fill. The API is Ark's own — Root, Label, Control,
+ * Trigger, ValueText, Indicator, ClearTrigger, HiddenSelect, Positioner,
+ * Content, List, Item, ItemText, ItemIndicator, ItemGroup, ItemGroupLabel. */
+type SelectOwnProps = {
+  /** One rung of the control-height ladder for the trigger. */
+  size?: "sm" | "md" | "lg";
+};
+declare function SelectRoot<T extends CollectionItem>(props: SelectRootComponentProps<T, SelectOwnProps>): import("react").JSX.Element;
+declare const Select$1: Omit<typeof Select, "Root"> & {
+  Root: typeof SelectRoot;
+};
+//#endregion
+export { NativeSelectProps as i, NativeSelect as n, NativeSelectOption as r, Select$1 as t };

package/dist/index.d.mts

@@ -1,4 +1,3 @@
-import { a as SourceDocumentUIPart, c as TextUIPart, d as UIMessagePart, i as ReasoningUIPart, l as ToolUIPart, n as DataUIPart, o as SourceUrlUIPart, r as FileUIPart, s as StepStartUIPart, t as Ai, u as UIMessage } from "./index-DaAbbSz9.mjs";
 import { Accordion } from "./components/accordion/index.mjs";
 import { Affix, AffixProps } from "./components/affix/index.mjs";
 import { Action, ActionProps } from "./components/ai-action/index.mjs";
@@ -11,6 +10,7 @@ import { AiResponse as Response, ResponseProps } from "./components/ai-response/
 import { AiSource as Source, AiSources as Sources, SourceProps, SourcesProps } from "./components/ai-source/index.mjs";
 import { AiSuggestion as Suggestion, SuggestionProps } from "./components/ai-suggestion/index.mjs";
 import { AiTool as Tool, ToolProps, ToolStatus } from "./components/ai-tool/index.mjs";
+import { a as FileUIPart, c as SourceUrlUIPart, d as ToolUIPart, f as UIMessage, i as DataUIPart, l as StepStartUIPart, n as AiActions, o as ReasoningUIPart, p as UIMessagePart, r as AiContent, s as SourceDocumentUIPart, t as Ai, u as TextUIPart } from "./index-Dn5mHf1g.mjs";
 import { Alert, AlertProps, AlertStatus } from "./components/alert/index.mjs";
 import { AngleSlider } from "./components/angle-slider/index.mjs";
 import { AspectRatio, AspectRatioProps } from "./components/aspect-ratio/index.mjs";
@@ -20,7 +20,10 @@ import { Avatar, AvatarProps, AvatarSize } from "./components/avatar/index.mjs";
 import { BackTop, BackTopProps } from "./components/back-top/index.mjs";
 import { Badge, BadgeProps } from "./components/badge/index.mjs";
 import { Banner, BannerRootProps, BannerStatus } from "./components/banner/index.mjs";
+import { Bento, BentoCell, BentoCellProps, BentoProps, BentoRoot } from "./components/bento/index.mjs";
+import { BlockUI, BlockUIProps } from "./components/block-ui/index.mjs";
 import { Breadcrumb } from "./components/breadcrumb/index.mjs";
+import { Browser, BrowserBody, BrowserDots, BrowserPartProps, BrowserRoot, BrowserTitleBar, BrowserUrlBar } from "./components/browser/index.mjs";
 import { ButtonGroup, ButtonGroupProps } from "./components/button-group/index.mjs";
 import { Button, ButtonProps } from "./components/button/index.mjs";
 import { Calendar, CalendarProps } from "./components/calendar/index.mjs";
@@ -40,10 +43,13 @@ import { Command, CommandEntry, CommandProps } from "./components/command/index.
 import { Comment, CommentProps } from "./components/comment/index.mjs";
 import { ConfigContext, ConfigDensity, ConfigProvider, ConfigProviderProps, ConfigScene, useConfig } from "./components/config-provider/index.mjs";
 import { Container, ContainerProps } from "./components/container/index.mjs";
+import { DataView, DataViewProps } from "./components/data-view/index.mjs";
 import { DateInput, DateInputFocusChangeDetails, DateInputValueChangeDetails } from "./components/date-input/index.mjs";
 import { DatePicker, DatePickerFocusChangeDetails, DatePickerOpenChangeDetails, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerVisibleRangeChangeDetails } from "./components/date-picker/index.mjs";
+import { DeferredContent, DeferredContentProps } from "./components/deferred-content/index.mjs";
 import { Descriptions, DescriptionsRoot, DescriptionsRootProps } from "./components/descriptions/index.mjs";
 import { Dialog, DialogOpenChangeDetails } from "./components/dialog/index.mjs";
+import { Dock, DockItem, DockItemProps, DockProps, DockRoot } from "./components/dock/index.mjs";
 import { DownloadTrigger, DownloadTriggerBaseProps, DownloadTriggerProps, DownloadableData, UseDownloadProps, UseDownloadReturn, useDownload } from "./components/download-trigger/index.mjs";
 import { Drawer } from "./components/drawer/index.mjs";
 import { DynamicInput, DynamicInputProps } from "./components/dynamic-input/index.mjs";
@@ -81,6 +87,7 @@ import { Menubar, MenubarEntry, MenubarGroup, MenubarProps } from "./components/
 import { Meter, MeterRootProps } from "./components/meter/index.mjs";
 import { NavigationMenu } from "./components/navigation-menu/index.mjs";
 import { NumberInput } from "./components/number-input/index.mjs";
+import { OrderList, OrderListProps, OrderOption } from "./components/order-list/index.mjs";
 import { PageHeader } from "./components/page-header/index.mjs";
 import { Pagination } from "./components/pagination/index.mjs";
 import { PasswordInput } from "./components/password-input/index.mjs";
@@ -93,9 +100,10 @@ import { Progress } from "./components/progress/index.mjs";
 import { QrCode } from "./components/qr-code/index.mjs";
 import { RadioGroup } from "./components/radio-group/index.mjs";
 import { RatingGroup } from "./components/rating-group/index.mjs";
+import { Result, ResultIcon, ResultRoot, ResultRootProps } from "./components/result/index.mjs";
 import { ScrollArea } from "./components/scroll-area/index.mjs";
 import { SegmentGroup } from "./components/segment-group/index.mjs";
-import { Select } from "./components/select/index.mjs";
+import { i as NativeSelectProps, n as NativeSelect, r as NativeSelectOption, t as Select } from "./index-Iy8m0Qev.mjs";
 import { Separator, SeparatorProps } from "./components/separator/index.mjs";
 import { SignaturePad } from "./components/signature-pad/index.mjs";
 import { Skeleton, SkeletonProps } from "./components/skeleton/index.mjs";
@@ -103,6 +111,7 @@ import { Slider } from "./components/slider/index.mjs";
 import { Spinner, SpinnerProps } from "./components/spinner/index.mjs";
 import { SplitButton, SplitButtonEntry, SplitButtonProps } from "./components/split-button/index.mjs";
 import { Splitter } from "./components/splitter/index.mjs";
+import { Spotlight, SpotlightProps } from "./components/spotlight/index.mjs";
 import { Stack, StackProps } from "./components/stack/index.mjs";
 import { Stat, StatDeltaProps } from "./components/stat/index.mjs";
 import { Steps } from "./components/steps/index.mjs";
@@ -111,6 +120,7 @@ import { Switch } from "./components/switch/index.mjs";
 import { ColumnDef, DataTable, DataTableProps, FlexRender, SortingState, createColumnHelper } from "./components/table/index.mjs";
 import { Tabs } from "./components/tabs/index.mjs";
 import { TagsInput } from "./components/tags-input/index.mjs";
+import { Terminal, TerminalProps } from "./components/terminal/index.mjs";
 import { Textarea, TextareaProps } from "./components/textarea/index.mjs";
 import { Timeline } from "./components/timeline/index.mjs";
 import { Timer } from "./components/timer/index.mjs";
@@ -118,12 +128,15 @@ import { CreateToasterReturn, Toast, Toaster, createToaster } from "./components
 import { Toc } from "./components/toc/index.mjs";
 import { ToggleGroup } from "./components/toggle-group/index.mjs";
 import { Toggle } from "./components/toggle/index.mjs";
+import { Toolbar, ToolbarProps } from "./components/toolbar/index.mjs";
 import { Tooltip } from "./components/tooltip/index.mjs";
 import { Tour, TourInteractOutsideEvent, TourPointerDownOutsideEvent, TourStepDetails, useTour } from "./components/tour/index.mjs";
 import { Transfer, TransferItem, TransferProps } from "./components/transfer/index.mjs";
 import { TreeSelect, TreeSelectNode, TreeSelectProps } from "./components/tree-select/index.mjs";
 import { TreeView } from "./components/tree-view/index.mjs";
 import { Typography } from "./components/typography/index.mjs";
+import { User, UserProps } from "./components/user/index.mjs";
+import { VirtualList, VirtualListProps } from "./components/virtual-list/index.mjs";
 import { Watermark, WatermarkProps } from "./components/watermark/index.mjs";
 export * from "@bysages/core";
-export { Accordion, Action, Action as AiAction, ActionProps, Affix, AffixProps, Ai, Attachment as AiAttachment, Attachment, Attachments as AiAttachments, Attachments, Message as AiMessage, Message, 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, AlertProps, AlertStatus, AngleSlider, AspectRatio, AspectRatioProps, AttachmentProps, AutoComplete, AutoCompleteProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AvatarSize, BackTop, BackTopProps, Badge, BadgeProps, Banner, BannerRootProps, BannerStatus, Breadcrumb, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Calendar, CalendarProps, Card, Carousel, CascadeSelect, CascadeSelectNode, CascadeSelectProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxOption, Chip, ChipProps, ClientOnly, type ClientOnlyProps, Clipboard, Collapsible, type CollectionItem, type CollectionOptions, ColorPicker, type ColumnDef, Combobox, Command, CommandEntry, CommandProps, Comment, CommentProps, ConfigContext, ConfigDensity, ConfigProvider, ConfigProviderProps, ConfigScene, Container, ContainerProps, type CreateToasterReturn, DataTable, DataTableProps, type DataUIPart, DateInput, type DateInputFocusChangeDetails, type DateInputValueChangeDetails, DatePicker, type DatePickerFocusChangeDetails, type DatePickerOpenChangeDetails, type DatePickerValueChangeDetails, type DatePickerViewChangeDetails, type DatePickerVisibleRangeChangeDetails, Descriptions, DescriptionsRoot, DescriptionsRootProps, Dialog, type DialogOpenChangeDetails, DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, Drawer, DynamicInput, DynamicInputProps, Editable, Ellipsis, EllipsisProps, Empty, FLOAT_BUTTON_CONTEXT, Field, type FieldApi, Fieldset, type FilePathTreeNode, type FileUIPart, FileUpload, type FlatTreeNode, FlexRender, FloatButton, FloatButtonContextValue, FloatButtonPlacement, FloatButtonRootProps, FloatButtonSize, FloatingPanel, FocusTrap, type FocusTrapBaseProps, type FocusTrapProps, Form, type FormApi, FormField, FormFieldProps, FormProps, Format, Frame, Grid, type GridCollection, type GridCollectionOptions, GridProps, Highlight, HoverCard, Icon, IconProps, Image, ImageCropper, ImageProps, ImageViewer, ImageViewerProps, Input, InputGroup, InputGroupPartProps, InputProps, JsonTreeView, Kbd, KbdProps, Layout, LayoutContextValue, LayoutRootProps, LayoutSiderProps, Link, LinkProps, List, type ListCollection, ListContentProps, ListRootProps, Listbox, Marquee, Masonry, MasonryProps, MentionEntry, Mentions, MentionsProps, MentionsVessel, MentionsVesselProps, Menu, Menubar, MenubarEntry, MenubarGroup, MenubarProps, MessageProps, Meter, MeterRootProps, NavigationMenu, NumberInput, PageHeader, Pagination, PasswordInput, PinInput, Popconfirm, PopconfirmProps, Popover, Presence, type PresenceBaseProps, type PresenceProps, PresenceProvider, Progress, ProgressGroup, ProgressGroupProps, ProgressSegment, PromptInputProps, QrCode, RadioGroup, RatingGroup, ReasoningProps, type ReasoningUIPart, ResponseProps, ScrollArea, SegmentGroup, Select, Separator, SeparatorProps, SignaturePad, Skeleton, SkeletonProps, Slider, type SortingState, type SourceDocumentUIPart, SourceProps, type SourceUrlUIPart, SourcesProps, Spinner, SpinnerProps, SplitButton, SplitButtonEntry, SplitButtonProps, Splitter, Stack, StackProps, Stat, StatDeltaProps, type StepStartUIPart, Steps, SuggestionProps, Swap, Switch, Tabs, TagsInput, type TextUIPart, Textarea, TextareaProps, Timeline, Timer, Toast, Toaster, Toc, Toggle, ToggleGroup, ToolProps, ToolStatus, type ToolUIPart, Tooltip, Tour, type TourInteractOutsideEvent, type TourPointerDownOutsideEvent, type TourStepDetails, Transfer, TransferItem, TransferProps, type TreeCollection, type TreeCollectionOptions, type TreeNode, TreeSelect, TreeSelectNode, TreeSelectProps, TreeView, Typography, type UIMessage, type UIMessagePart, 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, Watermark, WatermarkProps, createColumnHelper, createFileTreeCollection, createGridCollection, createToaster, createTreeCollection, useAsyncList, useConfig, useDownload, useField, useForm, useListCollection, useListSelection, useMentions, usePresence, usePresenceContext, useTour };
+export { Accordion, Action, Action as AiAction, ActionProps, Affix, AffixProps, Ai, AiActions, Attachment as AiAttachment, Attachment, Attachments as AiAttachments, Attachments, AiContent, Message as AiMessage, Message, 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, AlertProps, AlertStatus, AngleSlider, AspectRatio, AspectRatioProps, AttachmentProps, AutoComplete, AutoCompleteProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AvatarSize, BackTop, BackTopProps, Badge, BadgeProps, Banner, BannerRootProps, BannerStatus, Bento, BentoCell, BentoCellProps, BentoProps, BentoRoot, BlockUI, BlockUIProps, Breadcrumb, Browser, BrowserBody, BrowserDots, BrowserPartProps, BrowserRoot, BrowserTitleBar, BrowserUrlBar, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Calendar, CalendarProps, Card, Carousel, CascadeSelect, CascadeSelectNode, CascadeSelectProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxOption, Chip, ChipProps, ClientOnly, type ClientOnlyProps, Clipboard, Collapsible, type CollectionItem, type CollectionOptions, ColorPicker, type ColumnDef, Combobox, Command, CommandEntry, CommandProps, Comment, CommentProps, ConfigContext, ConfigDensity, ConfigProvider, ConfigProviderProps, ConfigScene, Container, ContainerProps, type CreateToasterReturn, 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, DescriptionsRoot, DescriptionsRootProps, Dialog, type DialogOpenChangeDetails, Dock, DockItem, DockItemProps, DockProps, DockRoot, DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, Drawer, DynamicInput, DynamicInputProps, Editable, Ellipsis, EllipsisProps, Empty, FLOAT_BUTTON_CONTEXT, Field, type FieldApi, Fieldset, type FilePathTreeNode, type FileUIPart, FileUpload, type FlatTreeNode, FlexRender, FloatButton, FloatButtonContextValue, FloatButtonPlacement, FloatButtonRootProps, FloatButtonSize, FloatingPanel, FocusTrap, type FocusTrapBaseProps, type FocusTrapProps, Form, type FormApi, FormField, FormFieldProps, FormProps, Format, Frame, Grid, type GridCollection, type GridCollectionOptions, GridProps, Highlight, HoverCard, Icon, IconProps, Image, ImageCropper, ImageProps, ImageViewer, ImageViewerProps, Input, InputGroup, InputGroupPartProps, InputProps, JsonTreeView, Kbd, KbdProps, Layout, LayoutContextValue, LayoutRootProps, LayoutSiderProps, Link, LinkProps, List, type ListCollection, ListContentProps, ListRootProps, Listbox, Marquee, Masonry, MasonryProps, MentionEntry, Mentions, MentionsProps, MentionsVessel, MentionsVesselProps, Menu, Menubar, MenubarEntry, MenubarGroup, MenubarProps, MessageProps, Meter, MeterRootProps, NativeSelect, type NativeSelectOption, type NativeSelectProps, NavigationMenu, NumberInput, OrderList, OrderListProps, OrderOption, PageHeader, Pagination, PasswordInput, PinInput, Popconfirm, PopconfirmProps, Popover, Presence, type PresenceBaseProps, type PresenceProps, PresenceProvider, Progress, ProgressGroup, ProgressGroupProps, ProgressSegment, PromptInputProps, QrCode, RadioGroup, RatingGroup, ReasoningProps, type ReasoningUIPart, ResponseProps, Result, ResultIcon, ResultRoot, ResultRootProps, ScrollArea, SegmentGroup, Select, Separator, SeparatorProps, SignaturePad, Skeleton, SkeletonProps, Slider, type SortingState, type SourceDocumentUIPart, SourceProps, type SourceUrlUIPart, SourcesProps, Spinner, SpinnerProps, SplitButton, SplitButtonEntry, SplitButtonProps, Splitter, Spotlight, SpotlightProps, Stack, StackProps, Stat, StatDeltaProps, type StepStartUIPart, Steps, SuggestionProps, Swap, Switch, Tabs, TagsInput, Terminal, TerminalProps, type TextUIPart, Textarea, TextareaProps, Timeline, Timer, Toast, Toaster, Toc, Toggle, ToggleGroup, ToolProps, ToolStatus, type ToolUIPart, Toolbar, ToolbarProps, Tooltip, Tour, type TourInteractOutsideEvent, type TourPointerDownOutsideEvent, type TourStepDetails, Transfer, TransferItem, TransferProps, type TreeCollection, type TreeCollectionOptions, type TreeNode, TreeSelect, TreeSelectNode, TreeSelectProps, TreeView, Typography, type UIMessage, type UIMessagePart, 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, VirtualList, VirtualListProps, Watermark, WatermarkProps, createColumnHelper, createFileTreeCollection, createGridCollection, createToaster, createTreeCollection, useAsyncList, useConfig, useDownload, useField, useForm, useListCollection, useListSelection, useMentions, usePresence, usePresenceContext, useTour };

package/dist/index.mjs

@@ -1,5 +1,6 @@
 import { Accordion } from "./components/accordion/index.mjs";
 import { Affix } from "./components/affix/index.mjs";
+import { ConfigProvider, useConfig } from "./components/config-provider/index.mjs";
 import { Button } from "./components/button/index.mjs";
 import { Action } from "./components/ai-action/index.mjs";
 import { AiMessage as Message } from "./components/ai-message/index.mjs";
@@ -8,11 +9,11 @@ import { n as MentionsVessel, r as useMentions, t as Mentions } from "./mentions
 import { AiPromptInput as PromptInput } from "./components/ai-prompt-input/index.mjs";
 import { Collapsible } from "./components/collapsible/index.mjs";
 import { AiReasoning as Reasoning } from "./components/ai-reasoning/index.mjs";
-import { t as Response } from "./ai-response-jZy-0Tvv.mjs";
+import { t as Response } from "./ai-response-BfKTmtCt.mjs";
 import { AiSource as Source, AiSources as Sources } from "./components/ai-source/index.mjs";
 import { AiSuggestion as Suggestion } from "./components/ai-suggestion/index.mjs";
 import { AiTool as Tool } from "./components/ai-tool/index.mjs";
-import { Ai } from "./components/ai/index.mjs";
+import { Ai, AiActions, AiContent } from "./components/ai/index.mjs";
 import { AiAttachment as Attachment, AiAttachments as Attachments } from "./components/ai-attachments/index.mjs";
 import { Alert } from "./components/alert/index.mjs";
 import { AngleSlider } from "./components/angle-slider/index.mjs";
@@ -22,30 +23,37 @@ import { Avatar } from "./components/avatar/index.mjs";
 import { AvatarGroup } from "./components/avatar-group/index.mjs";
 import { BackTop } from "./components/back-top/index.mjs";
 import { Badge } from "./components/badge/index.mjs";
+import { Banner } from "./components/banner/index.mjs";
+import { Bento, BentoCell, BentoRoot } from "./components/bento/index.mjs";
+import { Spinner } from "./components/spinner/index.mjs";
+import { BlockUI } from "./components/block-ui/index.mjs";
 import { Breadcrumb } from "./components/breadcrumb/index.mjs";
+import { Browser, BrowserBody, BrowserDots, BrowserRoot, BrowserTitleBar, BrowserUrlBar } from "./components/browser/index.mjs";
 import { ButtonGroup } from "./components/button-group/index.mjs";
-import { Banner } from "./components/banner/index.mjs";
 import { Calendar } from "./components/calendar/index.mjs";
 import { Card } from "./components/card/index.mjs";
-import { Input } from "./components/input/index.mjs";
-import { CascadeSelect } from "./components/cascade-select/index.mjs";
 import { Carousel } from "./components/carousel/index.mjs";
+import { t as Input } from "./input-2oezH-dY.mjs";
+import { CascadeSelect } from "./components/cascade-select/index.mjs";
 import { Checkbox } from "./components/checkbox/index.mjs";
 import { CheckboxGroup } from "./components/checkbox-group/index.mjs";
 import { Chip } from "./components/chip/index.mjs";
-import { Clipboard } from "./components/clipboard/index.mjs";
 import { ClientOnly } from "./components/client-only/index.mjs";
-import { ColorPicker } from "./components/color-picker/index.mjs";
+import { Clipboard } from "./components/clipboard/index.mjs";
 import { createFileTreeCollection, createGridCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection } from "./components/collection/index.mjs";
+import { ColorPicker } from "./components/color-picker/index.mjs";
 import { Combobox } from "./components/combobox/index.mjs";
 import { Command } from "./components/command/index.mjs";
 import { Comment } from "./components/comment/index.mjs";
-import { ConfigProvider, useConfig } from "./components/config-provider/index.mjs";
 import { Container } from "./components/container/index.mjs";
+import { Pagination } from "./components/pagination/index.mjs";
+import { DataView } from "./components/data-view/index.mjs";
 import { DateInput } from "./components/date-input/index.mjs";
 import { DatePicker } from "./components/date-picker/index.mjs";
+import { DeferredContent } from "./components/deferred-content/index.mjs";
 import { Descriptions, DescriptionsRoot } from "./components/descriptions/index.mjs";
 import { Dialog } from "./components/dialog/index.mjs";
+import { Dock, DockItem, DockRoot } from "./components/dock/index.mjs";
 import { DownloadTrigger, useDownload } from "./components/download-trigger/index.mjs";
 import { Drawer } from "./components/drawer/index.mjs";
 import { DynamicInput } from "./components/dynamic-input/index.mjs";
@@ -81,7 +89,8 @@ import { Menubar } from "./components/menubar/index.mjs";
 import { Meter } from "./components/meter/index.mjs";
 import { NavigationMenu } from "./components/navigation-menu/index.mjs";
 import { NumberInput } from "./components/number-input/index.mjs";
-import { Pagination } from "./components/pagination/index.mjs";
+import { OrderList } from "./components/order-list/index.mjs";
+import { PageHeader } from "./components/page-header/index.mjs";
 import { PasswordInput } from "./components/password-input/index.mjs";
 import { PinInput } from "./components/pin-input/index.mjs";
 import { Popconfirm } from "./components/popconfirm/index.mjs";
@@ -92,38 +101,42 @@ import { ProgressGroup } from "./components/progress-group/index.mjs";
 import { QrCode } from "./components/qr-code/index.mjs";
 import { RadioGroup } from "./components/radio-group/index.mjs";
 import { RatingGroup } from "./components/rating-group/index.mjs";
+import { Result, ResultIcon, ResultRoot } from "./components/result/index.mjs";
 import { ScrollArea } from "./components/scroll-area/index.mjs";
 import { SegmentGroup } from "./components/segment-group/index.mjs";
-import { Select } from "./components/select/index.mjs";
+import { n as NativeSelect, t as Select } from "./select-eAHutw56.mjs";
 import { Separator } from "./components/separator/index.mjs";
 import { SignaturePad } from "./components/signature-pad/index.mjs";
 import { Skeleton } from "./components/skeleton/index.mjs";
 import { Slider } from "./components/slider/index.mjs";
 import { SplitButton } from "./components/split-button/index.mjs";
 import { Splitter } from "./components/splitter/index.mjs";
+import { Spotlight } from "./components/spotlight/index.mjs";
 import { Stack } from "./components/stack/index.mjs";
-import { PageHeader } from "./components/page-header/index.mjs";
-import { Spinner } from "./components/spinner/index.mjs";
 import { Stat } from "./components/stat/index.mjs";
 import { Steps } from "./components/steps/index.mjs";
 import { Swap } from "./components/swap/index.mjs";
 import { Switch } from "./components/switch/index.mjs";
+import { DataTable, FlexRender, createColumnHelper } from "./components/table/index.mjs";
 import { Tabs } from "./components/tabs/index.mjs";
 import { TagsInput } from "./components/tags-input/index.mjs";
-import { DataTable, FlexRender, createColumnHelper } from "./components/table/index.mjs";
+import { Terminal } from "./components/terminal/index.mjs";
 import { Textarea } from "./components/textarea/index.mjs";
 import { Timeline } from "./components/timeline/index.mjs";
 import { Timer } from "./components/timer/index.mjs";
 import { Toast, Toaster, createToaster } from "./components/toast/index.mjs";
 import { Toc } from "./components/toc/index.mjs";
 import { Toggle } from "./components/toggle/index.mjs";
-import { Typography } from "./components/typography/index.mjs";
 import { ToggleGroup } from "./components/toggle-group/index.mjs";
+import { Toolbar } from "./components/toolbar/index.mjs";
 import { Tooltip } from "./components/tooltip/index.mjs";
 import { Tour, useTour } from "./components/tour/index.mjs";
 import { Transfer } from "./components/transfer/index.mjs";
 import { TreeSelect } from "./components/tree-select/index.mjs";
 import { TreeView } from "./components/tree-view/index.mjs";
+import { Typography } from "./components/typography/index.mjs";
+import { User } from "./components/user/index.mjs";
+import { VirtualList } from "./components/virtual-list/index.mjs";
 import { Watermark } from "./components/watermark/index.mjs";
 export * from "@bysages/core";
-export { Accordion, Action, Action as AiAction, Affix, Ai, Attachment as AiAttachment, Attachment, Attachments as AiAttachments, Attachments, Message as AiMessage, Message, 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, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, Banner, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, CascadeSelect, Checkbox, CheckboxGroup, Chip, ClientOnly, Clipboard, Collapsible, ColorPicker, Combobox, Command, Comment, ConfigProvider, Container, DataTable, DateInput, DatePicker, Descriptions, DescriptionsRoot, Dialog, 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, NavigationMenu, NumberInput, PageHeader, Pagination, PasswordInput, PinInput, Popconfirm, Popover, Presence, PresenceProvider, Progress, ProgressGroup, QrCode, RadioGroup, RatingGroup, ScrollArea, SegmentGroup, Select, Separator, SignaturePad, Skeleton, Slider, Spinner, SplitButton, Splitter, Stack, Stat, Steps, Swap, Switch, Tabs, TagsInput, Textarea, Timeline, Timer, Toast, Toaster, Toc, Toggle, ToggleGroup, Tooltip, Tour, Transfer, TreeSelect, TreeView, Typography, Watermark, createColumnHelper, createFileTreeCollection, createGridCollection, createToaster, createTreeCollection, useAsyncList, useConfig, useDownload, useField, useForm, useListCollection, useListSelection, useMentions, usePresence, usePresenceContext, useTour };
+export { Accordion, Action, Action as AiAction, Affix, Ai, AiActions, Attachment as AiAttachment, Attachment, Attachments as AiAttachments, Attachments, AiContent, Message as AiMessage, Message, 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, 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, TagsInput, Terminal, Textarea, Timeline, Timer, Toast, Toaster, Toc, Toggle, ToggleGroup, Toolbar, Tooltip, Tour, Transfer, TreeSelect, TreeView, Typography, User, VirtualList, Watermark, createColumnHelper, createFileTreeCollection, createGridCollection, createToaster, createTreeCollection, useAsyncList, useConfig, useDownload, useField, useForm, useListCollection, useListSelection, useMentions, usePresence, usePresenceContext, useTour };

package/dist/input-2oezH-dY.mjs

@@ -0,0 +1,58 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useFieldContext } from "@ark-ui/react/field";
+//#region src/components/input/mask.ts
+function accepts(slot, ch) {
+	if (slot === "9") return /\d/.test(ch);
+	if (slot === "a") return /[a-zA-Z]/.test(ch);
+	return /[\da-zA-Z]/.test(ch);
+}
+/** Apply the entry mask: `9` takes a digit, `a` a letter, `*` either;
+* every other character is literal. A literal already typed is consumed,
+* not duplicated; a literal met out of place holds the walk and lets its
+* own slot claim it — so deleting through the middle reflows the shape
+* instead of corrupting it. */
+function applyMask(raw, mask) {
+	const literals = new Set(mask.split("").filter((s) => s !== "9" && s !== "a" && s !== "*"));
+	let out = "";
+	let at = 0;
+	slots: for (const slot of mask) {
+		if (at >= raw.length) break;
+		if (slot === "9" || slot === "a" || slot === "*") {
+			let ch = raw[at];
+			while (ch !== void 0 && !accepts(slot, ch)) {
+				if (literals.has(ch)) continue slots;
+				at += 1;
+				ch = raw[at];
+			}
+			if (ch === void 0) break;
+			out += ch;
+			at += 1;
+		} else if (raw[at] === slot) {
+			at += 1;
+			out += slot;
+		} else out += slot;
+	}
+	return out;
+}
+//#endregion
+//#region src/components/input/index.tsx
+const Input = forwardRef(function Input({ value, size = "md", invalid = false, mask, onValueChange, ...rest }, ref) {
+	injectComponentStyle("input");
+	const field = useFieldContext();
+	const fieldProps = field?.getInputProps() ?? {};
+	return /* @__PURE__ */ jsx("input", {
+		...fieldProps,
+		...rest,
+		...value !== void 0 ? { value } : {},
+		"data-scope": "input",
+		"data-part": "root",
+		"data-size": size,
+		ref,
+		"data-invalid": invalid || field?.invalid ? "" : void 0,
+		onChange: (event) => onValueChange?.(mask ? applyMask(event.target.value, mask) : event.target.value)
+	});
+});
+//#endregion
+export { Input as t };

package/dist/messages-1jJWtaYU.mjs

@@ -0,0 +1,16 @@
+import { useConfig } from "./components/config-provider/index.mjs";
+import { resolveComponentMessages } from "@bysages/core";
+import { useMemo } from "react";
+//#region src/internal/messages.ts
+/** Complete wrapper-owned copy for the nearest ConfigProvider, resolved
+* from its locale and partial message overrides. */
+function useComponentMessages() {
+	const config = useConfig();
+	return useMemo(() => resolveComponentMessages(config.locale ?? "en", config.messages), [config.locale, config.messages]);
+}
+/** Fill a core message's `{name}`-shaped slots. */
+function formatMessage(template, values) {
+	return template.replace(/\{(\w+)\}/g, (match, key) => key in values ? String(values[key]) : match);
+}
+//#endregion
+export { useComponentMessages as n, formatMessage as t };

package/dist/select-eAHutw56.mjs

@@ -0,0 +1,70 @@
+import { injectComponentStyle } from "@bysages/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useFieldContext } from "@ark-ui/react/field";
+import { Select } from "@ark-ui/react/select";
+//#region src/components/select/native.tsx
+function NativeSelect({ value, options, size = "md", invalid = false, placeholder, disabled = false, onValueChange, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...rest }) {
+	injectComponentStyle("select");
+	const field = useFieldContext();
+	const fieldProps = field?.getInputProps() ?? {};
+	const empty = value == null || value === "";
+	const off = disabled || field?.disabled;
+	return /* @__PURE__ */ jsxs("span", {
+		...rest,
+		"data-scope": "select",
+		"data-part": "native-root",
+		"data-size": size,
+		"data-invalid": invalid || field?.invalid ? "" : void 0,
+		"data-disabled": off ? "" : void 0,
+		"data-placeholder-shown": empty ? "" : void 0,
+		children: [/* @__PURE__ */ jsxs("select", {
+			...fieldProps,
+			"aria-label": ariaLabel,
+			"aria-labelledby": ariaLabelledby,
+			value: value ?? "",
+			"data-scope": "select",
+			"data-part": "native",
+			disabled: off || void 0,
+			onChange: (event) => onValueChange?.(event.target.value),
+			children: [placeholder ? /* @__PURE__ */ jsx("option", {
+				value: "",
+				disabled: true,
+				hidden: empty ? void 0 : true,
+				children: placeholder
+			}) : null, options.map((option) => /* @__PURE__ */ jsx("option", {
+				value: option.value,
+				disabled: option.disabled,
+				children: option.label
+			}, option.value))]
+		}), /* @__PURE__ */ jsx("svg", {
+			"data-scope": "select",
+			"data-part": "native-icon",
+			viewBox: "0 0 16 16",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ jsx("path", {
+				d: "M4 6l4 4 4-4",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 1.5,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/select/index.tsx
+function SelectRoot(props) {
+	const { size = "md", ...rest } = props;
+	return /* @__PURE__ */ jsx(Select.Root, {
+		...rest,
+		"data-size": size
+	});
+}
+const Select$1 = {
+	...Select,
+	Root: SelectRoot
+};
+injectComponentStyle("select");
+//#endregion
+export { NativeSelect as n, Select$1 as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bysages/react",
-  "version": "0.2.3",
+  "version": "0.3.1",
   "description": "By Sages Elements components for React — styled by the paper-and-ink design tokens",
   "keywords": [
     "accessible",
@@ -110,37 +110,58 @@
     ".": {
       "types": "./dist/index.d.mts",
       "import": "./dist/index.mjs"
+    },
+    "./generative": {
+      "types": "./dist/generative/index.d.mts",
+      "import": "./dist/generative/index.mjs"
     }
   },
   "dependencies": {
     "@ark-ui/react": "5.39.2",
-    "@tanstack/markdown": "0.0.15",
+    "@tanstack/markdown": "1.0.0",
     "@tanstack/react-form": "1.33.5",
     "@tanstack/react-table": "9.2.4",
     "@tanstack/react-virtual": "3.14.13",
     "@zag-js/cascade-select": "1.44.0",
     "@zag-js/react": "1.44.0",
-    "@bysages/core": "0.2.3",
-    "@bysages/icons": "0.2.3"
+    "@bysages/core": "0.3.1",
+    "@bysages/icons": "0.3.1"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "10.6.0",
-    "@storybook/react-vite": "10.6.0",
+    "@json-render/core": "0.21.0",
+    "@json-render/react": "0.21.0",
+    "@storybook/addon-a11y": "10.6.1",
+    "@storybook/react-vite": "10.6.1",
     "@types/react": "19.3.0",
     "@types/react-dom": "19.3.0",
-    "ai": "7.0.118",
+    "ai": "7.0.126",
     "react": "19.3.0",
     "react-dom": "19.3.0",
-    "storybook": "10.6.0",
+    "storybook": "10.6.1",
     "zod": "4.6.5"
   },
   "peerDependencies": {
+    "@json-render/core": "^0.21.0",
+    "@json-render/react": "^0.21.0",
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",
+    "zod": "^4.0"
+  },
+  "peerDependenciesMeta": {
+    "@json-render/core": {
+      "optional": true
+    },
+    "@json-render/react": {
+      "optional": true
+    },
+    "zod": {
+      "optional": true
+    }
   },
   "scripts": {
     "dev": "storybook dev -p 6006",
     "build": "vp pack",
+    "build:workbench": "storybook build -o ../../docs/public/storybook/react",
     "release": "basis publish"
   }
 }