@bysages/solid 0.3.1 → 0.4.1

package/dist/index-wW28BYf1.d.mts

@@ -0,0 +1,124 @@
+import { Accessor, Component, JSX } from "solid-js";
+//#region src/components/media-player/parts.d.ts
+type MediaPartProps = JSX.HTMLAttributes<HTMLElement>;
+type ButtonPartProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+  label?: string;
+};
+type InputPartProps = JSX.InputHTMLAttributes<HTMLInputElement> & {
+  label?: string;
+};
+type DivPartProps = JSX.HTMLAttributes<HTMLDivElement> & {
+  children?: JSX.Element;
+};
+type LabeledDivPartProps = DivPartProps & {
+  label?: string;
+};
+/** The native media element, framed by the shared shell's state machine. */
+declare function Media(props: MediaPartProps): JSX.Element;
+/** Play and pause share one seal-cut control: the state changes the mark,
+ * never the control's place in the hand. */
+declare function PlayButton(props: ButtonPartProps): JSX.Element;
+/** The elapsed and total time bracket the timeline. */
+declare function Time(props: JSX.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+/** The timeline is the sheet on which the listener writes their place. */
+declare function Timeline(props: InputPartProps): JSX.Element;
+/** Muting stays at the left of the volume well, the way a hand expects. */
+declare function MuteButton(props: ButtonPartProps): JSX.Element;
+declare function Volume(props: InputPartProps): JSX.Element;
+/** Playback rate is a real choice, not hidden behind native menus. */
+declare function Rate(props: LabeledDivPartProps): JSX.Element;
+/** Text tracks use the browser's native model; the control chooses a
+ * track index, while rendering stays with the media element. */
+declare function Captions(props: LabeledDivPartProps): JSX.Element;
+/** Picture-in-picture is video-only and capability-detected. */
+declare function PipButton(props: ButtonPartProps): JSX.Element;
+/** Fullscreen takes the whole vessel, not just the moving picture. */
+declare function FullscreenButton(props: ButtonPartProps): JSX.Element;
+//#endregion
+//#region src/components/media-player/use-media-controls.d.ts
+/** One alternative encoding offered to the browser before playback. */
+interface MediaSourceOption {
+  src: string;
+  type?: string;
+}
+/** A WebVTT track handed to the native text-track model. */
+interface MediaTextTrackOption {
+  src: string;
+  kind?: "subtitles" | "captions" | "descriptions" | "chapters" | "metadata";
+  label?: string;
+  srcLang?: string;
+  default?: boolean;
+}
+/** A compact clock for player chrome: hours only when the media asks
+ * for them, stable digits so the time never jitters the controls. */
+declare function formatMediaTime(seconds: number): string;
+//#endregion
+//#region src/components/media-player/shell.d.ts
+type MediaEventName = "onPlay" | "onPause" | "onEnded" | "onTimeupdate" | "onVolumechange" | "onRatechange" | "onError";
+interface MediaPlayerProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, MediaEventName | "onPlay" | "onPause"> {
+  label?: string;
+  src?: string;
+  sources?: MediaSourceOption[];
+  tracks?: MediaTextTrackOption[];
+  autoplay?: boolean;
+  loop?: boolean;
+  muted?: boolean;
+  preload?: "none" | "metadata" | "auto";
+  volume?: number;
+  playbackRate?: number;
+  playbackRates?: number[];
+  disabled?: boolean;
+  poster?: string;
+  playsInline?: boolean;
+  onPlay?: (event: Event) => void;
+  onPause?: (event: Event) => void;
+  onEnded?: (event: Event) => void;
+  onTimeupdate?: (event: Event) => void;
+  onVolumechange?: (event: Event) => void;
+  onRatechange?: (event: Event) => void;
+  onError?: (event: Event) => void;
+}
+//#endregion
+//#region src/components/media-player/index.d.ts
+/** Audio and video share one instrument: the same state, the same keys,
+ * and the same control rhythm, while each face keeps its native element's
+ * own semantics. The parts — Root, Stage, Media, Controls, PlayButton,
+ * Timeline, Time, MuteButton, Volume, Rate, Captions, PipButton,
+ * FullscreenButton. */
+declare const Audio: Component<MediaPlayerProps> & {
+  Root: Component<MediaPlayerProps>;
+  Stage: (props: JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: JSX.Element;
+  }) => JSX.Element;
+  Media: typeof Media;
+  Controls: (props: JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: JSX.Element;
+  }) => JSX.Element;
+  PlayButton: typeof PlayButton;
+  Timeline: typeof Timeline;
+  Time: typeof Time;
+  MuteButton: typeof MuteButton;
+  Volume: typeof Volume;
+  Rate: typeof Rate;
+};
+declare const Video: Component<MediaPlayerProps> & {
+  Root: Component<MediaPlayerProps>;
+  Stage: (props: JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: JSX.Element;
+  }) => JSX.Element;
+  Media: typeof Media;
+  Controls: (props: JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: JSX.Element;
+  }) => JSX.Element;
+  PlayButton: typeof PlayButton;
+  Timeline: typeof Timeline;
+  Time: typeof Time;
+  MuteButton: typeof MuteButton;
+  Volume: typeof Volume;
+  Rate: typeof Rate;
+  Captions: typeof Captions;
+  PipButton: typeof PipButton;
+  FullscreenButton: typeof FullscreenButton;
+};
+//#endregion
+export { MediaTextTrackOption as a, MediaSourceOption as i, Video as n, formatMediaTime as o, MediaPlayerProps as r, Audio as t };

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { Accordion } from "./components/accordion/index.mjs";
+import { Accordion, AccordionFacadeProps, AccordionItem } from "./components/accordion/index.mjs";
 import { Affix, AffixProps } from "./components/affix/index.mjs";
 import { Action, ActionProps } from "./components/ai-action/index.mjs";
 import { AiAttachment as Attachment, AiAttachments as Attachments, AttachmentProps, AttachmentStatus } from "./components/ai-attachments/index.mjs";
