@skdx/vue 0.28.0 → 0.30.0

package/dist/index.d.ts

@@ -9,24 +9,21 @@ export { SkdxSwitch } from './switch/index.js';
 export { SkdxTextField } from './text-field/index.js';
 export { SkdxTabs } from './tabs/index.js';
 export type { TabsItem, TabsChangeReason, TabsValueChangeDetail } from './tabs/index.js';
-export { SkdxDialog, type DialogDismiss } from './dialog/index.js';
+export { SkdxDialog, type DialogDismiss, type DialogRole } from './dialog/index.js';
 export { SkdxDrawer, type DrawerDismiss, type DrawerPlacement } from './drawer/index.js';
 export { SkdxListbox, type ListboxOption, type ListboxOptionGroup } from './listbox/index.js';
-export { SkdxSelect, type SelectItemDescriptor, type SelectOptionGroup } from './select/index.js';
+export { SkdxSelect, type SelectFilter, type SelectItemDescriptor, type SelectOptionGroup, } from './select/index.js';
 export { SkdxLabel } from './label/index.js';
-export { SkdxSeparator } from './separator/index.js';
+export { SkdxDivider } from './divider/index.js';
 export { SkdxBox } from './box/index.js';
-export { SkdxList, SkdxListItem } from './list/index.js';
+export { SkdxList, SkdxListDescription, SkdxListItem, SkdxListTerm, type ListEntry, type ListOrientation, } from './list/index.js';
 export { SkdxLink } from './link/index.js';
 export { SkdxImage, type ImageLoadingStatus } from './image/index.js';
-export { SkdxSkipLink } from './skip-link/index.js';
 export { SkdxKbd } from './kbd/index.js';
 export { SkdxSkeleton } from './skeleton/index.js';
 export { SkdxSpinner } from './spinner/index.js';
 export { SkdxAvatar } from './avatar/index.js';
-export { SkdxProgress } from './progress/index.js';
-export { SkdxMeter } from './meter/index.js';
-export type { MeterRange } from './meter/index.js';
+export { SkdxProgress, type ProgressRange, type ProgressRole } from './progress/index.js';
 export { SkdxCard, SkdxCardHeader, SkdxCardContent, SkdxCardFooter } from './card/index.js';
 export { SkdxSplitButton, type SplitButtonItem } from './split-button/index.js';
 export { SkdxAspectRatio } from './aspect-ratio/index.js';
@@ -43,7 +40,6 @@ export { SkdxRating } from './rating/index.js';
 export type { SkdxRatingValueChangeDetail } from './rating/index.js';
 export { SkdxPinInput, pinInputDigitLabel } from './pin-input/index.js';
 export { SkdxTagsInput, type TagsInputInvalidDetail } from './tags-input/index.js';
-export { SkdxTag } from './tag/index.js';
 export { SkdxTagGroup } from './tag-group/index.js';
 export type { TagGroupTag, TagGroupOrientation, TagRemovedDetail } from './tag-group/index.js';
 export { SkdxFileUpload, type FileUploadCapture, type FileUploadFileStatus, type FileUploadRejection, } from './file-upload/index.js';
@@ -55,33 +51,26 @@ export { SkdxNavigationMenu, type NavigationMenuItem } from './navigation-menu/i
 export { SkdxPagination, getPaginationRange, DEFAULT_PAGINATION_LABELS, type PaginationRangeEntry, type PaginationRangeOptions, type PaginationLabels, type ResolvedPaginationLabels, } from './pagination/index.js';
 export { SkdxToolbar, type ToolbarItem } from './toolbar/index.js';
 export { SkdxBreadcrumb, type BreadcrumbItem } from './breadcrumb/index.js';
-export { SkdxSteps } from './steps/index.js';
-export type { StepsItemData, StepStatus, StepsOrientation, StepsNavigationMode, StepsItemState, } from './steps/index.js';
+export { SkdxStepper } from './stepper/index.js';
+export type { StepperItemData, StepStatus, StepperOrientation, StepperNavigationMode, StepperItemState, } from './stepper/index.js';
 export { SkdxTable, SkdxTableRow, SkdxTableCell, tableDetailRowId, defaultSelectAllLabel, type TableSortState, type TableSort, type TableSelectAllScope, type TableSelectionMode, type TableColumnWidths, type TableColumnDef, type SortDirection, } from './table/index.js';
 export { SkdxTimeline, type TimelineItem } from './timeline/index.js';
 export { SkdxCalendar, type CalendarDay, CALENDAR_VIEWS, CALENDAR_YEAR_PAGE, getISOWeek, getVisibleWeeks, emptySelection, isDateRange, isDateSelected, nextSelection, rangePositionOf, type CalendarSelectionMode, type CalendarValue, type CalendarValueInput, type DateRange, type RangePosition, type CalendarPageBehavior, type CalendarView, formatDateLabel, formatMonthLabel, formatYear, formatYearRange, getLocaleWeekStartsOn, getMonthNames, getWeekDayNames, resolveLocale, type NameWidth, } from './calendar/index.js';
 export { SkdxTree, type TreeSelectionPropagation, type TreeCheckedState, type TreeDisabledBehavior, type TreeSelectionMode, } from './tree/index.js';
 export type { TreeNode, TreeRenderLabel } from './tree/index.js';
-export { SkdxPopover, type PopoverModality } from './popover/index.js';
-export { SkdxTooltip } from './tooltip/index.js';
-export { SkdxHoverCard } from './hover-card/index.js';
-export { SkdxDropdownMenu, type DropdownMenuItem } from './dropdown-menu/index.js';
-export { SkdxContextMenu, type ContextMenuItem } from './context-menu/index.js';
+export { SkdxPopover, type PopoverModality, type PopoverOpenOn, type PopoverOpenState, type PopoverRole, } from './popover/index.js';
+export { SkdxMenu, type MenuEntry, type MenuOpenOn, type MenuPoint } from './menu/index.js';
 export { SkdxMenubar, type MenubarMenuDescriptor, type MenubarItem } from './menubar/index.js';
-export { SkdxAlertDialog, type AlertDialogDismiss, type AlertDialogTone } from './alert-dialog/index.js';
 export { SkdxCombobox, type ComboboxFilter, type ComboboxHighlightChangeDetail, type ComboboxHighlightReason, type ComboboxOpenOn, type ComboboxOption, type ComboboxOptionGroup, } from './combobox/index.js';
 export type { ComboboxValueChangeDetail } from './combobox/index.js';
+export { SkdxMentions, type MentionsFilter, type MentionsHighlightChangeDetail, type MentionsHighlightReason, type MentionsInsertedMention, type MentionsOption, type MentionsQueryChangeDetail, type MentionsSerializer, type MentionsValueChangeDetail, } from './mentions/index.js';
 export { SkdxToaster, createToaster, useToaster, DEFAULT_TOAST_DURATION, type ToasterStore, type ToasterOptions, type ToasterPromiseMessages, type ToasterToast, type ToasterToastAction, type ToasterToastOptions, type ToasterToastType, type ToastPlacement, } from './toast/index.js';
 export { SkdxCommand, defaultCommandFilter, type CommandFilter, type CommandGroup, type CommandItem, } from './command/index.js';
 export { SkdxDatePicker } from './date-picker/index.js';
 export { SkdxDateField, type Granularity, type HourCycle, type SegmentType, type SegmentValues, } from './date-field/index.js';
 export { SkdxTimeField, type TimeGranularity } from './time-field/index.js';
