@k2b/ui 0.33.0 → 0.34.0

package/dist/browser/content/index.js

@@ -15,7 +15,7 @@ export { DocCode, DocConceptGrid, DocInlineCode, DocLead, DocNote, DocPage, DocR
 export { FileBrowserPanel, openFileBrowser } from "./FileBrowser";
 export { FileGrid } from "./FileGrid";
 export { default as FileTree } from "./FileTree";
-export { FileTypeIcon, fileTypeOf } from "./FileTypeIcon";
+export { FileTypeIcon, fileKindLabel, fileTypeOf } from "./FileTypeIcon";
 export { canPreviewFile, default as FileView, formatFileViewSize, getFileViewPreviewKind } from "./FileView";
 export { Kbd } from "./Kbd";
 export { LabelChip } from "./LabelChip";

package/dist/browser/content/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/index.ts"],"sourcesContent":["export type {\n  CalendarAttendee,\n  CalendarCommand,\n  CalendarController,\n  CalendarCustomView,\n  CalendarDayBadge,\n  CalendarEvent,\n  CalendarEventColor,\n  CalendarEventRenderContext,\n  CalendarEventTimeChange,\n  CalendarExternalDrag,\n  CalendarLabels,\n  CalendarProps,\n  CalendarQuickCreateControls,\n  CalendarRange,\n  CalendarRecurrence,\n  CalendarResource,\n  CalendarSelectionControls,\n  CalendarView,\n} from \"./Calendar\";\nexport { default as Calendar } from \"./Calendar\";\n\nexport type { ChartKind, ChartLabels, ChartProps, ChartRenderOptions } from \"./Chart\";\nexport { default as Chart } from \"./Chart\";\nexport type { ChartExplorerColumn, ChartExplorerProps, ChartLegendEntry } from \"./ChartExplorer\";\nexport { ChartExplorer } from \"./ChartExplorer\";\nexport type { ChartExplorerControlsProps } from \"./ChartExplorerControls\";\nexport { ChartExplorerControls } from \"./ChartExplorerControls\";\nexport { ChartFilterControls, type ChartFilterControlsProps } from \"./ChartFilterControls\";\nexport { ChartSnapshotView } from \"./ChartSnapshotView\";\nexport type { CodeDisplayLanguage, CodeDisplayProps } from \"./CodeDisplay\";\nexport { default as CodeDisplay } from \"./CodeDisplay\";\nexport { type ChartCursor, createChartCursor } from \"./chart-cursor\";\nexport type {\n  ChartExplorerCharts,\n  ChartExplorerController,\n  ChartExplorerData,\n  ChartExplorerOptions,\n  ChartExplorerRequest,\n  ChartExplorerRow,\n  ChartExplorerSnapshot,\n} from \"./chart-explorer\";\nexport { createChartExplorer } from \"./chart-explorer\";\nexport type { ChartDatumRef, ChartSelection, ChartTooltip, ChartTooltipFormatter } from \"./chart-inspection-core\";\nexport type { ChartSnapshot } from \"./chart-snapshot\";\nexport { prepareChartSnapshot } from \"./chart-snapshot\";\nexport type {\n  StateTimelineChartOptions,\n  StateTimelineDomain,\n  StateTimelineInterval,\n  StateTimelineRow,\n  StateTimelineState,\n} from \"./chart-state-timeline\";\nexport { highlightSql } from \"./code-highlight\";\nexport { type CollectionSelection, createCollectionSelection, type SelectionModifiers } from \"./collection-selection\";\nexport type {\n  DataTableColumn,\n  DataTableControlsProps,\n  DataTableFooter,\n  DataTableHeaderProps,\n  DataTablePanelFooterProps,\n  DataTablePanelProps,\n  DataTableProps,\n  DataTableRenderCell,\n  DataTableRenderHeader,\n  DataTableSort,\n} from \"./DataTable\";\nexport { default as DataTable } from \"./DataTable\";\nexport type { DocCodeHighlighter, DocCodeProps, DocConcept, DocNoteVariant, DocRow } from \"./Docs\";\nexport { DocCode, DocConceptGrid, DocInlineCode, DocLead, DocNote, DocPage, DocRows, DocSection } from \"./Docs\";\nexport { FileBrowserPanel, type FileBrowserPanelProps, type FileSource, openFileBrowser } from \"./FileBrowser\";\nexport { FileGrid, type FileGridProps } from \"./FileGrid\";\nexport { default as FileTree, type FileTreeActions, type FileTreeEntry, type FileTreeProps } from \"./FileTree\";\nexport { type FileType, FileTypeIcon, type FileTypeIconProps, fileTypeOf } from \"./FileTypeIcon\";\nexport {\n  canPreviewFile,\n  default as FileView,\n  type FileViewContent,\n  type FileViewFile,\n  type FileViewPreviewKind,\n  type FileViewProps,\n  type FileViewRenderer,\n  type FileViewRendererProps,\n  formatFileViewSize,\n  getFileViewPreviewKind,\n} from \"./FileView\";\nexport type { KbdProps } from \"./Kbd\";\nexport { Kbd } from \"./Kbd\";\nexport type { LabelChipProps } from \"./LabelChip\";\nexport { LabelChip } from \"./LabelChip\";\nexport type { LightboxAction, LightboxImage } from \"./Lightbox\";\nexport { default as Lightbox } from \"./Lightbox\";\nexport type { LogTableEntry } from \"./LogEntriesTable\";\nexport { default as LogEntriesTable } from \"./LogEntriesTable\";\nexport { MapAttribution } from \"./MapAttribution\";\nexport { MapView } from \"./MapView\";\nexport { MapViewFrame } from \"./MapViewFrame\";\nexport { default as MarkdownView, type MarkdownRenderOptions, type MarkdownViewProps, renderSafeMarkdown } from \"./MarkdownView\";\nexport type {\n  MessageEventGroupProps,\n  MessageEventRowProps,\n  MessageGroupEntry,\n  MessageRowAction,\n  MessageRowAttachment,\n  MessageRowAuthor,\n  MessageRowFile,\n  MessageRowMedia,\n  MessageRowOrigin,\n  MessageRowProgress,\n  MessageRowProps,\n  MessageRowQuote,\n  MessageRowReaction,\n  MessageRowStatus,\n  MessageRowThread,\n  MessageSystemRowProps,\n} from \"./MessageRow\";\nexport { MessageEventGroup, MessageEventRow, MessageRow, MessageSystemRow, startsMessageGroup } from \"./MessageRow\";\nexport { type MapPaletteColors, type MapTheme, mapPalette } from \"./map-palette\";\nexport { type MapStyleOptions, mapAttribution, mapStyle } from \"./map-style\";\nexport type {\n  MapViewArea,\n  MapViewFit,\n  MapViewFrameProps,\n  MapViewLine,\n  MapViewLineTone,\n  MapViewMarker,\n  MapViewOwnLocation,\n  MapViewPoint,\n  MapViewProps,\n  MapViewStyle,\n  MapViewStyleSource,\n  MapViewTone,\n} from \"./map-view-types\";\nexport {\n  MARKDOWN_CALLOUT_CLASSES,\n  MARKDOWN_CALLOUT_ICON_ATTRIBUTES,\n  type MarkdownInfoBlock,\n  type MarkdownInfoBlockRenderInput,\n  type MarkdownInfoBlockType,\n  markdownInfoBlocks,\n  renderMarkdownInfoBlock,\n  scanMarkdownInfoBlock,\n} from \"./markdown-info-blocks\";\nexport {\n  type MarkdownLinkInput,\n  type MarkdownReference,\n  type MarkdownReferenceKind,\n  type MarkdownReferenceType,\n  markdownLinkReference,\n  markdownReferenceIcon,\n  markdownReferenceType,\n  markdownReferenceTypeLabel,\n  markStandaloneLinks,\n  renderMarkdownLink,\n} from \"./markdown-links\";\nexport { Pagination, type PaginationProps } from \"./Pagination\";\nexport type { PdfPreviewProps, PdfPreviewRequest } from \"./PdfPreview\";\nexport { default as PdfPreview } from \"./PdfPreview\";\nexport type { RangeOption, RangePickerProps } from \"./RangePicker\";\nexport { default as RangePicker } from \"./RangePicker\";\nexport { ReactionBar, type ReactionBarItem, type ReactionBarProps } from \"./ReactionBar\";\nexport type {\n  ReferenceChipObjectProps,\n  ReferenceChipPersonProps,\n  ReferenceChipProps,\n  ReferenceChipTimeProps,\n} from \"./ReferenceChip\";\nexport { REFERENCE_CHIP_MAX_CHARACTERS, ReferenceChip, truncateMiddle } from \"./ReferenceChip\";\nexport type { StepsProps } from \"./Steps\";\nexport { Steps } from \"./Steps\";\nexport type { StructuredDataPreviewMode, StructuredDataPreviewProps, StructuredDataValue } from \"./StructuredDataPreview\";\nexport { default as StructuredDataPreview, isStructuredDataValue } from \"./StructuredDataPreview\";\nexport type { TimelineColor, TimelineController, TimelineItem, TimelineProps } from \"./Timeline\";\nexport { default as Timeline } from \"./Timeline\";\nexport { VideoPlayer, type VideoPlayerProps } from \"./VideoPlayer\";\nexport type { VirtualFeedController, VirtualFeedProps, VirtualFeedScrollOptions } from \"./VirtualFeed\";\nexport { VirtualFeed } from \"./VirtualFeed\";\nexport type { ZoomPanAction, ZoomPanFullscreen, ZoomPanViewportProps } from \"./ZoomPanViewport\";\nexport { ZoomPanViewport } from \"./ZoomPanViewport\";\n"],"mappings":"AAoBA,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAGhD,SAAS,OAAO,IAAI,KAAK,QAAQ,SAAS;AAE1C,SAAS,aAAa,QAAQ,iBAAiB;AAE/C,SAAS,qBAAqB,QAAQ,yBAAyB;AAC/D,SAAS,mBAAmB,QAAuC,uBAAuB;AAC1F,SAAS,iBAAiB,QAAQ,qBAAqB;AAEvD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAA2B,iBAAiB,QAAQ,gBAAgB;AAUpE,SAAS,mBAAmB,QAAQ,kBAAkB;AAGtD,SAAS,oBAAoB,QAAQ,kBAAkB;AAQvD,SAAS,YAAY,QAAQ,kBAAkB;AAC/C,SAAmC,yBAAyB,QAAiC,wBAAwB;AAarH,SAAS,OAAO,IAAI,SAAS,QAAQ,aAAa;AAElD,SAAS,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ;AAC/G,SAAS,gBAAgB,EAA+C,eAAe,QAAQ,eAAe;AAC9G,SAAS,QAAQ,QAA4B,YAAY;AACzD,SAAS,OAAO,IAAI,QAAQ,QAAsE,YAAY;AAC9G,SAAwB,YAAY,EAA0B,UAAU,QAAQ,gBAAgB;AAChG,SACE,cAAc,EACd,OAAO,IAAI,QAAQ,EAOnB,kBAAkB,EAClB,sBAAsB,QACjB,YAAY;AAEnB,SAAS,GAAG,QAAQ,OAAO;AAE3B,SAAS,SAAS,QAAQ,aAAa;AAEvC,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAEhD,SAAS,OAAO,IAAI,eAAe,QAAQ,mBAAmB;AAC9D,SAAS,cAAc,QAAQ,kBAAkB;AACjD,SAAS,OAAO,QAAQ,WAAW;AACnC,SAAS,YAAY,QAAQ,gBAAgB;AAC7C,SAAS,OAAO,IAAI,YAAY,EAAsD,kBAAkB,QAAQ,gBAAgB;AAmBhI,SAAS,iBAAiB,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,kBAAkB,QAAQ,cAAc;AACnH,SAA+C,UAAU,QAAQ,eAAe;AAChF,SAA+B,cAAc,EAAE,QAAQ,QAAQ,aAAa;AAe5E,SACE,wBAAwB,EACxB,gCAAgC,EAIhC,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,QAChB,wBAAwB;AAC/B,SAKE,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACnB,kBAAkB,QACb,kBAAkB;AACzB,SAAS,UAAU,QAA8B,cAAc;AAE/D,SAAS,OAAO,IAAI,UAAU,QAAQ,cAAc;AAEpD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAAS,WAAW,QAAqD,eAAe;AAOxF,SAAS,6BAA6B,EAAE,aAAa,EAAE,cAAc,QAAQ,iBAAiB;AAE9F,SAAS,KAAK,QAAQ,SAAS;AAE/B,SAAS,OAAO,IAAI,qBAAqB,EAAE,qBAAqB,QAAQ,yBAAyB;AAEjG,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAChD,SAAS,WAAW,QAA+B,eAAe;AAElE,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,eAAe,QAAQ,mBAAmB","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/index.ts"],"sourcesContent":["export type {\n  CalendarAttendee,\n  CalendarCommand,\n  CalendarController,\n  CalendarCustomView,\n  CalendarDayBadge,\n  CalendarEvent,\n  CalendarEventColor,\n  CalendarEventRenderContext,\n  CalendarEventTimeChange,\n  CalendarExternalDrag,\n  CalendarLabels,\n  CalendarProps,\n  CalendarQuickCreateControls,\n  CalendarRange,\n  CalendarRecurrence,\n  CalendarResource,\n  CalendarSelectionControls,\n  CalendarView,\n} from \"./Calendar\";\nexport { default as Calendar } from \"./Calendar\";\n\nexport type { ChartKind, ChartLabels, ChartProps, ChartRenderOptions } from \"./Chart\";\nexport { default as Chart } from \"./Chart\";\nexport type { ChartExplorerColumn, ChartExplorerProps, ChartLegendEntry } from \"./ChartExplorer\";\nexport { ChartExplorer } from \"./ChartExplorer\";\nexport type { ChartExplorerControlsProps } from \"./ChartExplorerControls\";\nexport { ChartExplorerControls } from \"./ChartExplorerControls\";\nexport { ChartFilterControls, type ChartFilterControlsProps } from \"./ChartFilterControls\";\nexport { ChartSnapshotView } from \"./ChartSnapshotView\";\nexport type { CodeDisplayLanguage, CodeDisplayProps } from \"./CodeDisplay\";\nexport { default as CodeDisplay } from \"./CodeDisplay\";\nexport { type ChartCursor, createChartCursor } from \"./chart-cursor\";\nexport type {\n  ChartExplorerCharts,\n  ChartExplorerController,\n  ChartExplorerData,\n  ChartExplorerOptions,\n  ChartExplorerRequest,\n  ChartExplorerRow,\n  ChartExplorerSnapshot,\n} from \"./chart-explorer\";\nexport { createChartExplorer } from \"./chart-explorer\";\nexport type { ChartDatumRef, ChartSelection, ChartTooltip, ChartTooltipFormatter } from \"./chart-inspection-core\";\nexport type { ChartSnapshot } from \"./chart-snapshot\";\nexport { prepareChartSnapshot } from \"./chart-snapshot\";\nexport type {\n  StateTimelineChartOptions,\n  StateTimelineDomain,\n  StateTimelineInterval,\n  StateTimelineRow,\n  StateTimelineState,\n} from \"./chart-state-timeline\";\nexport { highlightSql } from \"./code-highlight\";\nexport { type CollectionSelection, createCollectionSelection, type SelectionModifiers } from \"./collection-selection\";\nexport type {\n  DataTableColumn,\n  DataTableControlsProps,\n  DataTableFooter,\n  DataTableHeaderProps,\n  DataTablePanelFooterProps,\n  DataTablePanelProps,\n  DataTableProps,\n  DataTableRenderCell,\n  DataTableRenderHeader,\n  DataTableSort,\n} from \"./DataTable\";\nexport { default as DataTable } from \"./DataTable\";\nexport type { DocCodeHighlighter, DocCodeProps, DocConcept, DocNoteVariant, DocRow } from \"./Docs\";\nexport { DocCode, DocConceptGrid, DocInlineCode, DocLead, DocNote, DocPage, DocRows, DocSection } from \"./Docs\";\nexport { FileBrowserPanel, type FileBrowserPanelProps, type FileSource, openFileBrowser } from \"./FileBrowser\";\nexport { FileGrid, type FileGridGroup, type FileGridOpenProps, type FileGridProps, type FileGridSelectableProps } from \"./FileGrid\";\nexport { default as FileTree, type FileTreeActions, type FileTreeEntry, type FileTreeProps } from \"./FileTree\";\nexport { type FileType, FileTypeIcon, type FileTypeIconProps, fileKindLabel, fileTypeOf } from \"./FileTypeIcon\";\nexport {\n  canPreviewFile,\n  default as FileView,\n  type FileViewContent,\n  type FileViewFile,\n  type FileViewPreviewKind,\n  type FileViewProps,\n  type FileViewRenderer,\n  type FileViewRendererProps,\n  formatFileViewSize,\n  getFileViewPreviewKind,\n} from \"./FileView\";\nexport type { KbdProps } from \"./Kbd\";\nexport { Kbd } from \"./Kbd\";\nexport type { LabelChipProps } from \"./LabelChip\";\nexport { LabelChip } from \"./LabelChip\";\nexport type { LightboxAction, LightboxImage } from \"./Lightbox\";\nexport { default as Lightbox } from \"./Lightbox\";\nexport type { LogTableEntry } from \"./LogEntriesTable\";\nexport { default as LogEntriesTable } from \"./LogEntriesTable\";\nexport { MapAttribution } from \"./MapAttribution\";\nexport { MapView } from \"./MapView\";\nexport { MapViewFrame } from \"./MapViewFrame\";\nexport { default as MarkdownView, type MarkdownRenderOptions, type MarkdownViewProps, renderSafeMarkdown } from \"./MarkdownView\";\nexport type {\n  MessageEventGroupProps,\n  MessageEventRowProps,\n  MessageGroupEntry,\n  MessageRowAction,\n  MessageRowAttachment,\n  MessageRowAuthor,\n  MessageRowFile,\n  MessageRowMedia,\n  MessageRowOrigin,\n  MessageRowProgress,\n  MessageRowProps,\n  MessageRowQuote,\n  MessageRowReaction,\n  MessageRowStatus,\n  MessageRowThread,\n  MessageSystemRowProps,\n} from \"./MessageRow\";\nexport { MessageEventGroup, MessageEventRow, MessageRow, MessageSystemRow, startsMessageGroup } from \"./MessageRow\";\nexport { type MapPaletteColors, type MapTheme, mapPalette } from \"./map-palette\";\nexport { type MapStyleOptions, mapAttribution, mapStyle } from \"./map-style\";\nexport type {\n  MapViewArea,\n  MapViewFit,\n  MapViewFrameProps,\n  MapViewLine,\n  MapViewLineTone,\n  MapViewMarker,\n  MapViewOwnLocation,\n  MapViewPoint,\n  MapViewProps,\n  MapViewStyle,\n  MapViewStyleSource,\n  MapViewTone,\n} from \"./map-view-types\";\nexport {\n  MARKDOWN_CALLOUT_CLASSES,\n  MARKDOWN_CALLOUT_ICON_ATTRIBUTES,\n  type MarkdownInfoBlock,\n  type MarkdownInfoBlockRenderInput,\n  type MarkdownInfoBlockType,\n  markdownInfoBlocks,\n  renderMarkdownInfoBlock,\n  scanMarkdownInfoBlock,\n} from \"./markdown-info-blocks\";\nexport {\n  type MarkdownLinkInput,\n  type MarkdownReference,\n  type MarkdownReferenceKind,\n  type MarkdownReferenceType,\n  markdownLinkReference,\n  markdownReferenceIcon,\n  markdownReferenceType,\n  markdownReferenceTypeLabel,\n  markStandaloneLinks,\n  renderMarkdownLink,\n} from \"./markdown-links\";\nexport { Pagination, type PaginationProps } from \"./Pagination\";\nexport type { PdfPreviewProps, PdfPreviewRequest } from \"./PdfPreview\";\nexport { default as PdfPreview } from \"./PdfPreview\";\nexport type { RangeOption, RangePickerProps } from \"./RangePicker\";\nexport { default as RangePicker } from \"./RangePicker\";\nexport { ReactionBar, type ReactionBarItem, type ReactionBarProps } from \"./ReactionBar\";\nexport type {\n  ReferenceChipObjectProps,\n  ReferenceChipPersonProps,\n  ReferenceChipProps,\n  ReferenceChipTimeProps,\n} from \"./ReferenceChip\";\nexport { REFERENCE_CHIP_MAX_CHARACTERS, ReferenceChip, truncateMiddle } from \"./ReferenceChip\";\nexport type { StepsProps } from \"./Steps\";\nexport { Steps } from \"./Steps\";\nexport type { StructuredDataPreviewMode, StructuredDataPreviewProps, StructuredDataValue } from \"./StructuredDataPreview\";\nexport { default as StructuredDataPreview, isStructuredDataValue } from \"./StructuredDataPreview\";\nexport type { TimelineColor, TimelineController, TimelineItem, TimelineProps } from \"./Timeline\";\nexport { default as Timeline } from \"./Timeline\";\nexport { VideoPlayer, type VideoPlayerProps } from \"./VideoPlayer\";\nexport type { VirtualFeedController, VirtualFeedProps, VirtualFeedScrollOptions } from \"./VirtualFeed\";\nexport { VirtualFeed } from \"./VirtualFeed\";\nexport type { ZoomPanAction, ZoomPanFullscreen, ZoomPanViewportProps } from \"./ZoomPanViewport\";\nexport { ZoomPanViewport } from \"./ZoomPanViewport\";\n"],"mappings":"AAoBA,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAGhD,SAAS,OAAO,IAAI,KAAK,QAAQ,SAAS;AAE1C,SAAS,aAAa,QAAQ,iBAAiB;AAE/C,SAAS,qBAAqB,QAAQ,yBAAyB;AAC/D,SAAS,mBAAmB,QAAuC,uBAAuB;AAC1F,SAAS,iBAAiB,QAAQ,qBAAqB;AAEvD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAA2B,iBAAiB,QAAQ,gBAAgB;AAUpE,SAAS,mBAAmB,QAAQ,kBAAkB;AAGtD,SAAS,oBAAoB,QAAQ,kBAAkB;AAQvD,SAAS,YAAY,QAAQ,kBAAkB;AAC/C,SAAmC,yBAAyB,QAAiC,wBAAwB;AAarH,SAAS,OAAO,IAAI,SAAS,QAAQ,aAAa;AAElD,SAAS,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ;AAC/G,SAAS,gBAAgB,EAA+C,eAAe,QAAQ,eAAe;AAC9G,SAAS,QAAQ,QAAsG,YAAY;AACnI,SAAS,OAAO,IAAI,QAAQ,QAAsE,YAAY;AAC9G,SAAwB,YAAY,EAA0B,aAAa,EAAE,UAAU,QAAQ,gBAAgB;AAC/G,SACE,cAAc,EACd,OAAO,IAAI,QAAQ,EAOnB,kBAAkB,EAClB,sBAAsB,QACjB,YAAY;AAEnB,SAAS,GAAG,QAAQ,OAAO;AAE3B,SAAS,SAAS,QAAQ,aAAa;AAEvC,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAEhD,SAAS,OAAO,IAAI,eAAe,QAAQ,mBAAmB;AAC9D,SAAS,cAAc,QAAQ,kBAAkB;AACjD,SAAS,OAAO,QAAQ,WAAW;AACnC,SAAS,YAAY,QAAQ,gBAAgB;AAC7C,SAAS,OAAO,IAAI,YAAY,EAAsD,kBAAkB,QAAQ,gBAAgB;AAmBhI,SAAS,iBAAiB,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,kBAAkB,QAAQ,cAAc;AACnH,SAA+C,UAAU,QAAQ,eAAe;AAChF,SAA+B,cAAc,EAAE,QAAQ,QAAQ,aAAa;AAe5E,SACE,wBAAwB,EACxB,gCAAgC,EAIhC,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,QAChB,wBAAwB;AAC/B,SAKE,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACnB,kBAAkB,QACb,kBAAkB;AACzB,SAAS,UAAU,QAA8B,cAAc;AAE/D,SAAS,OAAO,IAAI,UAAU,QAAQ,cAAc;AAEpD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAAS,WAAW,QAAqD,eAAe;AAOxF,SAAS,6BAA6B,EAAE,aAAa,EAAE,cAAc,QAAQ,iBAAiB;AAE9F,SAAS,KAAK,QAAQ,SAAS;AAE/B,SAAS,OAAO,IAAI,qBAAqB,EAAE,qBAAqB,QAAQ,yBAAyB;AAEjG,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAChD,SAAS,WAAW,QAA+B,eAAe;AAElE,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,eAAe,QAAQ,mBAAmB","ignoreList":[]}