@@ -9,10 +9,11 @@ import { AiResponse as Response, ResponseProps } from "./components/ai-response/
 import { AiSource as Source, AiSources as Sources, SourceProps } 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 AiLoader, c as ReasoningUIPart, d as StepStartUIPart, f as TextUIPart, h as UIMessagePart, i as AiConversation, l as SourceDocumentUIPart, m as UIMessage, n as AiActions, o as DataUIPart, p as ToolUIPart, r as AiContent, s as FileUIPart, t as Ai, u as SourceUrlUIPart } from "./index-IfofF-SW.mjs";
+import { a as AiLoader, c as ReasoningUIPart, d as StepStartUIPart, f as TextUIPart, h as UIMessagePart, i as AiConversation, l as SourceDocumentUIPart, m as UIMessage, n as AiActions, o as DataUIPart, p as ToolUIPart, r as AiContent, s as FileUIPart, t as Ai, u as SourceUrlUIPart } from "./index-DVc1L_zt.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";
+import { Combobox, ComboboxFacadeProps } from "./components/combobox/index.mjs";
 import { AutoComplete, AutoCompleteProps } from "./components/autocomplete/index.mjs";
 import { AvatarGroup, AvatarGroupProps } from "./components/avatar-group/index.mjs";
 import { Avatar, AvatarProps, AvatarSize } from "./components/avatar/index.mjs";
@@ -25,32 +26,31 @@ import { Breadcrumb } from "./components/breadcrumb/index.mjs";
 import { Browser, BrowserBody, BrowserDots, BrowserPartProps, BrowserRoot, BrowserTitleBar, BrowserUrlBar } from "./components/browser/index.mjs";
 import { ButtonGroup, ButtonGroupProps, ButtonGroupRoot } from "./components/button-group/index.mjs";
 import { Button, ButtonProps } from "./components/button/index.mjs";
