@gunkin/uiify 0.0.19-alpha → 0.0.20-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (209) hide show
  1. package/agents/components.md +1 -1
  2. package/agents/index.md +1 -0
  3. package/agents/reference/components/breadcrumb.md +11 -1
  4. package/agents/reference/components/button.md +4 -4
  5. package/agents/reference/components/candle-chart.md +20 -1
  6. package/agents/reference/components/carousel.md +3 -2
  7. package/agents/reference/components/combobox.md +2 -1
  8. package/agents/reference/components/drawer.md +8 -1
  9. package/agents/reference/components/dropdown-menu.md +1 -1
  10. package/agents/reference/components/file-upload.md +12 -1
  11. package/agents/reference/components/line-chart.md +1 -0
  12. package/agents/reference/components/modal.md +8 -1
  13. package/agents/reference/components/number-field.md +14 -3
  14. package/agents/reference/components/pagination.md +22 -1
  15. package/agents/reference/components/slider.md +9 -1
  16. package/agents/reference/components/spinner.md +8 -1
  17. package/agents/reference/components/toast.md +14 -1
  18. package/dist/components/behavior.css +9 -9
  19. package/dist/components/behavior.css.map +1 -1
  20. package/dist/components/breadcrumb/Breadcrumb.d.ts.map +1 -1
  21. package/dist/components/breadcrumb/Breadcrumb.js +21 -4
  22. package/dist/components/breadcrumb/Breadcrumb.js.map +1 -1
  23. package/dist/components/breadcrumb/index.d.ts +1 -1
  24. package/dist/components/breadcrumb/index.d.ts.map +1 -1
  25. package/dist/components/breadcrumb/index.js.map +1 -1
  26. package/dist/components/breadcrumb/types.d.ts +7 -0
  27. package/dist/components/breadcrumb/types.d.ts.map +1 -1
  28. package/dist/components/button/types.d.ts +4 -0
  29. package/dist/components/button/types.d.ts.map +1 -1
  30. package/dist/components/candle-chart/CandleChart.d.ts +1 -1
  31. package/dist/components/candle-chart/CandleChart.d.ts.map +1 -1
  32. package/dist/components/candle-chart/CandleChart.js +81 -46
  33. package/dist/components/candle-chart/CandleChart.js.map +1 -1
  34. package/dist/components/candle-chart/client/CandleChartClient.d.ts.map +1 -1
  35. package/dist/components/candle-chart/client/CandleChartClient.js +5 -0
  36. package/dist/components/candle-chart/client/CandleChartClient.js.map +1 -1
  37. package/dist/components/candle-chart/index.d.ts +1 -1
  38. package/dist/components/candle-chart/index.d.ts.map +1 -1
  39. package/dist/components/candle-chart/index.js.map +1 -1
  40. package/dist/components/candle-chart/types.d.ts +17 -0
  41. package/dist/components/candle-chart/types.d.ts.map +1 -1
  42. package/dist/components/carousel/CarouselMarkup.d.ts.map +1 -1
  43. package/dist/components/carousel/CarouselMarkup.js +20 -3
  44. package/dist/components/carousel/CarouselMarkup.js.map +1 -1
  45. package/dist/components/carousel/carousel-markup.js +2 -2
  46. package/dist/components/carousel/carousel-markup.js.map +1 -1
  47. package/dist/components/carousel/types.d.ts +3 -2
  48. package/dist/components/carousel/types.d.ts.map +1 -1
  49. package/dist/components/combobox/Combobox.d.ts.map +1 -1
  50. package/dist/components/combobox/Combobox.js +37 -23
  51. package/dist/components/combobox/Combobox.js.map +1 -1
  52. package/dist/components/combobox/combobox-store.d.ts.map +1 -1
  53. package/dist/components/combobox/combobox-store.js +5 -2
  54. package/dist/components/combobox/combobox-store.js.map +1 -1
  55. package/dist/components/combobox/types.d.ts +2 -3
  56. package/dist/components/combobox/types.d.ts.map +1 -1
  57. package/dist/components/context-menu/ContextMenu.d.ts.map +1 -1
  58. package/dist/components/context-menu/ContextMenu.js +25 -5
  59. package/dist/components/context-menu/ContextMenu.js.map +1 -1
  60. package/dist/components/drawer/DrawerNative.d.ts +1 -1
  61. package/dist/components/drawer/DrawerNative.d.ts.map +1 -1
  62. package/dist/components/drawer/DrawerNative.js +5 -2
  63. package/dist/components/drawer/DrawerNative.js.map +1 -1
  64. package/dist/components/drawer/index.d.ts +1 -1
  65. package/dist/components/drawer/index.d.ts.map +1 -1
  66. package/dist/components/drawer/index.js.map +1 -1
  67. package/dist/components/drawer/types.d.ts +4 -0
  68. package/dist/components/drawer/types.d.ts.map +1 -1
  69. package/dist/components/dropdown-menu/DropdownMenu.d.ts.map +1 -1
  70. package/dist/components/dropdown-menu/DropdownMenu.js +31 -15
  71. package/dist/components/dropdown-menu/DropdownMenu.js.map +1 -1
  72. package/dist/components/dropdown-menu/DropdownMenuBar.d.ts.map +1 -1
  73. package/dist/components/dropdown-menu/DropdownMenuBar.js +7 -5
  74. package/dist/components/dropdown-menu/DropdownMenuBar.js.map +1 -1
  75. package/dist/components/dropdown-menu/types.d.ts +1 -1
  76. package/dist/components/dropdown-menu/types.d.ts.map +1 -1
  77. package/dist/components/file-upload/FileUpload.d.ts.map +1 -1
  78. package/dist/components/file-upload/FileUpload.js +11 -4
  79. package/dist/components/file-upload/FileUpload.js.map +1 -1
  80. package/dist/components/file-upload/FileUploadRoot.d.ts +1 -1
  81. package/dist/components/file-upload/FileUploadRoot.d.ts.map +1 -1
  82. package/dist/components/file-upload/FileUploadRoot.js +9 -0
  83. package/dist/components/file-upload/FileUploadRoot.js.map +1 -1
  84. package/dist/components/file-upload/index.d.ts +1 -1
  85. package/dist/components/file-upload/index.d.ts.map +1 -1
  86. package/dist/components/file-upload/index.js.map +1 -1
  87. package/dist/components/file-upload/types.d.ts +8 -0
  88. package/dist/components/file-upload/types.d.ts.map +1 -1
  89. package/dist/components/line-chart/LineChart.d.ts.map +1 -1
  90. package/dist/components/line-chart/LineChart.js +3 -2
  91. package/dist/components/line-chart/LineChart.js.map +1 -1
  92. package/dist/components/line-chart/line-chart-geometry.d.ts +2 -2
  93. package/dist/components/line-chart/line-chart-geometry.d.ts.map +1 -1
  94. package/dist/components/line-chart/line-chart-geometry.js +6 -6
  95. package/dist/components/line-chart/line-chart-geometry.js.map +1 -1
  96. package/dist/components/line-chart/types.d.ts +2 -0
  97. package/dist/components/line-chart/types.d.ts.map +1 -1
  98. package/dist/components/modal/Modal.d.ts +1 -1
  99. package/dist/components/modal/Modal.d.ts.map +1 -1
  100. package/dist/components/modal/Modal.js +5 -2
  101. package/dist/components/modal/Modal.js.map +1 -1
  102. package/dist/components/modal/index.d.ts +1 -1
  103. package/dist/components/modal/index.d.ts.map +1 -1
  104. package/dist/components/modal/index.js.map +1 -1
  105. package/dist/components/modal/types.d.ts +4 -0
  106. package/dist/components/modal/types.d.ts.map +1 -1
  107. package/dist/components/number-field/NumberField.d.ts +1 -1
  108. package/dist/components/number-field/NumberField.d.ts.map +1 -1
  109. package/dist/components/number-field/NumberField.js +25 -5
  110. package/dist/components/number-field/NumberField.js.map +1 -1
  111. package/dist/components/number-field/format.d.ts +1 -1
  112. package/dist/components/number-field/format.d.ts.map +1 -1
  113. package/dist/components/number-field/format.js +32 -7
  114. package/dist/components/number-field/format.js.map +1 -1
  115. package/dist/components/number-field/index.d.ts +1 -1
  116. package/dist/components/number-field/index.d.ts.map +1 -1
  117. package/dist/components/number-field/index.js.map +1 -1
  118. package/dist/components/number-field/types.d.ts +11 -2
  119. package/dist/components/number-field/types.d.ts.map +1 -1
  120. package/dist/components/otp-input/OtpInput.d.ts.map +1 -1
  121. package/dist/components/otp-input/OtpInput.js +2 -0
  122. package/dist/components/otp-input/OtpInput.js.map +1 -1
  123. package/dist/components/pagination/Pagination.d.ts.map +1 -1
  124. package/dist/components/pagination/Pagination.js +93 -29
  125. package/dist/components/pagination/Pagination.js.map +1 -1
  126. package/dist/components/pagination/PaginationShell.d.ts +2 -1
  127. package/dist/components/pagination/PaginationShell.d.ts.map +1 -1
  128. package/dist/components/pagination/PaginationShell.js +44 -9
  129. package/dist/components/pagination/PaginationShell.js.map +1 -1
  130. package/dist/components/pagination/index.d.ts +1 -1
  131. package/dist/components/pagination/index.d.ts.map +1 -1
  132. package/dist/components/pagination/index.js.map +1 -1
  133. package/dist/components/pagination/types.d.ts +18 -0
  134. package/dist/components/pagination/types.d.ts.map +1 -1
  135. package/dist/components/slider/client/SliderClient.d.ts.map +1 -1
  136. package/dist/components/slider/client/SliderClient.js +11 -2
  137. package/dist/components/slider/client/SliderClient.js.map +1 -1
  138. package/dist/components/slider/index.d.ts +1 -1
  139. package/dist/components/slider/index.d.ts.map +1 -1
  140. package/dist/components/slider/index.js.map +1 -1
  141. package/dist/components/slider/types.d.ts +5 -0
  142. package/dist/components/slider/types.d.ts.map +1 -1
  143. package/dist/components/spinner/Spinner.d.ts.map +1 -1
  144. package/dist/components/spinner/Spinner.js +6 -3
  145. package/dist/components/spinner/Spinner.js.map +1 -1
  146. package/dist/components/spinner/index.d.ts +1 -1
  147. package/dist/components/spinner/index.d.ts.map +1 -1
  148. package/dist/components/spinner/index.js.map +1 -1
  149. package/dist/components/spinner/types.d.ts +4 -0
  150. package/dist/components/spinner/types.d.ts.map +1 -1
  151. package/dist/components/tags-input/TagsInput.d.ts.map +1 -1
  152. package/dist/components/tags-input/TagsInput.js +2 -0
  153. package/dist/components/tags-input/TagsInput.js.map +1 -1
  154. package/dist/components/toast/Toast.d.ts +1 -1
  155. package/dist/components/toast/Toast.d.ts.map +1 -1
  156. package/dist/components/toast/Toast.js +33 -29
  157. package/dist/components/toast/Toast.js.map +1 -1
  158. package/dist/components/toast/ToastElements.d.ts.map +1 -1
  159. package/dist/components/toast/ToastElements.js +24 -12
  160. package/dist/components/toast/ToastElements.js.map +1 -1
  161. package/dist/components/toast/index.d.ts +1 -1
  162. package/dist/components/toast/index.d.ts.map +1 -1
  163. package/dist/components/toast/index.js.map +1 -1
  164. package/dist/components/toast/types.d.ts +10 -0
  165. package/dist/components/toast/types.d.ts.map +1 -1
  166. package/dist/components/toolbar/Toolbar.d.ts +2 -2
  167. package/dist/components/toolbar/Toolbar.d.ts.map +1 -1
  168. package/dist/components/toolbar/Toolbar.js +8 -4
  169. package/dist/components/toolbar/Toolbar.js.map +1 -1
  170. package/dist/core/direction.d.ts +2 -0
  171. package/dist/core/direction.d.ts.map +1 -1
  172. package/dist/core/direction.js +8 -3
  173. package/dist/core/direction.js.map +1 -1
  174. package/dist/core/dismissable-layer-registry.d.ts.map +1 -1
  175. package/dist/core/dismissable-layer-registry.js +3 -1
  176. package/dist/core/dismissable-layer-registry.js.map +1 -1
  177. package/dist/core/format-label.d.ts +2 -0
  178. package/dist/core/format-label.d.ts.map +1 -0
  179. package/dist/core/format-label.js +13 -0
  180. package/dist/core/format-label.js.map +1 -0
  181. package/dist/core/ime.d.ts +16 -0
  182. package/dist/core/ime.d.ts.map +1 -0
  183. package/dist/core/ime.js +7 -0
  184. package/dist/core/ime.js.map +1 -0
  185. package/dist/core/index.d.ts +3 -0
  186. package/dist/core/index.d.ts.map +1 -1
  187. package/dist/core/index.js +3 -0
  188. package/dist/core/index.js.map +1 -1
  189. package/dist/core/roving-focus-store.d.ts +3 -2
  190. package/dist/core/roving-focus-store.d.ts.map +1 -1
  191. package/dist/core/roving-focus-store.js +5 -3
  192. package/dist/core/roving-focus-store.js.map +1 -1
  193. package/dist/core/roving-focus.d.ts.map +1 -1
  194. package/dist/core/roving-focus.js +10 -5
  195. package/dist/core/roving-focus.js.map +1 -1
  196. package/dist/core/text-direction.d.ts +7 -0
  197. package/dist/core/text-direction.d.ts.map +1 -0
  198. package/dist/core/text-direction.js +7 -0
  199. package/dist/core/text-direction.js.map +1 -0
  200. package/dist/styles/index.css +1 -1
  201. package/package.json +2 -1
  202. package/skills/uiify/SKILL.md +3 -0
  203. package/skills/uiify/references/elements/button.md +5 -5
  204. package/skills/uiify/references/elements/candle-chart.md +2 -0
  205. package/skills/uiify/references/elements/carousel.md +2 -0
  206. package/skills/uiify/references/elements/number-field.md +2 -0
  207. package/skills/uiify/references/elements/pagination.md +2 -0
  208. package/skills/uiify/references/guides/i18n.md +21 -0
  209. package/skills/uiify/scripts/static.mjs +79 -0
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/candle-chart/client/CandleChartClient.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { CSSProperties, ElementType, ReactElement, Ref } from \"react\";\nimport { CandleChart, CandleChartCandle, getPriceBounds } from \"../CandleChart.js\";\nimport type {\n CandleChartClientProps,\n CandleChartData,\n CandleChartPointerPosition,\n CandleChartProps,\n CandleChartViewProps,\n} from \"../types.js\";\nimport { VirtualScroll } from \"../../virtual-scroll/VirtualScroll.js\";\nimport {\n liveTimeAxis,\n useLiveChartWindow,\n} from \"../../internal/live-chart/use-live-chart-window.js\";\nimport { useScrollbarReserve } from \"../../internal/chart-scrollbar/use-scrollbar-reserve.js\";\nimport { useChartViewport } from \"../../../hooks/use-chart-viewport.js\";\nimport { useMergedRefs } from \"../../../hooks/use-merged-refs.js\";\nimport { useResizeObserver } from \"../../../hooks/use-resize-observer.js\";\n\ninterface InteractiveCandleStyle extends CSSProperties {\n \"--candle-scale\": string;\n \"--candle-content-size\"?: string;\n \"--candle-plot-height\"?: string;\n}\n\ninterface CursorState extends CandleChartPointerPosition {}\n\ninterface LiveCandle {\n readonly id: string;\n readonly candle: CandleChartData;\n}\n\n/**\n * `[data-part=\"plot\"]`'s fixed price-axis column (4.5rem) plus its grid gap\n * (0.75rem) — see candle-chart.css. `useChartViewport` measures the whole\n * `<figure>`, but candles only ever get the width left over after this\n * column, so it must be subtracted before sizing `minItemWidth`.\n */\nconst Y_AXIS_COLUMN_WIDTH = 72 + 12;\nexport function CandleChartClient<TAs extends ElementType = \"figure\">(\n props: CandleChartClientProps<TAs>,\n): ReactElement | null {\n const {\n data,\n visibleCount,\n xAxis,\n ref: consumerRef,\n style: consumerStyle,\n onCandleClick: consumerOnCandleClick,\n onCandlePointerLeave: consumerOnCandlePointerLeave,\n onCandlePointerMove: consumerOnCandlePointerMove,\n ...consumerProps\n } = props as CandleChartClientProps<\"figure\"> & {\n ref?: Ref<HTMLElement>;\n style?: CSSProperties;\n };\n const live = visibleCount !== undefined && visibleCount > 0;\n const viewport = useChartViewport(\n live\n ? {\n enabled: false,\n initialScale: 1,\n itemCount: visibleCount,\n measuredWidthOffset: Y_AXIS_COLUMN_WIDTH,\n }\n : { itemCount: data.length, measuredWidthOffset: Y_AXIS_COLUMN_WIDTH, minItemWidth: 24 },\n );\n const figureSize = useResizeObserver(viewport.ref);\n const liveWindow = useLiveChartWindow({\n count: data.length,\n visibleCount,\n itemWidth: viewport.itemWidth,\n figureHeight: figureSize?.height,\n scrollVariable: \"--candle-scroll-x\",\n });\n useScrollbarReserve(liveWindow.chartRef, \"--candle-scrollbar-size\");\n // Cursor and selection hold absolute indices so they survive scrolling and appends.\n const [cursor, setCursor] = useState<CursorState | null>(null);\n const [selectedCandleIndex, setSelectedCandleIndex] = useState<number | undefined>();\n const chartRef = useMergedRefs<HTMLElement>(viewport.ref, consumerRef, liveWindow.chartRef);\n const handleCandleClick = useCallback(\n (index: number) => {\n setSelectedCandleIndex(index);\n consumerOnCandleClick?.(index);\n },\n [consumerOnCandleClick],\n );\n const handleCandlePointerLeave = useCallback(() => {\n setCursor(null);\n consumerOnCandlePointerLeave?.();\n }, [consumerOnCandlePointerLeave]);\n const handleCandlePointerMove = useCallback(\n (position: CandleChartPointerPosition) => {\n setCursor(position);\n consumerOnCandlePointerMove?.(position);\n },\n [consumerOnCandlePointerMove],\n );\n const liveItems = useMemo<readonly LiveCandle[]>(\n () => (live ? data.map((candle, index) => ({ id: String(index), candle })) : []),\n [data, live],\n );\n const style: InteractiveCandleStyle = {\n ...consumerStyle,\n \"--candle-scale\": String(viewport.scale),\n };\n\n if (!live) {\n const chartProps = {\n ...consumerProps,\n ...(xAxis ? { xAxis } : {}),\n data,\n activeCandleIndex: cursor?.index,\n cursorY: cursor?.offsetY,\n interactive: true,\n onCandleClick: handleCandleClick,\n onCandlePointerLeave: handleCandlePointerLeave,\n onCandlePointerMove: handleCandlePointerMove,\n ref: chartRef,\n selectedCandleIndex,\n style,\n } as CandleChartProps<\"figure\">;\n return <CandleChart {...chartProps} />;\n }\n\n const { sliceStart, sliceEnd, contentSize, plotHeight } = liveWindow;\n const slice = data.slice(sliceStart, sliceEnd);\n const { min, max } = getPriceBounds(slice);\n const toSliceIndex = (index: number | undefined): number | undefined =>\n index !== undefined && index >= sliceStart && index < sliceEnd ? index - sliceStart : undefined;\n const candleLayer = (\n <VirtualScroll\n height={plotHeight}\n items={liveItems}\n orientation=\"horizontal\"\n overscan={2}\n rowHeight={viewport.itemWidth}\n scrollRef={liveWindow.scrollRef}\n onRangeChange={liveWindow.onRangeChange}\n renderRow={({ candle }, index) => {\n // Overscan candles stay inert, so focus never scrolls hidden candles into view.\n const inSlice = index >= sliceStart && index < sliceEnd;\n const isActive = cursor?.index === index;\n return (\n <CandleChartCandle\n as=\"div\"\n candle={candle}\n index={index}\n x={0}\n slot={100}\n min={min}\n max={max}\n interactive={inSlice}\n isActive={isActive}\n isSelected={selectedCandleIndex === index}\n cursorY={isActive ? cursor?.offsetY : undefined}\n onCandleClick={handleCandleClick}\n onCandlePointerLeave={handleCandlePointerLeave}\n onCandlePointerMove={handleCandlePointerMove}\n />\n );\n }}\n />\n );\n\n const liveStyle: InteractiveCandleStyle = {\n ...style,\n \"--candle-content-size\": `${contentSize}px`,\n \"--candle-plot-height\": `${plotHeight}px`,\n };\n const chartProps = {\n ...consumerProps,\n data: slice,\n xAxis: xAxis ?? liveTimeAxis(data, sliceStart, sliceEnd, visibleCount),\n activeCandleIndex: toSliceIndex(cursor?.index),\n announceReadout: false,\n candleLayer,\n cursorY: cursor?.offsetY,\n interactive: true,\n ref: chartRef,\n selectedCandleIndex: toSliceIndex(selectedCandleIndex),\n slotCount: data.length,\n slotOffset: sliceStart,\n style: liveStyle,\n } as CandleChartProps<\"figure\"> & CandleChartViewProps;\n\n return <CandleChart {...chartProps} />;\n}\nCandleChartClient.displayName = \"CandleChartClient\";\n"],"mappings":"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","names":["chartProps"]}
1
+ {"version":3,"sources":["../../../../src/components/candle-chart/client/CandleChartClient.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { CSSProperties, ElementType, ReactElement, Ref } from \"react\";\nimport { formatLabel } from \"@gunkin/uiify/core/format-label\";\nimport { CandleChart, CandleChartCandle, getPriceBounds } from \"../CandleChart.js\";\nimport type {\n CandleChartClientProps,\n CandleChartData,\n CandleChartPointerPosition,\n CandleChartProps,\n CandleChartViewProps,\n} from \"../types.js\";\nimport { VirtualScroll } from \"../../virtual-scroll/VirtualScroll.js\";\nimport {\n liveTimeAxis,\n useLiveChartWindow,\n} from \"../../internal/live-chart/use-live-chart-window.js\";\nimport { useScrollbarReserve } from \"../../internal/chart-scrollbar/use-scrollbar-reserve.js\";\nimport { useChartViewport } from \"../../../hooks/use-chart-viewport.js\";\nimport { useMergedRefs } from \"../../../hooks/use-merged-refs.js\";\nimport { useResizeObserver } from \"../../../hooks/use-resize-observer.js\";\n\ninterface InteractiveCandleStyle extends CSSProperties {\n \"--candle-scale\": string;\n \"--candle-content-size\"?: string;\n \"--candle-plot-height\"?: string;\n}\n\ninterface CursorState extends CandleChartPointerPosition {}\n\ninterface LiveCandle {\n readonly id: string;\n readonly candle: CandleChartData;\n}\n\n/**\n * `[data-part=\"plot\"]`'s fixed price-axis column (4.5rem) plus its grid gap\n * (0.75rem) — see candle-chart.css. `useChartViewport` measures the whole\n * `<figure>`, but candles only ever get the width left over after this\n * column, so it must be subtracted before sizing `minItemWidth`.\n */\nconst Y_AXIS_COLUMN_WIDTH = 72 + 12;\nexport function CandleChartClient<TAs extends ElementType = \"figure\">(\n props: CandleChartClientProps<TAs>,\n): ReactElement | null {\n const {\n data,\n visibleCount,\n xAxis,\n labels,\n ref: consumerRef,\n style: consumerStyle,\n onCandleClick: consumerOnCandleClick,\n onCandlePointerLeave: consumerOnCandlePointerLeave,\n onCandlePointerMove: consumerOnCandlePointerMove,\n ...consumerProps\n } = props as CandleChartClientProps<\"figure\"> & {\n ref?: Ref<HTMLElement>;\n style?: CSSProperties;\n };\n const live = visibleCount !== undefined && visibleCount > 0;\n const viewport = useChartViewport(\n live\n ? {\n enabled: false,\n initialScale: 1,\n itemCount: visibleCount,\n measuredWidthOffset: Y_AXIS_COLUMN_WIDTH,\n }\n : { itemCount: data.length, measuredWidthOffset: Y_AXIS_COLUMN_WIDTH, minItemWidth: 24 },\n );\n const figureSize = useResizeObserver(viewport.ref);\n const liveWindow = useLiveChartWindow({\n count: data.length,\n visibleCount,\n itemWidth: viewport.itemWidth,\n figureHeight: figureSize?.height,\n scrollVariable: \"--candle-scroll-x\",\n });\n useScrollbarReserve(liveWindow.chartRef, \"--candle-scrollbar-size\");\n // Cursor and selection hold absolute indices so they survive scrolling and appends.\n const [cursor, setCursor] = useState<CursorState | null>(null);\n const [selectedCandleIndex, setSelectedCandleIndex] = useState<number | undefined>();\n const chartRef = useMergedRefs<HTMLElement>(viewport.ref, consumerRef, liveWindow.chartRef);\n const handleCandleClick = useCallback(\n (index: number) => {\n setSelectedCandleIndex(index);\n consumerOnCandleClick?.(index);\n },\n [consumerOnCandleClick],\n );\n const handleCandlePointerLeave = useCallback(() => {\n setCursor(null);\n consumerOnCandlePointerLeave?.();\n }, [consumerOnCandlePointerLeave]);\n const handleCandlePointerMove = useCallback(\n (position: CandleChartPointerPosition) => {\n setCursor(position);\n consumerOnCandlePointerMove?.(position);\n },\n [consumerOnCandlePointerMove],\n );\n const liveItems = useMemo<readonly LiveCandle[]>(\n () => (live ? data.map((candle, index) => ({ id: String(index), candle })) : []),\n [data, live],\n );\n const style: InteractiveCandleStyle = {\n ...consumerStyle,\n \"--candle-scale\": String(viewport.scale),\n };\n\n if (!live) {\n const chartProps = {\n ...consumerProps,\n ...(xAxis ? { xAxis } : {}),\n data,\n labels,\n activeCandleIndex: cursor?.index,\n cursorY: cursor?.offsetY,\n interactive: true,\n onCandleClick: handleCandleClick,\n onCandlePointerLeave: handleCandlePointerLeave,\n onCandlePointerMove: handleCandlePointerMove,\n ref: chartRef,\n selectedCandleIndex,\n style,\n } as CandleChartProps<\"figure\">;\n return <CandleChart {...chartProps} />;\n }\n\n const { sliceStart, sliceEnd, contentSize, plotHeight } = liveWindow;\n const slice = data.slice(sliceStart, sliceEnd);\n const { min, max } = getPriceBounds(slice);\n const toSliceIndex = (index: number | undefined): number | undefined =>\n index !== undefined && index >= sliceStart && index < sliceEnd ? index - sliceStart : undefined;\n const candleLayer = (\n <VirtualScroll\n height={plotHeight}\n items={liveItems}\n orientation=\"horizontal\"\n overscan={2}\n rowHeight={viewport.itemWidth}\n scrollRef={liveWindow.scrollRef}\n onRangeChange={liveWindow.onRangeChange}\n renderRow={({ candle }, index) => {\n // Overscan candles stay inert, so focus never scrolls hidden candles into view.\n const inSlice = index >= sliceStart && index < sliceEnd;\n const isActive = cursor?.index === index;\n return (\n <CandleChartCandle\n as=\"div\"\n candle={candle}\n hitLabel={formatLabel(labels?.candle ?? \"Candle {time}\", { time: String(candle.time) })}\n index={index}\n x={0}\n slot={100}\n min={min}\n max={max}\n interactive={inSlice}\n isActive={isActive}\n isSelected={selectedCandleIndex === index}\n cursorY={isActive ? cursor?.offsetY : undefined}\n onCandleClick={handleCandleClick}\n onCandlePointerLeave={handleCandlePointerLeave}\n onCandlePointerMove={handleCandlePointerMove}\n />\n );\n }}\n />\n );\n\n const liveStyle: InteractiveCandleStyle = {\n ...style,\n \"--candle-content-size\": `${contentSize}px`,\n \"--candle-plot-height\": `${plotHeight}px`,\n };\n const chartProps = {\n ...consumerProps,\n data: slice,\n labels,\n xAxis: xAxis ?? liveTimeAxis(data, sliceStart, sliceEnd, visibleCount),\n activeCandleIndex: toSliceIndex(cursor?.index),\n announceReadout: false,\n candleLayer,\n cursorY: cursor?.offsetY,\n interactive: true,\n ref: chartRef,\n selectedCandleIndex: toSliceIndex(selectedCandleIndex),\n slotCount: data.length,\n slotOffset: sliceStart,\n style: liveStyle,\n } as CandleChartProps<\"figure\"> & CandleChartViewProps;\n\n return <CandleChart {...chartProps} />;\n}\nCandleChartClient.displayName = \"CandleChartClient\";\n"],"mappings":"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","names":["chartProps"]}
@@ -1,3 +1,3 @@
1
1
  export { CandleChart } from "./CandleChart.js";