package/dist/browser/feedback/Tooltip.js

@@ -48,6 +48,7 @@ function TooltipSurface(props) {
   };
   function dismissOnEscape(event) {
     if (event.key !== "Escape" || !surface?.matches(":popover-open")) return;
+    event.preventDefault();
     dismissedUntilLeave = true;
     close();
   }
@@ -89,18 +90,25 @@ function TooltipSurface(props) {
   onMount(() => {
     target = props.target();
     if (!target) return;
+    const focusHost = props.focusTarget?.() ?? target;
 
     // Server HTML may carry a native title as the no-JavaScript hint; once
     // hydrated, this surface replaces it so the hint does not appear twice.
     const originalTitle = target.getAttribute("title");
     target.removeAttribute("title");
     // A hint that only repeats the control's accessible name adds nothing for
-    // assistive technology, so it does not become a description.
-    const repeatsName = surface?.textContent?.trim() === target.getAttribute("aria-label")?.trim();
-    const originalDescription = target.getAttribute("aria-describedby");
+    // assistive technology, so it does not become a description. A focus
+    // container without an aria-label is named by the target's own label text.
+    const hint = surface?.textContent?.trim();
+    const label = focusHost.getAttribute("aria-label");
+    const repeatsName = label !== null ? hint === label.trim() : Boolean(props.focusTarget && hint && target.textContent?.includes(hint));
+    const originalDescription = focusHost.getAttribute("aria-describedby");
     const descriptions = new Set(originalDescription?.split(/\s+/).filter(Boolean) ?? []);
     if (!repeatsName) descriptions.add(tooltipId);
-    if (descriptions.size > 0) target.setAttribute("aria-describedby", [...descriptions].join(" "));
+    // A focus container named by its content, such as a tree item, would read
+    // the open hint as part of its name; a description still reads it.
+    if (surface && focusHost !== target && focusHost.contains(surface)) surface.setAttribute("aria-hidden", "true");
+    if (descriptions.size > 0) focusHost.setAttribute("aria-describedby", [...descriptions].join(" "));
 
     // Touch has no hover, so a tap never opens the hint; the label stays the
     // accessible name.
@@ -110,33 +118,42 @@ function TooltipSurface(props) {
     // Only visible focus, as from the keyboard, opens the hint. Focus that a
     // click or tap gives, or that a closing overlay returns silently, does not.
     const focusIn = event => {
-      if (event.target?.matches?.(":focus-visible")) open();
+      const focused = event.target;
+      if ((focusHost === target || focused === focusHost) && focused?.matches?.(":focus-visible")) open();
     };
     const leave = () => {
       dismissedUntilLeave = false;
       close();
     };
     const focusOut = event => {
-      if (!target?.contains(event.relatedTarget)) leave();
+      if (focusHost === target ? !target.contains(event.relatedTarget) : event.target === focusHost) leave();
     };
-    const pointerDown = () => {
+    const dismissForUse = () => {
       dismissedUntilLeave = true;
       close();
     };
+
+    // Keyboard activation uses the control just as a pointer press does. Capture it before
+    // a local handler (for example drag pickup) stops propagation.
+    const keyDown = event => {
+      if (event.key === " " || event.key === "Enter") dismissForUse();
+    };
+    focusHost.addEventListener("keydown", keyDown, true);
     target.addEventListener("pointerenter", enter);
     target.addEventListener("pointerleave", leave);
-    target.addEventListener("pointerdown", pointerDown);
-    target.addEventListener("focusin", focusIn);
-    target.addEventListener("focusout", focusOut);
+    target.addEventListener("pointerdown", dismissForUse);
+    focusHost.addEventListener("focusin", focusIn);
+    focusHost.addEventListener("focusout", focusOut);
     onCleanup(() => {
       close();
       if (originalTitle !== null) target?.setAttribute("title", originalTitle);
-      if (originalDescription) target?.setAttribute("aria-describedby", originalDescription);else target?.removeAttribute("aria-describedby");
+      if (originalDescription) focusHost.setAttribute("aria-describedby", originalDescription);else focusHost.removeAttribute("aria-describedby");
+      focusHost.removeEventListener("keydown", keyDown, true);
       target?.removeEventListener("pointerenter", enter);
       target?.removeEventListener("pointerleave", leave);
-      target?.removeEventListener("pointerdown", pointerDown);
-      target?.removeEventListener("focusin", focusIn);
-      target?.removeEventListener("focusout", focusOut);
+      target?.removeEventListener("pointerdown", dismissForUse);
+      focusHost.removeEventListener("focusin", focusIn);
+      focusHost.removeEventListener("focusout", focusOut);
     });
   });
   return (() => {

package/dist/browser/feedback/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["feedback/Tooltip.tsx"],"sourcesContent":["import { createContext, createEffect, createUniqueId, type JSX, onCleanup, onMount, splitProps, useContext } from \"solid-js\";\nimport { positionTooltipSurface, type TooltipPlacement } from \"./tooltip-position\";\n\nexport type TooltipProps = {\n  content: JSX.Element;\n  target: () => HTMLElement | undefined;\n  placement?: TooltipPlacement;\n  delay?: number;\n  disabled?: boolean;\n};\n\nexport type TooltipAnchorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, \"content\"> & Omit<TooltipProps, \"target\">;\n\nexport type TooltipTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"content\"> & Omit<TooltipProps, \"target\">;\n\n/** True below a Tooltip.Anchor, whose hint already covers the controls inside it. */\nconst AnchorContext = createContext(false);\n\n/**\n * The hint an icon-only control shows by default: its label, unless the caller\n * passes its own `tooltip` (or `false`) or an enclosing Tooltip.Anchor already\n * owns the hint.\n */\nexport const useLabelTooltip = (tooltip: () => JSX.Element | false | undefined, label: () => string | undefined) => {\n  const anchored = useContext(AnchorContext);\n  return (): JSX.Element | false | undefined => {\n    const explicit = tooltip();\n    if (explicit !== undefined) return explicit;\n    return anchored ? false : label();\n  };\n};\n\n/**\n * Low-level tooltip surface for components that already own their target DOM\n * element. Most callers should use Button.tooltip, IconButton.tooltip, or\n * Tooltip.Anchor instead.\n */\nfunction TooltipSurface(props: TooltipProps): JSX.Element {\n  const tooltipId = `k2b-tooltip-${createUniqueId()}`;\n  let surface: HTMLSpanElement | undefined;\n  let target: HTMLElement | undefined;\n  let openTimer: ReturnType<typeof setTimeout> | undefined;\n  let dismissedUntilLeave = false;\n\n  const clearTimer = () => {\n    if (openTimer) clearTimeout(openTimer);\n    openTimer = undefined;\n  };\n\n  function dismissOnEscape(event: KeyboardEvent) {\n    if (event.key !== \"Escape\" || !surface?.matches(\":popover-open\")) return;\n    dismissedUntilLeave = true;\n    close();\n  }\n\n  function close() {\n    clearTimer();\n    if (surface?.matches(\":popover-open\")) {\n      try {\n        surface.hidePopover();\n      } catch {\n        // The surface may disconnect during cleanup.\n      }\n    }\n    document.removeEventListener(\"keydown\", dismissOnEscape);\n    window.removeEventListener(\"scroll\", close, true);\n    window.removeEventListener(\"resize\", close);\n  }\n\n  const open = () => {\n    clearTimer();\n    if (props.disabled || dismissedUntilLeave || !surface || !target || surface.matches(\":popover-open\")) return;\n    const show = () => {\n      openTimer = undefined;\n      if (props.disabled || !surface?.isConnected || !target) return;\n      try {\n        surface.showPopover();\n      } catch {\n        return;\n      }\n      positionTooltipSurface(surface, target, props.placement);\n      document.addEventListener(\"keydown\", dismissOnEscape);\n      window.addEventListener(\"scroll\", close, true);\n      window.addEventListener(\"resize\", close);\n    };\n    const delay = props.delay ?? 250;\n    if (delay <= 0) show();\n    else openTimer = setTimeout(show, delay);\n  };\n\n  createEffect(() => {\n    if (props.disabled) close();\n  });\n\n  onMount(() => {\n    target = props.target();\n    if (!target) return;\n\n    // Server HTML may carry a native title as the no-JavaScript hint; once\n    // hydrated, this surface replaces it so the hint does not appear twice.\n    const originalTitle = target.getAttribute(\"title\");\n    target.removeAttribute(\"title\");\n    // A hint that only repeats the control's accessible name adds nothing for\n    // assistive technology, so it does not become a description.\n    const repeatsName = surface?.textContent?.trim() === target.getAttribute(\"aria-label\")?.trim();\n    const originalDescription = target.getAttribute(\"aria-describedby\");\n    const descriptions = new Set(originalDescription?.split(/\\s+/).filter(Boolean) ?? []);\n    if (!repeatsName) descriptions.add(tooltipId);\n    if (descriptions.size > 0) target.setAttribute(\"aria-describedby\", [...descriptions].join(\" \"));\n\n    // Touch has no hover, so a tap never opens the hint; the label stays the\n    // accessible name.\n    const enter = (event: PointerEvent) => {\n      if (event.pointerType !== \"touch\") open();\n    };\n    // Only visible focus, as from the keyboard, opens the hint. Focus that a\n    // click or tap gives, or that a closing overlay returns silently, does not.\n    const focusIn = (event: FocusEvent) => {\n      if ((event.target as Element | null)?.matches?.(\":focus-visible\")) open();\n    };\n    const leave = () => {\n      dismissedUntilLeave = false;\n      close();\n    };\n    const focusOut = (event: FocusEvent) => {\n      if (!target?.contains(event.relatedTarget as Node | null)) leave();\n    };\n    const pointerDown = () => {\n      dismissedUntilLeave = true;\n      close();\n    };\n\n    target.addEventListener(\"pointerenter\", enter);\n    target.addEventListener(\"pointerleave\", leave);\n    target.addEventListener(\"pointerdown\", pointerDown);\n    target.addEventListener(\"focusin\", focusIn);\n    target.addEventListener(\"focusout\", focusOut);\n\n    onCleanup(() => {\n      close();\n      if (originalTitle !== null) target?.setAttribute(\"title\", originalTitle);\n      if (originalDescription) target?.setAttribute(\"aria-describedby\", originalDescription);\n      else target?.removeAttribute(\"aria-describedby\");\n      target?.removeEventListener(\"pointerenter\", enter);\n      target?.removeEventListener(\"pointerleave\", leave);\n      target?.removeEventListener(\"pointerdown\", pointerDown);\n      target?.removeEventListener(\"focusin\", focusIn);\n      target?.removeEventListener(\"focusout\", focusOut);\n    });\n  });\n\n  return (\n    <span\n      ref={surface}\n      id={tooltipId}\n      role=\"tooltip\"\n      popover=\"manual\"\n      class=\"k2b-tooltip\"\n      data-instant={props.delay !== undefined && props.delay <= 0 ? \"true\" : undefined}\n    >\n      {props.content}\n    </span>\n  );\n}\n\n/** Explicit tooltip target for non-button content. */\nfunction TooltipAnchor(props: TooltipAnchorProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"content\", \"delay\", \"disabled\", \"placement\"]);\n  let target: HTMLSpanElement | undefined;\n\n  return (\n    <span {...rest} ref={target} class={`k2b-tooltip-wrapper ${local.class ?? \"\"}`}>\n      <AnchorContext.Provider value={true}>{local.children}</AnchorContext.Provider>\n      <TooltipSurface\n        content={local.content}\n        target={() => target}\n        delay={local.delay}\n        disabled={local.disabled}\n        placement={local.placement}\n      />\n    </span>\n  );\n}\n\n/** Native button target for specialized controls that do not use Button. */\nfunction TooltipTrigger(props: TooltipTriggerProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"content\", \"delay\", \"disabled\", \"placement\", \"ref\"]);\n  let target: HTMLButtonElement | undefined;\n  const register = (element: HTMLButtonElement) => {\n    target = element;\n    if (typeof local.ref === \"function\") local.ref(element);\n  };\n\n  return (\n    <>\n      <button {...rest} ref={register} disabled={local.disabled}>\n        {local.children}\n      </button>\n      <TooltipSurface\n        content={local.content}\n        target={() => target}\n        delay={local.delay}\n        disabled={local.disabled}\n        placement={local.placement}\n      />\n    </>\n  );\n}\n\ntype TooltipComponent = ((props: TooltipProps) => JSX.Element) & {\n  Anchor: (props: TooltipAnchorProps) => JSX.Element;\n  Trigger: (props: TooltipTriggerProps) => JSX.Element;\n};\n\nexport const Tooltip = TooltipSurface as TooltipComponent;\nTooltip.Anchor = TooltipAnchor;\nTooltip.Trigger = TooltipTrigger;\n\nexport type { TooltipPlacement } from \"./tooltip-position\";\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["feedback/Tooltip.tsx"],"sourcesContent":["import { createContext, createEffect, createUniqueId, type JSX, onCleanup, onMount, splitProps, useContext } from \"solid-js\";\nimport { positionTooltipSurface, type TooltipPlacement } from \"./tooltip-position\";\n\nexport type TooltipProps = {\n  content: JSX.Element;\n  target: () => HTMLElement | undefined;\n  placement?: TooltipPlacement;\n  delay?: number;\n  disabled?: boolean;\n  /**\n   * The element whose keyboard focus opens the hint, when a container holds\n   * the focus instead of `target` (a tree item around its row). Defaults to\n   * `target`.\n   */\n  focusTarget?: () => HTMLElement | undefined;\n};\n\nexport type TooltipAnchorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, \"content\"> & Omit<TooltipProps, \"target\" | \"focusTarget\">;\n\nexport type TooltipTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"content\"> &\n  Omit<TooltipProps, \"target\" | \"focusTarget\">;\n\n/** True below a Tooltip.Anchor, whose hint already covers the controls inside it. */\nconst AnchorContext = createContext(false);\n\n/**\n * The hint an icon-only control shows by default: its label, unless the caller\n * passes its own `tooltip` (or `false`) or an enclosing Tooltip.Anchor already\n * owns the hint.\n */\nexport const useLabelTooltip = (tooltip: () => JSX.Element | false | undefined, label: () => string | undefined) => {\n  const anchored = useContext(AnchorContext);\n  return (): JSX.Element | false | undefined => {\n    const explicit = tooltip();\n    if (explicit !== undefined) return explicit;\n    return anchored ? false : label();\n  };\n};\n\n/**\n * Low-level tooltip surface for components that already own their target DOM\n * element. Most callers should use Button.tooltip, IconButton.tooltip, or\n * Tooltip.Anchor instead.\n */\nfunction TooltipSurface(props: TooltipProps): JSX.Element {\n  const tooltipId = `k2b-tooltip-${createUniqueId()}`;\n  let surface: HTMLSpanElement | undefined;\n  let target: HTMLElement | undefined;\n  let openTimer: ReturnType<typeof setTimeout> | undefined;\n  let dismissedUntilLeave = false;\n\n  const clearTimer = () => {\n    if (openTimer) clearTimeout(openTimer);\n    openTimer = undefined;\n  };\n\n  function dismissOnEscape(event: KeyboardEvent) {\n    if (event.key !== \"Escape\" || !surface?.matches(\":popover-open\")) return;\n    event.preventDefault();\n    dismissedUntilLeave = true;\n    close();\n  }\n\n  function close() {\n    clearTimer();\n    if (surface?.matches(\":popover-open\")) {\n      try {\n        surface.hidePopover();\n      } catch {\n        // The surface may disconnect during cleanup.\n      }\n    }\n    document.removeEventListener(\"keydown\", dismissOnEscape);\n    window.removeEventListener(\"scroll\", close, true);\n    window.removeEventListener(\"resize\", close);\n  }\n\n  const open = () => {\n    clearTimer();\n    if (props.disabled || dismissedUntilLeave || !surface || !target || surface.matches(\":popover-open\")) return;\n    const show = () => {\n      openTimer = undefined;\n      if (props.disabled || !surface?.isConnected || !target) return;\n      try {\n        surface.showPopover();\n      } catch {\n        return;\n      }\n      positionTooltipSurface(surface, target, props.placement);\n      document.addEventListener(\"keydown\", dismissOnEscape);\n      window.addEventListener(\"scroll\", close, true);\n      window.addEventListener(\"resize\", close);\n    };\n    const delay = props.delay ?? 250;\n    if (delay <= 0) show();\n    else openTimer = setTimeout(show, delay);\n  };\n\n  createEffect(() => {\n    if (props.disabled) close();\n  });\n\n  onMount(() => {\n    target = props.target();\n    if (!target) return;\n    const focusHost = props.focusTarget?.() ?? target;\n\n    // Server HTML may carry a native title as the no-JavaScript hint; once\n    // hydrated, this surface replaces it so the hint does not appear twice.\n    const originalTitle = target.getAttribute(\"title\");\n    target.removeAttribute(\"title\");\n    // A hint that only repeats the control's accessible name adds nothing for\n    // assistive technology, so it does not become a description. A focus\n    // container without an aria-label is named by the target's own label text.\n    const hint = surface?.textContent?.trim();\n    const label = focusHost.getAttribute(\"aria-label\");\n    const repeatsName = label !== null ? hint === label.trim() : Boolean(props.focusTarget && hint && target.textContent?.includes(hint));\n    const originalDescription = focusHost.getAttribute(\"aria-describedby\");\n    const descriptions = new Set(originalDescription?.split(/\\s+/).filter(Boolean) ?? []);\n    if (!repeatsName) descriptions.add(tooltipId);\n    // A focus container named by its content, such as a tree item, would read\n    // the open hint as part of its name; a description still reads it.\n    if (surface && focusHost !== target && focusHost.contains(surface)) surface.setAttribute(\"aria-hidden\", \"true\");\n    if (descriptions.size > 0) focusHost.setAttribute(\"aria-describedby\", [...descriptions].join(\" \"));\n\n    // Touch has no hover, so a tap never opens the hint; the label stays the\n    // accessible name.\n    const enter = (event: PointerEvent) => {\n      if (event.pointerType !== \"touch\") open();\n    };\n    // Only visible focus, as from the keyboard, opens the hint. Focus that a\n    // click or tap gives, or that a closing overlay returns silently, does not.\n    const focusIn = (event: FocusEvent) => {\n      const focused = event.target as Element | null;\n      if ((focusHost === target || focused === focusHost) && focused?.matches?.(\":focus-visible\")) open();\n    };\n    const leave = () => {\n      dismissedUntilLeave = false;\n      close();\n    };\n    const focusOut = (event: FocusEvent) => {\n      if (focusHost === target ? !target.contains(event.relatedTarget as Node | null) : event.target === focusHost) leave();\n    };\n    const dismissForUse = () => {\n      dismissedUntilLeave = true;\n      close();\n    };\n\n    // Keyboard activation uses the control just as a pointer press does. Capture it before\n    // a local handler (for example drag pickup) stops propagation.\n    const keyDown = (event: KeyboardEvent) => {\n      if (event.key === \" \" || event.key === \"Enter\") dismissForUse();\n    };\n\n    focusHost.addEventListener(\"keydown\", keyDown, true);\n    target.addEventListener(\"pointerenter\", enter);\n    target.addEventListener(\"pointerleave\", leave);\n    target.addEventListener(\"pointerdown\", dismissForUse);\n    focusHost.addEventListener(\"focusin\", focusIn);\n    focusHost.addEventListener(\"focusout\", focusOut);\n\n    onCleanup(() => {\n      close();\n      if (originalTitle !== null) target?.setAttribute(\"title\", originalTitle);\n      if (originalDescription) focusHost.setAttribute(\"aria-describedby\", originalDescription);\n      else focusHost.removeAttribute(\"aria-describedby\");\n      focusHost.removeEventListener(\"keydown\", keyDown, true);\n      target?.removeEventListener(\"pointerenter\", enter);\n      target?.removeEventListener(\"pointerleave\", leave);\n      target?.removeEventListener(\"pointerdown\", dismissForUse);\n      focusHost.removeEventListener(\"focusin\", focusIn);\n      focusHost.removeEventListener(\"focusout\", focusOut);\n    });\n  });\n\n  return (\n    <span\n      ref={surface}\n      id={tooltipId}\n      role=\"tooltip\"\n      popover=\"manual\"\n      class=\"k2b-tooltip\"\n      data-instant={props.delay !== undefined && props.delay <= 0 ? \"true\" : undefined}\n    >\n      {props.content}\n    </span>\n  );\n}\n\n/** Explicit tooltip target for non-button content. */\nfunction TooltipAnchor(props: TooltipAnchorProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"content\", \"delay\", \"disabled\", \"placement\"]);\n  let target: HTMLSpanElement | undefined;\n\n  return (\n    <span {...rest} ref={target} class={`k2b-tooltip-wrapper ${local.class ?? \"\"}`}>\n      <AnchorContext.Provider value={true}>{local.children}</AnchorContext.Provider>\n      <TooltipSurface\n        content={local.content}\n        target={() => target}\n        delay={local.delay}\n        disabled={local.disabled}\n        placement={local.placement}\n      />\n    </span>\n  );\n}\n\n/** Native button target for specialized controls that do not use Button. */\nfunction TooltipTrigger(props: TooltipTriggerProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"content\", \"delay\", \"disabled\", \"placement\", \"ref\"]);\n  let target: HTMLButtonElement | undefined;\n  const register = (element: HTMLButtonElement) => {\n    target = element;\n    if (typeof local.ref === \"function\") local.ref(element);\n  };\n\n  return (\n    <>\n      <button {...rest} ref={register} disabled={local.disabled}>\n        {local.children}\n      </button>\n      <TooltipSurface\n        content={local.content}\n        target={() => target}\n        delay={local.delay}\n        disabled={local.disabled}\n        placement={local.placement}\n      />\n    </>\n  );\n}\n\ntype TooltipComponent = ((props: TooltipProps) => JSX.Element) & {\n  Anchor: (props: TooltipAnchorProps) => JSX.Element;\n  Trigger: (props: TooltipTriggerProps) => JSX.Element;\n};\n\nexport const Tooltip = TooltipSurface as TooltipComponent;\nTooltip.Anchor = TooltipAnchor;\nTooltip.Trigger = TooltipTrigger;\n\nexport type { TooltipPlacement } from \"./tooltip-position\";\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/ChoiceList.js

@@ -0,0 +1,178 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { setProperty as _$setProperty } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-choice-list role=radiogroup>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<i class="ti ti-loader-2 k2b-spin"role=img>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<span class=k2b-choice-list__description>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<button type=button role=radio class=k2b-choice-list__option><span class=k2b-choice-list__radio aria-hidden=true></span><span class=k2b-choice-list__text><span class=k2b-choice-list__label><!$><!/><!$><!/><span class=k2b-choice-list__busy></span></span><!$><!/>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<div class=k2b-choice-list__details>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<span class=k2b-choice-list__marker>`);
+import { Index, Show } from "solid-js";
+import { createFieldMeta, Field, fieldDescribedBy } from "../internal/field";
+import { radioKeyTarget } from "../internal/radio-keys";
+import { resolveMaybeAccessor } from "./field-contract";
+/**
+ * A labeled single choice shown as a short list of rows, each with a radio, a label and one sentence on what it
+ * means, for a few choices whose consequences need words. Choosing changes only paint, so no row moves; `details`
+ * opens under the chosen row. Use `ChoiceChips` for quick picks without explanation, `RichSelect` for longer lists
+ * in a dropdown, and `ChoiceTiles` when a preview decides.
+ */
+export function ChoiceList(props) {
+  const meta = createFieldMeta(props.id);
+  let group;
+  const value = () => resolveMaybeAccessor(props.value) ?? null;
+  const tabStop = (option, index) => value() === option.value || index === 0 && !props.options.some(candidate => candidate.value === value());
+  const choose = (index, focus = false) => {
+    const option = props.options[index];
+    if (!option || props.disabled) return;
+    props.onValueChange?.(option.value);
+    props.onValueCommit?.(option.value);
+    if (focus) queueMicrotask(() => group?.querySelectorAll('[role="radio"]')[index]?.focus());
+  };
+  return _$createComponent(Field, {
+    meta: meta,
+    labelFor: false,
+    get ["class"]() {
+      return props.class;
+    },
+    get label() {
+      return props.label;
+    },
+    get description() {
+      return props.description;
+    },
+    get error() {
+      return props.error;
+    },
+    get required() {
+      return props.required;
+    },
+    get disabled() {
+      return props.disabled;
+    },
+    get children() {
+      var _el$ = _$getNextElement(_tmpl$);
+      var _ref$ = group;
+      typeof _ref$ === "function" ? _$use(_ref$, _el$) : group = _el$;
+      _$insert(_el$, _$createComponent(Index, {
+        get each() {
+          return props.options;
+        },
+        children: (option, index) => {
+          const checked = () => value() === option().value;
+          const descriptionId = `${meta.controlId}-option-${index}`;
+          return [(() => {
+            var _el$2 = _$getNextElement(_tmpl$4),
+              _el$3 = _el$2.firstChild,
+              _el$4 = _el$3.nextSibling,
+              _el$5 = _el$4.firstChild,
+              _el$8 = _el$5.firstChild,
+              [_el$9, _co$] = _$getNextMarker(_el$8.nextSibling),
+              _el$0 = _el$9.nextSibling,
+              [_el$1, _co$2] = _$getNextMarker(_el$0.nextSibling),
+              _el$6 = _el$1.nextSibling,
+              _el$11 = _el$5.nextSibling,
+              [_el$12, _co$3] = _$getNextMarker(_el$11.nextSibling);
+            _el$2.$$keydown = event => {
+              const target = radioKeyTarget(event.key, index, props.options.length);
+              if (target === undefined) return;
+              event.preventDefault();
+              choose(target, true);
+            };
+            _el$2.$$click = () => choose(index);
+            _$insert(_el$5, () => option().label, _el$9, _co$);
+            _$insert(_el$5, _$createComponent(Show, {
+              get when() {
+                return option().marker;
+              },
+              children: marker => (() => {
+                var _el$14 = _$getNextElement(_tmpl$6);
+                _$insert(_el$14, marker);
+                return _el$14;
+              })()
+            }), _el$1, _co$2);
+            _$insert(_el$6, _$createComponent(Show, {
+              get when() {
+                return _$memo(() => !!checked())() && props.busy;
+              },
+              get children() {
+                var _el$7 = _$getNextElement(_tmpl$2);
+                _$effect(() => _$setAttribute(_el$7, "aria-label", props.busyLabel));
+                return _el$7;
+              }
+            }));
+            _$insert(_el$4, _$createComponent(Show, {
+              get when() {
+                return option().description;
+              },
+              get children() {
+                var _el$10 = _$getNextElement(_tmpl$3);
+                _$setAttribute(_el$10, "id", descriptionId);
+                _$insert(_el$10, () => option().description);
+                return _el$10;
+              }
+            }), _el$12, _co$3);
+            _$effect(_p$ => {
+              var _v$6 = checked(),
+                _v$7 = option().description ? descriptionId : undefined,
+                _v$8 = props.disabled,
+                _v$9 = tabStop(option(), index) ? 0 : -1;
+              _v$6 !== _p$.e && _$setAttribute(_el$2, "aria-checked", _p$.e = _v$6);
+              _v$7 !== _p$.t && _$setAttribute(_el$2, "aria-describedby", _p$.t = _v$7);
+              _v$8 !== _p$.a && _$setProperty(_el$2, "disabled", _p$.a = _v$8);
+              _v$9 !== _p$.o && _$setAttribute(_el$2, "tabindex", _p$.o = _v$9);
+              return _p$;
+            }, {
+              e: undefined,
+              t: undefined,
+              a: undefined,
+              o: undefined
+            });
+            _$runHydrationEvents();
+            return _el$2;
+          })(), _$createComponent(Show, {
+            get when() {
+              return _$memo(() => !!checked())() && props.details;
+            },
+            get children() {
+              var _el$13 = _$getNextElement(_tmpl$5);
+              _$insert(_el$13, () => props.details);
+              return _el$13;
+            }
+          })];
+        }
+      }));
+      _$effect(_p$ => {
+        var _v$ = props.label ? undefined : props["aria-label"],
+          _v$2 = props.label ? meta.labelId : undefined,
+          _v$3 = fieldDescribedBy(meta, props),
+          _v$4 = props.disabled ? "true" : undefined,
+          _v$5 = props.busy ? "true" : undefined;
+        _v$ !== _p$.e && _$setAttribute(_el$, "aria-label", _p$.e = _v$);
+        _v$2 !== _p$.t && _$setAttribute(_el$, "aria-labelledby", _p$.t = _v$2);
+        _v$3 !== _p$.a && _$setAttribute(_el$, "aria-describedby", _p$.a = _v$3);
+        _v$4 !== _p$.o && _$setAttribute(_el$, "aria-disabled", _p$.o = _v$4);
+        _v$5 !== _p$.i && _$setAttribute(_el$, "aria-busy", _p$.i = _v$5);
+        return _p$;
+      }, {
+        e: undefined,
+        t: undefined,
+        a: undefined,
+        o: undefined,
+        i: undefined
+      });
+      return _el$;
+    }
+  });
+}
+_$delegateEvents(["click", "keydown"]);
+//# sourceMappingURL=ChoiceList.js.map

package/dist/browser/inputs/ChoiceList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["inputs/ChoiceList.tsx"],"sourcesContent":["import { Index, type JSX, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldDescribedBy } from \"../internal/field\";\nimport { radioKeyTarget } from \"../internal/radio-keys\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\n\nexport type ChoiceListOption<T extends string = string> = {\n  value: T;\n  label: string;\n  /** One sentence on what the choice means. */\n  description?: string;\n  /** A quiet tag after the label, such as \"Default\" for the choice that applies without one. */\n  marker?: string;\n};\n\nexport type ChoiceListProps<T extends string = string> = Omit<ValueFieldProps<T | null>, \"onValueChange\" | \"onValueCommit\"> & {\n  options: readonly ChoiceListOption<T>[];\n  /** The chosen value is being saved: a spinner beside its label, and the group is busy. Choosing again is still possible. */\n  busy?: boolean;\n  /** Busy spinner's name for screen readers, such as \"Saving\". */\n  busyLabel?: string;\n  /** Follow-up controls for the chosen option, shown under it and indented to its text, such as a duration. */\n  details?: JSX.Element;\n  onValueChange?: (value: T) => void;\n  onValueCommit?: (value: T) => void;\n};\n\n/**\n * A labeled single choice shown as a short list of rows, each with a radio, a label and one sentence on what it\n * means, for a few choices whose consequences need words. Choosing changes only paint, so no row moves; `details`\n * opens under the chosen row. Use `ChoiceChips` for quick picks without explanation, `RichSelect` for longer lists\n * in a dropdown, and `ChoiceTiles` when a preview decides.\n */\nexport function ChoiceList<T extends string = string>(props: ChoiceListProps<T>): JSX.Element {\n  const meta = createFieldMeta(props.id);\n  let group: HTMLDivElement | undefined;\n  const value = () => resolveMaybeAccessor(props.value) ?? null;\n  const tabStop = (option: ChoiceListOption<T>, index: number) =>\n    value() === option.value || (index === 0 && !props.options.some((candidate) => candidate.value === value()));\n  const choose = (index: number, focus = false) => {\n    const option = props.options[index];\n    if (!option || props.disabled) return;\n    props.onValueChange?.(option.value);\n    props.onValueCommit?.(option.value);\n    if (focus) queueMicrotask(() => group?.querySelectorAll<HTMLButtonElement>('[role=\"radio\"]')[index]?.focus());\n  };\n  return (\n    <Field\n      meta={meta}\n      labelFor={false}\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div\n        class=\"k2b-choice-list\"\n        ref={group}\n        role=\"radiogroup\"\n        aria-label={props.label ? undefined : props[\"aria-label\"]}\n        aria-labelledby={props.label ? meta.labelId : undefined}\n        aria-describedby={fieldDescribedBy(meta, props)}\n        aria-disabled={props.disabled ? \"true\" : undefined}\n        aria-busy={props.busy ? \"true\" : undefined}\n      >\n        {/* Rows stay by position, so options rebuilt with new objects keep their buttons and the focus on them. */}\n        <Index each={props.options}>\n          {(option, index) => {\n            const checked = () => value() === option().value;\n            const descriptionId = `${meta.controlId}-option-${index}`;\n            return (\n              <>\n                <button\n                  type=\"button\"\n                  role=\"radio\"\n                  class=\"k2b-choice-list__option\"\n                  aria-checked={checked()}\n                  aria-describedby={option().description ? descriptionId : undefined}\n                  disabled={props.disabled}\n                  tabIndex={tabStop(option(), index) ? 0 : -1}\n                  onClick={() => choose(index)}\n                  onKeyDown={(event) => {\n                    const target = radioKeyTarget(event.key, index, props.options.length);\n                    if (target === undefined) return;\n                    event.preventDefault();\n                    choose(target, true);\n                  }}\n                >\n                  <span class=\"k2b-choice-list__radio\" aria-hidden=\"true\" />\n                  <span class=\"k2b-choice-list__text\">\n                    <span class=\"k2b-choice-list__label\">\n                      {option().label}\n                      <Show when={option().marker}>{(marker) => <span class=\"k2b-choice-list__marker\">{marker()}</span>}</Show>\n                      {/* The spinner's place is always there, so a save starting or ending moves nothing. */}\n                      <span class=\"k2b-choice-list__busy\">\n                        <Show when={checked() && props.busy}>\n                          <i class=\"ti ti-loader-2 k2b-spin\" role=\"img\" aria-label={props.busyLabel} />\n                        </Show>\n                      </span>\n                    </span>\n                    <Show when={option().description}>\n                      <span class=\"k2b-choice-list__description\" id={descriptionId}>\n                        {option().description}\n                      </span>\n                    </Show>\n                  </span>\n                </button>\n                <Show when={checked() && props.details}>\n                  <div class=\"k2b-choice-list__details\">{props.details}</div>\n                </Show>\n              </>\n            );\n          }}\n        </Index>\n      </div>\n    </Field>\n  );\n}\n"],"mappings":"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","ignoreList":[]}