+import { DatePicker } from "./components/date-picker/index.mjs";
 import { Calendar, CalendarProps } from "./components/calendar/index.mjs";
 import { Card } from "./components/card/index.mjs";
 import { Carousel } from "./components/carousel/index.mjs";
 import { CascadeSelect, CascadeSelectNode, CascadeSelectProps } from "./components/cascade-select/index.mjs";
-import { CheckboxGroup, CheckboxGroupProps, CheckboxOption } from "./components/checkbox-group/index.mjs";
 import { Checkbox } from "./components/checkbox/index.mjs";
+import { CheckboxGroup, CheckboxGroupProps, CheckboxOption } from "./components/checkbox-group/index.mjs";
 import { Chip, ChipProps } from "./components/chip/index.mjs";
 import { ClientOnly, ClientOnlyProps } from "./components/client-only/index.mjs";
 import { Clipboard } from "./components/clipboard/index.mjs";
-import { Collapsible } from "./components/collapsible/index.mjs";
+import { Collapsible, CollapsibleFacadeProps } from "./components/collapsible/index.mjs";
 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";
 import { ColorPicker } from "./components/color-picker/index.mjs";
-import { Combobox } from "./components/combobox/index.mjs";
+import { Dialog, DialogFacadeProps, DialogOpenChangeDetails } from "./components/dialog/index.mjs";
 import { Command, CommandEntry, CommandProps } from "./components/command/index.mjs";
 import { Comment, CommentProps } from "./components/comment/index.mjs";
 import { ConfigContext, ConfigContextKey, 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 } from "./components/date-input/index.mjs";
-import { DatePicker } from "./components/date-picker/index.mjs";
 import { DeferredContent, DeferredContentProps } from "./components/deferred-content/index.mjs";
-import { Descriptions, DescriptionsRootProps } from "./components/descriptions/index.mjs";
-import { Dialog, DialogOpenChangeDetails } from "./components/dialog/index.mjs";
+import { Descriptions, DescriptionsItemData, DescriptionsRootProps } from "./components/descriptions/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 { Drawer, DrawerFacadeProps } from "./components/drawer/index.mjs";
 import { DynamicInput, DynamicInputProps } from "./components/dynamic-input/index.mjs";
 import { Editable } from "./components/editable/index.mjs";
 import { Ellipsis, EllipsisProps } from "./components/ellipsis/index.mjs";
@@ -61,15 +61,15 @@ import { FileUpload } from "./components/file-upload/index.mjs";
 import { FloatButton, FloatButtonContext, FloatButtonContextKey, FloatButtonItemProps, FloatButtonPlacement, FloatButtonRootProps, FloatButtonSize, FloatButtonTriggerProps } from "./components/float-button/index.mjs";
 import { FloatingPanel } from "./components/floating-panel/index.mjs";
 import { FocusTrap, FocusTrapBaseProps, FocusTrapProps } from "./components/focus-trap/index.mjs";
-import { a as SolidFormApi, c as FormApi, i as FormProps, l as FieldApi, n as FormField, o as createField, r as FormFieldProps, s as createForm, t as Form } from "./index-B1xiJ5ki.mjs";
+import { a as SolidFormApi, c as FormApi, i as FormProps, l as FieldApi, n as FormField, o as createField, r as FormFieldProps, s as createForm, t as Form } from "./index-B1-quIrl.mjs";
 import { Format } from "./components/format/index.mjs";
 import { Frame } from "./components/frame/index.mjs";
 import { Grid, GridProps } from "./components/grid/index.mjs";
 import { Highlight } from "./components/highlight/index.mjs";
-import { HoverCard } from "./components/hover-card/index.mjs";
+import { HoverCard, HoverCardFacadeProps } from "./components/hover-card/index.mjs";
 import { Icon, IconProps } from "./components/icon/index.mjs";
 import { ImageCropper } from "./components/image-cropper/index.mjs";