2
- export type { CandleChartAxisLabel, CandleChartData, CandleChartOwnProps, CandleChartPointerPosition, CandleChartProps, } from "./types.js";
2
+ export type { CandleChartAxisLabel, CandleChartLabels, CandleChartData, CandleChartOwnProps, CandleChartPointerPosition, CandleChartProps, } from "./types.js";
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/candle-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EACV,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,0BAA0B,EAC1B,gBAAgB,GACjB,MAAM,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/candle-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,0BAA0B,EAC1B,gBAAgB,GACjB,MAAM,YAAY,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/candle-chart/index.ts"],"sourcesContent":["export { CandleChart } from \"./CandleChart.js\";\nexport type {\n CandleChartAxisLabel,\n CandleChartData,\n CandleChartOwnProps,\n CandleChartPointerPosition,\n CandleChartProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,mBAAmB;","names":[]}
1
+ {"version":3,"sources":["../../../src/components/candle-chart/index.ts"],"sourcesContent":["export { CandleChart } from \"./CandleChart.js\";\nexport type {\n CandleChartAxisLabel,\n CandleChartLabels,\n CandleChartData,\n CandleChartOwnProps,\n CandleChartPointerPosition,\n CandleChartProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,mBAAmB;","names":[]}
@@ -19,10 +19,13 @@ export interface CandleChartPointerPosition {
19
19
  }
20
20
  export interface CandleChartOwnProps {
21
21
  readonly "aria-label"?: string;
22
+ readonly labels?: Partial<CandleChartLabels>;
22
23
  readonly activeCandleIndex?: number;
23
24
  readonly cursorY?: number;
24
25
  readonly data: readonly CandleChartData[];
25
26
  readonly interactive?: boolean;
27
+ /** BCP 47 locale for default axis labels. Defaults to `"en-US"`. */
28
+ readonly locale?: string;
26
29
  readonly onCandleClick?: (index: number) => void;
27
30
  readonly onCandlePointerLeave?: () => void;
28
31
  readonly onCandlePointerMove?: (position: CandleChartPointerPosition) => void;
@@ -30,6 +33,19 @@ export interface CandleChartOwnProps {
30
33
  readonly xAxis?: readonly CandleChartAxisLabel[];
31
34
  readonly yAxis?: readonly CandleChartAxisLabel[];
32
35
  }
36
+ export interface CandleChartLabels {
37
+ readonly chart: string;
38
+ readonly candle: string;
39
+ readonly candles: string;
40
+ readonly months: string;
41
+ readonly prices: string;
42
+ readonly data: string;
43
+ readonly time: string;
44
+ readonly open: string;
45
+ readonly high: string;
46
+ readonly low: string;
47
+ readonly close: string;
48
+ }
33
49
  export type CandleChartProps<TAs extends ElementType = "figure"> = RenderableProps<TAs, CandleChartOwnProps, Record<string, never>, HTMLElement>;
34
50
  export interface CandleChartClientOwnProps extends CandleChartOwnProps {
35
51
  /**
@@ -55,6 +71,7 @@ export interface CandleChartViewProps extends CandleChartOwnProps {
55
71
  export interface CandleChartCandleProps {
56
72
  readonly as: "div" | "li";
57
73
  readonly candle: CandleChartData;
74
+ readonly hitLabel: string;
58
75
  /** Index reported to the pointer and click callbacks. */
59
76
  readonly index: number;
60
77
  /** Candle position and width, as percentages of the candle layer. */
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/candle-chart/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/candle-chart/types.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselMarkup.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/CarouselMarkup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EAAE,OAAO,EACb,OAAO,EACP,YAAY,GACb,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CA+I3C;yBAnJe,cAAc"}
1
+ {"version":3,"file":"CarouselMarkup.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/CarouselMarkup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EAAE,OAAO,EACb,OAAO,EACP,YAAY,GACb,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CAgK3C;yBApKe,cAAc"}
@@ -1,4 +1,5 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { formatLabel } from "@gunkin/uiify/core/format-label";
2
3
  import { carouselFragment, carouselSlideId, normalizeCarouselProps } from "./carousel-markup.js";
3
4
  function CarouselMarkup({
4
5
  base: rawBase,
@@ -59,7 +60,15 @@ function CarouselMarkup({
59
60
  id: slideId,
60
61
  role: "group",
61
62
  "aria-roledescription": "slide",
62
- "aria-label": `${item.label}, ${index + 1} ${labels.of} ${items.length}`,
63
+ "aria-label": formatLabel(
64
+ labels.slide,
65
+ {
66
+ label: item.label,
67
+ index: base.locale === void 0 ? String(index + 1) : index + 1,
68
+ count: base.locale === void 0 ? String(items.length) : items.length
69
+ },
70
+ base.locale
71
+ ),
63
72
  className: item.className,
64
73
  "data-part": "slide",
65
74
  "data-carousel-index": index,
@@ -94,7 +103,7 @@ function CarouselMarkup({
94
103
  "a",
95
104
  {
96
105
  href: carouselFragment(carouselSlideId(base.id, item.id)),
97
- "aria-label": `${labels.goTo} ${item.label}`,
106
+ "aria-label": formatLabel(labels.goToSlide, { label: item.label }, base.locale),
98
107
  "aria-current": showActiveDot && itemIndex === activeIndex ? "true" : void 0,
99
108
  "data-part": "dot",
100
109
  "data-carousel-index": itemIndex,
@@ -124,7 +133,15 @@ function CarouselMarkup({
124
133
  "aria-live": presentation.autoplay?.playing ? "off" : "polite",
125
134
  "aria-atomic": "true",
126
135
  "data-part": "status",
127
- children: enhanced && announcedIndex !== void 0 ? `${items[announcedIndex]?.label ?? ""}, ${announcedIndex + 1} ${labels.of} ${items.length}` : null
136
+ children: enhanced && announcedIndex !== void 0 ? formatLabel(
137
+ labels.slide,
138
+ {
139
+ label: items[announcedIndex]?.label ?? "",
140
+ index: base.locale === void 0 ? String(announcedIndex + 1) : announcedIndex + 1,
141
+ count: base.locale === void 0 ? String(items.length) : items.length
142
+ },
143
+ base.locale
144
+ ) : null
128
145
  }
129
146
  ) : null
130
147
  ]
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/carousel/CarouselMarkup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { carouselFragment, carouselSlideId, normalizeCarouselProps } from \"./carousel-markup.js\";\nimport type { CarouselMarkupProps } from \"./types.js\";\n\nexport function CarouselMarkup({\n base: rawBase,\n rootRef,\n presentation,\n}: CarouselMarkupProps): ReactElement | null {\n const base = normalizeCarouselProps(rawBase);\n const { items, labels } = base;\n const hasControls = items.length > 1;\n\n if (items.length === 0) return null;\n\n const enhanced = presentation?.snapshot.ready === true;\n // Pagination claims a current slide as soon as the client has mounted, even before\n // the controller reports `ready` — SSR/pre-hydration markup still claims nothing.\n const showActiveDot = enhanced || presentation?.mounted === true;\n const activeIndex = presentation?.snapshot.index;\n const announcedIndex = presentation?.snapshot.settledIndex;\n const fade = enhanced && presentation.mode === \"fade\";\n const presentedIndex = fade ? (presentation.snapshot.requestedIndex ?? activeIndex) : activeIndex;\n const dotIndices =\n enhanced && !presentation.preserveFallbackFocus\n ? presentation.snapshot.pages.map((page) => page.index)\n : items.map((_, index) => index);\n\n return (\n <section\n ref={rootRef}\n id={base.id}\n aria-label={base[\"aria-label\"]}\n aria-roledescription=\"carousel\"\n data-uiify-carousel=\"\"\n data-axis={base.axis}\n {...(presentation ? { \"data-mode\": presentation.mode } : {})}\n {...(enhanced ? { \"data-enhanced\": \"\" } : {})}\n {...(base.dir ? { dir: base.dir } : {})}\n {...(base.className ? { className: base.className } : {})}\n {...(base.style ? { style: base.style } : {})}\n >\n {presentation && hasControls && presentation.autoplay ? (\n <button\n type=\"button\"\n data-part=\"controls\"\n data-carousel-action=\"rotation\"\n data-uiify-button=\"\"\n data-variant=\"outline\"\n hidden={!enhanced}\n >\n {presentation.autoplay.requested ? labels.stop : labels.start}\n </button>\n ) : null}\n\n <div\n id={`${base.id}--viewport`}\n tabIndex={0}\n role=\"group\"\n aria-label={base[\"aria-label\"]}\n data-part=\"viewport\"\n >\n {items.map((item, index) => {\n const slideId = carouselSlideId(base.id, item.id);\n return (\n <div\n key={item.id}\n id={slideId}\n role=\"group\"\n aria-roledescription=\"slide\"\n aria-label={`${item.label}, ${index + 1} ${labels.of} ${items.length}`}\n className={item.className}\n data-part=\"slide\"\n data-carousel-index={index}\n {...(enhanced\n ? { \"data-state\": index === presentedIndex ? \"active\" : \"inactive\" }\n : {})}\n {...(fade && index !== presentedIndex ? { inert: true, \"aria-hidden\": true } : {})}\n >\n <div data-part=\"slide-content\">{item.children}</div>\n </div>\n );\n })}\n </div>\n\n {presentation && hasControls && base.navigation ? (\n <button\n type=\"button\"\n aria-label={labels.previous}\n data-part=\"controls\"\n data-carousel-action=\"previous\"\n data-size=\"icon\"\n data-uiify-button=\"\"\n data-variant=\"outline\"\n hidden={!enhanced}\n disabled={enhanced ? presentation.snapshot.atStart : undefined}\n >\n {base.icons?.previous}\n </button>\n ) : null}\n\n {base.pagination && hasControls ? (\n <nav aria-label={labels.navigation} data-part=\"dots\">\n {dotIndices.map((itemIndex) => {\n const item = items[itemIndex];\n if (!item) return null;\n return (\n <a\n key={item.id}\n href={carouselFragment(carouselSlideId(base.id, item.id))}\n aria-label={`${labels.goTo} ${item.label}`}\n aria-current={showActiveDot && itemIndex === activeIndex ? \"true\" : undefined}\n data-part=\"dot\"\n data-carousel-index={itemIndex}\n >\n {itemIndex + 1}\n </a>\n );\n })}\n </nav>\n ) : null}\n\n {presentation && hasControls && base.navigation ? (\n <button\n type=\"button\"\n aria-label={labels.next}\n data-part=\"controls\"\n data-carousel-action=\"next\"\n data-size=\"icon\"\n data-uiify-button=\"\"\n data-variant=\"outline\"\n hidden={!enhanced}\n disabled={enhanced ? presentation.snapshot.atEnd : undefined}\n >\n {base.icons?.next}\n </button>\n ) : null}\n\n {presentation ? (\n <div\n aria-live={presentation.autoplay?.playing ? \"off\" : \"polite\"}\n aria-atomic=\"true\"\n data-part=\"status\"\n >\n {enhanced && announcedIndex !== undefined\n ? `${items[announcedIndex]?.label ?? \"\"}, ${announcedIndex + 1} ${labels.of} ${items.length}`\n : null}\n </div>\n ) : null}\n </section>\n );\n}\nCarouselMarkup.displayName = \"CarouselMarkup\";\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../../src/components/carousel/CarouselMarkup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { formatLabel } from \"@gunkin/uiify/core/format-label\";\nimport { carouselFragment, carouselSlideId, normalizeCarouselProps } from \"./carousel-markup.js\";\nimport type { CarouselMarkupProps } from \"./types.js\";\n\nexport function CarouselMarkup({\n base: rawBase,\n rootRef,\n presentation,\n}: CarouselMarkupProps): ReactElement | null {\n const base = normalizeCarouselProps(rawBase);\n const { items, labels } = base;\n const hasControls = items.length > 1;\n\n if (items.length === 0) return null;\n\n const enhanced = presentation?.snapshot.ready === true;\n // Pagination claims a current slide as soon as the client has mounted, even before\n // the controller reports `ready` — SSR/pre-hydration markup still claims nothing.\n const showActiveDot = enhanced || presentation?.mounted === true;\n const activeIndex = presentation?.snapshot.index;\n const announcedIndex = presentation?.snapshot.settledIndex;\n const fade = enhanced && presentation.mode === \"fade\";\n const presentedIndex = fade ? (presentation.snapshot.requestedIndex ?? activeIndex) : activeIndex;\n const dotIndices =\n enhanced && !presentation.preserveFallbackFocus\n ? presentation.snapshot.pages.map((page) => page.index)\n : items.map((_, index) => index);\n\n return (\n <section\n ref={rootRef}\n id={base.id}\n aria-label={base[\"aria-label\"]}\n aria-roledescription=\"carousel\"\n data-uiify-carousel=\"\"\n data-axis={base.axis}\n {...(presentation ? { \"data-mode\": presentation.mode } : {})}\n {...(enhanced ? { \"data-enhanced\": \"\" } : {})}\n {...(base.dir ? { dir: base.dir } : {})}\n {...(base.className ? { className: base.className } : {})}\n {...(base.style ? { style: base.style } : {})}\n >\n {presentation && hasControls && presentation.autoplay ? (\n <button\n type=\"button\"\n data-part=\"controls\"\n data-carousel-action=\"rotation\"\n data-uiify-button=\"\"\n data-variant=\"outline\"\n hidden={!enhanced}\n >\n {presentation.autoplay.requested ? labels.stop : labels.start}\n </button>\n ) : null}\n\n <div\n id={`${base.id}--viewport`}\n tabIndex={0}\n role=\"group\"\n aria-label={base[\"aria-label\"]}\n data-part=\"viewport\"\n >\n {items.map((item, index) => {\n const slideId = carouselSlideId(base.id, item.id);\n return (\n <div\n key={item.id}\n id={slideId}\n role=\"group\"\n aria-roledescription=\"slide\"\n aria-label={formatLabel(\n labels.slide,\n {\n label: item.label,\n index: base.locale === undefined ? String(index + 1) : index + 1,\n count: base.locale === undefined ? String(items.length) : items.length,\n },\n base.locale,\n )}\n className={item.className}\n data-part=\"slide\"\n data-carousel-index={index}\n {...(enhanced\n ? { \"data-state\": index === presentedIndex ? \"active\" : \"inactive\" }\n : {})}\n {...(fade && index !== presentedIndex ? { inert: true, \"aria-hidden\": true } : {})}\n >\n <div data-part=\"slide-content\">{item.children}</div>\n </div>\n );\n })}\n </div>\n\n {presentation && hasControls && base.navigation ? (\n <button\n type=\"button\"\n aria-label={labels.previous}\n data-part=\"controls\"\n data-carousel-action=\"previous\"\n data-size=\"icon\"\n data-uiify-button=\"\"\n data-variant=\"outline\"\n hidden={!enhanced}\n disabled={enhanced ? presentation.snapshot.atStart : undefined}\n >\n {base.icons?.previous}\n </button>\n ) : null}\n\n {base.pagination && hasControls ? (\n <nav aria-label={labels.navigation} data-part=\"dots\">\n {dotIndices.map((itemIndex) => {\n const item = items[itemIndex];\n if (!item) return null;\n return (\n <a\n key={item.id}\n href={carouselFragment(carouselSlideId(base.id, item.id))}\n aria-label={formatLabel(labels.goToSlide, { label: item.label }, base.locale)}\n aria-current={showActiveDot && itemIndex === activeIndex ? \"true\" : undefined}\n data-part=\"dot\"\n data-carousel-index={itemIndex}\n >\n {itemIndex + 1}\n </a>\n );\n })}\n </nav>\n ) : null}\n\n {presentation && hasControls && base.navigation ? (\n <button\n type=\"button\"\n aria-label={labels.next}\n data-part=\"controls\"\n data-carousel-action=\"next\"\n data-size=\"icon\"\n data-uiify-button=\"\"\n data-variant=\"outline\"\n hidden={!enhanced}\n disabled={enhanced ? presentation.snapshot.atEnd : undefined}\n >\n {base.icons?.next}\n </button>\n ) : null}\n\n {presentation ? (\n <div\n aria-live={presentation.autoplay?.playing ? \"off\" : \"polite\"}\n aria-atomic=\"true\"\n data-part=\"status\"\n >\n {enhanced && announcedIndex !== undefined\n ? formatLabel(\n labels.slide,\n {\n label: items[announcedIndex]?.label ?? \"\",\n index:\n base.locale === undefined ? String(announcedIndex + 1) : announcedIndex + 1,\n count: base.locale === undefined ? String(items.length) : items.length,\n },\n base.locale,\n )\n : null}\n </div>\n ) : null}\n </section>\n );\n}\nCarouselMarkup.displayName = \"CarouselMarkup\";\n"],"mappings":"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","names":[]}
@@ -2,11 +2,11 @@ const ASCII_WHITESPACE = /[\t\n\f\r ]/u;
2
2
  const defaultLabels = {
3
3
  previous: "Previous slide",
4
4
  next: "Next slide",
5
- goTo: "Go to",
5
+ goToSlide: "Go to {label}",
6
6
  navigation: "Choose slide",
7
7
  start: "Start slide rotation",
8
8
  stop: "Stop slide rotation",
9
- of: "of"
9
+ slide: "{label}, {index} of {count}"
10
10
  };
11
11
  function validateId(id, subject) {
12
12
  if (id.length === 0) {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/carousel/carousel-markup.ts"],"sourcesContent":["import type { CarouselLabels, CarouselProps } from \"./types.js\";\n\nconst ASCII_WHITESPACE = /[\\t\\n\\f\\r ]/u;\n\nexport interface NormalizedCarouselProps extends CarouselProps {\n readonly axis: NonNullable<CarouselProps[\"axis\"]>;\n readonly navigation: boolean;\n readonly pagination: boolean;\n readonly labels: CarouselLabels;\n}\n\nconst defaultLabels: CarouselLabels = {\n previous: \"Previous slide\",\n next: \"Next slide\",\n goTo: \"Go to\",\n navigation: \"Choose slide\",\n start: \"Start slide rotation\",\n stop: \"Stop slide rotation\",\n of: \"of\",\n};\n\nfunction validateId(id: string, subject: string): void {\n if (id.length === 0) {\n throw new TypeError(`${subject} id must not be empty`);\n }\n if (ASCII_WHITESPACE.test(id)) {\n throw new TypeError(`${subject} id must not contain ASCII whitespace`);\n }\n}\n\nexport function normalizeCarouselProps(props: CarouselProps): NormalizedCarouselProps {\n validateId(props.id, \"Carousel\");\n\n const itemIds = new Set<string>();\n for (const item of props.items) {\n validateId(item.id, \"Carousel item\");\n if (itemIds.has(item.id)) {\n throw new TypeError(`Carousel item id must be unique; duplicate id: ${item.id}`);\n }\n itemIds.add(item.id);\n }\n\n return {\n ...props,\n axis: props.axis ?? \"inline\",\n navigation: props.navigation ?? true,\n pagination: props.pagination ?? true,\n labels: { ...defaultLabels, ...props.labels },\n };\n}\n\nexport function carouselSlideId(carouselId: string, itemId: string): string {\n return `${carouselId}--slide-${itemId}`;\n}\n\nexport function carouselFragment(id: string): string {\n return `#${encodeURIComponent(id)}`;\n}\n"],"mappings":"AAEA,MAAM,mBAAmB;AASzB,MAAM,gBAAgC;AAAA,EACpC,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,IAAI;AACN;AAEA,SAAS,WAAW,IAAY,SAAuB;AACrD,MAAI,GAAG,WAAW,GAAG;AACnB,UAAM,IAAI,UAAU,GAAG,OAAO,uBAAuB;AAAA,EACvD;AACA,MAAI,iBAAiB,KAAK,EAAE,GAAG;AAC7B,UAAM,IAAI,UAAU,GAAG,OAAO,uCAAuC;AAAA,EACvE;AACF;AAEO,SAAS,uBAAuB,OAA+C;AACpF,aAAW,MAAM,IAAI,UAAU;AAE/B,QAAM,UAAU,oBAAI,IAAY;AAChC,aAAW,QAAQ,MAAM,OAAO;AAC9B,eAAW,KAAK,IAAI,eAAe;AACnC,QAAI,QAAQ,IAAI,KAAK,EAAE,GAAG;AACxB,YAAM,IAAI,UAAU,kDAAkD,KAAK,EAAE,EAAE;AAAA,IACjF;AACA,YAAQ,IAAI,KAAK,EAAE;AAAA,EACrB;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MAAM,MAAM,QAAQ;AAAA,IACpB,YAAY,MAAM,cAAc;AAAA,IAChC,YAAY,MAAM,cAAc;AAAA,IAChC,QAAQ,EAAE,GAAG,eAAe,GAAG,MAAM,OAAO;AAAA,EAC9C;AACF;AAEO,SAAS,gBAAgB,YAAoB,QAAwB;AAC1E,SAAO,GAAG,UAAU,WAAW,MAAM;AACvC;AAEO,SAAS,iBAAiB,IAAoB;AACnD,SAAO,IAAI,mBAAmB,EAAE,CAAC;AACnC;","names":[]}
1
+ {"version":3,"sources":["../../../src/components/carousel/carousel-markup.ts"],"sourcesContent":["import type { CarouselLabels, CarouselProps } from \"./types.js\";\n\nconst ASCII_WHITESPACE = /[\\t\\n\\f\\r ]/u;\n\nexport interface NormalizedCarouselProps extends CarouselProps {\n readonly axis: NonNullable<CarouselProps[\"axis\"]>;\n readonly navigation: boolean;\n readonly pagination: boolean;\n readonly labels: CarouselLabels;\n}\n\nconst defaultLabels: CarouselLabels = {\n previous: \"Previous slide\",\n next: \"Next slide\",\n goToSlide: \"Go to {label}\",\n navigation: \"Choose slide\",\n start: \"Start slide rotation\",\n stop: \"Stop slide rotation\",\n slide: \"{label}, {index} of {count}\",\n};\n\nfunction validateId(id: string, subject: string): void {\n if (id.length === 0) {\n throw new TypeError(`${subject} id must not be empty`);\n }\n if (ASCII_WHITESPACE.test(id)) {\n throw new TypeError(`${subject} id must not contain ASCII whitespace`);\n }\n}\n\nexport function normalizeCarouselProps(props: CarouselProps): NormalizedCarouselProps {\n validateId(props.id, \"Carousel\");\n\n const itemIds = new Set<string>();\n for (const item of props.items) {\n validateId(item.id, \"Carousel item\");\n if (itemIds.has(item.id)) {\n throw new TypeError(`Carousel item id must be unique; duplicate id: ${item.id}`);\n }\n itemIds.add(item.id);\n }\n\n return {\n ...props,\n axis: props.axis ?? \"inline\",\n navigation: props.navigation ?? true,\n pagination: props.pagination ?? true,\n labels: { ...defaultLabels, ...props.labels },\n };\n}\n\nexport function carouselSlideId(carouselId: string, itemId: string): string {\n return `${carouselId}--slide-${itemId}`;\n}\n\nexport function carouselFragment(id: string): string {\n return `#${encodeURIComponent(id)}`;\n}\n"],"mappings":"AAEA,MAAM,mBAAmB;AASzB,MAAM,gBAAgC;AAAA,EACpC,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AACT;AAEA,SAAS,WAAW,IAAY,SAAuB;AACrD,MAAI,GAAG,WAAW,GAAG;AACnB,UAAM,IAAI,UAAU,GAAG,OAAO,uBAAuB;AAAA,EACvD;AACA,MAAI,iBAAiB,KAAK,EAAE,GAAG;AAC7B,UAAM,IAAI,UAAU,GAAG,OAAO,uCAAuC;AAAA,EACvE;AACF;AAEO,SAAS,uBAAuB,OAA+C;AACpF,aAAW,MAAM,IAAI,UAAU;AAE/B,QAAM,UAAU,oBAAI,IAAY;AAChC,aAAW,QAAQ,MAAM,OAAO;AAC9B,eAAW,KAAK,IAAI,eAAe;AACnC,QAAI,QAAQ,IAAI,KAAK,EAAE,GAAG;AACxB,YAAM,IAAI,UAAU,kDAAkD,KAAK,EAAE,EAAE;AAAA,IACjF;AACA,YAAQ,IAAI,KAAK,EAAE;AAAA,EACrB;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MAAM,MAAM,QAAQ;AAAA,IACpB,YAAY,MAAM,cAAc;AAAA,IAChC,YAAY,MAAM,cAAc;AAAA,IAChC,QAAQ,EAAE,GAAG,eAAe,GAAG,MAAM,OAAO;AAAA,EAC9C;AACF;AAEO,SAAS,gBAAgB,YAAoB,QAAwB;AAC1E,SAAO,GAAG,UAAU,WAAW,MAAM;AACvC;AAEO,SAAS,iBAAiB,IAAoB;AACnD,SAAO,IAAI,mBAAmB,EAAE,CAAC;AACnC;","names":[]}
@@ -10,11 +10,11 @@ export interface CarouselItem {
10
10
  export interface CarouselLabels {
11
11
  readonly previous: string;
12
12
  readonly next: string;
13
- readonly goTo: string;
13
+ readonly goToSlide: string;
14
14
  readonly navigation: string;
15
15
  readonly start: string;
16
16
  readonly stop: string;
17
- readonly of: string;
17
+ readonly slide: string;
18
18
  }
19
19
  /**
20
20
  * Visible content for the client entries' buttons. Empty by default: `labels` already
@@ -36,6 +36,7 @@ export interface CarouselProps {
36
36
  readonly "aria-label": string;
37
37
  readonly axis?: CarouselAxis;
38
38
  readonly dir?: "ltr" | "rtl";
39
+ readonly locale?: string;
39
40
  readonly navigation?: boolean;
40
41
  readonly pagination?: boolean;
41
42
  readonly className?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/types.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,WAAW,EAEX,YAAY,EAEb,MAAM,OAAO,CAAC;AA4Bf,OAAO,KAAK,EAEV,oBAAoB,EAGpB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAUnD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CAoP1E;yBApPe,YAAY;;;AAuP5B,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC7D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAgBrB;yBAlBe,eAAe;;;AAkE/B,wBAAgB,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC1D,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAC5B,YAAY,GAAG,IAAI,CAKrB;yBAPe,YAAY;;;AAU5B,wBAAgB,aAAa,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EAC7D,KAAK,EAAE,kBAAkB,CAAC,GAAG,CAAC,GAC7B,YAAY,GAAG,IAAI,CAwGrB;AAED,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAChE,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAgCrB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CA+CnF;yBA/Ce,eAAe;;;AAkD/B,wBAAgB,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CAmC7E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAY/E;AAED,eAAO,MAAM,QAAQ;;;;;;;;;CASpB,CAAC"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,WAAW,EAEX,YAAY,EAEb,MAAM,OAAO,CAAC;AA6Bf,OAAO,KAAK,EAEV,oBAAoB,EAGpB,iBAAiB,EAEjB,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAUnD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CAkQ1E;yBAlQe,YAAY;;;AAqQ5B,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC7D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAgBrB;yBAlBe,eAAe;;;AAkE/B,wBAAgB,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC1D,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAC5B,YAAY,GAAG,IAAI,CAKrB;yBAPe,YAAY;;;AAU5B,wBAAgB,aAAa,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EAC7D,KAAK,EAAE,kBAAkB,CAAC,GAAG,CAAC,GAC7B,YAAY,GAAG,IAAI,CAyGrB;AAED,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAChE,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAgCrB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CA+CnF;yBA/Ce,eAAe;;;AAkD/B,wBAAgB,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CAmC7E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAY/E;AAED,eAAO,MAAM,QAAQ;;;;;;;;;CASpB,CAAC"}
@@ -16,6 +16,7 @@ import {
16
16
  } from "@gunkin/uiify/core/collection";
17
17
  import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
18
18
  import { DismissableLayer } from "@gunkin/uiify/core/dismissable-layer";
19
+ import { isComposingKeyEvent } from "@gunkin/uiify/core/ime";
19
20
  import { usePopover } from "@gunkin/uiify/core/popover";
20
21
  import { useRenderElement } from "@gunkin/uiify/core/render";
21
22
  import {
@@ -35,37 +36,49 @@ function getEnabledIds(collection) {
35
36
  return collection.filter((entry) => !entry.data.disabled).map((entry) => entry.id);
36
37
  }
37
38
  function ComboboxRoot(props) {
38
- const multiple = props.multiple === true;
39
- let multiDefaultValue = [];
40
- let multiValue;
41
- let multiOnValueChange;
42
- let singleOnValueChange;
43
- let singleValue;
44
- if (props.multiple === true) {
45
- multiDefaultValue = props.defaultValue ?? [];
46
- multiValue = props.value;
47
- multiOnValueChange = props.onValueChange;
48
- } else {
49
- singleOnValueChange = props.onValueChange;
50
- singleValue = props.value ?? props.defaultValue;
51
- }
39
+ const rootProps = props;
52
40
  const {
53
- className,
41
+ addOnPaste: configuredAddOnPaste,
42
+ allowCustomValue: configuredAllowCustomValue,
54
43
  children,
44
+ className,
55
45
  defaultInputValue,
56
46
  defaultOpen,
47
+ defaultValue,
48
+ delimiters: configuredDelimiters,
57
49
  filterFn = defaultComboboxFilter,
50
+ id,
58
51
  inputValue: controlledInputValue,
59
52
  items,
53
+ maxValues: configuredMaxValues,
54
+ multiple: multipleMode,
60
55
  onInputValueChange,
61
56
  onOpenChange,
62
- open: controlledOpen
63
- } = props;
64
- const addOnPaste = multiple ? props.addOnPaste ?? true : false;
65
- const allowCustomValue = multiple ? props.allowCustomValue ?? false : false;
66
- const delimiters = multiple ? props.delimiters ?? DEFAULT_MULTI_DELIMITERS : EMPTY_DELIMITERS;
67
- const maxValues = multiple ? props.maxValues : void 0;
68
- const validateValue = multiple ? props.validateValue : void 0;
57
+ onValueChange,
58
+ open: controlledOpen,
59
+ validateValue: configuredValidateValue,
60
+ value: controlledValue,
61
+ ...consumerProps
62
+ } = rootProps;
63
+ const multiple = multipleMode === true;
64
+ let multiDefaultValue = [];
65
+ let multiValue;
66
+ let multiOnValueChange;
67
+ let singleOnValueChange;
68
+ let singleValue;
69
+ if (multipleMode === true) {
70
+ multiDefaultValue = defaultValue ?? [];
71
+ multiValue = controlledValue;
72
+ multiOnValueChange = onValueChange;
73
+ } else {
74
+ singleOnValueChange = onValueChange;
75
+ singleValue = controlledValue ?? defaultValue;
76
+ }
77
+ const addOnPaste = multiple ? configuredAddOnPaste ?? true : false;
78
+ const allowCustomValue = multiple ? configuredAllowCustomValue ?? false : false;
79
+ const delimiters = multiple ? configuredDelimiters ?? DEFAULT_MULTI_DELIMITERS : EMPTY_DELIMITERS;
80
+ const maxValues = multiple ? configuredMaxValues : void 0;
81
+ const validateValue = multiple ? configuredValidateValue : void 0;
69
82
  const listboxId = useId();
70
83
  const activeStoreRef = useRef(null);
71
84
  activeStoreRef.current ??= createComboboxActiveStore();
@@ -245,7 +258,7 @@ function ComboboxRoot(props) {
245
258
  toggleValue
246
259
  ]
247
260
  );
248
- return /* @__PURE__ */ jsx("div", { className, "data-uiify-combobox": "", children: /* @__PURE__ */ jsx(CollectionProvider, { children: /* @__PURE__ */ jsx(ComboboxProvider, { value: contextValue, children }) }) });
261
+ return /* @__PURE__ */ jsx("div", { ...consumerProps, id, className, "data-uiify-combobox": "", children: /* @__PURE__ */ jsx(CollectionProvider, { children: /* @__PURE__ */ jsx(ComboboxProvider, { value: contextValue, children }) }) });
249
262
  }
250
263
  ComboboxRoot.displayName = "ComboboxRoot";
251
264
  function ComboboxControl(props) {
@@ -347,6 +360,7 @@ function ComboboxInput(props) {
347
360
  activeStore.setActiveId(null);
348
361
  };
349
362
  const handleKeyDown = (event) => {
363
+ if (isComposingKeyEvent(event)) return;
350
364
  const isDelimiterKey = event.key.length === 1 && delimiters.includes(event.key);
351
365
  if (event.key === "ArrowDown") {
352
366
  event.preventDefault();
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef, useState, useSyncExternalStore } from \"react\";\nimport type {\n ClipboardEvent,\n ElementType,\n KeyboardEvent,\n ReactElement,\n SyntheticEvent,\n} from \"react\";\nimport {\n useControllableState,\n useId,\n useIsomorphicLayoutEffect,\n useMergedRefs,\n} from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { useAnchorPosition } from \"@gunkin/uiify/core/anchor-position\";\nimport {\n CollectionProvider,\n useCollection,\n useCollectionItem,\n} from \"@gunkin/uiify/core/collection\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { DismissableLayer } from \"@gunkin/uiify/core/dismissable-layer\";\nimport { usePopover } from \"@gunkin/uiify/core/popover\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport {\n createComboboxActiveStore,\n defaultComboboxFilter,\n moveActiveId,\n} from \"./combobox-store.js\";\nimport {\n canAddComboboxValue,\n normalizeComboboxValue,\n splitComboboxValues,\n} from \"./combobox-values.js\";\nimport type {\n ComboboxActiveStore,\n ComboboxControlProps,\n ComboboxItemData,\n ComboboxContextValue,\n ComboboxRootProps,\n ComboboxTagsProps,\n ComboboxInputProps,\n ComboboxTriggerProps,\n ComboboxContentOwnProps,\n ComboboxItemOwnProps,\n ComboboxEmptyOwnProps,\n} from \"./types.js\";\n\nexport type { ComboboxItemData } from \"./types.js\";\n\nconst [ComboboxProvider, useComboboxContext] = createPartContext<ComboboxContextValue>(\"Combobox\");\nconst DEFAULT_MULTI_DELIMITERS = [\",\"] as const;\nconst EMPTY_DELIMITERS: readonly string[] = [];\n\nfunction getEnabledIds(collection: ReturnType<typeof useCollection<ComboboxItemData>>): string[] {\n return collection.filter((entry) => !entry.data.disabled).map((entry) => entry.id);\n}\n\nexport function ComboboxRoot(props: ComboboxRootProps): ReactElement | null {\n const multiple = props.multiple === true;\n let multiDefaultValue: readonly string[] = [];\n let multiValue: readonly string[] | undefined;\n let multiOnValueChange: ((value: string[]) => void) | undefined;\n let singleOnValueChange: ((value: string) => void) | undefined;\n let singleValue: string | undefined;\n\n if (props.multiple === true) {\n multiDefaultValue = props.defaultValue ?? [];\n multiValue = props.value;\n multiOnValueChange = props.onValueChange;\n } else {\n singleOnValueChange = props.onValueChange;\n singleValue = props.value ?? props.defaultValue;\n }\n\n const {\n className,\n children,\n defaultInputValue,\n defaultOpen,\n filterFn = defaultComboboxFilter,\n inputValue: controlledInputValue,\n items,\n onInputValueChange,\n onOpenChange,\n open: controlledOpen,\n } = props;\n const addOnPaste = multiple ? (props.addOnPaste ?? true) : false;\n const allowCustomValue = multiple ? (props.allowCustomValue ?? false) : false;\n const delimiters = multiple ? (props.delimiters ?? DEFAULT_MULTI_DELIMITERS) : EMPTY_DELIMITERS;\n const maxValues = multiple ? props.maxValues : undefined;\n const validateValue = multiple ? props.validateValue : undefined;\n\n const listboxId = useId();\n const activeStoreRef = useRef<ComboboxActiveStore | null>(null);\n activeStoreRef.current ??= createComboboxActiveStore();\n const activeStore = activeStoreRef.current;\n const inputRef = useRef<HTMLElement | null>(null);\n const [inputNode, setInputNode] = useState<HTMLElement | null>(null);\n const [internalInputValue, setInternalInputValue] = useState(defaultInputValue ?? \"\");\n const inputValue = controlledInputValue ?? internalInputValue;\n const [selectedValues, setSelectedValues] = useControllableState<readonly string[]>({\n defaultValue: [...multiDefaultValue],\n ...(multiValue !== undefined ? { value: multiValue } : {}),\n ...(multiOnValueChange\n ? { onChange: (next: readonly string[]) => multiOnValueChange([...next]) }\n : {}),\n });\n\n const popover = usePopover({\n mode: \"auto\",\n ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n ...(controlledOpen !== undefined ? { open: controlledOpen } : {}),\n ...(onOpenChange ? { onOpenChange } : {}),\n });\n const anchor = useAnchorPosition();\n\n const setInputElement = useCallback((element: HTMLElement | null) => {\n inputRef.current = element;\n setInputNode(element);\n }, []);\n\n const setInputValue = useCallback(\n (next: string) => {\n if (controlledInputValue === undefined) setInternalInputValue(next);\n onInputValueChange?.(next);\n },\n [controlledInputValue, onInputValueChange],\n );\n\n const isValueSelected = useCallback(\n (value: string) => multiple && selectedValues.includes(value),\n [multiple, selectedValues],\n );\n\n const getValueLabel = useCallback(\n (value: string) => items.find((item) => item.value === value)?.label ?? value,\n [items],\n );\n\n const removeValue = useCallback(\n (value: string) => {\n if (!multiple) return;\n setSelectedValues((current) => {\n if (!current.includes(value)) return current;\n return current.filter((selectedValue) => selectedValue !== value);\n });\n },\n [multiple, setSelectedValues],\n );\n\n const addValue = useCallback(\n (value: string): boolean => {\n let added = false;\n setSelectedValues((current) => {\n if (\n !canAddComboboxValue(value, current, {\n ...(maxValues !== undefined ? { maxValues } : {}),\n ...(validateValue ? { validateValue } : {}),\n })\n )\n return current;\n added = true;\n return [...current, value];\n });\n if (added) {\n setInputValue(\"\");\n activeStore.setActiveId(null);\n }\n return added;\n },\n [activeStore, maxValues, setInputValue, setSelectedValues, validateValue],\n );\n\n const toggleValue = useCallback(\n (item: ComboboxItemData) => {\n if (!multiple || item.disabled) return;\n let added = false;\n setSelectedValues((current) => {\n if (current.includes(item.value)) {\n return current.filter((value) => value !== item.value);\n }\n if (\n !canAddComboboxValue(item.value, current, {\n ...(maxValues !== undefined ? { maxValues } : {}),\n ...(validateValue ? { validateValue } : {}),\n })\n )\n return current;\n added = true;\n return [...current, item.value];\n });\n if (added) setInputValue(\"\");\n },\n [maxValues, multiple, setInputValue, setSelectedValues, validateValue],\n );\n\n const commitValue = useCallback(\n (value: string): boolean => {\n if (!multiple) return false;\n const normalizedValue = normalizeComboboxValue(value);\n const item = items.find(\n (candidate) => candidate.value === normalizedValue || candidate.label === normalizedValue,\n );\n if (item?.disabled || (!item && !allowCustomValue)) return false;\n return addValue(item?.value ?? normalizedValue);\n },\n [addValue, allowCustomValue, items, multiple],\n );\n\n const selectItem = useCallback(\n (item: ComboboxItemData) => {\n if (multiple) {\n toggleValue(item);\n return;\n }\n singleOnValueChange?.(item.value);\n setInputValue(item.label);\n activeStore.setActiveId(null);\n popover.close();\n },\n [activeStore, multiple, popover, setInputValue, singleOnValueChange, toggleValue],\n );\n\n useIsomorphicLayoutEffect(() => {\n if (!popover.open) activeStore.setActiveId(null);\n }, [activeStore, popover.open]);\n\n const contextValue = useMemo<ComboboxContextValue>(\n () => ({\n activeStore,\n addOnPaste,\n anchorProps: anchor.anchorProps,\n anchorRef: anchor.anchorRef,\n close: popover.close,\n filterFn,\n inputNode,\n inputValue,\n items,\n listboxId,\n delimiters,\n multiple,\n selectedValues,\n getValueLabel,\n isValueSelected,\n toggleValue,\n removeValue,\n commitValue,\n open: popover.openPopover,\n openState: popover.open,\n popupProps: popover.popupProps,\n popupRef: popover.popupRef,\n positionerProps: anchor.positionerProps,\n positionerRef: anchor.positionerRef,\n selectItem,\n setInputElement,\n setInputValue,\n ...(multiple\n ? { value: selectedValues }\n : singleValue !== undefined\n ? { value: singleValue }\n : {}),\n }),\n [\n activeStore,\n addOnPaste,\n anchor.anchorProps,\n anchor.anchorRef,\n anchor.positionerProps,\n anchor.positionerRef,\n commitValue,\n delimiters,\n filterFn,\n getValueLabel,\n inputNode,\n inputValue,\n items,\n isValueSelected,\n listboxId,\n multiple,\n popover.close,\n popover.open,\n popover.openPopover,\n popover.popupProps,\n popover.popupRef,\n selectItem,\n selectedValues,\n setInputElement,\n setInputValue,\n removeValue,\n singleValue,\n toggleValue,\n ],\n );\n\n return (\n <div className={className} data-uiify-combobox=\"\">\n <CollectionProvider>\n <ComboboxProvider value={contextValue}>{children}</ComboboxProvider>\n </CollectionProvider>\n </div>\n );\n}\nComboboxRoot.displayName = \"ComboboxRoot\";\n\nexport function ComboboxControl<TAs extends ElementType = \"div\">(\n props: ComboboxControlProps<TAs>,\n): ReactElement | null {\n const { as, render, children, className, ...consumerProps } =\n props as ComboboxControlProps<ElementType>;\n\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n \"data-part\": \"control\",\n ...(className ? { className } : {}),\n children,\n },\n render,\n state: {},\n });\n}\nComboboxControl.displayName = \"ComboboxControl\";\n\nfunction ComboboxTagsMultiple<TAs extends ElementType = \"div\">(\n props: ComboboxTagsProps<TAs>,\n): ReactElement | null {\n const { as, render, children, className, ...consumerProps } =\n props as ComboboxTagsProps<ElementType>;\n const { getValueLabel, removeValue, selectedValues } = useComboboxContext(\"Tags\");\n\n const tags = selectedValues.map((value) => {\n const label = getValueLabel(value);\n return (\n <span data-part=\"tag\" key={value}>\n {label}\n <button\n aria-label={`Remove ${label}`}\n data-part=\"tag-remove\"\n type=\"button\"\n onMouseDown={(event) => event.preventDefault()}\n onClick={() => removeValue(value)}\n >\n ×\n </button>\n </span>\n );\n });\n\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n \"data-part\": \"tags\",\n ...(className ? { className } : {}),\n children: (\n <>\n {tags}\n {children}\n </>\n ),\n },\n render,\n state: {},\n });\n}\nComboboxTagsMultiple.displayName = \"ComboboxTagsMultiple\";\n\nexport function ComboboxTags<TAs extends ElementType = \"div\">(\n props: ComboboxTagsProps<TAs>,\n): ReactElement | null {\n const { multiple } = useComboboxContext(\"Tags\");\n if (!multiple) return null;\n\n return <ComboboxTagsMultiple {...props} />;\n}\nComboboxTags.displayName = \"ComboboxTags\";\n\nexport function ComboboxInput<TAs extends ElementType = \"input\">(\n props: ComboboxInputProps<TAs>,\n): ReactElement | null {\n const { as, render, className, ...consumerProps } = props as ComboboxInputProps<\"input\">;\n const {\n activeStore,\n addOnPaste,\n anchorProps,\n anchorRef,\n close,\n inputValue,\n listboxId,\n commitValue,\n delimiters,\n multiple,\n open,\n openState,\n removeValue,\n selectedValues,\n selectItem,\n setInputElement,\n setInputValue,\n } = useComboboxContext(\"Input\");\n const collection = useCollection<ComboboxItemData>();\n const activeId = useSyncExternalStore(activeStore.subscribe, activeStore.getActiveId, () => null);\n const [consumerRef, withoutRef] = splitRef<HTMLInputElement, typeof consumerProps>(consumerProps);\n const mergedRef = useMergedRefs(anchorRef, setInputElement, consumerRef);\n const {\n onChange: consumerOnChange,\n onKeyDown: consumerOnKeyDown,\n onPaste: consumerOnPaste,\n } = withoutRef as {\n onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n onPaste?: (event: ClipboardEvent<HTMLInputElement>) => void;\n };\n\n const navigate = (direction: \"first\" | \"last\" | \"next\" | \"prev\") => {\n const nextId = moveActiveId(getEnabledIds(collection), activeId, direction);\n activeStore.setActiveId(nextId);\n };\n\n const handleChange = (event: SyntheticEvent<HTMLInputElement>) => {\n setInputValue(event.currentTarget.value);\n if (!openState) open();\n activeStore.setActiveId(null);\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n const isDelimiterKey = event.key.length === 1 && delimiters.includes(event.key);\n if (event.key === \"ArrowDown\") {\n event.preventDefault();\n if (!openState) open();\n navigate(activeId ? \"next\" : \"first\");\n } else if (event.key === \"ArrowUp\") {\n event.preventDefault();\n if (!openState) open();\n navigate(activeId ? \"prev\" : \"last\");\n } else if (event.key === \"Enter\" && openState && activeId) {\n event.preventDefault();\n const match = collection.find((entry) => entry.id === activeId);\n if (match) selectItem(match.data);\n } else if (multiple && (event.key === \"Enter\" || isDelimiterKey)) {\n event.preventDefault();\n commitValue(inputValue);\n } else if (multiple && event.key === \"Backspace\" && !inputValue && selectedValues.length > 0) {\n event.preventDefault();\n const lastValue = selectedValues.at(-1);\n if (lastValue !== undefined) removeValue(lastValue);\n } else if (event.key === \"Escape\" && openState) {\n event.preventDefault();\n close();\n }\n };\n\n const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n if (!multiple || !addOnPaste) return;\n const text = event.clipboardData.getData(\"text\");\n const separators = [...delimiters, \"\\n\", \"\\r\", \"\\t\"];\n if (!separators.some((delimiter) => delimiter.length > 0 && text.includes(delimiter))) return;\n event.preventDefault();\n for (const value of splitComboboxValues(text, delimiters)) commitValue(value);\n };\n\n return useRenderElement({\n as,\n defaultTag: \"input\",\n props: {\n ...withoutRef,\n ...anchorProps,\n ref: mergedRef,\n role: \"combobox\",\n \"aria-autocomplete\": \"list\",\n \"aria-controls\": listboxId,\n \"aria-expanded\": openState,\n ...(activeId ? { \"aria-activedescendant\": activeId } : {}),\n \"data-part\": \"input\",\n ...(className ? { className } : {}),\n value: inputValue,\n onChange: composeEventHandlers(consumerOnChange, handleChange),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n onPaste: composeEventHandlers(consumerOnPaste, handlePaste),\n },\n render,\n state: { open: openState },\n });\n}\n\nexport function ComboboxTrigger<TAs extends ElementType = \"button\">(\n props: ComboboxTriggerProps<TAs>,\n): ReactElement | null {\n const { as, render, children, className, ...consumerProps } =\n props as ComboboxTriggerProps<\"button\">;\n const { close, inputNode, listboxId, open, openState } = useComboboxContext(\"Trigger\");\n const nativeButton = !as || as === \"button\";\n const { onClick: consumerOnClick } = consumerProps as {\n onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n };\n\n const handleClick = () => {\n if (openState) close();\n else open();\n inputNode?.focus({ preventScroll: true });\n };\n\n return useRenderElement({\n as,\n defaultTag: \"button\",\n props: {\n ...consumerProps,\n \"aria-expanded\": openState,\n \"aria-controls\": listboxId,\n \"aria-haspopup\": \"listbox\",\n ...(nativeButton ? { type: \"button\" } : {}),\n ...(className ? { className } : {}),\n \"data-part\": \"trigger\",\n children,\n onClick: composeEventHandlers(consumerOnClick, handleClick),\n },\n render,\n state: { open: openState },\n });\n}\n\nexport function ComboboxContent(props: ComboboxContentOwnProps): ReactElement | null {\n const { align = \"start\", children, className, side = \"bottom\" } = props;\n const {\n close,\n filterFn,\n inputNode,\n inputValue,\n items,\n listboxId,\n multiple,\n openState,\n popupProps,\n popupRef,\n positionerProps,\n positionerRef,\n } = useComboboxContext(\"Content\");\n\n const filteredItems = useMemo(() => filterFn(items, inputValue), [filterFn, inputValue, items]);\n\n const branches = useMemo(() => {\n const set = new Set<Element>();\n if (inputNode) set.add(inputNode);\n return set;\n }, [inputNode]);\n const mergedRef = useMergedRefs(popupRef, positionerRef);\n\n return (\n <DismissableLayer\n branches={branches}\n onDismiss={() => close()}\n {...popupProps}\n {...positionerProps}\n ref={mergedRef}\n id={listboxId}\n // Combobox pattern requires an ARIA listbox; native <select> cannot replace it.\n // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role -- ARIA combobox popup\n role=\"listbox\"\n aria-multiselectable={multiple ? true : undefined}\n data-align={align}\n data-part=\"content\"\n data-side={side}\n data-state={openState ? \"open\" : \"closed\"}\n {...(className ? { className } : {})}\n >\n {children(filteredItems)}\n </DismissableLayer>\n );\n}\nComboboxContent.displayName = \"ComboboxContent\";\n\nexport function ComboboxItem(props: ComboboxItemOwnProps): ReactElement | null {\n const { className, item } = props;\n const { activeStore, isValueSelected, multiple, selectItem } = useComboboxContext(\"Item\");\n const id = useId();\n const ref = useCollectionItem({ data: item, id });\n const active = useSyncExternalStore(\n (onStoreChange) => activeStore.subscribeItem(id, onStoreChange),\n () => activeStore.isActive(id),\n () => false,\n );\n const selected = multiple ? isValueSelected(item.value) : active;\n\n return useRenderElement({\n defaultTag: \"div\",\n props: {\n ref,\n id,\n role: \"option\",\n \"aria-disabled\": item.disabled ? true : undefined,\n \"aria-selected\": selected,\n \"data-disabled\": item.disabled ? \"\" : undefined,\n \"data-highlighted\": active ? \"\" : undefined,\n \"data-selected\": multiple && selected ? \"\" : undefined,\n \"data-part\": \"item\",\n ...(className ? { className } : {}),\n children: item.label,\n onMouseDown(event: SyntheticEvent<HTMLElement>) {\n event.preventDefault();\n },\n onClick: () => {\n if (!item.disabled) selectItem(item);\n },\n },\n state: { active, disabled: Boolean(item.disabled), selected },\n });\n}\n\nexport function ComboboxEmpty(props: ComboboxEmptyOwnProps): ReactElement | null {\n const { children, className } = props;\n return useRenderElement({\n defaultTag: \"div\",\n props: {\n role: \"presentation\",\n \"data-part\": \"empty\",\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport const Combobox = {\n Control: ComboboxControl,\n Content: ComboboxContent,\n Empty: ComboboxEmpty,\n Input: ComboboxInput,\n Item: ComboboxItem,\n Root: ComboboxRoot,\n Tags: ComboboxTags,\n Trigger: ComboboxTrigger,\n};\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef, useState, useSyncExternalStore } from \"react\";\nimport type {\n ClipboardEvent,\n ElementType,\n KeyboardEvent,\n ReactElement,\n SyntheticEvent,\n} from \"react\";\nimport {\n useControllableState,\n useId,\n useIsomorphicLayoutEffect,\n useMergedRefs,\n} from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { useAnchorPosition } from \"@gunkin/uiify/core/anchor-position\";\nimport {\n CollectionProvider,\n useCollection,\n useCollectionItem,\n} from \"@gunkin/uiify/core/collection\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { DismissableLayer } from \"@gunkin/uiify/core/dismissable-layer\";\nimport { isComposingKeyEvent } from \"@gunkin/uiify/core/ime\";\nimport { usePopover } from \"@gunkin/uiify/core/popover\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport {\n createComboboxActiveStore,\n defaultComboboxFilter,\n moveActiveId,\n} from \"./combobox-store.js\";\nimport {\n canAddComboboxValue,\n normalizeComboboxValue,\n splitComboboxValues,\n} from \"./combobox-values.js\";\nimport type {\n ComboboxActiveStore,\n ComboboxControlProps,\n ComboboxItemData,\n ComboboxContextValue,\n ComboboxRootProps,\n ComboboxMultiValueOptions,\n ComboboxTagsProps,\n ComboboxInputProps,\n ComboboxTriggerProps,\n ComboboxContentOwnProps,\n ComboboxItemOwnProps,\n ComboboxEmptyOwnProps,\n} from \"./types.js\";\n\nexport type { ComboboxItemData } from \"./types.js\";\n\nconst [ComboboxProvider, useComboboxContext] = createPartContext<ComboboxContextValue>(\"Combobox\");\nconst DEFAULT_MULTI_DELIMITERS = [\",\"] as const;\nconst EMPTY_DELIMITERS: readonly string[] = [];\n\nfunction getEnabledIds(collection: ReturnType<typeof useCollection<ComboboxItemData>>): string[] {\n return collection.filter((entry) => !entry.data.disabled).map((entry) => entry.id);\n}\n\nexport function ComboboxRoot(props: ComboboxRootProps): ReactElement | null {\n const rootProps = props as ComboboxRootProps & ComboboxMultiValueOptions;\n const {\n addOnPaste: configuredAddOnPaste,\n allowCustomValue: configuredAllowCustomValue,\n children,\n className,\n defaultInputValue,\n defaultOpen,\n defaultValue,\n delimiters: configuredDelimiters,\n filterFn = defaultComboboxFilter,\n id,\n inputValue: controlledInputValue,\n items,\n maxValues: configuredMaxValues,\n multiple: multipleMode,\n onInputValueChange,\n onOpenChange,\n onValueChange,\n open: controlledOpen,\n validateValue: configuredValidateValue,\n value: controlledValue,\n ...consumerProps\n } = rootProps;\n const multiple = multipleMode === true;\n let multiDefaultValue: readonly string[] = [];\n let multiValue: readonly string[] | undefined;\n let multiOnValueChange: ((value: string[]) => void) | undefined;\n let singleOnValueChange: ((value: string) => void) | undefined;\n let singleValue: string | undefined;\n\n if (multipleMode === true) {\n multiDefaultValue = (defaultValue as readonly string[] | undefined) ?? [];\n multiValue = controlledValue as readonly string[] | undefined;\n multiOnValueChange = onValueChange as ((value: string[]) => void) | undefined;\n } else {\n singleOnValueChange = onValueChange as ((value: string) => void) | undefined;\n singleValue = (controlledValue as string | undefined) ?? (defaultValue as string | undefined);\n }\n\n const addOnPaste = multiple ? (configuredAddOnPaste ?? true) : false;\n const allowCustomValue = multiple ? (configuredAllowCustomValue ?? false) : false;\n const delimiters = multiple\n ? (configuredDelimiters ?? DEFAULT_MULTI_DELIMITERS)\n : EMPTY_DELIMITERS;\n const maxValues = multiple ? configuredMaxValues : undefined;\n const validateValue = multiple ? configuredValidateValue : undefined;\n\n const listboxId = useId();\n const activeStoreRef = useRef<ComboboxActiveStore | null>(null);\n activeStoreRef.current ??= createComboboxActiveStore();\n const activeStore = activeStoreRef.current;\n const inputRef = useRef<HTMLElement | null>(null);\n const [inputNode, setInputNode] = useState<HTMLElement | null>(null);\n const [internalInputValue, setInternalInputValue] = useState(defaultInputValue ?? \"\");\n const inputValue = controlledInputValue ?? internalInputValue;\n const [selectedValues, setSelectedValues] = useControllableState<readonly string[]>({\n defaultValue: [...multiDefaultValue],\n ...(multiValue !== undefined ? { value: multiValue } : {}),\n ...(multiOnValueChange\n ? { onChange: (next: readonly string[]) => multiOnValueChange([...next]) }\n : {}),\n });\n\n const popover = usePopover({\n mode: \"auto\",\n ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n ...(controlledOpen !== undefined ? { open: controlledOpen } : {}),\n ...(onOpenChange ? { onOpenChange } : {}),\n });\n const anchor = useAnchorPosition();\n\n const setInputElement = useCallback((element: HTMLElement | null) => {\n inputRef.current = element;\n setInputNode(element);\n }, []);\n\n const setInputValue = useCallback(\n (next: string) => {\n if (controlledInputValue === undefined) setInternalInputValue(next);\n onInputValueChange?.(next);\n },\n [controlledInputValue, onInputValueChange],\n );\n\n const isValueSelected = useCallback(\n (value: string) => multiple && selectedValues.includes(value),\n [multiple, selectedValues],\n );\n\n const getValueLabel = useCallback(\n (value: string) => items.find((item) => item.value === value)?.label ?? value,\n [items],\n );\n\n const removeValue = useCallback(\n (value: string) => {\n if (!multiple) return;\n setSelectedValues((current) => {\n if (!current.includes(value)) return current;\n return current.filter((selectedValue) => selectedValue !== value);\n });\n },\n [multiple, setSelectedValues],\n );\n\n const addValue = useCallback(\n (value: string): boolean => {\n let added = false;\n setSelectedValues((current) => {\n if (\n !canAddComboboxValue(value, current, {\n ...(maxValues !== undefined ? { maxValues } : {}),\n ...(validateValue ? { validateValue } : {}),\n })\n )\n return current;\n added = true;\n return [...current, value];\n });\n if (added) {\n setInputValue(\"\");\n activeStore.setActiveId(null);\n }\n return added;\n },\n [activeStore, maxValues, setInputValue, setSelectedValues, validateValue],\n );\n\n const toggleValue = useCallback(\n (item: ComboboxItemData) => {\n if (!multiple || item.disabled) return;\n let added = false;\n setSelectedValues((current) => {\n if (current.includes(item.value)) {\n return current.filter((value) => value !== item.value);\n }\n if (\n !canAddComboboxValue(item.value, current, {\n ...(maxValues !== undefined ? { maxValues } : {}),\n ...(validateValue ? { validateValue } : {}),\n })\n )\n return current;\n added = true;\n return [...current, item.value];\n });\n if (added) setInputValue(\"\");\n },\n [maxValues, multiple, setInputValue, setSelectedValues, validateValue],\n );\n\n const commitValue = useCallback(\n (value: string): boolean => {\n if (!multiple) return false;\n const normalizedValue = normalizeComboboxValue(value);\n const item = items.find(\n (candidate) => candidate.value === normalizedValue || candidate.label === normalizedValue,\n );\n if (item?.disabled || (!item && !allowCustomValue)) return false;\n return addValue(item?.value ?? normalizedValue);\n },\n [addValue, allowCustomValue, items, multiple],\n );\n\n const selectItem = useCallback(\n (item: ComboboxItemData) => {\n if (multiple) {\n toggleValue(item);\n return;\n }\n singleOnValueChange?.(item.value);\n setInputValue(item.label);\n activeStore.setActiveId(null);\n popover.close();\n },\n [activeStore, multiple, popover, setInputValue, singleOnValueChange, toggleValue],\n );\n\n useIsomorphicLayoutEffect(() => {\n if (!popover.open) activeStore.setActiveId(null);\n }, [activeStore, popover.open]);\n\n const contextValue = useMemo<ComboboxContextValue>(\n () => ({\n activeStore,\n addOnPaste,\n anchorProps: anchor.anchorProps,\n anchorRef: anchor.anchorRef,\n close: popover.close,\n filterFn,\n inputNode,\n inputValue,\n items,\n listboxId,\n delimiters,\n multiple,\n selectedValues,\n getValueLabel,\n isValueSelected,\n toggleValue,\n removeValue,\n commitValue,\n open: popover.openPopover,\n openState: popover.open,\n popupProps: popover.popupProps,\n popupRef: popover.popupRef,\n positionerProps: anchor.positionerProps,\n positionerRef: anchor.positionerRef,\n selectItem,\n setInputElement,\n setInputValue,\n ...(multiple\n ? { value: selectedValues }\n : singleValue !== undefined\n ? { value: singleValue }\n : {}),\n }),\n [\n activeStore,\n addOnPaste,\n anchor.anchorProps,\n anchor.anchorRef,\n anchor.positionerProps,\n anchor.positionerRef,\n commitValue,\n delimiters,\n filterFn,\n getValueLabel,\n inputNode,\n inputValue,\n items,\n isValueSelected,\n listboxId,\n multiple,\n popover.close,\n popover.open,\n popover.openPopover,\n popover.popupProps,\n popover.popupRef,\n selectItem,\n selectedValues,\n setInputElement,\n setInputValue,\n removeValue,\n singleValue,\n toggleValue,\n ],\n );\n\n return (\n <div {...consumerProps} id={id} className={className} data-uiify-combobox=\"\">\n <CollectionProvider>\n <ComboboxProvider value={contextValue}>{children}</ComboboxProvider>\n </CollectionProvider>\n </div>\n );\n}\nComboboxRoot.displayName = \"ComboboxRoot\";\n\nexport function ComboboxControl<TAs extends ElementType = \"div\">(\n props: ComboboxControlProps<TAs>,\n): ReactElement | null {\n const { as, render, children, className, ...consumerProps } =\n props as ComboboxControlProps<ElementType>;\n\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n \"data-part\": \"control\",\n ...(className ? { className } : {}),\n children,\n },\n render,\n state: {},\n });\n}\nComboboxControl.displayName = \"ComboboxControl\";\n\nfunction ComboboxTagsMultiple<TAs extends ElementType = \"div\">(\n props: ComboboxTagsProps<TAs>,\n): ReactElement | null {\n const { as, render, children, className, ...consumerProps } =\n props as ComboboxTagsProps<ElementType>;\n const { getValueLabel, removeValue, selectedValues } = useComboboxContext(\"Tags\");\n\n const tags = selectedValues.map((value) => {\n const label = getValueLabel(value);\n return (\n <span data-part=\"tag\" key={value}>\n {label}\n <button\n aria-label={`Remove ${label}`}\n data-part=\"tag-remove\"\n type=\"button\"\n onMouseDown={(event) => event.preventDefault()}\n onClick={() => removeValue(value)}\n >\n ×\n </button>\n </span>\n );\n });\n\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n \"data-part\": \"tags\",\n ...(className ? { className } : {}),\n children: (\n <>\n {tags}\n {children}\n </>\n ),\n },\n render,\n state: {},\n });\n}\nComboboxTagsMultiple.displayName = \"ComboboxTagsMultiple\";\n\nexport function ComboboxTags<TAs extends ElementType = \"div\">(\n props: ComboboxTagsProps<TAs>,\n): ReactElement | null {\n const { multiple } = useComboboxContext(\"Tags\");\n if (!multiple) return null;\n\n return <ComboboxTagsMultiple {...props} />;\n}\nComboboxTags.displayName = \"ComboboxTags\";\n\nexport function ComboboxInput<TAs extends ElementType = \"input\">(\n props: ComboboxInputProps<TAs>,\n): ReactElement | null {\n const { as, render, className, ...consumerProps } = props as ComboboxInputProps<\"input\">;\n const {\n activeStore,\n addOnPaste,\n anchorProps,\n anchorRef,\n close,\n inputValue,\n listboxId,\n commitValue,\n delimiters,\n multiple,\n open,\n openState,\n removeValue,\n selectedValues,\n selectItem,\n setInputElement,\n setInputValue,\n } = useComboboxContext(\"Input\");\n const collection = useCollection<ComboboxItemData>();\n const activeId = useSyncExternalStore(activeStore.subscribe, activeStore.getActiveId, () => null);\n const [consumerRef, withoutRef] = splitRef<HTMLInputElement, typeof consumerProps>(consumerProps);\n const mergedRef = useMergedRefs(anchorRef, setInputElement, consumerRef);\n const {\n onChange: consumerOnChange,\n onKeyDown: consumerOnKeyDown,\n onPaste: consumerOnPaste,\n } = withoutRef as {\n onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n onPaste?: (event: ClipboardEvent<HTMLInputElement>) => void;\n };\n\n const navigate = (direction: \"first\" | \"last\" | \"next\" | \"prev\") => {\n const nextId = moveActiveId(getEnabledIds(collection), activeId, direction);\n activeStore.setActiveId(nextId);\n };\n\n const handleChange = (event: SyntheticEvent<HTMLInputElement>) => {\n setInputValue(event.currentTarget.value);\n if (!openState) open();\n activeStore.setActiveId(null);\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (isComposingKeyEvent(event)) return;\n const isDelimiterKey = event.key.length === 1 && delimiters.includes(event.key);\n if (event.key === \"ArrowDown\") {\n event.preventDefault();\n if (!openState) open();\n navigate(activeId ? \"next\" : \"first\");\n } else if (event.key === \"ArrowUp\") {\n event.preventDefault();\n if (!openState) open();\n navigate(activeId ? \"prev\" : \"last\");\n } else if (event.key === \"Enter\" && openState && activeId) {\n event.preventDefault();\n const match = collection.find((entry) => entry.id === activeId);\n if (match) selectItem(match.data);\n } else if (multiple && (event.key === \"Enter\" || isDelimiterKey)) {\n event.preventDefault();\n commitValue(inputValue);\n } else if (multiple && event.key === \"Backspace\" && !inputValue && selectedValues.length > 0) {\n event.preventDefault();\n const lastValue = selectedValues.at(-1);\n if (lastValue !== undefined) removeValue(lastValue);\n } else if (event.key === \"Escape\" && openState) {\n event.preventDefault();\n close();\n }\n };\n\n const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n if (!multiple || !addOnPaste) return;\n const text = event.clipboardData.getData(\"text\");\n const separators = [...delimiters, \"\\n\", \"\\r\", \"\\t\"];\n if (!separators.some((delimiter) => delimiter.length > 0 && text.includes(delimiter))) return;\n event.preventDefault();\n for (const value of splitComboboxValues(text, delimiters)) commitValue(value);\n };\n\n return useRenderElement({\n as,\n defaultTag: \"input\",\n props: {\n ...withoutRef,\n ...anchorProps,\n ref: mergedRef,\n role: \"combobox\",\n \"aria-autocomplete\": \"list\",\n \"aria-controls\": listboxId,\n \"aria-expanded\": openState,\n ...(activeId ? { \"aria-activedescendant\": activeId } : {}),\n \"data-part\": \"input\",\n ...(className ? { className } : {}),\n value: inputValue,\n onChange: composeEventHandlers(consumerOnChange, handleChange),\n onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n onPaste: composeEventHandlers(consumerOnPaste, handlePaste),\n },\n render,\n state: { open: openState },\n });\n}\n\nexport function ComboboxTrigger<TAs extends ElementType = \"button\">(\n props: ComboboxTriggerProps<TAs>,\n): ReactElement | null {\n const { as, render, children, className, ...consumerProps } =\n props as ComboboxTriggerProps<\"button\">;\n const { close, inputNode, listboxId, open, openState } = useComboboxContext(\"Trigger\");\n const nativeButton = !as || as === \"button\";\n const { onClick: consumerOnClick } = consumerProps as {\n onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n };\n\n const handleClick = () => {\n if (openState) close();\n else open();\n inputNode?.focus({ preventScroll: true });\n };\n\n return useRenderElement({\n as,\n defaultTag: \"button\",\n props: {\n ...consumerProps,\n \"aria-expanded\": openState,\n \"aria-controls\": listboxId,\n \"aria-haspopup\": \"listbox\",\n ...(nativeButton ? { type: \"button\" } : {}),\n ...(className ? { className } : {}),\n \"data-part\": \"trigger\",\n children,\n onClick: composeEventHandlers(consumerOnClick, handleClick),\n },\n render,\n state: { open: openState },\n });\n}\n\nexport function ComboboxContent(props: ComboboxContentOwnProps): ReactElement | null {\n const { align = \"start\", children, className, side = \"bottom\" } = props;\n const {\n close,\n filterFn,\n inputNode,\n inputValue,\n items,\n listboxId,\n multiple,\n openState,\n popupProps,\n popupRef,\n positionerProps,\n positionerRef,\n } = useComboboxContext(\"Content\");\n\n const filteredItems = useMemo(() => filterFn(items, inputValue), [filterFn, inputValue, items]);\n\n const branches = useMemo(() => {\n const set = new Set<Element>();\n if (inputNode) set.add(inputNode);\n return set;\n }, [inputNode]);\n const mergedRef = useMergedRefs(popupRef, positionerRef);\n\n return (\n <DismissableLayer\n branches={branches}\n onDismiss={() => close()}\n {...popupProps}\n {...positionerProps}\n ref={mergedRef}\n id={listboxId}\n // Combobox pattern requires an ARIA listbox; native <select> cannot replace it.\n // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role -- ARIA combobox popup\n role=\"listbox\"\n aria-multiselectable={multiple ? true : undefined}\n data-align={align}\n data-part=\"content\"\n data-side={side}\n data-state={openState ? \"open\" : \"closed\"}\n {...(className ? { className } : {})}\n >\n {children(filteredItems)}\n </DismissableLayer>\n );\n}\nComboboxContent.displayName = \"ComboboxContent\";\n\nexport function ComboboxItem(props: ComboboxItemOwnProps): ReactElement | null {\n const { className, item } = props;\n const { activeStore, isValueSelected, multiple, selectItem } = useComboboxContext(\"Item\");\n const id = useId();\n const ref = useCollectionItem({ data: item, id });\n const active = useSyncExternalStore(\n (onStoreChange) => activeStore.subscribeItem(id, onStoreChange),\n () => activeStore.isActive(id),\n () => false,\n );\n const selected = multiple ? isValueSelected(item.value) : active;\n\n return useRenderElement({\n defaultTag: \"div\",\n props: {\n ref,\n id,\n role: \"option\",\n \"aria-disabled\": item.disabled ? true : undefined,\n \"aria-selected\": selected,\n \"data-disabled\": item.disabled ? \"\" : undefined,\n \"data-highlighted\": active ? \"\" : undefined,\n \"data-selected\": multiple && selected ? \"\" : undefined,\n \"data-part\": \"item\",\n ...(className ? { className } : {}),\n children: item.label,\n onMouseDown(event: SyntheticEvent<HTMLElement>) {\n event.preventDefault();\n },\n onClick: () => {\n if (!item.disabled) selectItem(item);\n },\n },\n state: { active, disabled: Boolean(item.disabled), selected },\n });\n}\n\nexport function ComboboxEmpty(props: ComboboxEmptyOwnProps): ReactElement | null {\n const { children, className } = props;\n return useRenderElement({\n defaultTag: \"div\",\n props: {\n role: \"presentation\",\n \"data-part\": \"empty\",\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport const Combobox = {\n Control: ComboboxControl,\n Content: ComboboxContent,\n Empty: ComboboxEmpty,\n Input: ComboboxInput,\n Item: ComboboxItem,\n Root: ComboboxRoot,\n Tags: ComboboxTags,\n Trigger: ComboboxTrigger,\n};\n"],"mappings":"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","names":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"combobox-store.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/combobox-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE7F,wBAAgB,yBAAyB,IAAI,mBAAmB,CAoC/D;AAED,wBAAgB,YAAY,CAC1B,UAAU,EAAE,SAAS,MAAM,EAAE,EAC7B,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,SAAS,EAAE,mBAAmB,GAC7B,MAAM,GAAG,IAAI,CAmBf;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,SAAS,gBAAgB,EAAE,EAClC,UAAU,EAAE,MAAM,GACjB,gBAAgB,EAAE,CAIpB"}
1
+ {"version":3,"file":"combobox-store.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/combobox-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE7F,wBAAgB,yBAAyB,IAAI,mBAAmB,CAoC/D;AAED,wBAAgB,YAAY,CAC1B,UAAU,EAAE,SAAS,MAAM,EAAE,EAC7B,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,SAAS,EAAE,mBAAmB,GAC7B,MAAM,GAAG,IAAI,CAmBf;AAMD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,SAAS,gBAAgB,EAAE,EAClC,UAAU,EAAE,MAAM,GACjB,gBAAgB,EAAE,CAIpB"}
@@ -51,10 +51,13 @@ function moveActiveId(orderedIds, activeId, direction) {
51
51
  }
52
52
  }
53
53
  }
54
+ function foldForSearch(value) {
55
+ return value.normalize("NFKC").toLowerCase();
56
+ }
54
57
  function defaultComboboxFilter(items, inputValue) {
55
- const query = inputValue.trim().toLowerCase();
58
+ const query = foldForSearch(inputValue.trim());
56
59
  if (!query) return [...items];
57
- return items.filter((item) => item.label.toLowerCase().includes(query));
60
+ return items.filter((item) => foldForSearch(item.label).includes(query));
58
61
  }
59
62
  export {
60
63
  createComboboxActiveStore,