@bysages/solid 0.4.1 → 0.4.3

package/dist/index-BU5U5w04.d.mts

@@ -0,0 +1,35 @@
+import { ComponentProps } from "solid-js";
+import { Toc } from "@ark-ui/solid/toc";
+//#region src/components/toc/TocIndicator.d.ts
+/** The active stroke is decoration; hidden so the list reads as links
+ * alone. */
+declare function TocIndicator(props: ComponentProps<typeof Toc.Indicator>): import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/toc/index.d.ts
+/** Ark's Toc, dressed in the paper-and-ink system: a quiet rail of links
+ * beside the scroll, one stroke of primary ink marking where the reader
+ * stands. The API is Ark's own — Root, Title, List, Item, Link, Indicator. */
+declare function TocRoot(props: ComponentProps<typeof Toc.Root>): import("solid-js").JSX.Element;
+/** The content column is the scroller the rail walks — a keyboard
+ * reader needs to reach it like any scroll region. */
+declare function TocContent(props: ComponentProps<typeof Toc.Content>): import("solid-js").JSX.Element;
+type TocItem = {
+  value: string;
+  label: string;
+  depth?: number;
+};
+interface TocFacadeProps {
+  items: TocItem[];
+  scrollEl?: () => HTMLElement | null;
+  title?: string;
+}
+/** The complete rail behind one page: items become anchor rows, the
+ * title names the list, and the active stroke follows the scroller. */
+declare function TocFacade(props: TocFacadeProps): import("solid-js").JSX.Element;
+declare const Toc$1: typeof TocFacade & Omit<typeof Toc, "Root" | "Indicator" | "Content"> & {
+  Root: typeof TocRoot;
+  Indicator: typeof TocIndicator;
+  Content: typeof TocContent;
+};
+//#endregion
+export { TocFacadeProps as n, Toc$1 as t };

package/dist/index.d.mts

@@ -11,7 +11,7 @@ import { AiSuggestion as Suggestion, SuggestionProps } from "./components/ai-sug
 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-DVc1L_zt.mjs";
 import { Alert, AlertProps, AlertStatus } from "./components/alert/index.mjs";
-import { AngleSlider } from "./components/angle-slider/index.mjs";
+import { AngleSlider, AngleSliderFacadeProps } 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";
@@ -26,16 +26,16 @@ 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 { DatePicker, DatePickerFacadeProps, DatePickerPreset } from "./components/date-picker/index.mjs";
+import { Calendar, CalendarProps, DatePickerFocusChangeDetails, DatePickerOpenChangeDetails, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerVisibleRangeChangeDetails } from "./components/calendar/index.mjs";
 import { Card } from "./components/card/index.mjs";
-import { Carousel } from "./components/carousel/index.mjs";
+import { Carousel, CarouselFacadeProps } from "./components/carousel/index.mjs";
 import { CascadeSelect, CascadeSelectNode, CascadeSelectProps } from "./components/cascade-select/index.mjs";