-/**
- * Change payloads carry a native `Date`; these convert one to the canonical
- * ISO-8601 string — what to persist, and the form the enclosing `<form>`
- * submits.
- */
-export { toCalendarString, toCalendarValue, toDate, toISODateValue, toTimeValue, type DateInput, } from './utils/dateValue.js';
+/** Converts a change payload's native `Date` into the ISO-8601 string these components persist and submit. */
+export { toCalendarString, toCalendarValue, toDate, toISODateValue, toTimeValue, type DateInput, } from './utils/date-value.js';
 export { SkdxScrollArea } from './scroll-area/index.js';
 export type { ScrollAreaScrollbars, ScrollAreaScrollPosition, ScrollAreaScrollToOptions, ScrollAreaType, } from './scroll-area/index.js';
 export { SkdxResizablePanelGroup, SkdxResizablePanel } from './resizable/index.js';
@@ -89,22 +78,16 @@ export type { ResizablePanelConfig } from './resizable/index.js';
 export { SkdxCarousel } from './carousel/index.js';
 export { SkdxAutocomplete, type AutocompleteFilter, type AutocompleteOption, type AutocompleteOptionGroup, } from './autocomplete/index.js';
 export type { AutocompleteValueChangeDetail } from './autocomplete/index.js';
-export { SkdxMultiSelect, type MultiSelectFilter, type MultiSelectOption, type MultiSelectOptionGroup, } from './multi-select/index.js';
-export { SkdxSegmentedControl, type SegmentedControlOption, type SegmentedControlOrientation, } from './segmented-control/index.js';
-export type { SegmentedControlChangeReason, SegmentedControlValueChangeDetail, } from './segmented-control/index.js';
 export { SkdxPasswordInput } from './password-input/index.js';
 export { SkdxClipboard, type ClipboardState } from './clipboard/index.js';
 export { SkdxLoadingOverlay } from './loading-overlay/index.js';
-export { SkdxDataList } from './data-list/index.js';
-export type { DataListEntry, DataListOrientation } from './data-list/index.js';
-export { SkdxAffix } from './affix/index.js';
 export { SkdxEditable } from './editable/index.js';
 export type { EditableActivationMode, EditablePlaceholder, EditableRevertDetail, EditableSubmitMode, } from './editable/index.js';
 export { SkdxAngleSlider, type SkdxAngleSliderValueChangeDetail, type AngleSliderMarkData, } from './angle-slider/index.js';
 export { SkdxColorPicker } from './color-picker/index.js';
 export { SkdxFloatingPanel, gestureAnnouncement, type FloatingPanelGeometry, type FloatingPanelPosition, type FloatingPanelSize, type FloatingPanelStage, } from './floating-panel/index.js';
 export { SkdxSpeedDial, type SpeedDialAction, type SpeedDialDirection } from './speed-dial/index.js';
-export { SkdxTour, type TourStep, type TourStepType } from './tour/index.js';
+export { SkdxTour, type TourStep, type TourStepChange, type TourStepType } from './tour/index.js';
 export { SkdxTreeSelect, defaultGetMatchCountLabel, defaultTreeSelectFilter, type TreeSelectCheckStrategy, type TreeSelectFilter, type TreeSelectNode, type TreeSelectRenderLabel, type TreeSelectValueStrategy, } from './tree-select/index.js';
 export { SkdxTransfer, type TransferItemData, type TransferMoveDetail, type TransferSide, type TransferDirection, } from './transfer/index.js';
 export { SkdxQrCode, type QrCodeErrorCorrection } from './qr-code/index.js';
@@ -117,5 +100,5 @@ export type { PortalContainer } from './utils/portal.js';
 export { announce, clearAnnouncements, useLiveAnnouncer, ANNOUNCE_DEBOUNCE_MS, type AnnouncePoliteness, type LiveAnnouncerApi, } from './utils/liveAnnouncer.js';
 export { provideDirection, useDirection, type Direction } from './utils/direction.js';
 export { parseColor, formatColor, hexToRgb, rgbToHex, rgbToHsb, hsbToRgb, rgbToHsl, hslToRgb, hsbToHsl, hslToHsb, type ColorFormat, type RgbColor, type HslColor, type HsbColor, } from './utils/color.js';
-export type { SelectionChangeDetail } from './utils/useSelection.js';
+export type { SelectionChangeDetail } from './utils/selection.js';
 export type { PolymorphicTag } from './utils/polymorphic.js';

package/dist/index.js