-import { ImageViewer, ImageViewerProps } from "./components/image-viewer/index.mjs";
+import { n as ImageViewerProps, t as ImageViewer } from "./index-DhripUtf.mjs";
 import { Image, ImageProps } from "./components/image/index.mjs";
 import { InputGroup } from "./components/input-group/index.mjs";
 import { Input, InputProps } from "./components/input/index.mjs";
@@ -81,8 +81,10 @@ import { List, ListContentProps, ListRootProps } from "./components/list/index.m
 import { Listbox } from "./components/listbox/index.mjs";
 import { Marquee } from "./components/marquee/index.mjs";
 import { Masonry, MasonryProps } from "./components/masonry/index.mjs";
-import { a as MentionsVesselProps, c as useMentions, i as MentionsVessel, n as Mentions, o as UseMentionsHandlers, r as MentionsProps, s as UseMentionsOptions, t as MentionEntry } from "./index-DDX7x8aT.mjs";
-import { Menu } from "./components/menu/index.mjs";
+import { a as MediaTextTrackOption, i as MediaSourceOption, n as Video, o as formatMediaTime, r as MediaPlayerProps, t as Audio } from "./index-wW28BYf1.mjs";
+import { Popover, PopoverFacadeProps } from "./components/popover/index.mjs";
+import { a as MentionsVesselProps, c as useMentions, i as MentionsVessel, n as Mentions, o as UseMentionsHandlers, r as MentionsProps, s as UseMentionsOptions, t as MentionEntry } from "./index-DEArHiFI.mjs";
+import { Menu, MenuFacadeProps, MenuItemOption } from "./components/menu/index.mjs";
 import { Menubar, MenubarEntry, MenubarGroup, MenubarProps } from "./components/menubar/index.mjs";
 import { Meter, MeterRootProps } from "./components/meter/index.mjs";
 import { NavigationMenu } from "./components/navigation-menu/index.mjs";
@@ -93,7 +95,6 @@ import { Pagination } from "./components/pagination/index.mjs";
 import { PasswordInput } from "./components/password-input/index.mjs";
 import { PinInput } from "./components/pin-input/index.mjs";
 import { Popconfirm, PopconfirmProps } from "./components/popconfirm/index.mjs";
-import { Popover } from "./components/popover/index.mjs";
 import { Presence, PresenceProps, PresenceProvider, UsePresenceContext, UsePresenceProps, UsePresenceReturn, usePresence, usePresenceContext } from "./components/presence/index.mjs";
 import { ProgressGroup, ProgressGroupProps, ProgressSegment } from "./components/progress-group/index.mjs";
 import { Progress } from "./components/progress/index.mjs";
@@ -103,7 +104,7 @@ 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 { i as NativeSelectProps, n as NativeSelect, r as NativeSelectOption, t as Select } from "./index-YPUiqD3n.mjs";
+import { a as NativeSelectProps, i as NativeSelectOption, n as SelectFacadeProps, r as NativeSelect, t as Select } from "./index-ID48LCMU.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";
@@ -114,23 +115,23 @@ 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";
+import { Steps, StepsFacadeProps, StepsItem } from "./components/steps/index.mjs";
 import { Swap } from "./components/swap/index.mjs";
 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 { Tabs, TabsFacadeProps, TabsItem } 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";
 import { CreateToasterReturn, Toast, Toaster, createToaster } from "./components/toast/index.mjs";
