@santi020k/lumen-astro 3.0.0 → 4.0.0

package/components/Sparkline.astro

@@ -57,16 +57,15 @@ const endpoint = geometry.points[geometry.points.length - 1]
       ))
     }
     <path class="ui-sparkline__line" d={geometry.path} />
-    {
-      showEndpoint && endpoint && (
-        <circle
-          class="ui-sparkline__endpoint"
-          cx={endpoint.xCoordinate}
-          cy={endpoint.yCoordinate}
-          r="2.5"
-        />
-      )
-    }
   </svg>
+  {
+    showEndpoint && endpoint && (
+      <span
+        aria-hidden="true"
+        class="ui-sparkline__endpoint"
+        style={{ left: `${endpoint.xCoordinate / 120 * 100}%`, top: `${endpoint.yCoordinate / 40 * 100}%` }}
+      />
+    )
+  }
   <span class="ui-sr-only">{label}</span>
 </span>

package/components/Stack.astro

@@ -9,7 +9,7 @@ interface Props extends HTMLAttributes<'div'> {
   class?: string | null
   className?: string
   direction?: 'horizontal' | 'vertical'
-  gap?: 'lg' | 'md' | 'none' | 'sm' | 'xl'
+  gap?: '2xl' | '3xl' | 'group' | 'lg' | 'md' | 'none' | 'related' | 'section' | 'sm' | 'xl' | 'xs'
   justify?: 'between' | 'center' | 'end' | 'start'
   wrap?: boolean
 }