@@ -1 +1 @@
-import e from"./utils/VisuallyHidden.vue.js";import a from"./button/Button.vue.js";import o from"./badge/Badge.vue.js";import r from"./alert/Alert.vue.js";import s from"./checkbox/Checkbox.vue.js";import t from"./checkbox-card/CheckboxCard.vue.js";import i from"./checkbox-group/CheckboxGroup.vue.js";import m from"./switch/Switch.vue.js";import l from"./text-field/TextField.vue.js";import{provideDirection as d,useDirection as u}from"./utils/direction.js";import p from"./tabs/Tabs.vue.js";import n from"./dialog/Dialog.vue.js";import f from"./utils/Portal.vue.js";import S from"./drawer/Drawer.vue.js";import x from"./listbox/Listbox.vue.js";import k from"./select/Select.vue.js";import v from"./label/Label.vue.js";import j from"./separator/Separator.vue.js";import c from"./box/Box.vue.js";import g from"./list/List.vue.js";import b from"./list/ListItem.vue.js";import T from"./link/Link.vue.js";import C from"./image/Image.vue.js";import A from"./skip-link/SkipLink.vue.js";import D from"./kbd/Kbd.vue.js";import L from"./skeleton/Skeleton.vue.js";import R from"./spinner/Spinner.vue.js";import F from"./avatar/Avatar.vue.js";import h from"./progress/Progress.vue.js";import P from"./meter/Meter.vue.js";import I from"./card/CardContent.vue.js";import N from"./card/CardFooter.vue.js";import E from"./card/CardHeader.vue.js";import M from"./card/Card.vue.js";import O from"./split-button/SplitButton.vue.js";import H from"./aspect-ratio/AspectRatio.vue.js";import _ from"./toggle/Toggle.vue.js";import w from"./toggle-group/ToggleGroup.vue.js";import G from"./radio-card/RadioCard.vue.js";import B from"./radio-group/RadioGroup.vue.js";import V from"./textarea/Textarea.vue.js";import U from"./number-field/NumberField.vue.js";import W from"./form/Form.vue.js";import y from"./form/FormField.vue.js";import{ANNOUNCE_DEBOUNCE_MS as z,announce as Y,clearAnnouncements as K,useLiveAnnouncer as Q}from"./utils/liveAnnouncer.js";import q from"./field/Field.vue.js";import J from"./field/Fieldset.vue.js";import X from"./rating/Rating.vue.js";import{pinInputDigitLabel as Z}from"./pin-input/digitLabel.js";import $ from"./pin-input/PinInput.vue.js";import ee from"./tags-input/TagsInput.vue.js";import ae from"./tag/Tag.vue.js";import oe from"./tag-group/TagGroup.vue.js";import re from"./file-upload/FileUpload.vue.js";import se from"./slider/Slider.vue.js";import te from"./collapsible/Collapsible.vue.js";import ie from"./accordion/Accordion.vue.js";import me from"./navigation-menu/NavigationMenu.vue.js";import{DEFAULT_PAGINATION_LABELS as le}from"./pagination/labels.js";import{getPaginationRange as de}from"./pagination/pages.js";import ue from"./pagination/Pagination.vue.js";import pe from"./toolbar/Toolbar.vue.js";import ne from"./breadcrumb/Breadcrumb.vue.js";import fe from"./steps/Steps.vue.js";import{defaultSelectAllLabel as Se,tableDetailRowId as xe}from"./table/context.js";import ke from"./table/TableCell.vue.js";import ve from"./table/TableRow.vue.js";import je from"./table/Table.vue.js";import ce from"./timeline/Timeline.vue.js";import{toCalendarString as ge,toCalendarValue as be,toDate as Te,toISODateValue as Ce,toTimeValue as Ae}from"./utils/dateValue.js";import{formatDateLabel as De,formatMonthLabel as Le,formatYear as Re,formatYearRange as Fe,getLocaleWeekStartsOn as he,getMonthNames as Pe,getWeekDayNames as Ie,resolveLocale as Ne}from"./calendar/locale.js";import{CALENDAR_VIEWS as Ee,CALENDAR_YEAR_PAGE as Me,emptySelection as Oe,getISOWeek as He,getVisibleWeeks as _e,isDateRange as we,isDateSelected as Ge,nextSelection as Be,rangePositionOf as Ve}from"./calendar/dateMath.js";import Ue from"./calendar/Calendar.vue.js";import We from"./tree/Tree.vue.js";import ye from"./popover/Popover.vue.js";import ze from"./tooltip/Tooltip.vue.js";import Ye from"./hover-card/HoverCard.vue.js";import Ke from"./dropdown-menu/DropdownMenu.vue.js";import Qe from"./context-menu/ContextMenu.vue.js";import qe from"./menubar/Menubar.vue.js";import Je from"./alert-dialog/AlertDialog.vue.js";import Xe from"./combobox/Combobox.vue.js";import{DEFAULT_TOAST_DURATION as Ze,createToaster as $e,useToaster as ea}from"./toast/toaster.js";import aa from"./toast/Toaster.vue.js";import{defaultCommandFilter as oa}from"./command/context.js";import ra from"./command/Command.vue.js";import sa from"./date-field/DateField.vue.js";import ta from"./time-field/TimeField.vue.js";import ia from"./date-picker/DatePicker.vue.js";import ma from"./scroll-area/ScrollArea.vue.js";import la from"./resizable/ResizablePanel.vue.js";import da from"./resizable/Resizable.vue.js";import ua from"./carousel/Carousel.vue.js";import pa from"./autocomplete/Autocomplete.vue.js";import na from"./multi-select/MultiSelect.vue.js";import fa from"./segmented-control/SegmentedControl.vue.js";import Sa from"./password-input/PasswordInput.vue.js";import xa from"./clipboard/Clipboard.vue.js";import ka from"./loading-overlay/LoadingOverlay.vue.js";import va from"./data-list/DataList.vue.js";import ja from"./affix/Affix.vue.js";import ca from"./editable/Editable.vue.js";import ga from"./angle-slider/AngleSlider.vue.js";import{formatColor as ba,hexToRgb as Ta,hsbToHsl as Ca,hsbToRgb as Aa,hslToHsb as Da,hslToRgb as La,parseColor as Ra,rgbToHex as Fa,rgbToHsb as ha,rgbToHsl as Pa}from"./utils/color.js";import Ia from"./color-picker/ColorPicker.vue.js";import{gestureAnnouncement as Na}from"./floating-panel/context.js";import Ea from"./floating-panel/FloatingPanel.vue.js";import Ma from"./speed-dial/SpeedDial.vue.js";import Oa from"./tour/Tour.vue.js";import{defaultGetMatchCountLabel as Ha,defaultTreeSelectFilter as _a}from"./tree-select/context.js";import wa from"./tree-select/TreeSelect.vue.js";import Ga from"./transfer/Transfer.vue.js";import Ba from"./qr-code/QrCode.vue.js";import Va from"./text/Text.vue.js";import Ua from"./heading/Heading.vue.js";import{formatAbsolute as Wa,formatRelative as ya}from"./time/format.js";import za from"./time/Time.vue.js";export{z as ANNOUNCE_DEBOUNCE_MS,Ee as CALENDAR_VIEWS,Me as CALENDAR_YEAR_PAGE,le as DEFAULT_PAGINATION_LABELS,Ze as DEFAULT_TOAST_DURATION,ie as SkdxAccordion,ja as SkdxAffix,r as SkdxAlert,Je as SkdxAlertDialog,ga as SkdxAngleSlider,H as SkdxAspectRatio,pa as SkdxAutocomplete,F as SkdxAvatar,o as SkdxBadge,c as SkdxBox,ne as SkdxBreadcrumb,a as SkdxButton,Ue as SkdxCalendar,M as SkdxCard,I as SkdxCardContent,N as SkdxCardFooter,E as SkdxCardHeader,ua as SkdxCarousel,s as SkdxCheckbox,t as SkdxCheckboxCard,i as SkdxCheckboxGroup,xa as SkdxClipboard,te as SkdxCollapsible,Ia as SkdxColorPicker,Xe as SkdxCombobox,ra as SkdxCommand,Qe as SkdxContextMenu,va as SkdxDataList,sa as SkdxDateField,ia as SkdxDatePicker,n as SkdxDialog,S as SkdxDrawer,Ke as SkdxDropdownMenu,ca as SkdxEditable,q as SkdxField,J as SkdxFieldset,re as SkdxFileUpload,Ea as SkdxFloatingPanel,W as SkdxForm,y as SkdxFormField,Ua as SkdxHeading,Ye as SkdxHoverCard,C as SkdxImage,D as SkdxKbd,v as SkdxLabel,T as SkdxLink,g as SkdxList,b as SkdxListItem,x as SkdxListbox,ka as SkdxLoadingOverlay,qe as SkdxMenubar,P as SkdxMeter,na as SkdxMultiSelect,me as SkdxNavigationMenu,U as SkdxNumberField,ue as SkdxPagination,Sa as SkdxPasswordInput,$ as SkdxPinInput,ye as SkdxPopover,f as SkdxPortal,h as SkdxProgress,Ba as SkdxQrCode,G as SkdxRadioCard,B as SkdxRadioGroup,X as SkdxRating,la as SkdxResizablePanel,da as SkdxResizablePanelGroup,ma as SkdxScrollArea,fa as SkdxSegmentedControl,k as SkdxSelect,j as SkdxSeparator,L as SkdxSkeleton,A as SkdxSkipLink,se as SkdxSlider,Ma as SkdxSpeedDial,R as SkdxSpinner,O as SkdxSplitButton,fe as SkdxSteps,m as SkdxSwitch,je as SkdxTable,ke as SkdxTableCell,ve as SkdxTableRow,p as SkdxTabs,ae as SkdxTag,oe as SkdxTagGroup,ee as SkdxTagsInput,Va as SkdxText,l as SkdxTextField,V as SkdxTextarea,za as SkdxTime,ta as SkdxTimeField,ce as SkdxTimeline,aa as SkdxToaster,_ as SkdxToggle,w as SkdxToggleGroup,pe as SkdxToolbar,ze as SkdxTooltip,Oa as SkdxTour,Ga as SkdxTransfer,We as SkdxTree,wa as SkdxTreeSelect,e as SkdxVisuallyHidden,Y as announce,K as clearAnnouncements,$e as createToaster,oa as defaultCommandFilter,Ha as defaultGetMatchCountLabel,Se as defaultSelectAllLabel,_a as defaultTreeSelectFilter,Oe as emptySelection,Wa as formatAbsolute,ba as formatColor,De as formatDateLabel,Le as formatMonthLabel,ya as formatRelative,Re as formatYear,Fe as formatYearRange,Na as gestureAnnouncement,He as getISOWeek,he as getLocaleWeekStartsOn,Pe as getMonthNames,de as getPaginationRange,_e as getVisibleWeeks,Ie as getWeekDayNames,Ta as hexToRgb,Ca as hsbToHsl,Aa as hsbToRgb,Da as hslToHsb,La as hslToRgb,we as isDateRange,Ge as isDateSelected,Be as nextSelection,Ra as parseColor,Z as pinInputDigitLabel,d as provideDirection,Ve as rangePositionOf,Ne as resolveLocale,Fa as rgbToHex,ha as rgbToHsb,Pa as rgbToHsl,xe as tableDetailRowId,ge as toCalendarString,be as toCalendarValue,Te as toDate,Ce as toISODateValue,Ae as toTimeValue,u as useDirection,Q as useLiveAnnouncer,ea as useToaster};
+import e from"./utils/VisuallyHidden.vue.js";import a from"./button/Button.vue.js";import{ANNOUNCE_DEBOUNCE_MS as o}from"./utils/announcer.js";import{announce as r,clearAnnouncements as s,useLiveAnnouncer as t}from"./utils/liveAnnouncer.js";import i from"./badge/Badge.vue.js";import m from"./alert/Alert.vue.js";import l from"./checkbox/Checkbox.vue.js";import d from"./checkbox-card/CheckboxCard.vue.js";import u from"./checkbox-group/CheckboxGroup.vue.js";import n from"./switch/Switch.vue.js";import p from"./text-field/TextField.vue.js";import{provideDirection as f,useDirection as S}from"./utils/direction.js";import x from"./tabs/Tabs.vue.js";import k from"./dialog/Dialog.vue.js";import v from"./utils/Portal.vue.js";import j from"./drawer/Drawer.vue.js";import c from"./listbox/Listbox.vue.js";import b from"./tag-group/TagGroup.vue.js";import g from"./select/Select.vue.js";import T from"./label/Label.vue.js";import C from"./divider/Divider.vue.js";import A from"./box/Box.vue.js";import D from"./list/ListDescription.vue.js";import L from"./list/ListItem.vue.js";import R from"./list/ListTerm.vue.js";import F from"./list/List.vue.js";import h from"./link/Link.vue.js";import P from"./image/Image.vue.js";import I from"./kbd/Kbd.vue.js";import N from"./skeleton/Skeleton.vue.js";import E from"./spinner/Spinner.vue.js";import O from"./avatar/Avatar.vue.js";import _ from"./progress/Progress.vue.js";import M from"./card/CardContent.vue.js";import H from"./card/CardFooter.vue.js";import G from"./card/CardHeader.vue.js";import B from"./card/Card.vue.js";import w from"./split-button/SplitButton.vue.js";import U from"./aspect-ratio/AspectRatio.vue.js";import V from"./toggle/Toggle.vue.js";import W from"./toggle-group/ToggleGroup.vue.js";import y from"./radio-card/RadioCard.vue.js";import z from"./radio-group/RadioGroup.vue.js";import Y from"./textarea/Textarea.vue.js";import K from"./number-field/NumberField.vue.js";import Q from"./form/Form.vue.js";import q from"./form/FormField.vue.js";import J from"./field/Field.vue.js";import X from"./field/Fieldset.vue.js";import Z from"./rating/Rating.vue.js";import{pinInputDigitLabel as $}from"./utils/pin-chars.js";import ee from"./pin-input/PinInput.vue.js";import ae from"./tags-input/TagsInput.vue.js";import oe from"./file-upload/FileUpload.vue.js";import re from"./slider/Slider.vue.js";import se from"./collapsible/Collapsible.vue.js";import te from"./accordion/Accordion.vue.js";import ie from"./navigation-menu/NavigationMenu.vue.js";import{DEFAULT_PAGINATION_LABELS as me}from"./pagination/labels.js";import{getPaginationRange as le}from"./pagination/pages.js";import de from"./pagination/Pagination.vue.js";import ue from"./toolbar/Toolbar.vue.js";import ne from"./breadcrumb/Breadcrumb.vue.js";import pe from"./stepper/Stepper.vue.js";import{defaultSelectAllLabel as fe,tableDetailRowId as Se}from"./table/context.js";import xe from"./table/TableCell.vue.js";import ke from"./table/TableRow.vue.js";import ve from"./table/Table.vue.js";import je from"./timeline/Timeline.vue.js";import{formatDateLabel as ce,formatMonthLabel as be,formatYear as ge,formatYearRange as Te,getLocaleWeekStartsOn as Ce,getMonthNames as Ae,getWeekDayNames as De,resolveLocale as Le}from"./utils/calendar-locale.js";import{toCalendarString as Re,toCalendarValue as Fe,toDate as he,toISODateValue as Pe,toTimeValue as Ie}from"./utils/date-value.js";import{CALENDAR_VIEWS as Ne,CALENDAR_YEAR_PAGE as Ee,emptySelection as Oe,getISOWeek as _e,getVisibleWeeks as Me,isDateRange as He,isDateSelected as Ge,nextSelection as Be,rangePositionOf as we}from"./calendar/dateMath.js";import Ue from"./calendar/Calendar.vue.js";import Ve from"./tree/Tree.vue.js";import We from"./popover/Popover.vue.js";import ye from"./menu/Menu.vue.js";import ze from"./menubar/Menubar.vue.js";import Ye from"./combobox/Combobox.vue.js";import Ke from"./mentions/Mentions.vue.js";import{DEFAULT_TOAST_DURATION as Qe,createToaster as qe,useToaster as Je}from"./toast/toaster.js";import Xe from"./toast/Toaster.vue.js";import{defaultCommandFilter as Ze}from"./command/context.js";import $e from"./command/Command.vue.js";import ea from"./date-field/DateField.vue.js";import aa from"./time-field/TimeField.vue.js";import oa from"./date-picker/DatePicker.vue.js";import ra from"./scroll-area/ScrollArea.vue.js";import sa from"./resizable/ResizablePanel.vue.js";import ta from"./resizable/Resizable.vue.js";import ia from"./carousel/Carousel.vue.js";import ma from"./autocomplete/Autocomplete.vue.js";import la from"./password-input/PasswordInput.vue.js";import da from"./clipboard/Clipboard.vue.js";import ua from"./loading-overlay/LoadingOverlay.vue.js";import na from"./editable/Editable.vue.js";import pa from"./angle-slider/AngleSlider.vue.js";import{formatColor as fa,hexToRgb as Sa,hsbToHsl as xa,hsbToRgb as ka,hslToHsb as va,hslToRgb as ja,parseColor as ca,rgbToHex as ba,rgbToHsb as ga,rgbToHsl as Ta}from"./utils/color.js";import Ca from"./color-picker/ColorPicker.vue.js";import{gestureAnnouncement as Aa}from"./floating-panel/context.js";import Da from"./floating-panel/FloatingPanel.vue.js";import La from"./speed-dial/SpeedDial.vue.js";import Ra from"./tour/Tour.vue.js";import{defaultGetMatchCountLabel as Fa,defaultTreeSelectFilter as ha}from"./tree-select/context.js";import Pa from"./tree-select/TreeSelect.vue.js";import Ia from"./transfer/Transfer.vue.js";import Na from"./qr-code/QrCode.vue.js";import Ea from"./text/Text.vue.js";import Oa from"./heading/Heading.vue.js";import{formatAbsolute as _a,formatRelative as Ma}from"./time/format.js";import Ha from"./time/Time.vue.js";export{o as ANNOUNCE_DEBOUNCE_MS,Ne as CALENDAR_VIEWS,Ee as CALENDAR_YEAR_PAGE,me as DEFAULT_PAGINATION_LABELS,Qe as DEFAULT_TOAST_DURATION,te as SkdxAccordion,m as SkdxAlert,pa as SkdxAngleSlider,U as SkdxAspectRatio,ma as SkdxAutocomplete,O as SkdxAvatar,i as SkdxBadge,A as SkdxBox,ne as SkdxBreadcrumb,a as SkdxButton,Ue as SkdxCalendar,B as SkdxCard,M as SkdxCardContent,H as SkdxCardFooter,G as SkdxCardHeader,ia as SkdxCarousel,l as SkdxCheckbox,d as SkdxCheckboxCard,u as SkdxCheckboxGroup,da as SkdxClipboard,se as SkdxCollapsible,Ca as SkdxColorPicker,Ye as SkdxCombobox,$e as SkdxCommand,ea as SkdxDateField,oa as SkdxDatePicker,k as SkdxDialog,C as SkdxDivider,j as SkdxDrawer,na as SkdxEditable,J as SkdxField,X as SkdxFieldset,oe as SkdxFileUpload,Da as SkdxFloatingPanel,Q as SkdxForm,q as SkdxFormField,Oa as SkdxHeading,P as SkdxImage,I as SkdxKbd,T as SkdxLabel,h as SkdxLink,F as SkdxList,D as SkdxListDescription,L as SkdxListItem,R as SkdxListTerm,c as SkdxListbox,ua as SkdxLoadingOverlay,Ke as SkdxMentions,ye as SkdxMenu,ze as SkdxMenubar,ie as SkdxNavigationMenu,K as SkdxNumberField,de as SkdxPagination,la as SkdxPasswordInput,ee as SkdxPinInput,We as SkdxPopover,v as SkdxPortal,_ as SkdxProgress,Na as SkdxQrCode,y as SkdxRadioCard,z as SkdxRadioGroup,Z as SkdxRating,sa as SkdxResizablePanel,ta as SkdxResizablePanelGroup,ra as SkdxScrollArea,g as SkdxSelect,N as SkdxSkeleton,re as SkdxSlider,La as SkdxSpeedDial,E as SkdxSpinner,w as SkdxSplitButton,pe as SkdxStepper,n as SkdxSwitch,ve as SkdxTable,xe as SkdxTableCell,ke as SkdxTableRow,x as SkdxTabs,b as SkdxTagGroup,ae as SkdxTagsInput,Ea as SkdxText,p as SkdxTextField,Y as SkdxTextarea,Ha as SkdxTime,aa as SkdxTimeField,je as SkdxTimeline,Xe as SkdxToaster,V as SkdxToggle,W as SkdxToggleGroup,ue as SkdxToolbar,Ra as SkdxTour,Ia as SkdxTransfer,Ve as SkdxTree,Pa as SkdxTreeSelect,e as SkdxVisuallyHidden,r as announce,s as clearAnnouncements,qe as createToaster,Ze as defaultCommandFilter,Fa as defaultGetMatchCountLabel,fe as defaultSelectAllLabel,ha as defaultTreeSelectFilter,Oe as emptySelection,_a as formatAbsolute,fa as formatColor,ce as formatDateLabel,be as formatMonthLabel,Ma as formatRelative,ge as formatYear,Te as formatYearRange,Aa as gestureAnnouncement,_e as getISOWeek,Ce as getLocaleWeekStartsOn,Ae as getMonthNames,le as getPaginationRange,Me as getVisibleWeeks,De as getWeekDayNames,Sa as hexToRgb,xa as hsbToHsl,ka as hsbToRgb,va as hslToHsb,ja as hslToRgb,He as isDateRange,Ge as isDateSelected,Be as nextSelection,ca as parseColor,$ as pinInputDigitLabel,f as provideDirection,we as rangePositionOf,Le as resolveLocale,ba as rgbToHex,ga as rgbToHsb,Ta as rgbToHsl,Se as tableDetailRowId,Re as toCalendarString,Fe as toCalendarValue,he as toDate,Pe as toISODateValue,Ie as toTimeValue,S as useDirection,t as useLiveAnnouncer,Je as useToaster};