-import { t as Toc } from "./index-DdsnfV4f.mjs";
+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 { Tooltip, TooltipFacadeProps } from "./components/tooltip/index.mjs";
+import { Tour, TourFacadeProps, 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";
@@ -139,4 +140,4 @@ 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, AiActions, Attachment as AiAttachment, Attachment, Attachments as AiAttachments, Attachments, AiContent, AiConversation, AiLoader, 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, AttachmentStatus, 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, ButtonGroupRoot, 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, ConfigContextKey, ConfigDensity, ConfigProvider, ConfigProviderProps, ConfigScene, Container, ContainerProps, type CreateToasterReturn, DataTable, DataTableProps, type DataUIPart, DataView, DataViewProps, DateInput, DatePicker, DeferredContent, DeferredContentProps, Descriptions, DescriptionsRootProps, Dialog, type DialogOpenChangeDetails, Dock, DockItem, DockItemProps, DockProps, DockRoot, DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, Drawer, DynamicInput, DynamicInputProps, Editable, Ellipsis, EllipsisProps, Empty, Field, type FieldApi, Fieldset, type FilePathTreeNode, type FileUIPart, FileUpload, type FlatTreeNode, FlexRender, FloatButton, FloatButtonContext, FloatButtonContextKey, FloatButtonItemProps, FloatButtonPlacement, FloatButtonRootProps, FloatButtonSize, FloatButtonTriggerProps, 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, 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, MessageRole, Meter, MeterRootProps, NativeSelect, type NativeSelectOption, type NativeSelectProps, NavigationMenu, NumberInput, OrderList, OrderListProps, OrderOption, PageHeader, Pagination, PasswordInput, PinInput, Popconfirm, PopconfirmProps, Popover, Presence, 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 SolidFormApi, type SortingState, type SourceDocumentUIPart, SourceProps, type SourceUrlUIPart, 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, createField, createField as useField, createFileTreeCollection, createForm, createForm as useForm, createGridCollection, createListCollection, createToaster, createTreeCollection, useAsyncList, useConfig, useDownload, useListCollection, useListSelection, useMentions, usePresence, usePresenceContext, useTour };
+export { Accordion, AccordionFacadeProps, AccordionItem, Action, Action as AiAction, ActionProps, Affix, AffixProps, Ai, AiActions, Attachment as AiAttachment, Attachment, Attachments as AiAttachments, Attachments, AiContent, AiConversation, AiLoader, 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, AttachmentStatus, Audio, 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, ButtonGroupRoot, ButtonProps, Calendar, CalendarProps, Card, Carousel, CascadeSelect, CascadeSelectNode, CascadeSelectProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxOption, Chip, ChipProps, ClientOnly, type ClientOnlyProps, Clipboard, Collapsible, CollapsibleFacadeProps, type CollectionItem, type CollectionOptions, ColorPicker, type ColumnDef, Combobox, ComboboxFacadeProps, Command, CommandEntry, CommandProps, Comment, CommentProps, ConfigContext, ConfigContextKey, ConfigDensity, ConfigProvider, ConfigProviderProps, ConfigScene, Container, ContainerProps, type CreateToasterReturn, DataTable, DataTableProps, type DataUIPart, DataView, DataViewProps, DateInput, DatePicker, DeferredContent, DeferredContentProps, Descriptions, DescriptionsItemData, DescriptionsRootProps, Dialog, DialogFacadeProps, type DialogOpenChangeDetails, Dock, DockItem, DockItemProps, DockProps, DockRoot, DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, Drawer, DrawerFacadeProps, DynamicInput, DynamicInputProps, Editable, Ellipsis, EllipsisProps, Empty, Field, type FieldApi, Fieldset, type FilePathTreeNode, type FileUIPart, FileUpload, type FlatTreeNode, FlexRender, FloatButton, FloatButtonContext, FloatButtonContextKey, FloatButtonItemProps, FloatButtonPlacement, FloatButtonRootProps, FloatButtonSize, FloatButtonTriggerProps, FloatingPanel, 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, ImageProps, ImageViewer, ImageViewerProps, Input, InputGroup, InputProps, JsonTreeView, Kbd, KbdProps, Layout, LayoutContextValue, LayoutRootProps, LayoutSiderProps, Link, LinkProps, List, type ListCollection, ListContentProps, ListRootProps, Listbox, Marquee, Masonry, MasonryProps, type MediaPlayerProps, type MediaSourceOption, type MediaTextTrackOption, MentionEntry, Mentions, MentionsProps, MentionsVessel, MentionsVesselProps, Menu, MenuFacadeProps, MenuItemOption, Menubar, MenubarEntry, MenubarGroup, MenubarProps, MessageProps, MessageRole, Meter, MeterRootProps, NativeSelect, type NativeSelectOption, type NativeSelectProps, NavigationMenu, NumberInput, OrderList, OrderListProps, OrderOption, PageHeader, Pagination, PasswordInput, PinInput, Popconfirm, PopconfirmProps, Popover, PopoverFacadeProps, Presence, type PresenceProps, PresenceProvider, Progress, ProgressGroup, ProgressGroupProps, ProgressSegment, PromptInputProps, QrCode, RadioGroup, RatingGroup, ReasoningProps, type ReasoningUIPart, ResponseProps, Result, ResultIcon, ResultRoot, ResultRootProps, ScrollArea, SegmentGroup, Select, SelectFacadeProps, Separator, SeparatorProps, SignaturePad, Skeleton, SkeletonProps, Slider, type SolidFormApi, type SortingState, type SourceDocumentUIPart, SourceProps, type SourceUrlUIPart, Spinner, SpinnerProps, SplitButton, SplitButtonEntry, SplitButtonProps, Splitter, Spotlight, SpotlightProps, Stack, StackProps, Stat, StatDeltaProps, type StepStartUIPart, Steps, StepsFacadeProps, StepsItem, SuggestionProps, Swap, Switch, Tabs, TabsFacadeProps, TabsItem, TagsInput, Terminal, TerminalProps, type TextUIPart, Textarea, TextareaProps, Timeline, Timer, Toast, Toaster, Toc, Toggle, ToggleGroup, ToolProps, ToolStatus, type ToolUIPart, 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, 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, Video, VirtualList, VirtualListProps, Watermark, WatermarkProps, createColumnHelper, createField, createField as useField, createFileTreeCollection, createForm, createForm as useForm, createGridCollection, createListCollection, createToaster, createTreeCollection, formatMediaTime, useAsyncList, useConfig, useDownload, useListCollection, useListSelection, useMentions, usePresence, usePresenceContext, useTour };