@@ -20,7 +20,7 @@ const {
   class: classProp = '',
   className = '',
   direction = 'vertical',
-  gap = 'md',
+  gap = 'group',
   justify = 'start',
   wrap = false,
   ...rest

package/components/StreamMessage.astro

@@ -0,0 +1,26 @@
+---
+import type { HTMLAttributes } from 'astro/types'
+
+import type { LumenStreamStatus } from '@santi020k/lumen-core'
+
+import Message from './Message.astro'
+import Prose from './Prose.astro'
+import Stack from './Stack.astro'
+
+interface Props extends HTMLAttributes<'article'> {
+  label?: string
+  status?: LumenStreamStatus
+  statusLabel: string
+}
+
+const { class: className, label = 'Assistant', status = 'idle', statusLabel, ...rest } = Astro.props
+---
+
+<Message {...rest} aria-label={label} class:list={['ui-stream-message', className]} data-status={status} from="assistant">
+  <Prose aria-busy={status === 'streaming'} aria-live="off" data-ui-stream-content><slot /></Prose>
+  <Stack direction="horizontal" gap="related" wrap>
+    <span aria-live="polite" role="status">{statusLabel}</span>
+    <slot name="actions" />
+  </Stack>
+  <slot name="sources" />
+</Message>

package/components/Tabs.astro

@@ -7,6 +7,7 @@ interface Props extends HTMLAttributes<'div'> {
   class?: string | null
   className?: string
   glass?: boolean | 'subtle' | 'strong'
+  indicator?: boolean
   initialValue?: string
   storageKey?: string
 }
@@ -15,6 +16,7 @@ const {
   class: classProp = '',
   className = '',
   glass = false,
+  indicator = false,
   initialValue,
   storageKey,
   ...rest
@@ -29,6 +31,7 @@ const { classList, passthrough } = resolveLumenAstroProps(rest, [
 ---
 
 <div
+  data-ui-tab-indicator={indicator || undefined}
   data-initial-value={initialValue}
   data-storage-key={storageKey}
   data-ui-tabs

package/components/ToolActivity.astro

@@ -0,0 +1,17 @@
+---
+import type { HTMLAttributes } from 'astro/types'
+
+import type { LumenToolStatus } from '@santi020k/lumen-core'
+
+import Collapsible from './Collapsible.astro'
+import Stack from './Stack.astro'
+
+interface Props extends HTMLAttributes<'details'> { label: string, status?: LumenToolStatus, statusLabel: string }
+
+const { class: className, label, status = 'queued', statusLabel, ...rest } = Astro.props
+---
+
+<Collapsible {...rest} class:list={['ui-tool-activity', className]} data-status={status}>
+  <summary>{label}</summary>
+  <Stack gap="related"><span role="status">{statusLabel}</span><slot /></Stack>
+</Collapsible>

package/components/TreeSelect.astro

@@ -59,6 +59,7 @@ const { classList, passthrough } = resolveLumenAstroProps(rest, [
     <div class="ui-tree-select__tree" role="tree">
       {rows.map(row => (
         <button
+          aria-level={row.depth + 1}
           class="ui-tree-select__option"
           data-value={row.value}
           role="treeitem"

package/components/VirtualList.astro

@@ -7,14 +7,17 @@ interface Props extends HTMLAttributes<'div'> {
   class?: string | null
   className?: string
   glass?: boolean | 'subtle' | 'strong'
+  itemSize?: number | string
+  overscan?: number | string
+  mode?: 'data' | 'mounted'
 }
 
-const { class: classProp = '', className = '', glass = false, ...rest } = Astro.props
+const { class: classProp = '', className = '', glass = false, itemSize = 44, overscan = 4, mode = 'mounted', tabindex = 0, ...rest } = Astro.props
 
 const { classList, passthrough } = resolveLumenAstroProps(rest, ['ui-virtual-list', glass && 'ui-virtual-list--glass', glass === 'subtle' && 'ui-glass-subtle', glass === 'strong' && 'ui-glass-strong'
 ], classProp, className)
 ---
 
-<div class:list={classList} data-ui-virtual-list {...passthrough}>
+<div class:list={classList} data-ui-virtual-list data-ui-virtual-list-mode={mode} data-ui-item-size={itemSize} data-ui-overscan={overscan} tabindex={tabindex} {...passthrough}>
   <slot />
 </div>

package/components/VisualEffect.astro

@@ -0,0 +1,21 @@
+---
+import type { HTMLAttributes } from 'astro/types'
+
+import { type LumenVisualEffectVariant, normalizeLumenEffectIntensity, resolveLumenAstroProps } from '@santi020k/lumen-core'
+
+interface Props extends HTMLAttributes<'div'> {
+  animated?: boolean
+  class?: string | null
+  className?: string
+  intensity?: number
+  variant?: LumenVisualEffectVariant
+}
+
+const { animated = false, class: classProp, className, intensity = 0.5, style, variant = 'mesh', ...rest } = Astro.props
+const { classList, passthrough } = resolveLumenAstroProps(rest, ['ui-visual-effect'], classProp, className)
+const effectStyle = `${typeof style === 'string' ? style : ''};--ui-effect-intensity:${normalizeLumenEffectIntensity(intensity)}`
+---
+
+<div class:list={classList} data-ui-visual-effect={variant} data-ui-effect-animated={String(animated)} style={effectStyle} {...passthrough}>
+  <slot />
+</div>

package/components/WaterfallChart.astro

@@ -0,0 +1,27 @@
+---
+import type { HTMLAttributes } from 'astro/types'
+
+import { createLumenWaterfallGeometry, type LumenChartLabels, type LumenWaterfallDatum, resolveLumenChartLabels } from '@santi020k/lumen-core'
+
+import IntervalChart from '../internal/IntervalChart.astro'
+
+interface Props extends HTMLAttributes<'figure'> {
+  caption?: string
+  class?: string | null
+  className?: string
+  data: readonly LumenWaterfallDatum[]
+  description?: string
+  formatValue?: (value: number) => string
+  heading?: string
+  labels?: Partial<LumenChartLabels>
+  presentation?: 'bare' | 'default'
+  showTable?: boolean
+  summary?: string
+  valueLabel?: string
+}
+
+const { data, class: classProp, className, formatValue = String, labels, valueLabel = resolveLumenChartLabels(labels).value, ...rest } = Astro.props
+const model = createLumenWaterfallGeometry(data, { formatValue })
+---
+
+<IntervalChart {...rest} class:list={['ui-waterfall-chart', classProp, className]} {model} {labels} {formatValue} formatBoundary={formatValue} {valueLabel} />

package/components/WorldMap.astro

@@ -0,0 +1,213 @@
+---
+import type { HTMLAttributes } from 'astro/types'
+
+import {
+  findLumenWorldMapCountry,
+  LUMEN_WORLD_MAP_VIEW_BOX,
+  type LumenWorldMapCountryGeometry,
+  type LumenWorldMapMarker,
+  type LumenWorldMapVariant,
+  normalizeLumenWorldMapCountries,
+  normalizeLumenWorldMapHighlightedCountries,
+  normalizeLumenWorldMapMarkers,
+  projectLumenWorldMapCoordinate,
+  resolveLumenAstroProps,
+  resolveLumenWorldMapCountryLabel
+} from '@santi020k/lumen-core'
+import { type LumenWorldMapZoomLabels, lumenWorldMapZoomLabels } from '@santi020k/lumen-core/world-map-zoom'
+
+import Button from './Button.astro'
+
+interface Props extends HTMLAttributes<'figure'> {
+  initialView?: 'world' | 'highlighted'
+  zoomable?: boolean
+  zoomLabels?: Partial<LumenWorldMapZoomLabels>
+  animated?: boolean
+  caption?: string
+  class?: string | null
+  className?: string
+  countries: readonly LumenWorldMapCountryGeometry[]
+  description?: string
+  heading?: string
+  highlightedCountries?: readonly string[]
+  interactive?: boolean
+  label: string
+  labels?: Readonly<Record<string, string>>
+  listLabel?: string
+  markers?: readonly LumenWorldMapMarker[]
+  selectedCountry?: string
+  variant?: LumenWorldMapVariant
+}
+
+const {
+  animated = true,
+  caption,
+  class: classProp = '',
+  className = '',
+  countries: inputCountries,
+  description,
+  heading,
+  highlightedCountries,
+  interactive = true,
+  label,
+  labels,
+  listLabel = 'Choose a country',
+  markers,
+  selectedCountry,
+  variant = 'dotted',
+  initialView = 'world',
+  zoomable = true,
+  zoomLabels,
+  ...rest
+} = Astro.props
+
+const countries = normalizeLumenWorldMapCountries(inputCountries)
+const highlightedIds = normalizeLumenWorldMapHighlightedCountries(highlightedCountries, countries)
+const highlightedSet = new Set(highlightedIds)
+const normalizedMarkers = normalizeLumenWorldMapMarkers(markers)
+const selected = findLumenWorldMapCountry(countries, selectedCountry)
+const zoomText = { ...lumenWorldMapZoomLabels, ...zoomLabels }
+const instanceId = `ui-world-map-${crypto.randomUUID()}`
+const neutralPatternId = `${instanceId}-dot-neutral`
+const highlightPatternId = `${instanceId}-dot-highlight`
+const { height: viewBoxHeight, width: viewBoxWidth } = LUMEN_WORLD_MAP_VIEW_BOX
+const { classList, passthrough } = resolveLumenAstroProps(rest, ['ui-world-map'], classProp, className)
+---
+
+<figure
+  class:list={classList}
+  data-animated={String(animated)}
+  data-interactive={String(interactive)}
+  data-ui-world-map
+  data-initial-view={initialView}
+  data-variant={variant}
+  id={instanceId}
+  {...passthrough}
+>
+  {
+    (heading || description) && (
+      <header class="ui-world-map__heading">
+        {heading && <h3>{heading}</h3>}
+        {description && <p>{description}</p>}
+      </header>
+    )
+  }
+  {zoomable && (
+    <div class="ui-world-map__zoom-controls">
+      <Button aria-label={zoomText.zoomOut} data-ui-world-map-zoom="out" disabled size="icon" variant="outline">−</Button>
+      <output aria-label={zoomText.level} aria-live="polite" data-ui-world-map-zoom-status>100%</output>
+      <Button aria-label={zoomText.zoomIn} data-ui-world-map-zoom="in" disabled size="icon" variant="outline">+</Button>
+      <Button data-ui-world-map-zoom="fit" disabled size="sm" variant="outline">{zoomText.fit}</Button>
+      <Button data-ui-world-map-zoom="reset" disabled size="sm" variant="outline">{zoomText.reset}</Button>
+    </div>
+  )}
+  <div class="ui-world-map__frame">
+    <div
+      aria-label={`${zoomText.viewport}: ${label}`}
+      class="ui-world-map__viewport"
+      data-ui-world-map-viewport
+      role="region"
+      tabindex={zoomable ? 0 : undefined}
+    >
+      <svg
+        aria-label={label}
+        class="ui-world-map__plot"
+        role="img"
+        viewBox={`0 0 ${viewBoxWidth} ${viewBoxHeight}`}
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        {
+          variant === 'dotted' && (
+            <defs>
+              <pattern height="4" id={neutralPatternId} patternUnits="userSpaceOnUse" width="4">
+                <circle class="ui-world-map__dot ui-world-map__dot--neutral" cx="2" cy="2" r="1.1" />
+              </pattern>
+              <pattern height="4" id={highlightPatternId} patternUnits="userSpaceOnUse" width="4">
+                <circle class="ui-world-map__dot ui-world-map__dot--highlight" cx="2" cy="2" r="1.1" />
+              </pattern>
+            </defs>
+          )
+        }
+        <g aria-hidden="true" class="ui-world-map__countries">
+          {countries.map(country => {
+            const isHighlighted = highlightedSet.has(country.id)
+            const isSelected = selected?.id === country.id
+            const countryLabel = resolveLumenWorldMapCountryLabel(country, labels)
+
+            return (
+              <path
+                class:list={[
+                  'ui-world-map__country',
+                  isHighlighted && 'ui-world-map__country--highlighted',
+                  isSelected && 'ui-world-map__country--selected'
+                ]}
+                d={country.path}
+                data-label={countryLabel}
+                data-label-x={country.labelX}
+                data-label-y={country.labelY}
+                data-ui-world-map-country={country.id}
+                fill={
+                  variant === 'dotted' ?
+                    `url(#${isHighlighted ? highlightPatternId : neutralPatternId})` :
+                    undefined
+                }
+                fill-rule="evenodd"
+              >
+                <title>{countryLabel}</title>
+              </path>
+            )
+          })}
+        </g>
+        {
+          normalizedMarkers.length > 0 && (
+            <g aria-hidden="true" class="ui-world-map__markers">
+              {normalizedMarkers.map(marker => {
+                const { x, y } = projectLumenWorldMapCoordinate(marker.longitude, marker.latitude)
+
+                return (
+                  <circle class="ui-world-map__marker" cx={x} cy={y} r="4">
+                    <title>{marker.label}</title>
+                  </circle>
+                )
+              })}
+            </g>
+          )
+        }
+        <path aria-hidden="true" class="ui-world-map__selection" d={selected?.path ?? ''} />
+      </svg>
+    </div>
+    <span class="ui-world-map__inspection" data-ui-world-map-inspection hidden />
+  </div>
+  {
+    interactive && (
+      <label class="ui-world-map__select-label">
+        <span>{listLabel}</span>
+        <select class="ui-select ui-world-map__select" data-ui-world-map-select disabled>
+          <option value="">{listLabel}</option>
+          {countries.map(country => (
+            <option selected={selected?.id === country.id} value={country.id}>
+              {resolveLumenWorldMapCountryLabel(country, labels)}
+            </option>
+          ))}
+        </select>
+      </label>
+    )
+  }
+  {
+    highlightedIds.length > 0 && (
+      <ul aria-label="Highlighted countries" class="ui-world-map__highlights" data-ui-world-map-highlights>
+        {highlightedIds.map(id => {
+          const country = findLumenWorldMapCountry(countries, id)
+
+          return country && <li>{resolveLumenWorldMapCountryLabel(country, labels)}</li>
+        })}
+      </ul>
+    )
+  }
+  {normalizedMarkers.length > 0 && (
+    <ul aria-label="Map markers" class="ui-sr-only">
+      {normalizedMarkers.map(marker => <li>{marker.label}</li>)}
+    </ul>
+  )}
+  {caption && <figcaption>{caption}</figcaption>}
+</figure>

package/forms.ts

@@ -10,11 +10,24 @@ export interface AstroActionErrorLike {
 
 export type LumenControlIdMap = Readonly<Record<string, string>>
 
-const isActionErrorLike = (error: unknown): error is AstroActionErrorLike => (
-  typeof error === 'object' &&
-  error !== null
+const isFieldMessages = (value: unknown): boolean => (
+  value === null || value === undefined || typeof value === 'string' ||
+  (Array.isArray(value) && value.every((message: unknown) => typeof message === 'string'))
 )
 
+const isActionFields = (value: unknown): value is NonNullable<AstroActionErrorLike['fields']> => (
+  typeof value === 'object' && value !== null && !Array.isArray(value) &&
+  Object.values(value).every(isFieldMessages)
+)
+
+const isActionErrorLike = (error: unknown): error is AstroActionErrorLike => {
+  if (typeof error !== 'object' || error === null) return false
+
+  if ('message' in error && error.message !== undefined && typeof error.message !== 'string') return false
+
+  return !('fields' in error) || error.fields === undefined || isActionFields(error.fields)
+}
+
 export const normalizeAstroActionErrors = (
   error: unknown,
   controlIds: LumenControlIdMap = {}
@@ -35,7 +48,7 @@ export const normalizeAstroActionErrors = (
   return {
     fields: normalized.fields.map(fieldError => ({
       ...fieldError,
-      ...(controlIds[fieldError.name] ?
+      ...(Object.hasOwn(controlIds, fieldError.name) && controlIds[fieldError.name] ?
         {
           controlId: controlIds[fieldError.name]
         } :

package/index.ts

@@ -3,24 +3,31 @@ export { default as Affix } from './components/Affix.astro'
 export { default as Agenda } from './components/Agenda.astro'
 export { default as Alert } from './components/Alert.astro'
 export { default as AlertDialog } from './components/AlertDialog.astro'
+export { default as AmountField } from './components/AmountField.astro'
 export { default as Anchor } from './components/Anchor.astro'
 export { default as AnimatedLogo } from './components/AnimatedLogo.astro'
 export { default as AnimatedNumber } from './components/AnimatedNumber.astro'
 export { default as AnimatedPortrait } from './components/AnimatedPortrait.astro'
+export { default as ApprovalCard } from './components/ApprovalCard.astro'
 export { default as AspectRatio } from './components/AspectRatio.astro'
 export { default as Attachment } from './components/Attachment.astro'
+export { default as AttachmentList } from './components/AttachmentList.astro'
+export { default as AttachmentPreview } from './components/AttachmentPreview.astro'
 export { default as Autocomplete } from './components/Autocomplete.astro'
 export { default as Avatar } from './components/Avatar.astro'
 export { default as Backdrop } from './components/Backdrop.astro'
 export { default as BackToTop } from './components/BackToTop.astro'
 export { default as Badge } from './components/Badge.astro'
 export { default as BarChart } from './components/BarChart.astro'
+export { default as BoxPlot } from './components/BoxPlot.astro'
 export { default as Breadcrumb } from './components/Breadcrumb.astro'
 export { default as Bubble } from './components/Bubble.astro'
+export { default as BulletChart } from './components/BulletChart.astro'
 export { default as Button } from './components/Button.astro'
 export { default as ButtonGroup } from './components/ButtonGroup.astro'
 export { default as ButtonLink } from './components/ButtonLink.astro'
 export { default as Calendar } from './components/Calendar.astro'
+export { default as CalendarHeatmap } from './components/CalendarHeatmap.astro'
 export { default as Callout } from './components/Callout.astro'
 export { default as Card } from './components/Card.astro'
 export { default as CardContent } from './components/CardContent.astro'
@@ -30,7 +37,9 @@ export { default as CardHeader } from './components/CardHeader.astro'
 export { default as CardTitle } from './components/CardTitle.astro'
 export { default as Carousel } from './components/Carousel.astro'
 export { default as Cascader } from './components/Cascader.astro'
+export { default as ChangeSummary } from './components/ChangeSummary.astro'
 export { default as Chart } from './components/Chart.astro'
+export { default as ChartMotion } from './components/ChartMotion.astro'
 export { default as Checkbox } from './components/Checkbox.astro'
 export { default as CheckboxGroup } from './components/CheckboxGroup.astro'
 export { default as Code } from './components/Code.astro'
@@ -44,12 +53,22 @@ export { default as Container } from './components/Container.astro'
 export { default as ContextMenu } from './components/ContextMenu.astro'
 export { default as ContextNavigation } from './components/ContextNavigation.astro'
 export { default as CopyButton } from './components/CopyButton.astro'
+export { default as CountryFlag } from './components/CountryFlag.astro'
 export { default as CoverImage } from './components/CoverImage.astro'
 export { default as DataTable } from './components/DataTable.astro'
 export { default as DatePicker } from './components/DatePicker.astro'
 export { default as DateRangePicker } from './components/DateRangePicker.astro'
+export { default as DescriptionDetail } from './components/DescriptionDetail.astro'
+export { default as DescriptionItem } from './components/DescriptionItem.astro'
 export { default as Descriptions } from './components/Descriptions.astro'
+export { default as DescriptionTerm } from './components/DescriptionTerm.astro'
+export { default as DeviceFrame } from './components/DeviceFrame.astro'
 export { default as Dialog } from './components/Dialog.astro'
+export { default as DialogBody } from './components/DialogBody.astro'
+export { default as DialogClose } from './components/DialogClose.astro'
+export { default as DialogFooter } from './components/DialogFooter.astro'
+export { default as DialogHeader } from './components/DialogHeader.astro'
+export { default as DialogTitle } from './components/DialogTitle.astro'
 export { default as Direction } from './components/Direction.astro'
 export { default as Drawer } from './components/Drawer.astro'
 export { default as DropdownMenu } from './components/DropdownMenu.astro'
@@ -57,6 +76,7 @@ export { default as DropdownMenuContent } from './components/DropdownMenuContent
 export { default as DropdownMenuItem } from './components/DropdownMenuItem.astro'
 export { default as DropdownMenuSeparator } from './components/DropdownMenuSeparator.astro'
 export { default as DropdownMenuTrigger } from './components/DropdownMenuTrigger.astro'
+export { default as DumbbellChart } from './components/DumbbellChart.astro'
 export { default as Empty } from './components/Empty.astro'
 export { default as ErrorState } from './components/ErrorState.astro'
 export { default as ErrorSummary } from './components/ErrorSummary.astro'
@@ -64,17 +84,21 @@ export { default as Eyebrow } from './components/Eyebrow.astro'
 export { default as Field } from './components/Field.astro'
 export { default as FieldError } from './components/FieldError.astro'
 export { default as FileUpload } from './components/FileUpload.astro'
+export { default as FilterBar } from './components/FilterBar.astro'
 export { default as FloatingBadge } from './components/FloatingBadge.astro'
 export { default as Form } from './components/Form.astro'
 export { default as FormattedDate } from './components/FormattedDate.astro'
+export { default as FunnelChart } from './components/FunnelChart.astro'
 export { default as GradientDivider } from './components/GradientDivider.astro'
 export { default as Graphic } from './components/Graphic.astro'
 export { default as Grid } from './components/Grid.astro'
 export { default as Heatmap } from './components/Heatmap.astro'
+export { default as Histogram } from './components/Histogram.astro'
 export { default as HoverCard } from './components/HoverCard.astro'
 export { default as Icon } from './components/Icon.astro'
 export { default as Illustration } from './components/Illustration.astro'
 export { default as Image } from './components/Image.astro'
+export { default as ImageComparison } from './components/ImageComparison.astro'
 export { default as Input } from './components/Input.astro'
 export { default as InputGroup } from './components/InputGroup.astro'
 export { default as InputOTP } from './components/InputOTP.astro'
@@ -87,12 +111,17 @@ export { default as LanguageToggle } from './components/LanguageToggle.astro'
 export { default as LineChart } from './components/LineChart.astro'
 export { default as Link } from './components/Link.astro'
 export { default as ListBox } from './components/ListBox.astro'
+export { default as LollipopChart } from './components/LollipopChart.astro'
 export { default as Marker } from './components/Marker.astro'
+export { default as MediaFilmstrip } from './components/MediaFilmstrip.astro'
+export { default as MediaThumbnail } from './components/MediaThumbnail.astro'
+export { default as MediaViewport } from './components/MediaViewport.astro'
 export { default as Mentions } from './components/Mentions.astro'
 export { default as Menubar } from './components/Menubar.astro'
 export { default as Message } from './components/Message.astro'
 export { default as MessageScroller } from './components/MessageScroller.astro'
 export { default as Meter } from './components/Meter.astro'
+export { default as MotionGroup } from './components/MotionGroup.astro'
 export { default as NativeSelect } from './components/NativeSelect.astro'
 export { default as NavigationMenu } from './components/NavigationMenu.astro'
 export { default as Note } from './components/Note.astro'
@@ -101,6 +130,7 @@ export { default as Pagination } from './components/Pagination.astro'
 export { default as Particles } from './components/Particles.astro'
 export { default as PasswordField } from './components/PasswordField.astro'
 export { default as PhoneInput } from './components/PhoneInput.astro'
+export { default as PhoneNumber } from './components/PhoneNumber.astro'
 export { default as PieChart } from './components/PieChart.astro'
 export { default as Pill } from './components/Pill.astro'
 export { default as Popconfirm } from './components/Popconfirm.astro'
@@ -108,6 +138,7 @@ export { default as Popover } from './components/Popover.astro'
 export { default as PopoverPanel } from './components/PopoverPanel.astro'
 export { default as PopoverTrigger } from './components/PopoverTrigger.astro'
 export { default as Progress } from './components/Progress.astro'
+export { default as PromptComposer } from './components/PromptComposer.astro'
 export { default as Prose } from './components/Prose.astro'
 export { default as QRCode } from './components/QRCode.astro'
 export { default as RadioGroup } from './components/RadioGroup.astro'
@@ -130,6 +161,7 @@ export { default as Sidebar } from './components/Sidebar.astro'
 export { default as Skeleton } from './components/Skeleton.astro'
 export { default as SkipLink } from './components/SkipLink.astro'
 export { default as Slider } from './components/Slider.astro'
+export { default as SourceCitation } from './components/SourceCitation.astro'
 export { default as Sparkline } from './components/Sparkline.astro'
 export { default as SpeedDial } from './components/SpeedDial.astro'
 export { default as Spinner } from './components/Spinner.astro'
@@ -141,6 +173,7 @@ export { default as StatLabel } from './components/StatLabel.astro'
 export { default as StatTrend } from './components/StatTrend.astro'
 export { default as StatValue } from './components/StatValue.astro'
 export { default as Stepper } from './components/Stepper.astro'
+export { default as StreamMessage } from './components/StreamMessage.astro'
 export { default as Switch } from './components/Switch.astro'
 export { default as Table } from './components/Table.astro'
 export { default as Tabs } from './components/Tabs.astro'
@@ -158,6 +191,7 @@ export { default as Toast } from './components/Toast.astro'
 export { default as ToastViewport } from './components/ToastViewport.astro'
 export { default as Toggle } from './components/Toggle.astro'
 export { default as ToggleGroup } from './components/ToggleGroup.astro'
+export { default as ToolActivity } from './components/ToolActivity.astro'
 export { default as Toolbar } from './components/Toolbar.astro'
 export { default as Tooltip } from './components/Tooltip.astro'
 export { default as TooltipContent } from './components/TooltipContent.astro'
@@ -168,8 +202,11 @@ export { default as TreeGrid } from './components/TreeGrid.astro'
 export { default as TreeSelect } from './components/TreeSelect.astro'
 export { default as Typography } from './components/Typography.astro'
 export { default as VirtualList } from './components/VirtualList.astro'
+export { default as VisualEffect } from './components/VisualEffect.astro'
 export { default as VisuallyHidden } from './components/VisuallyHidden.astro'
+export { default as WaterfallChart } from './components/WaterfallChart.astro'
 export { default as Watermark } from './components/Watermark.astro'
+export { default as WorldMap } from './components/WorldMap.astro'
 export {
   type AstroActionErrorLike,
   type LumenControlIdMap,

package/internal/ChartInspection.astro

@@ -0,0 +1,27 @@
+---
+import { type createLumenLineChartModel, getLumenChartCategoryLabel, getLumenChartToneClassName, type LumenChartLabels } from '@santi020k/lumen-core'
+
+interface Props {
+  formatCategory?: ((value: number | string) => string) | undefined
+  formatValue: (value: number) => string
+  labels: Readonly<LumenChartLabels>
+  model: ReturnType<typeof createLumenLineChartModel>
+}
+
+const { formatCategory, formatValue, labels, model } = Astro.props
+const lookup = model.series.map(series => new Map(series.data.map(datum => [datum.x, datum])))
+---
+
+<div class="ui-chart__inspection" data-ui-chart-inspection hidden>
+  {model.categories.map((category, index) => (
+<div data-ui-chart-point={JSON.stringify(category)} data-ui-chart-position={model.positions[index]} hidden>
+    <strong>{getLumenChartCategoryLabel(model.series, category, formatCategory, 'detail')}</strong>
+    {model.series.map((series, seriesIndex) => {
+      const value = lookup[seriesIndex]?.get(category)?.y
+
+      return <span class={getLumenChartToneClassName(series.tone, seriesIndex)} data-ui-chart-series-value={series.id}><i aria-hidden="true" />{series.label}{' '}<b>{value === null || value === undefined || !Number.isFinite(value) ? labels.notAvailable : formatValue(value)}</b></span>
+    })}
+  </div>
+))}
+</div>
+<p aria-live="polite" aria-atomic="true" class="ui-sr-only" data-ui-chart-announcement />