-import { Checkbox } from "./components/checkbox/index.mjs";
-import { CheckboxGroup, CheckboxGroupProps, CheckboxOption } from "./components/checkbox-group/index.mjs";
+import { Checkbox, CheckboxFacadeProps } from "./components/checkbox/index.mjs";
+import { CheckboxGroup, CheckboxGroupFacadeProps, 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 { Clipboard, ClipboardFacadeProps } from "./components/clipboard/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";
@@ -45,41 +45,41 @@ 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 { DateInput, DateInputFacadeProps } from "./components/date-input/index.mjs";
 import { DeferredContent, DeferredContentProps } from "./components/deferred-content/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, DrawerFacadeProps } from "./components/drawer/index.mjs";
 import { DynamicInput, DynamicInputProps } from "./components/dynamic-input/index.mjs";
-import { Editable } from "./components/editable/index.mjs";
+import { Editable, EditableFacadeProps } from "./components/editable/index.mjs";
 import { Ellipsis, EllipsisProps } from "./components/ellipsis/index.mjs";
 import { Empty } from "./components/empty/index.mjs";
-import { Field } from "./components/field/index.mjs";
-import { Fieldset } from "./components/fieldset/index.mjs";
-import { FileUpload } from "./components/file-upload/index.mjs";
+import { Field, FieldFacadeProps } from "./components/field/index.mjs";
+import { Fieldset, FieldsetFacadeProps } from "./components/fieldset/index.mjs";
+import { FileUpload, FileUploadFacadeProps } 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 { FloatingPanel, FloatingPanelFacadeProps } 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-B1-quIrl.mjs";
+import { FieldApi, Form, FormApi, FormField, FormFieldProps, FormProps, SolidFormApi, createField, createForm } from "./components/form/index.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, HoverCardFacadeProps } from "./components/hover-card/index.mjs";
 import { Icon, IconProps } from "./components/icon/index.mjs";
-import { ImageCropper } from "./components/image-cropper/index.mjs";
+import { ImageCropper, ImageCropperFacadeProps } from "./components/image-cropper/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";
-import { JsonTreeView } from "./components/json-tree-view/index.mjs";
+import { JsonTreeView, JsonTreeViewFacadeProps } from "./components/json-tree-view/index.mjs";
 import { Kbd, KbdProps } from "./components/kbd/index.mjs";
 import { Layout, LayoutContextValue, LayoutRootProps, LayoutSiderProps } from "./components/layout/index.mjs";
 import { Link, LinkProps } from "./components/link/index.mjs";
 import { List, ListContentProps, ListRootProps } from "./components/list/index.mjs";
-import { Listbox } from "./components/listbox/index.mjs";
-import { Marquee } from "./components/marquee/index.mjs";
+import { Listbox, ListboxFacadeProps } from "./components/listbox/index.mjs";
+import { Marquee, MarqueeFacadeProps } from "./components/marquee/index.mjs";
 import { Masonry, MasonryProps } from "./components/masonry/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";
@@ -87,57 +87,58 @@ import { a as MentionsVesselProps, c as useMentions, i as MentionsVessel, n as M
 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";
-import { NumberInput } from "./components/number-input/index.mjs";
+import { NavigationMenu, NavigationMenuFacadeProps, NavigationMenuLinkOption } from "./components/navigation-menu/index.mjs";
+import { NumberInput, NumberInputFacadeProps } 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";
-import { PinInput } from "./components/pin-input/index.mjs";
+import { Pagination, PaginationFacadeProps } from "./components/pagination/index.mjs";
+import { PasswordInput, PasswordInputFacadeProps } from "./components/password-input/index.mjs";
+import { PinInput, PinInputFacadeProps } from "./components/pin-input/index.mjs";
 import { Popconfirm, PopconfirmProps } from "./components/popconfirm/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";
-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 { Progress, ProgressFacadeProps } from "./components/progress/index.mjs";
+import { QrCode, QrCodeFacadeProps } from "./components/qr-code/index.mjs";
+import { RadioGroup, RadioGroupFacadeProps, RadioGroupItem } from "./components/radio-group/index.mjs";
+import { RatingGroup, RatingGroupFacadeProps } 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 { ScrollArea, ScrollAreaFacadeProps } from "./components/scroll-area/index.mjs";
+import { SegmentGroup, SegmentGroupFacadeProps, SegmentGroupItem } from "./components/segment-group/index.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 { SignaturePad, SignaturePadFacadeProps } from "./components/signature-pad/index.mjs";
 import { Skeleton, SkeletonProps } from "./components/skeleton/index.mjs";
-import { Slider } from "./components/slider/index.mjs";
+import { Slider, SliderFacadeProps } 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 { Splitter, SplitterFacadeProps, SplitterItem } 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, StepsFacadeProps, StepsItem } from "./components/steps/index.mjs";
-import { Swap } from "./components/swap/index.mjs";
-import { Switch } from "./components/switch/index.mjs";
+import { Swap, SwapFacadeProps } from "./components/swap/index.mjs";
+import { Switch, SwitchFacadeProps } from "./components/switch/index.mjs";
 import { ColumnDef, DataTable, DataTableProps, FlexRender, SortingState, createColumnHelper } from "./components/table/index.mjs";
 import { Tabs, TabsFacadeProps, TabsItem } from "./components/tabs/index.mjs";
-import { TagsInput } from "./components/tags-input/index.mjs";
+import { Tag, TagProps } from "./components/tag/index.mjs";
+import { TagsInput, TagsInputFacadeProps } 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 { Toc } from "./components/toc/index.mjs";
-import { ToggleGroup } from "./components/toggle-group/index.mjs";
-import { Toggle } from "./components/toggle/index.mjs";
+import { Timer, TimerFacadeProps } from "./components/timer/index.mjs";
+import { CreateToasterReturn, Toast, Toaster, ToasterFacadeProps, createToaster } from "./components/toast/index.mjs";
+import { n as TocFacadeProps, t as Toc } from "./index-BU5U5w04.mjs";
+import { ToggleGroup, ToggleGroupFacadeProps, ToggleGroupItem } from "./components/toggle-group/index.mjs";
+import { Toggle, ToggleFacadeProps } from "./components/toggle/index.mjs";
 import { Toolbar, ToolbarProps } from "./components/toolbar/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";
+import { TreeView, TreeViewFacadeProps } 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, 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 };
+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, AngleSliderFacadeProps, 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, CarouselFacadeProps, CascadeSelect, CascadeSelectNode, CascadeSelectProps, Checkbox, CheckboxFacadeProps, CheckboxGroup, CheckboxGroupFacadeProps, CheckboxOption, Chip, ChipProps, ClientOnly, type ClientOnlyProps, Clipboard, ClipboardFacadeProps, 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, DateInputFacadeProps, DatePicker, DatePickerFacadeProps, type DatePickerFocusChangeDetails, type DatePickerOpenChangeDetails, DatePickerPreset, type DatePickerValueChangeDetails, type DatePickerViewChangeDetails, type DatePickerVisibleRangeChangeDetails, 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, EditableFacadeProps, Ellipsis, EllipsisProps, Empty, Field, type FieldApi, FieldFacadeProps, Fieldset, FieldsetFacadeProps, type FilePathTreeNode, type FileUIPart, FileUpload, FileUploadFacadeProps, type FlatTreeNode, FlexRender, FloatButton, FloatButtonContext, FloatButtonContextKey, FloatButtonItemProps, FloatButtonPlacement, FloatButtonRootProps, FloatButtonSize, FloatButtonTriggerProps, 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, Input, InputGroup, InputProps, JsonTreeView, JsonTreeViewFacadeProps, Kbd, KbdProps, Layout, LayoutContextValue, LayoutRootProps, LayoutSiderProps, Link, LinkProps, List, type ListCollection, ListContentProps, ListRootProps, Listbox, ListboxFacadeProps, Marquee, MarqueeFacadeProps, 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, NavigationMenuFacadeProps, NavigationMenuLinkOption, NumberInput, NumberInputFacadeProps, OrderList, OrderListProps, OrderOption, PageHeader, Pagination, PaginationFacadeProps, PasswordInput, PasswordInputFacadeProps, PinInput, PinInputFacadeProps, Popconfirm, PopconfirmProps, Popover, PopoverFacadeProps, Presence, type PresenceProps, PresenceProvider, Progress, ProgressFacadeProps, ProgressGroup, ProgressGroupProps, ProgressSegment, PromptInputProps, QrCode, QrCodeFacadeProps, RadioGroup, RadioGroupFacadeProps, RadioGroupItem, RatingGroup, RatingGroupFacadeProps, ReasoningProps, type ReasoningUIPart, ResponseProps, Result, ResultIcon, ResultRoot, ResultRootProps, ScrollArea, ScrollAreaFacadeProps, SegmentGroup, SegmentGroupFacadeProps, SegmentGroupItem, Select, SelectFacadeProps, Separator, SeparatorProps, SignaturePad, SignaturePadFacadeProps, Skeleton, SkeletonProps, Slider, SliderFacadeProps, type SolidFormApi, type SortingState, type SourceDocumentUIPart, SourceProps, type SourceUrlUIPart, Spinner, SpinnerProps, SplitButton, SplitButtonEntry, SplitButtonProps, Splitter, SplitterFacadeProps, SplitterItem, Spotlight, SpotlightProps, Stack, StackProps, Stat, StatDeltaProps, type StepStartUIPart, Steps, StepsFacadeProps, StepsItem, SuggestionProps, Swap, SwapFacadeProps, Switch, SwitchFacadeProps, Tabs, TabsFacadeProps, TabsItem, Tag, TagProps, TagsInput, TagsInputFacadeProps, Terminal, TerminalProps, type TextUIPart, Textarea, TextareaProps, Timeline, Timer, TimerFacadeProps, Toast, Toaster, ToasterFacadeProps, Toc, TocFacadeProps, Toggle, ToggleFacadeProps, ToggleGroup, ToggleGroupFacadeProps, ToggleGroupItem, 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, TreeViewFacadeProps, 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