package/dist/index.mjs

@@ -8,7 +8,7 @@ import { Field } from "./components/field/index.mjs";
 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-slzE03wh.mjs";
+import { t as Response } from "./ai-response-CJ-uEAgj.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";
@@ -17,6 +17,7 @@ import { AiAttachment as Attachment, AiAttachments as Attachments } from "./comp
 import { Alert } from "./components/alert/index.mjs";
 import { AngleSlider } from "./components/angle-slider/index.mjs";
 import { AspectRatio } from "./components/aspect-ratio/index.mjs";
+import { Combobox } from "./components/combobox/index.mjs";
 import { AutoComplete } from "./components/autocomplete/index.mjs";
 import { Avatar } from "./components/avatar/index.mjs";
 import { AvatarGroup } from "./components/avatar-group/index.mjs";
@@ -27,10 +28,11 @@ import { BlockUI } from "./components/block-ui/index.mjs";
 import { Banner } from "./components/banner/index.mjs";
 import { Breadcrumb } from "./components/breadcrumb/index.mjs";
 import { ButtonGroup, ButtonGroupRoot } from "./components/button-group/index.mjs";
+import { DatePicker } from "./components/date-picker/index.mjs";
 import { Calendar } from "./components/calendar/index.mjs";
 import { Card } from "./components/card/index.mjs";
 import { Carousel } from "./components/carousel/index.mjs";
-import { t as Input } from "./input-DoFQ7RXh.mjs";
+import { t as Input } from "./input-BL3N3L8g.mjs";
 import { CascadeSelect } from "./components/cascade-select/index.mjs";
 import { Checkbox } from "./components/checkbox/index.mjs";
 import { CheckboxGroup } from "./components/checkbox-group/index.mjs";