package/dist/kbd/Kbd.vue.d.cts

@@ -1,9 +1,5 @@
 /**
- * Renders a plain `<kbd>` element; style with `class`/`:class` like any other.
- * A cap that is only a symbol needs `role="img"` and `aria-label` naming the
- * key — `<kbd>` has no implicit role, so a bare `⌘` announces as the character.
- * Letter/digit caps name themselves. Both attrs reach the element via attribute
- * fallthrough.
+ * Renders a plain `<kbd>` element; add `role="img"` and `aria-label` when the cap is only a symbol.
  *
  * @example
  * ```vue
@@ -12,16 +8,14 @@
  *   + <SkdxKbd>K</SkdxKbd> to open the command menu.
  * </p>
  * ```
- *
- * @example Nested — the HTML spec's form for a key combination.
- * ```vue
- * <SkdxKbd>
- *   <SkdxKbd role="img" aria-label="Command">⌘</SkdxKbd>
- *   <SkdxKbd>K</SkdxKbd>
- * </SkdxKbd>
- * ```
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Size rung the skin renders the key at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/kbd/Kbd.vue.d.ts

@@ -1,9 +1,5 @@
 /**
- * Renders a plain `<kbd>` element; style with `class`/`:class` like any other.
- * A cap that is only a symbol needs `role="img"` and `aria-label` naming the
- * key — `<kbd>` has no implicit role, so a bare `⌘` announces as the character.
- * Letter/digit caps name themselves. Both attrs reach the element via attribute
- * fallthrough.
+ * Renders a plain `<kbd>` element; add `role="img"` and `aria-label` when the cap is only a symbol.
  *
  * @example
  * ```vue
@@ -12,16 +8,14 @@
  *   + <SkdxKbd>K</SkdxKbd> to open the command menu.
  * </p>
  * ```
- *
- * @example Nested — the HTML spec's form for a key combination.
- * ```vue
- * <SkdxKbd>
- *   <SkdxKbd role="img" aria-label="Command">⌘</SkdxKbd>
- *   <SkdxKbd>K</SkdxKbd>
- * </SkdxKbd>
- * ```
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Size rung the skin renders the key at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/kbd/Kbd.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var r={class:"skdx-kbd","data-part":"root","data-skdx-component":"kbd"},a=(0,e.defineComponent)({__name:"Kbd",setup(d){return(t,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("kbd",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=a;
+const a=require("../utils/appearance.cjs");let e=require("vue");var s=(0,e.defineComponent)({inheritAttrs:!1,__name:"Kbd",props:{size:{}},setup(t){return(r,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("kbd",(0,e.mergeProps)({class:"skdx-kbd","data-part":"root","data-skdx-component":"kbd"},{...r.$attrs,...(0,e.unref)(a.appearanceAttrs)({size:t.size},r.$attrs)}),[(0,e.renderSlot)(r.$slots,"default")],16))}});exports.default=s;

package/dist/kbd/Kbd.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as a,openBlock as t,renderSlot as o}from"vue";var d={class:"skdx-kbd","data-part":"root","data-skdx-component":"kbd"},s=/* @__PURE__ */a({__name:"Kbd",setup:a=>(a,s)=>(t(),e("kbd",d,[o(a.$slots,"default")]))});export{s as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{createElementBlock as a,defineComponent as s,mergeProps as t,openBlock as r,renderSlot as o,unref as p}from"vue";var n=/* @__PURE__ */s({inheritAttrs:!1,__name:"Kbd",props:{size:{}},setup:s=>(n,d)=>(r(),a("kbd",t({class:"skdx-kbd","data-part":"root","data-skdx-component":"kbd"},{...n.$attrs,...p(e)({size:s.size},n.$attrs)}),[o(n.$slots,"default")],16))});export{n as default};

package/dist/label/Label.vue.d.cts

@@ -1,7 +1,4 @@
-/**
- * Native `<label>` that guards against double-click text selection.
- * Preserves consumer `@mousedown` listeners (Vue merges multiple listeners).
- */
+/** Renders a native `<label>` that guards against double-click text selection. */
 type __VLS_Props = {
     /**
      * Id of the form control this label names. Mirrors native `<label for>`.

package/dist/label/Label.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Native `<label>` that guards against double-click text selection.
- * Preserves consumer `@mousedown` listeners (Vue merges multiple listeners).
- */
+/** Renders a native `<label>` that guards against double-click text selection. */
 type __VLS_Props = {
     /**
      * Id of the form control this label names. Mirrors native `<label for>`.

package/dist/link/Link.vue.d.cts

@@ -1,9 +1,5 @@
 import type { PolymorphicTag } from '../utils/polymorphic.cjs';
-/**
- * Renders `<a>` with a safe `rel` default on `target="_blank"`. `disabled`
- * keeps `href` but blocks activation via `aria-disabled`/`tabindex="-1"`,
- * since `disabled` is not valid on `<a>`.
- */
+/** Renders `<a>` with a safe `rel` default on `target="_blank"` and an `aria-disabled` fallback for `disabled`. */
 type __VLS_Props = {
     /** The destination URL rendered as the anchor's `href` attribute. @default undefined */
     href?: string;
@@ -27,7 +23,7 @@ type __VLS_Props = {
      * over the inferred one (a different origin than the document's).
      * @default undefined — inferred from `href`.
      */
-    external?: boolean;
+    external?: boolean | undefined;
     /**
      * Blocks activation while keeping `href` on the element: sets
      * `aria-disabled="true"` and `tabindex="-1"`, and intercepts click/Enter.
@@ -52,7 +48,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     disabled: boolean;
     as: PolymorphicTag;
     underline: "auto" | "always" | "hover" | "none";
-    external: boolean;
+    external: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/link/Link.vue.d.ts

@@ -1,9 +1,5 @@
 import type { PolymorphicTag } from '../utils/polymorphic.js';
-/**
- * Renders `<a>` with a safe `rel` default on `target="_blank"`. `disabled`
- * keeps `href` but blocks activation via `aria-disabled`/`tabindex="-1"`,
- * since `disabled` is not valid on `<a>`.
- */
+/** Renders `<a>` with a safe `rel` default on `target="_blank"` and an `aria-disabled` fallback for `disabled`. */
 type __VLS_Props = {
     /** The destination URL rendered as the anchor's `href` attribute. @default undefined */
     href?: string;
@@ -27,7 +23,7 @@ type __VLS_Props = {
      * over the inferred one (a different origin than the document's).
      * @default undefined — inferred from `href`.
      */
-    external?: boolean;
+    external?: boolean | undefined;
     /**
      * Blocks activation while keeping `href` on the element: sets
      * `aria-disabled="true"` and `tabindex="-1"`, and intercepts click/Enter.
@@ -52,7 +48,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     disabled: boolean;
     as: PolymorphicTag;
     underline: "auto" | "always" | "hover" | "none";
-    external: boolean;
+    external: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/list/List.vue.d.cts

@@ -1,14 +1,27 @@
 import { type Space } from '../utils/space.cjs';
-/**
- * Renders `<ul>` by default. `markers={false}` strips the marker and sets
- * `role="list"` on the container only (WebKit 170179 drops list semantics otherwise).
- */
+import { type ListEntry, type ListOrientation } from './context.cjs';
+/** Renders `<ul>` by default; `markers={false}` strips the marker and sets `role="list"` on the container, and `as="dl"` renders label/value pairs instead of items. */
 type __VLS_Props = {
     /**
-     * Element name to render. `dl` is for styling only — `<li>` children are still expected.
+     * Element name to render. Under `dl` each Item is a label/value pair of a `<dt>` and a `<dd>`, not an `<li>`.
      * @default 'ul'
      */
     as?: 'ul' | 'ol' | 'dl';
+    /**
+     * Layout axis the pairs are read along, emitted as `data-orientation`; `'horizontal'` puts the description beside its term, `'vertical'` stacks it. Read only under `as="dl"`.
+     * @default 'horizontal'
+     */
+    orientation?: ListOrientation;
+    /**
+     * Label/value pairs rendering one `<dt>`/`<dd>` each; ignored when the default slot supplies its own, and read only under `as="dl"`.
+     * @default undefined — nothing is derived.
+     */
+    items?: readonly ListEntry[] | undefined;
+    /**
+     * How tightly the skin packs the list's contents, reflected as `data-density`.
+     * @default undefined — falls back to a `data-density` attribute.
+     */
+    density?: 'compact' | (string & {}) | undefined;
     /**
      * When `false`, removes the marker and sets `role="list"` on the container.
      * @default true
@@ -38,6 +51,8 @@ type __VLS_Slots = {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     as: "ul" | "ol" | "dl";
+    orientation: ListOrientation;
+    items: readonly ListEntry[] | undefined;
     markers: boolean;
     reversed: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/list/List.vue.d.ts

@@ -1,14 +1,27 @@
 import { type Space } from '../utils/space.js';
-/**
- * Renders `<ul>` by default. `markers={false}` strips the marker and sets
- * `role="list"` on the container only (WebKit 170179 drops list semantics otherwise).
- */
+import { type ListEntry, type ListOrientation } from './context.js';
+/** Renders `<ul>` by default; `markers={false}` strips the marker and sets `role="list"` on the container, and `as="dl"` renders label/value pairs instead of items. */
 type __VLS_Props = {
     /**
-     * Element name to render. `dl` is for styling only — `<li>` children are still expected.
+     * Element name to render. Under `dl` each Item is a label/value pair of a `<dt>` and a `<dd>`, not an `<li>`.
      * @default 'ul'
      */
     as?: 'ul' | 'ol' | 'dl';
+    /**
+     * Layout axis the pairs are read along, emitted as `data-orientation`; `'horizontal'` puts the description beside its term, `'vertical'` stacks it. Read only under `as="dl"`.
+     * @default 'horizontal'
+     */
+    orientation?: ListOrientation;
+    /**
+     * Label/value pairs rendering one `<dt>`/`<dd>` each; ignored when the default slot supplies its own, and read only under `as="dl"`.
+     * @default undefined — nothing is derived.
+     */
+    items?: readonly ListEntry[] | undefined;
+    /**
+     * How tightly the skin packs the list's contents, reflected as `data-density`.
+     * @default undefined — falls back to a `data-density` attribute.
+     */
+    density?: 'compact' | (string & {}) | undefined;
     /**
      * When `false`, removes the marker and sets `role="list"` on the container.
      * @default true
@@ -38,6 +51,8 @@ type __VLS_Slots = {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     as: "ul" | "ol" | "dl";
+    orientation: ListOrientation;
+    items: readonly ListEntry[] | undefined;
     markers: boolean;
     reversed: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/list/List.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const r=require("../utils/space.cjs"),s=require("./context.cjs");let e=require("vue");var l=(0,e.defineComponent)({__name:"List",props:{as:{default:"ul"},markers:{type:Boolean,default:!0},spacing:{},start:{},reversed:{type:Boolean,default:!1}},setup(t){return(0,e.provide)(s.LIST_CONTEXT,{slots:(0,e.useSlots)()}),(a,o)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.as),{class:"skdx-list","data-part":"root","data-skdx-component":"list","data-markers":t.markers?void 0:"false",role:t.markers?void 0:"list",start:t.as==="ol"?t.start:void 0,reversed:t.as==="ol"?t.reversed:void 0,style:(0,e.normalizeStyle)(t.spacing!==void 0?{gap:(0,e.unref)(r.resolveSpace)(t.spacing)}:void 0)},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"default")]),_:3},8,["data-markers","role","start","reversed","style"]))}});exports.default=l;
+const o=require("../utils/appearance.cjs"),n=require("../utils/space.cjs"),l=require("./context.cjs"),d=require("./ListAnatomy.vue.cjs");let t=require("vue");var u=(0,t.defineComponent)({inheritAttrs:!1,__name:"List",props:{as:{default:"ul"},orientation:{default:"horizontal"},items:{default:void 0},density:{},markers:{type:Boolean,default:!0},spacing:{},start:{},reversed:{type:Boolean,default:!1}},setup(e){const r=e;(0,t.provide)(l.LIST_CONTEXT,{slots:(0,t.useSlots)(),as:(0,t.computed)(()=>r.as)});const i=(0,t.computed)(()=>{const a={};if(r.spacing!==void 0){const s=n.resolveSpace(r.spacing);s!==void 0&&(a.gap=s)}return r.markers||(a.listStyle="none"),Object.keys(a).length>0?a:void 0});return(a,s)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.as),(0,t.mergeProps)({class:"skdx-list","data-part":"root","data-skdx-component":"list","data-markers":e.markers?void 0:"false","data-orientation":e.as==="dl"?e.orientation:void 0,role:e.markers||e.as==="dl"?void 0:"list",start:e.as==="ol"?e.start:void 0,reversed:e.as==="ol"?e.reversed:void 0,style:i.value},{...a.$attrs,...(0,t.unref)(o.appearanceAttrs)({density:e.density},a.$attrs)}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(a.$slots,"default",{},()=>[e.as==="dl"&&e.items?((0,t.openBlock)(),(0,t.createBlock)(d.default,{key:0,items:e.items},null,8,["items"])):(0,t.createCommentVNode)("",!0)])]),_:3},16,["data-markers","data-orientation","role","start","reversed","style"]))}});exports.default=u;

package/dist/list/List.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{resolveSpace as e}from"../utils/space.js";import{LIST_CONTEXT as s}from"./context.js";import{createBlock as a,defineComponent as t,normalizeStyle as r,openBlock as o,provide as l,renderSlot as d,resolveDynamicComponent as i,unref as p,useSlots as n,withCtx as m}from"vue";var v=/* @__PURE__ */t({__name:"List",props:{as:{default:"ul"},markers:{type:Boolean,default:!0},spacing:{},start:{},reversed:{type:Boolean,default:!1}},setup:t=>(l(s,{slots:n()}),(s,l)=>(o(),a(i(t.as),{class:"skdx-list","data-part":"root","data-skdx-component":"list","data-markers":t.markers?void 0:"false",role:t.markers?void 0:"list",start:"ol"===t.as?t.start:void 0,reversed:"ol"===t.as?t.reversed:void 0,style:r(void 0!==t.spacing?{gap:p(e)(t.spacing)}:void 0)},{default:m(()=>[d(s.$slots,"default")]),_:3},8,["data-markers","role","start","reversed","style"])))});export{v as default};
+import{appearanceAttrs as t}from"../utils/appearance.js";import{resolveSpace as e}from"../utils/space.js";import{LIST_CONTEXT as s}from"./context.js";import a from"./ListAnatomy.vue.js";import{computed as o,createBlock as r,createCommentVNode as i,defineComponent as n,mergeProps as l,openBlock as d,provide as m,renderSlot as p,resolveDynamicComponent as c,unref as u,useSlots as v,withCtx as f}from"vue";var k=/* @__PURE__ */n({inheritAttrs:!1,__name:"List",props:{as:{default:"ul"},orientation:{default:"horizontal"},items:{default:void 0},density:{},markers:{type:Boolean,default:!0},spacing:{},start:{},reversed:{type:Boolean,default:!1}},setup(n){const k=n;m(s,{slots:v(),as:o(()=>k.as)});const y=o(()=>{const t={};if(void 0!==k.spacing){const s=e(k.spacing);void 0!==s&&(t.gap=s)}return k.markers||(t.listStyle="none"),Object.keys(t).length>0?t:void 0});return(e,s)=>(d(),r(c(n.as),l({class:"skdx-list","data-part":"root","data-skdx-component":"list","data-markers":n.markers?void 0:"false","data-orientation":"dl"===n.as?n.orientation:void 0,role:n.markers||"dl"===n.as?void 0:"list",start:"ol"===n.as?n.start:void 0,reversed:"ol"===n.as?n.reversed:void 0,style:y.value},{...e.$attrs,...u(t)({density:n.density},e.$attrs)}),{default:f(()=>[p(e.$slots,"default",{},()=>["dl"===n.as&&n.items?(d(),r(a,{key:0,items:n.items},null,8,["items"])):i("",!0)])]),_:3},16,["data-markers","data-orientation","role","start","reversed","style"]))}});export{k as default};

package/dist/list/ListAnatomy.vue.cjs

@@ -0,0 +1 @@
+const e=require("./ListAnatomy.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/list/ListAnatomy.vue.d.cts

@@ -0,0 +1,10 @@
+import type { ListEntry } from './context.cjs';
+/**
+ * The pairs a `dl` List draws when its default slot holds none of its own parts.
+ * @internal
+ */
+type __VLS_Props = {
+    items: readonly ListEntry[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/list/ListAnatomy.vue.d.ts

@@ -0,0 +1,10 @@
+import type { ListEntry } from './context.js';
+/**
+ * The pairs a `dl` List draws when its default slot holds none of its own parts.
+ * @internal
+ */
+type __VLS_Props = {
+    items: readonly ListEntry[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/list/ListAnatomy.vue.js

@@ -0,0 +1 @@
+import t from"./ListAnatomy.vue_vue_type_script_setup_true_lang.js";var e=t;export{e as default};

package/dist/list/ListAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("./ListDescription.vue.cjs"),a=require("./ListItem.vue.cjs"),i=require("./ListTerm.vue.cjs");let e=require("vue");var n=(0,e.defineComponent)({__name:"ListAnatomy",props:{items:{}},setup(r){return(o,c)=>((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.items,(t,u)=>((0,e.openBlock)(),(0,e.createBlock)(a.default,{key:u},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(i.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:2},1024),(0,e.createVNode)(l.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.value),1)]),_:2},1024)]),_:2},1024))),128))}});exports.default=n;

package/dist/list/ListAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"./ListDescription.vue.js";import t from"./ListItem.vue.js";import a from"./ListTerm.vue.js";import{Fragment as s,createBlock as o,createElementBlock as r,createTextVNode as l,createVNode as i,defineComponent as m,openBlock as n,renderList as u,toDisplayString as p,withCtx as f}from"vue";var c=/* @__PURE__ */m({__name:"ListAnatomy",props:{items:{}},setup:m=>(c,d)=>(n(!0),r(s,null,u(m.items,(s,r)=>(n(),o(t,{key:r},{default:f(()=>[i(a,null,{default:f(()=>[l(p(s.label),1)]),_:2},1024),i(e,null,{default:f(()=>[l(p(s.value),1)]),_:2},1024)]),_:2},1024))),128))});export{c as default};

package/dist/list/ListDescription.vue.cjs

@@ -0,0 +1 @@
+const e=require("./ListDescription.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/list/ListDescription.vue.d.cts

@@ -0,0 +1,14 @@
+/** The description half of a pair, rendered as a `<dd>` describing the preceding `<dt>`; several may follow one term. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/list/ListDescription.vue.d.ts

@@ -0,0 +1,14 @@
+/** The description half of a pair, rendered as a `<dd>` describing the preceding `<dt>`; several may follow one term. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/list/ListDescription.vue.js

@@ -0,0 +1 @@
+import t from"./ListDescription.vue_vue_type_script_setup_true_lang.js";var e=t;export{e as default};

package/dist/list/ListDescription.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var r={class:"skdx-list__description","data-part":"description"},s=(0,e.defineComponent)({__name:"ListDescription",setup(_){return(t,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("dd",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=s;

package/dist/list/ListDescription.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as t,openBlock as s,renderSlot as a}from"vue";var o={class:"skdx-list__description","data-part":"description"},r=/* @__PURE__ */t({__name:"ListDescription",setup:t=>(t,r)=>(s(),e("dd",o,[a(t.$slots,"default")]))});export{r as default};

package/dist/list/ListItem.vue.d.cts

@@ -1,7 +1,4 @@
-/**
- * Renders `<li>`. An icon — its own or the List's — renders as an
- * `indicator` part and suppresses the native marker.
- */
+/** One list entry: an `<li>` showing an icon as an `indicator` part that suppresses the native marker, or — inside a `dl` List — the `<div>` wrapping a Term and its Descriptions. */
 type __VLS_Props = {
     /**
      * Ordinal value, passed through to `<li value>`. Only meaningful inside an `<ol>`.

package/dist/list/ListItem.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Renders `<li>`. An icon — its own or the List's — renders as an
- * `indicator` part and suppresses the native marker.
- */
+/** One list entry: an `<li>` showing an icon as an `indicator` part that suppresses the native marker, or — inside a `dl` List — the `<div>` wrapping a Term and its Descriptions. */
 type __VLS_Props = {
     /**
      * Ordinal value, passed through to `<li value>`. Only meaningful inside an `<ol>`.

package/dist/list/ListItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const c=require("./context.cjs");let e=require("vue");var i=["value"],u={key:0,class:"skdx-list__indicator","data-part":"indicator"},_=(0,e.defineComponent)({name:"SkdxListItem",inheritAttrs:!1,__name:"ListItem",props:{value:{}},setup(l){const s=l,n=(0,e.useSlots)(),a=(0,e.inject)(c.LIST_CONTEXT,null),t=(0,e.computed)(()=>n.icon??a?.slots.icon),r=(0,e.computed)(()=>t.value?{listStyle:"none"}:void 0);return(o,p)=>((0,e.openBlock)(),(0,e.createElementBlock)("li",(0,e.mergeProps)({style:r.value},o.$attrs,{class:"skdx-list__item","data-part":"item",value:s.value}),[t.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",u,[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.value)))])):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(o.$slots,"default")],16,i))}});exports.default=_;
+const c=require("./context.cjs");let e=require("vue");var u={key:0,class:"skdx-list__indicator","data-part":"indicator"},d=(0,e.defineComponent)({name:"SkdxListItem",inheritAttrs:!1,__name:"ListItem",props:{value:{}},setup(a){const n=a,i=(0,e.useSlots)(),l=(0,e.inject)(c.LIST_CONTEXT,null),t=(0,e.computed)(()=>l?.as.value==="dl"),o=(0,e.computed)(()=>t.value?void 0:i.icon??l?.slots.icon),r=(0,e.computed)(()=>o.value?{listStyle:"none"}:void 0);return(s,v)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.value?"div":"li"),(0,e.mergeProps)({style:r.value},s.$attrs,{class:"skdx-list__item","data-part":"item",value:t.value?void 0:n.value}),{default:(0,e.withCtx)(()=>[o.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",u,[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(o.value)))])):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(s.$slots,"default")]),_:3},16,["style","value"]))}});exports.default=d;

package/dist/list/ListItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{LIST_CONTEXT as e}from"./context.js";import{computed as t,createBlock as a,createCommentVNode as s,createElementBlock as o,defineComponent as l,inject as n,mergeProps as r,openBlock as i,renderSlot as m,resolveDynamicComponent as c,useSlots as u}from"vue";var d=["value"],p={key:0,class:"skdx-list__indicator","data-part":"indicator"},v=/* @__PURE__ */l({name:"SkdxListItem",inheritAttrs:!1,__name:"ListItem",props:{value:{}},setup(l){const v=l,k=u(),_=n(e,null),f=t(()=>k.icon??_?.slots.icon),x=t(()=>f.value?{listStyle:"none"}:void 0);return(e,t)=>(i(),o("li",r({style:x.value},e.$attrs,{class:"skdx-list__item","data-part":"item",value:v.value}),[f.value?(i(),o("span",p,[(i(),a(c(f.value)))])):s("",!0),m(e.$slots,"default")],16,d))}});export{v as default};
+import{LIST_CONTEXT as e}from"./context.js";import{computed as a,createBlock as t,createCommentVNode as s,createElementBlock as l,defineComponent as o,inject as i,mergeProps as n,openBlock as r,renderSlot as u,resolveDynamicComponent as d,useSlots as v,withCtx as m}from"vue";var c={key:0,class:"skdx-list__indicator","data-part":"indicator"},p=/* @__PURE__ */o({name:"SkdxListItem",inheritAttrs:!1,__name:"ListItem",props:{value:{}},setup(o){const p=o,_=v(),k=i(e,null),f=a(()=>"dl"===k?.as.value),x=a(()=>f.value?void 0:_.icon??k?.slots.icon),y=a(()=>x.value?{listStyle:"none"}:void 0);return(e,a)=>(r(),t(d(f.value?"div":"li"),n({style:y.value},e.$attrs,{class:"skdx-list__item","data-part":"item",value:f.value?void 0:p.value}),{default:m(()=>[x.value?(r(),l("span",c,[(r(),t(d(x.value)))])):s("",!0),u(e.$slots,"default")]),_:3},16,["style","value"]))}});export{p as default};

package/dist/list/ListTerm.vue.cjs

@@ -0,0 +1 @@
+const e=require("./ListTerm.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/list/ListTerm.vue.d.cts

@@ -0,0 +1,14 @@
+/** The term half of a pair, rendered as a `<dt>` the following `<dd>` describes. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};