@@ -113,6 +113,7 @@ 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 { Tag } from "./components/tag/index.mjs";
 import { Tabs } from "./components/tabs/index.mjs";
 import { Terminal } from "./components/terminal/index.mjs";
 import { TagsInput } from "./components/tags-input/index.mjs";
@@ -120,7 +121,7 @@ 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-CqvGOp34.mjs";
+import { t as Toc } from "./toc-DRHr8_eD.mjs";
 import { Toggle } from "./components/toggle/index.mjs";
 import { Toolbar } from "./components/toolbar/index.mjs";
 import { Typography } from "./components/typography/index.mjs";
@@ -140,4 +141,4 @@ 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, 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 };
+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, Tag, 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/toc-DRHr8_eD.mjs

@@ -0,0 +1,88 @@
+import { t as defineFamily } from "./family-Cmd8HEyK.mjs";
+import { t as useElementId } from "./id-2ygNzPHF.mjs";
+import { createComponent, mergeProps } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
+import { For, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
+import { Toc } from "@ark-ui/solid/toc";
+//#region src/components/toc/TocIndicator.tsx
+/** The active stroke is decoration; hidden so the list reads as links
+* alone. */
+function TocIndicator(props) {
+	return createComponent(Toc.Indicator, mergeProps(props, { "aria-hidden": "true" }));
+}
+//#endregion
+//#region src/components/toc/index.tsx
+/** Ark's Toc, dressed in the paper-and-ink system: a quiet rail of links
+* beside the scroll, one stroke of primary ink marking where the reader
+* stands. The API is Ark's own — Root, Title, List, Item, Link, Indicator. */
+function TocRoot(props) {
+	const id = useElementId("toc", () => props.id);
+	return createComponent$1(Toc.Root, mergeProps$1(props, { get id() {
+		return id();
+	} }));
+}
+/** The content column is the scroller the rail walks — a keyboard
+* reader needs to reach it like any scroll region. */
+function TocContent(props) {
+	return createComponent(Toc.Content, mergeProps(props, { tabindex: 0 }));
+}
+function toTocItems(items) {
+	return items.map((item) => ({
+		value: item.value,
+		depth: item.depth ?? 2
+	}));
+}
+/** The complete rail behind one page: items become anchor rows, the
+* title names the list, and the active stroke follows the scroller. */
+function TocFacade(props) {
+	injectComponentStyle("toc");
+	const items = () => toTocItems(props.items);
+	return createComponent(TocRoot, {
+		get items() {
+			return items();
+		},
+		get scrollEl() {
+			return props.scrollEl;
+		},
+		get children() {
+			return createComponent(Toc.Nav, { get children() {
+				return [createComponent(Toc.Title, { get children() {
+					return props.title ?? "On this page";
+				} }), createComponent(Toc.List, { get children() {
+					return [createComponent(TocIndicator, {}), createComponent(For, {
+						get each() {
+							return props.items;
+						},
+						children: (item) => createComponent(Toc.Item, {
+							get item() {
+								return {
+									value: item.value,
+									depth: item.depth ?? 2
+								};
+							},
+							get children() {
+								return createComponent(Toc.Link, {
+									get href() {
+										return `#${item.value}`;
+									},
+									get children() {
+										return item.label;
+									}
+								});
+							}
+						})
+					})];
+				} })];
+			} });
+		}
+	});
+}
+const Toc$1 = defineFamily(TocFacade, {
+	...Toc,
+	Root: TocRoot,
+	Indicator: TocIndicator,
+	Content: TocContent
+});
+injectComponentStyle("toc");
+//#endregion
+export { Toc$1 as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bysages/solid",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "By Sages Elements components for Solid — styled by the paper-and-ink design tokens",
   "keywords": [
     "accessible",
@@ -53,7 +53,7 @@
     "@tanstack/solid-virtual": "3.13.41",
     "@zag-js/cascade-select": "1.45.0",
     "@zag-js/solid": "1.45.0",
-    "@bysages/core": "0.4.1"
+    "@bysages/core": "0.4.3"
   },
   "devDependencies": {
     "@json-render/core": "0.21.0",