@@ -39,7 +41,7 @@ import { ClientOnly } from "./components/client-only/index.mjs";
 import { Clipboard } from "./components/clipboard/index.mjs";
 import { createFileTreeCollection, createGridCollection, createListCollection, 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 { Dialog } from "./components/dialog/index.mjs";
 import { Command } from "./components/command/index.mjs";
 import { Comment } from "./components/comment/index.mjs";
 import { Container } from "./components/container/index.mjs";
@@ -47,9 +49,7 @@ import { Pagination } from "./components/pagination/index.mjs";
 import { DataView } from "./components/data-view/index.mjs";
 import { DateInput } from "./components/date-input/index.mjs";
 import { DeferredContent } from "./components/deferred-content/index.mjs";
-import { DatePicker } from "./components/date-picker/index.mjs";
 import { Descriptions } from "./components/descriptions/index.mjs";
-import { Dialog } from "./components/dialog/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";
@@ -70,7 +70,7 @@ import { HoverCard } from "./components/hover-card/index.mjs";
 import { Icon } from "./components/icon/index.mjs";
 import { Image } from "./components/image/index.mjs";
 import { ImageCropper } from "./components/image-cropper/index.mjs";
-import { ImageViewer } from "./components/image-viewer/index.mjs";
+import { t as ImageViewer } from "./image-viewer-19s75Hz_.mjs";
 import { InputGroup } from "./components/input-group/index.mjs";
 import { JsonTreeView } from "./components/json-tree-view/index.mjs";
 import { Kbd } from "./components/kbd/index.mjs";
@@ -82,8 +82,8 @@ import { Marquee } from "./components/marquee/index.mjs";
 import { Masonry } from "./components/masonry/index.mjs";
 import { Menu } from "./components/menu/index.mjs";
 import { Menubar } from "./components/menubar/index.mjs";
-import { Textarea } from "./components/textarea/index.mjs";
-import { n as MentionsVessel, r as useMentions, t as Mentions } from "./mentions-f5Js_2W7.mjs";
+import { Popover } from "./components/popover/index.mjs";
+import { n as MentionsVessel, r as useMentions, t as Mentions } from "./mentions-DKUG7eHt.mjs";
 import { Meter } from "./components/meter/index.mjs";
 import { NavigationMenu } from "./components/navigation-menu/index.mjs";
 import { OrderList } from "./components/order-list/index.mjs";
@@ -92,7 +92,6 @@ 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";
-import { Popover } from "./components/popover/index.mjs";
 import { Presence, PresenceProvider, usePresence, usePresenceContext } from "./components/presence/index.mjs";
 import { Progress } from "./components/progress/index.mjs";
 import { ProgressGroup } from "./components/progress-group/index.mjs";
@@ -101,7 +100,7 @@ import { RadioGroup } from "./components/radio-group/index.mjs";
 import { RatingGroup } from "./components/rating-group/index.mjs";
 import { ScrollArea } from "./components/scroll-area/index.mjs";
 import { SegmentGroup } from "./components/segment-group/index.mjs";
-import { n as NativeSelect, t as Select } from "./select-CX6OuQlU.mjs";
+import { n as NativeSelect, t as Select } from "./select-DI7pFspF.mjs";
 import { Separator } from "./components/separator/index.mjs";
 import { SignaturePad } from "./components/signature-pad/index.mjs";
 import { Skeleton } from "./components/skeleton/index.mjs";
@@ -117,10 +116,11 @@ import { DataTable, FlexRender, createColumnHelper } from "./components/table/in
 import { Tabs } from "./components/tabs/index.mjs";
 import { Terminal } from "./components/terminal/index.mjs";
 import { TagsInput } from "./components/tags-input/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 { t as Toc } from "./toc-CZmYEaQR.mjs";
+import { t as Toc } from "./toc-CqvGOp34.mjs";
 import { Toggle } from "./components/toggle/index.mjs";
 import { Toolbar } from "./components/toolbar/index.mjs";
 import { Typography } from "./components/typography/index.mjs";
@@ -138,5 +138,6 @@ import { Dock, DockItem, DockRoot } from "./components/dock/index.mjs";
 import { Browser, BrowserBody, BrowserDots, BrowserRoot, BrowserTitleBar, BrowserUrlBar } from "./components/browser/index.mjs";
 import { Bento, BentoCell, BentoRoot } from "./components/bento/index.mjs";
 import { Result, ResultIcon, ResultRoot } from "./components/result/index.mjs";
+import { n as Video, r as formatMediaTime, t as Audio } from "./media-player-yF7KVUxM.mjs";
 export * from "@bysages/core";
-export { Accordion, Action, Action as AiAction, Affix, Ai, AiActions, Attachment as AiAttachment, Attachment, Attachments as AiAttachments, Attachments, AiContent, AiConversation, AiLoader, 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, ButtonGroupRoot, Calendar, Card, Carousel, CascadeSelect, Checkbox, CheckboxGroup, Chip, ClientOnly, Clipboard, Collapsible, ColorPicker, Combobox, Command, Comment, ConfigContextKey, ConfigProvider, Container, DataTable, DataView, DateInput, DatePicker, DeferredContent, Descriptions, Dialog, Dock, DockItem, DockRoot, DownloadTrigger, Drawer, DynamicInput, Editable, Ellipsis, Empty, Field, Fieldset, FileUpload, FlexRender, FloatButton, FloatButtonContextKey, 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, createField, createField as useField, createFileTreeCollection, createForm, createForm as useForm, createGridCollection, createListCollection, createToaster, createTreeCollection, useAsyncList, useConfig, useDownload, useListCollection, useListSelection, useMentions, usePresence, usePresenceContext, useTour };
+export { Accordion, Action, Action as AiAction, Affix, Ai, AiActions, Attachment as AiAttachment, Attachment, Attachments as AiAttachments, Attachments, AiContent, AiConversation, AiLoader, 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, Audio, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, Banner, Bento, BentoCell, BentoRoot, BlockUI, Breadcrumb, Browser, BrowserBody, BrowserDots, BrowserRoot, BrowserTitleBar, BrowserUrlBar, Button, ButtonGroup, ButtonGroupRoot, Calendar, Card, Carousel, CascadeSelect, Checkbox, CheckboxGroup, Chip, ClientOnly, Clipboard, Collapsible, ColorPicker, Combobox, Command, Comment, ConfigContextKey, ConfigProvider, Container, DataTable, DataView, DateInput, DatePicker, DeferredContent, Descriptions, Dialog, Dock, DockItem, DockRoot, DownloadTrigger, Drawer, DynamicInput, Editable, Ellipsis, Empty, Field, Fieldset, FileUpload, FlexRender, FloatButton, FloatButtonContextKey, 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, Video, VirtualList, Watermark, createColumnHelper, createField, createField as useField, createFileTreeCollection, createForm, createForm as useForm, createGridCollection, createListCollection, createToaster, createTreeCollection, formatMediaTime, useAsyncList, useConfig, useDownload, useListCollection, useListSelection, useMentions, usePresence, usePresenceContext, useTour };

package/dist/{input-DoFQ7RXh.mjs → input-BL3N3L8g.mjs}

@@ -1,5 +1,6 @@
-import { injectComponentStyle } from "@bysages/core";
+import { n as withSelfRoot } from "./family-Cmd8HEyK.mjs";
 import { spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { mergeProps as mergeProps$1, splitProps } from "solid-js";
 import { useFieldContext } from "@ark-ui/solid/field";
 //#region src/components/input/mask.ts
@@ -45,7 +46,7 @@ var _tmpl$ = /* @__PURE__ */ template(`<input>`);
 * the label id, the described-by wiring and the invalid state for free,
 * which is also the seam the Form validation layer will drive. Disabled
 * rides the native attribute. */
-function Input(props) {
+const Input = withSelfRoot(function Input(props) {
 	injectComponentStyle("input");
 	const field = useFieldContext();
 	const [own, rest] = splitProps(props, [
@@ -73,6 +74,6 @@ function Input(props) {
 		});
 	}, false);
 	return _el$;
-}
+});
 //#endregion
 export { Input as t };