@k8ordo/ui 2.0.0 → 2.2.0

package/dist/i18n/ja.mjs

@@ -10,14 +10,34 @@ const ja = {
 	alertWarning: "警告",
 	alertError: "エラー",
 	toastRegion: "通知",
+	copy: "コピー",
+	copied: "コピーしました",
+	copyFailed: "コピーできませんでした",
 	autocompletePlaceholder: "入力して絞り込めます",
 	autocompleteRemoveTag: "タグを削除",
 	autocompleteClear: "すべて削除",
 	autocompleteEmpty: "該当なし",
+	comboboxToggle: "候補を開く",
+	comboboxEmpty: "該当なし",
+	comboboxFailed: "候補を読み込めませんでした",
 	fileFieldRemove: "ファイルを削除",
 	fileFieldTrigger: "ファイルを選択",
+	fileFieldDrop: "ここにファイルをドロップ",
 	numberFieldIncrement: "増やす",
 	numberFieldDecrement: "減らす",
+	numberFieldRangeUnderflow: "{min} 以上で入力してください",
+	numberFieldRangeOverflow: "{max} 以下で入力してください",
+	rangeSliderStart: "最小",
+	rangeSliderEnd: "最大",
+	calendarPreviousMonth: "前の月",
+	calendarNextMonth: "次の月",
+	datePickerOpen: "カレンダーから選ぶ",
+	datePickerDialog: "日付を選ぶ",
+	colorPickerHue: "色相",
+	colorPickerSaturation: "彩度",
+	colorPickerLightness: "明度",
+	colorPickerSwatches: "色の見本",
+	colorPickerOpen: "パレットから選ぶ",
 	passwordShow: "パスワードを表示",
 	passwordHide: "パスワードを非表示",
 	listBoxPlaceholder: "選択してください",
@@ -26,6 +46,20 @@ const ja = {
 	paginationLabel: "ページネーション",
 	paginationPrevious: "前へ",
 	paginationNext: "次へ",
+	stepperComplete: "完了",
+	dataTableColumns: "表示する列",
+	dataTableSelectAll: "すべての行を選択",
+	dataTableSelectRow: "行を選択",
+	codeBlockCopy: "コードをコピー",
+	carousel: "カルーセル",
+	carouselSlide: "スライド",
+	carouselPrevious: "前のスライド",
+	carouselNext: "次のスライド",
+	resizablePanelsHandle: "パネルの大きさ",
+	tableOfContents: "目次",
+	commandPalette: "コマンド",
+	commandPaletteSearch: "コマンドを検索",
+	commandPaletteEmpty: "一致するコマンドはありません",
 	chat: "チャット",
 	scrollToLatest: "最新のメッセージへ移動",
 	reasoning: "思考の過程",
@@ -33,10 +67,22 @@ const ja = {
 	suggestions: "候補",
 	send: "送信",
 	stop: "停止",
+	attach: "ファイルを添付",
+	attachments: "添付ファイル",
+	attachmentRemove: "添付を外す",
+	attachmentImage: "添付画像",
+	sources: "出典",
+	messageActions: "メッセージの操作",
+	regenerate: "再生成",
+	feedbackPositive: "良い回答",
+	feedbackNegative: "良くない回答",
 	toolInput: "入力",
 	toolOutput: "出力",
 	toolError: "ツールの実行でエラーが発生しました。",
 	toolDenied: "ツールの実行は許可されませんでした。",
+	toolApprovalRequest: "このツールの実行を許可しますか？",
+	toolApprove: "許可",
+	toolDeny: "拒否",
 	responseCopied: "コピーしました",
 	responseCopyCode: "コードをコピー",
 	responseCopyLink: "リンクをコピー",

package/dist/i18n/messages.d.mts

@@ -1,5 +1,5 @@
 //#region src/i18n/messages.d.ts
-type Messages = {
+export type Messages = {
   /** Alert / Dialog / Drawer の閉じるボタン */
   close: string;
   /** FormControl の必須バッジ */
@@ -17,6 +17,11 @@ type Messages = {
   alertError: string;
   /** Toast のビューポート（region ランドマーク）名 */
   toastRegion: string;
+  /** CopyButton の既定のラベル */
+  copy: string;
+  /** CopyButton が押した結果として読み上げる文言 */
+  copied: string;
+  copyFailed: string;
   autocompletePlaceholder: string;
   /** 選択済みタグ 1 件の解除 */
   autocompleteRemoveTag: string;
@@ -24,10 +29,40 @@ type Messages = {
   autocompleteClear: string;
   /** 絞り込み結果が空のときの表示 */
   autocompleteEmpty: string;
+  /** Combobox の候補を開くボタン */
+  comboboxToggle: string;
+  /** Combobox の候補が見つからなかったとき */
+  comboboxEmpty: string;
+  /** Combobox の search が失敗したとき */
+  comboboxFailed: string;
   fileFieldRemove: string;
   fileFieldTrigger: string;
+  /** FileField.Dropzone の既定の案内 */
+  fileFieldDrop: string;
   numberFieldIncrement: string;
   numberFieldDecrement: string;
+  /** NumberField の値が min を下回ったときの検証メッセージ。`{min}` が min の値に置き換わる */
+  numberFieldRangeUnderflow: string;
+  /** NumberField の値が max を上回ったときの検証メッセージ。`{max}` が max の値に置き換わる */
+  numberFieldRangeOverflow: string;
+  /** RangeSlider の下側のつまみ。部品の名前（aria-label など）の後に続けて読まれる */
+  rangeSliderStart: string;
+  /** RangeSlider の上側のつまみ */
+  rangeSliderEnd: string;
+  calendarPreviousMonth: string;
+  calendarNextMonth: string;
+  /** DatePicker のカレンダーを開くボタン */
+  datePickerOpen: string;
+  /** DatePicker が開くポップオーバー（dialog）の名前 */
+  datePickerDialog: string;
+  /** ColorPicker の HSL のつまみ */
+  colorPickerHue: string;
+  colorPickerSaturation: string;
+  colorPickerLightness: string;
+  /** ColorPicker の見本のボタンをまとめる group の名前 */
+  colorPickerSwatches: string;
+  /** ColorPicker の欄の横の色。押すとブラウザの色選びを開く */
+  colorPickerOpen: string;
   passwordShow: string;
   passwordHide: string;
   /** ListBox の未選択時に Trigger が示す値 */
@@ -39,6 +74,31 @@ type Messages = {
   paginationLabel: string;
   paginationPrevious: string;
   paginationNext: string;
+  /** Stepper の済んだ段に添える読み上げ専用の文言 */
+  stepperComplete: string;
+  /** DataTable の列の表示を切り替えるボタンと、その一覧の見出し */
+  dataTableColumns: string;
+  /** DataTable の見出しの行の、表示中の行をまとめて選ぶチェックボックス */
+  dataTableSelectAll: string;
+  /** DataTable の各行のチェックボックス。行の見出しが後に続く */
+  dataTableSelectRow: string;
+  /** CodeBlock のコピーボタン */
+  codeBlockCopy: string;
+  /** Carousel の aria-roledescription（region と各スライド） */
+  carousel: string;
+  carouselSlide: string;
+  carouselPrevious: string;
+  carouselNext: string;
+  /** TableOfContents の見出し（nav の名前にもなる） */
+  tableOfContents: string;
+  /** CommandPalette の dialog の名前 */
+  commandPalette: string;
+  /** CommandPalette の検索欄の名前と placeholder */
+  commandPaletteSearch: string;
+  /** CommandPalette で一致するコマンドが無いとき */
+  commandPaletteEmpty: string;
+  /** ResizablePanels.Handle の既定の名前。値は 1 枚目の大きさ */
+  resizablePanelsHandle: string;
   /** Conversation.Messages の log ランドマーク名 */
   chat: string;
   scrollToLatest: string;
@@ -48,10 +108,29 @@ type Messages = {
   suggestions: string;
   send: string;
   stop: string;
+  /** PromptInput.Attach の開くボタン */
+  attach: string;
+  /** Attachment.List / PromptInput.Attachments の list 名 */
+  attachments: string;
+  /** 添付 1 件を外すボタン。どの添付かは aria-describedby のファイル名で補う */
+  attachmentRemove: string;
+  /** 画像の添付に filename が無いときの代替テキスト */
+  attachmentImage: string;
+  /** Source.List の list 名 */
+  sources: string;
+  /** Message.Actions の group 名 */
+  messageActions: string;
+  regenerate: string;
+  feedbackPositive: string;
+  feedbackNegative: string;
   toolInput: string;
   toolOutput: string;
   toolError: string;
   toolDenied: string;
+  /** ToolInvocation の承認待ちで、requestReason が無いときの問いかけ */
+  toolApprovalRequest: string;
+  toolApprove: string;
+  toolDeny: string;
   /**
    * Response が描画する Markdown のコントロール文言。
    * 書式名（Markdown / CSV / TSV / SVG / PNG / MMD）は翻訳対象にしない
@@ -80,5 +159,4 @@ type Messages = {
   responseExternalLinkWarning: string;
   responseOpenLink: string;
 };
-//#endregion
-export { Messages };
+//#endregion

package/dist/i18n/usage.d.mts

@@ -0,0 +1,8 @@
+import { Messages } from "./messages.mjs";
+//#region src/i18n/usage.d.ts
+/**
+ * Where each key is drawn: the component, or the part of one, by the name it
+ * is imported under.
+ */
+export declare const messageUsage: Readonly<Record<keyof Messages, readonly string[]>>;
+//#endregion

package/dist/i18n/usage.mjs

@@ -0,0 +1,131 @@
+//#region src/i18n/usage.ts
+/**
+* Where each key is drawn: the component, or the part of one, by the name it
+* is imported under.
+*/
+const messageUsage = {
+	close: [
+		"Alert",
+		"Dialog",
+		"Drawer",
+		"Response"
+	],
+	required: ["FormControl"],
+	loading: [
+		"Spinner",
+		"Progress",
+		"Combobox"
+	],
+	avatar: ["Avatar"],
+	color: ["Code"],
+	alertSuccess: ["Alert", "Callout"],
+	alertInfo: ["Alert", "Callout"],
+	alertWarning: ["Alert", "Callout"],
+	alertError: ["Alert", "Callout"],
+	toastRegion: ["ToastProvider"],
+	copy: ["CopyButton", "Message.Copy"],
+	copied: [
+		"CopyButton",
+		"CodeBlock",
+		"Message.Copy"
+	],
+	copyFailed: [
+		"CopyButton",
+		"CodeBlock",
+		"Message.Copy"
+	],
+	autocompletePlaceholder: ["Autocomplete"],
+	autocompleteRemoveTag: ["Autocomplete"],
+	autocompleteClear: ["Autocomplete"],
+	autocompleteEmpty: ["Autocomplete"],
+	comboboxToggle: ["Combobox"],
+	comboboxEmpty: ["Combobox"],
+	comboboxFailed: ["Combobox"],
+	fileFieldRemove: ["FileField"],
+	fileFieldTrigger: ["FileField.Dropzone", "FileField (generative UI)"],
+	fileFieldDrop: ["FileField.Dropzone", "FileField (generative UI)"],
+	numberFieldIncrement: ["NumberField"],
+	numberFieldDecrement: ["NumberField"],
+	numberFieldRangeUnderflow: ["NumberField"],
+	numberFieldRangeOverflow: ["NumberField"],
+	rangeSliderStart: ["RangeSlider"],
+	rangeSliderEnd: ["RangeSlider"],
+	calendarPreviousMonth: ["Calendar", "DatePicker"],
+	calendarNextMonth: ["Calendar", "DatePicker"],
+	datePickerOpen: ["DatePicker"],
+	datePickerDialog: ["DatePicker"],
+	colorPickerHue: ["ColorPicker"],
+	colorPickerSaturation: ["ColorPicker"],
+	colorPickerLightness: ["ColorPicker"],
+	colorPickerSwatches: ["ColorPicker"],
+	colorPickerOpen: ["ColorPicker"],
+	passwordShow: ["PasswordInput"],
+	passwordHide: ["PasswordInput"],
+	listBoxPlaceholder: ["ListBox"],
+	breadcrumb: ["Breadcrumb"],
+	tabList: ["Tabs (generative UI)"],
+	paginationLabel: ["Pagination"],
+	paginationPrevious: ["Pagination"],
+	paginationNext: ["Pagination"],
+	stepperComplete: ["Stepper"],
+	dataTableColumns: ["DataTable"],
+	dataTableSelectAll: ["DataTable"],
+	dataTableSelectRow: ["DataTable"],
+	codeBlockCopy: ["CodeBlock"],
+	carousel: ["Carousel"],
+	carouselSlide: ["Carousel.Slide"],
+	carouselPrevious: ["Carousel"],
+	carouselNext: ["Carousel"],
+	resizablePanelsHandle: ["ResizablePanels.Handle"],
+	tableOfContents: ["TableOfContents"],
+	commandPalette: ["CommandPalette"],
+	commandPaletteSearch: ["CommandPalette"],
+	commandPaletteEmpty: ["CommandPalette"],
+	chat: ["Conversation.Messages"],
+	scrollToLatest: ["Conversation.ScrollButton"],
+	reasoning: ["Reasoning"],
+	reasoningStreaming: ["Reasoning"],
+	suggestions: ["Suggestion.List"],
+	send: ["PromptInput"],
+	stop: ["PromptInput"],
+	attach: ["PromptInput.Attach"],
+	attachments: ["Attachment.List", "PromptInput.Attachments"],
+	attachmentRemove: ["PromptInput.Attachments"],
+	attachmentImage: ["Attachment.Item", "PromptInput.Attachments"],
+	sources: ["Source.List"],
+	messageActions: ["Message.Actions"],
+	regenerate: ["Message.Regenerate"],
+	feedbackPositive: ["Message.Feedback"],
+	feedbackNegative: ["Message.Feedback"],
+	toolInput: ["ToolInvocation"],
+	toolOutput: ["ToolInvocation"],
+	toolError: ["ToolInvocation"],
+	toolDenied: ["ToolInvocation"],
+	toolApprovalRequest: ["ToolInvocation"],
+	toolApprove: ["ToolInvocation"],
+	toolDeny: ["ToolInvocation"],
+	responseCopied: ["Response"],
+	responseCopyCode: ["Response"],
+	responseCopyLink: ["Response"],
+	responseCopyTable: ["Response"],
+	responseCopyTableAsCsv: ["Response"],
+	responseCopyTableAsMarkdown: ["Response"],
+	responseCopyTableAsTsv: ["Response"],
+	responseDownloadDiagram: ["Response"],
+	responseDownloadDiagramAsMmd: ["Response"],
+	responseDownloadDiagramAsPng: ["Response"],
+	responseDownloadDiagramAsSvg: ["Response"],
+	responseDownloadFile: ["Response"],
+	responseDownloadImage: ["Response"],
+	responseDownloadTable: ["Response"],
+	responseDownloadTableAsCsv: ["Response"],
+	responseDownloadTableAsMarkdown: ["Response"],
+	responseExitFullscreen: ["Response"],
+	responseViewFullscreen: ["Response"],
+	responseImageNotAvailable: ["Response"],
+	responseOpenExternalLink: ["Response"],
+	responseExternalLinkWarning: ["Response"],
+	responseOpenLink: ["Response"]
+};
+//#endregion
+export { messageUsage };

package/dist/index.d.mts

@@ -1,22 +1,38 @@
-import { Button } from "./components/buttons/button/button.mjs";
+import { BaseIconProps, IconRenderProps } from "./components/icons/base.mjs";
+import { Button, ButtonRenderItemProps } from "./components/buttons/button/button.mjs";
+import { CopyButton } from "./components/buttons/copy-button/copy-button.mjs";
 import { Direction, DrawerSide, ModalSide, Option, Placement, Status } from "./types/variables.mjs";
+import { ToolbarItemProps } from "./components/buttons/toolbar/toolbar.mjs";
+import { Toolbar } from "./components/buttons/toolbar/index.mjs";
 import { Accordion } from "./components/data-display/accordion/index.mjs";
 import { Avatar } from "./components/data-display/avatar/avatar.mjs";
 import { Badge } from "./components/data-display/badge/badge.mjs";
 import { Card } from "./components/data-display/card/card.mjs";
+import { Carousel } from "./components/data-display/carousel/index.mjs";
 import { Code } from "./components/data-display/code/code.mjs";
-import { Heading } from "./components/data-display/heading/heading.mjs";
+import { EmptyState } from "./components/feedback/empty-state/empty-state.mjs";
 import { CellAlign, Table } from "./components/data-display/table/table.mjs";
+import { DataTable, DataTableColumn, DataTableSort } from "./components/data-display/data-table/data-table.mjs";
+import { Heading } from "./components/data-display/heading/heading.mjs";
+import { Kbd } from "./components/data-display/kbd/kbd.mjs";
+import { Prose } from "./components/data-display/prose/prose.mjs";
+import { Tree, TreeItem } from "./components/data-display/tree/tree.mjs";
 import { Alert, AlertAction } from "./components/feedback/alert/alert.mjs";
+import { Callout } from "./components/feedback/callout/callout.mjs";
 import { Progress } from "./components/feedback/progress/progress.mjs";
 import { Skeleton } from "./components/feedback/skeleton/skeleton.mjs";
 import { Spinner } from "./components/feedback/spinner/spinner.mjs";
 import { ToastAction, ToastOptions, useToast } from "./components/feedback/toast/context.mjs";
 import { ToastProvider } from "./components/feedback/toast/provider.mjs";
 import { Autocomplete } from "./components/form/autocomplete/autocomplete.mjs";
+import { Calendar } from "./components/form/calendar/calendar.mjs";
 import { Checkbox } from "./components/form/checkbox/checkbox.mjs";
 import { CheckboxCard, CheckboxCardOption } from "./components/form/checkbox-card/checkbox-card.mjs";
 import { CheckboxGroup } from "./components/form/checkbox-group/index.mjs";
+import { ColorPicker, ColorPickerSwatch } from "./components/form/color-picker/color-picker.mjs";
+import { Combobox, ComboboxSearch } from "./components/form/combobox/combobox.mjs";
+import { DateField } from "./components/form/date-field/date-field.mjs";
+import { DatePicker } from "./components/form/date-picker/date-picker.mjs";
 import { FileField } from "./components/form/file-field/index.mjs";
 import { Form } from "./components/form/form/form.mjs";
 import { FormControl } from "./components/form/form-control/form-control.mjs";
@@ -24,12 +40,12 @@ import { NumberField } from "./components/form/number-field/number-field.mjs";
 import { PasswordInput } from "./components/form/password-input/password-input.mjs";
 import { Radio } from "./components/form/radio/radio.mjs";
 import { RadioCard, RadioCardOption } from "./components/form/radio-card/radio-card.mjs";
+import { RangeSlider } from "./components/form/range-slider/range-slider.mjs";
 import { Select } from "./components/form/select/select.mjs";
 import { Slider } from "./components/form/slider/slider.mjs";
 import { Switch } from "./components/form/switch/switch.mjs";
 import { TextField } from "./components/form/text-field/text-field.mjs";
 import { Textarea } from "./components/form/textarea/textarea.mjs";
-import { BaseIconProps, IconRenderProps } from "./components/icons/base.mjs";
 import { ChromeIcon, EdgeIcon, FirefoxIcon, SafariIcon } from "./components/icons/browsers.mjs";
 import { ColorScaleIcon } from "./components/icons/color-scale.mjs";
 import { GitHubIcon } from "./components/icons/github-mark.mjs";
@@ -41,13 +57,20 @@ import { VerticalWritingIcon } from "./components/icons/vertical-writing.mjs";
 import { GapSize } from "./components/layout/_shared/gap.mjs";
 import { PaddingSize } from "./components/layout/_shared/padding.mjs";
 import { Grid, GridProps } from "./components/layout/grid/grid.mjs";
-import { ScrollLinked } from "./components/layout/scroll-linked/scroll-linked.mjs";
+import { ResizablePanels } from "./components/layout/resizable-panels/index.mjs";
 import { Separator } from "./components/layout/separator/separator.mjs";
 import { Stack, StackProps } from "./components/layout/stack/stack.mjs";
 import { Anchor } from "./components/navigation/anchor/anchor.mjs";
 import { Breadcrumb } from "./components/navigation/breadcrumb/index.mjs";
 import { Pagination } from "./components/navigation/pagination/pagination.mjs";
+import { Stepper, StepperStep } from "./components/navigation/stepper/stepper.mjs";
+import { SideNav } from "./components/navigation/side-nav/index.mjs";
+import { TableOfContents, TableOfContentsItem } from "./components/navigation/table-of-contents/table-of-contents.mjs";
 import { Tabs } from "./components/navigation/tabs/index.mjs";
+import { InView } from "./components/observers/in-view/in-view.mjs";
+import { Resize } from "./components/observers/resize/resize.mjs";
+import { CommandPalette, CommandPaletteItem } from "./components/overlays/command-palette/command-palette.mjs";
+import { ContextMenu } from "./components/overlays/context-menu/index.mjs";
 import { Dialog } from "./components/overlays/dialog/index.mjs";
 import { Drawer } from "./components/overlays/drawer/drawer.mjs";
 import { DropdownMenu } from "./components/overlays/dropdown-menu/index.mjs";
@@ -55,38 +78,10 @@ import { ListBox } from "./components/overlays/list-box/index.mjs";
 import { Modal } from "./components/overlays/modal/modal.mjs";
 import { PopoverContentProps, PopoverTriggerProps } from "./components/overlays/popover/hooks.mjs";
 import { Popover } from "./components/overlays/popover/index.mjs";
-import { Messages } from "./i18n/messages.mjs";
 import { UIProvider } from "./components/providers/ui-provider.mjs";
 import { PortalRootProvider, usePortalRoot } from "./components/providers/portal-root.mjs";
 import "./components/index.mjs";
-import { chain } from "./helpers/chain.mjs";
-import { cn } from "./helpers/cn.mjs";
-import { createSafeContext } from "./helpers/create-safe-context.mjs";
-import { mergeProps } from "./helpers/merge-props.mjs";
-import { mergeRefs } from "./helpers/merge-refs.mjs";
-import "./helpers/index.mjs";
-import { useBreakpoint } from "./hooks/breakpoint/index.mjs";
-import { useClickAway } from "./hooks/click-away/index.mjs";
-import { useClient } from "./hooks/client/index.mjs";
-import { useClipboard } from "./hooks/clipboard/index.mjs";
-import { useControllableState } from "./hooks/controllable-state/index.mjs";
-import { DebouncedAction, useDebouncedTransition } from "./hooks/debounced-transition/index.mjs";
-import { useDeferredDebounce } from "./hooks/deferred-debounce/index.mjs";
-import { useDisclosure } from "./hooks/disclosure/index.mjs";
-import { useHover } from "./hooks/hover/index.mjs";
-import { useIntersectionObserver } from "./hooks/intersection-observer/use-intersection-observer.mjs";
-import { useInView } from "./hooks/intersection-observer/use-in-view.mjs";
-import { useInterval } from "./hooks/interval/index.mjs";
-import { useResize } from "./hooks/resize/index.mjs";
-import { useScrollDirection } from "./hooks/scroll-direction/index.mjs";
-import { useScrollLock } from "./hooks/scroll-lock/index.mjs";
-import { useStep } from "./hooks/step/index.mjs";
-import { useTimeout } from "./hooks/timeout/index.mjs";
-import { useWindowResize } from "./hooks/window-resize/index.mjs";
-import { useWindowSize } from "./hooks/window-size/index.mjs";
-import { WritingMode, useWritingMode } from "./hooks/writing-mode/index.mjs";
-import "./hooks/index.mjs";
 import { TooltipTriggerProps } from "./components/overlays/tooltip/tooltip.mjs";
 import { Tooltip } from "./components/overlays/tooltip/index.mjs";
-import { IconButton, IconButtonTriggerProps } from "./components/buttons/icon-button/icon-button.mjs";
-export { AIIcon, AccessibilityIcon, Accordion, Alert, type AlertAction, AlertIcon, Anchor, AssistantIcon, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, type BaseIconProps, BlogIcon, BoringIcon, Breadcrumb, Button, Card, type CellAlign, CheckIcon, Checkbox, CheckboxCard, type CheckboxCardOption, CheckboxGroup, ChevronIcon, ChromeIcon, CloseIcon, Code, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, ColorScaleIcon, CopyIcon, DarkModeIcon, type DebouncedAction, Dialog, DifficultIcon, type Direction, Drawer, type DrawerSide, DropdownMenu, EasyIcon, EdgeIcon, ExternalLinkIcon, FileField, FirefoxIcon, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, type GapSize, GitHubIcon, GoodIcon, Grid, type GridProps, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, type IconButtonTriggerProps, type IconRenderProps, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, type Messages, MinusIcon, MixedColorIcon, Modal, type ModalSide, NavigationMenuIcon, NewsIcon, NumberField, type Option, PackageIcon, type PaddingSize, Pagination, PaletteIcon, PasswordInput, type Placement, PlusIcon, Popover, type PopoverContentProps, type PopoverTriggerProps, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, type RadioCardOption, RefreshIcon, SafariIcon, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, type StackProps, type Status, SubscribeIcon, Switch, Table, TableIcon, Tabs, TagIcon, TextField, Textarea, type ToastAction, type ToastOptions, ToastProvider, Tooltip, type TooltipTriggerProps, TwitterIcon, UIProvider, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, type WritingMode, chain, cn, createSafeContext, mergeProps, mergeRefs, useBreakpoint, useClickAway, useClient, useClipboard, useControllableState, useDebouncedTransition, useDeferredDebounce, useDisclosure, useHover, useInView, useIntersectionObserver, useInterval, usePortalRoot, useResize, useScrollDirection, useScrollLock, useStep, useTimeout, useToast, useWindowResize, useWindowSize, useWritingMode };
+import { IconButton, IconButtonRenderItemProps, IconButtonTriggerProps } from "./components/buttons/icon-button/icon-button.mjs";
+export { AIIcon, AccessibilityIcon, Accordion, Alert, type AlertAction, AlertIcon, Anchor, AssistantIcon, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, type BaseIconProps, BlogIcon, BoringIcon, Breadcrumb, Button, type ButtonRenderItemProps, Calendar, Callout, Card, Carousel, type CellAlign, CheckIcon, Checkbox, CheckboxCard, type CheckboxCardOption, CheckboxGroup, ChevronIcon, ChromeIcon, CloseIcon, Code, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, ColorPicker, type ColorPickerSwatch, ColorScaleIcon, Combobox, type ComboboxSearch, CommandPalette, type CommandPaletteItem, ContextMenu, CopyButton, CopyIcon, DarkModeIcon, DataTable, type DataTableColumn, type DataTableSort, DateField, DatePicker, Dialog, DifficultIcon, type Direction, Drawer, type DrawerSide, DropdownMenu, EasyIcon, EdgeIcon, EmptyState, ExternalLinkIcon, FileField, FirefoxIcon, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, type GapSize, GitHubIcon, GoodIcon, Grid, type GridProps, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, type IconButtonRenderItemProps, type IconButtonTriggerProps, type IconRenderProps, InView, InformativeIcon, InterestingIcon, Kbd, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, type ModalSide, NavigationMenuIcon, NewsIcon, NumberField, type Option, PackageIcon, type PaddingSize, Pagination, PaletteIcon, PasswordInput, type Placement, PlusIcon, Popover, type PopoverContentProps, type PopoverTriggerProps, PortalRootProvider, PrepareIcon, Progress, Prose, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, type RadioCardOption, RangeSlider, RefreshIcon, ResizablePanels, Resize, SafariIcon, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, SideNav, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, type StackProps, type Status, Stepper, type StepperStep, SubscribeIcon, Switch, Table, TableIcon, TableOfContents, type TableOfContentsItem, Tabs, TagIcon, TextField, Textarea, type ToastAction, type ToastOptions, ToastProvider, Toolbar, type ToolbarItemProps, Tooltip, type TooltipTriggerProps, Tree, type TreeItem, TwitterIcon, UIProvider, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, usePortalRoot, useToast };

package/dist/index.mjs

@@ -1,33 +1,5 @@
-import { cn } from "./helpers/cn.mjs";
 import { Spinner } from "./components/feedback/spinner/spinner.mjs";
 import { Button } from "./components/buttons/button/button.mjs";
-import { chain } from "./helpers/chain.mjs";
-import { createSafeContext } from "./helpers/create-safe-context.mjs";
-import { mergeProps } from "./helpers/merge-props.mjs";
-import { mergeRefs } from "./helpers/merge-refs.mjs";
-import { useBreakpoint } from "./hooks/breakpoint/index.mjs";
-import { useClickAway } from "./hooks/click-away/index.mjs";
-import { useClient } from "./hooks/client/index.mjs";
-import { useClipboard } from "./hooks/clipboard/index.mjs";
-import { useControllableState } from "./hooks/controllable-state/index.mjs";
-import { useDebouncedTransition } from "./hooks/debounced-transition/index.mjs";
-import { useDeferredDebounce } from "./hooks/deferred-debounce/index.mjs";
-import { useDisclosure } from "./hooks/disclosure/index.mjs";
-import { useHover } from "./hooks/hover/index.mjs";
-import { useIntersectionObserver } from "./hooks/intersection-observer/use-intersection-observer.mjs";
-import { useInView } from "./hooks/intersection-observer/use-in-view.mjs";
-import { useInterval } from "./hooks/interval/index.mjs";
-import { useResize } from "./hooks/resize/index.mjs";
-import { useScrollDirection } from "./hooks/scroll-direction/index.mjs";
-import { useScrollLock } from "./hooks/scroll-lock/index.mjs";
-import { useStep } from "./hooks/step/index.mjs";
-import { useTimeout } from "./hooks/timeout/index.mjs";
-import { useWindowResize } from "./hooks/window-resize/index.mjs";
-import { useWindowSize } from "./hooks/window-size/index.mjs";
-import { useWritingMode } from "./hooks/writing-mode/index.mjs";
-import { Popover } from "./components/overlays/popover/index.mjs";
-import { Tooltip } from "./components/overlays/tooltip/index.mjs";
-import { IconButton } from "./components/buttons/icon-button/icon-button.mjs";
 import { ChromeIcon, EdgeIcon, FirefoxIcon, SafariIcon } from "./components/icons/browsers.mjs";
 import { ColorScaleIcon } from "./components/icons/color-scale.mjs";
 import { GitHubIcon } from "./components/icons/github-mark.mjs";
@@ -36,22 +8,40 @@ import { AIIcon, AccessibilityIcon, AlertIcon, AssistantIcon, AtomIcon, BadIcon,
 import { QiitaIcon } from "./components/icons/qiita.mjs";
 import { TwitterIcon } from "./components/icons/twitter.mjs";
 import { VerticalWritingIcon } from "./components/icons/vertical-writing.mjs";
+import { Popover } from "./components/overlays/popover/index.mjs";
+import { Tooltip } from "./components/overlays/tooltip/index.mjs";
+import { IconButton } from "./components/buttons/icon-button/icon-button.mjs";
+import { CopyButton } from "./components/buttons/copy-button/copy-button.mjs";
+import { Separator } from "./components/layout/separator/separator.mjs";
+import { Toolbar } from "./components/buttons/toolbar/index.mjs";
 import { Accordion } from "./components/data-display/accordion/index.mjs";
 import { Avatar } from "./components/data-display/avatar/avatar.mjs";
 import { Badge } from "./components/data-display/badge/badge.mjs";
 import { Card } from "./components/data-display/card/card.mjs";
+import { Carousel } from "./components/data-display/carousel/index.mjs";
 import { Code } from "./components/data-display/code/code.mjs";
-import { Heading } from "./components/data-display/heading/heading.mjs";
+import { Checkbox } from "./components/form/checkbox/checkbox.mjs";
+import { CheckboxGroup } from "./components/form/checkbox-group/index.mjs";
+import { EmptyState } from "./components/feedback/empty-state/empty-state.mjs";
 import { Table } from "./components/data-display/table/table.mjs";
+import { DataTable } from "./components/data-display/data-table/data-table.mjs";
+import { Heading } from "./components/data-display/heading/heading.mjs";
+import { Kbd } from "./components/data-display/kbd/kbd.mjs";
+import { Prose } from "./components/data-display/prose/prose.mjs";
+import { Tree } from "./components/data-display/tree/tree.mjs";
 import { Alert } from "./components/feedback/alert/alert.mjs";
+import { Callout } from "./components/feedback/callout/callout.mjs";
 import { Progress } from "./components/feedback/progress/progress.mjs";
 import { Skeleton } from "./components/feedback/skeleton/skeleton.mjs";
 import { useToast } from "./components/feedback/toast/context.mjs";
 import { ToastProvider } from "./components/feedback/toast/provider.mjs";
 import { Autocomplete } from "./components/form/autocomplete/autocomplete.mjs";
-import { Checkbox } from "./components/form/checkbox/checkbox.mjs";
+import { Calendar } from "./components/form/calendar/calendar.mjs";
 import { CheckboxCard } from "./components/form/checkbox-card/checkbox-card.mjs";
-import { CheckboxGroup } from "./components/form/checkbox-group/index.mjs";
+import { ColorPicker } from "./components/form/color-picker/color-picker.mjs";
+import { Combobox } from "./components/form/combobox/combobox.mjs";
+import { DateField } from "./components/form/date-field/date-field.mjs";
+import { DatePicker } from "./components/form/date-picker/date-picker.mjs";
 import { FileField } from "./components/form/file-field/index.mjs";
 import { Form } from "./components/form/form/form.mjs";
 import { FormControl } from "./components/form/form-control/form-control.mjs";
@@ -59,24 +49,31 @@ import { NumberField } from "./components/form/number-field/number-field.mjs";
 import { PasswordInput } from "./components/form/password-input/password-input.mjs";
 import { Radio } from "./components/form/radio/radio.mjs";
 import { RadioCard } from "./components/form/radio-card/radio-card.mjs";
+import { RangeSlider } from "./components/form/range-slider/range-slider.mjs";
 import { Select } from "./components/form/select/select.mjs";
 import { Slider } from "./components/form/slider/slider.mjs";
 import { Switch } from "./components/form/switch/switch.mjs";
 import { TextField } from "./components/form/text-field/text-field.mjs";
 import { Textarea } from "./components/form/textarea/textarea.mjs";
 import { Grid } from "./components/layout/grid/grid.mjs";
-import { ScrollLinked } from "./components/layout/scroll-linked/scroll-linked.mjs";
-import { Separator } from "./components/layout/separator/separator.mjs";
+import { ResizablePanels } from "./components/layout/resizable-panels/index.mjs";
 import { Stack } from "./components/layout/stack/stack.mjs";
 import { Anchor } from "./components/navigation/anchor/anchor.mjs";
 import { Breadcrumb } from "./components/navigation/breadcrumb/index.mjs";
 import { Pagination } from "./components/navigation/pagination/pagination.mjs";
+import { Stepper } from "./components/navigation/stepper/stepper.mjs";
+import { SideNav } from "./components/navigation/side-nav/index.mjs";
+import { TableOfContents } from "./components/navigation/table-of-contents/table-of-contents.mjs";
 import { Tabs } from "./components/navigation/tabs/index.mjs";
-import { Dialog } from "./components/overlays/dialog/index.mjs";
+import { InView } from "./components/observers/in-view/in-view.mjs";
+import { Resize } from "./components/observers/resize/resize.mjs";
 import { UIProvider } from "./components/providers/ui-provider.mjs";
 import { PortalRootProvider, usePortalRoot } from "./components/providers/portal-root.mjs";
 import { Modal } from "./components/overlays/modal/modal.mjs";
+import { CommandPalette } from "./components/overlays/command-palette/command-palette.mjs";
+import { ContextMenu } from "./components/overlays/context-menu/index.mjs";
+import { Dialog } from "./components/overlays/dialog/index.mjs";
 import { Drawer } from "./components/overlays/drawer/drawer.mjs";
 import { DropdownMenu } from "./components/overlays/dropdown-menu/index.mjs";
 import { ListBox } from "./components/overlays/list-box/index.mjs";
-export { AIIcon, AccessibilityIcon, Accordion, Alert, AlertIcon, Anchor, AssistantIcon, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, BlogIcon, BoringIcon, Breadcrumb, Button, Card, CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, ChevronIcon, ChromeIcon, CloseIcon, Code, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, ColorScaleIcon, CopyIcon, DarkModeIcon, Dialog, DifficultIcon, Drawer, DropdownMenu, EasyIcon, EdgeIcon, ExternalLinkIcon, FileField, FirefoxIcon, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, Grid, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, PackageIcon, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, RefreshIcon, SafariIcon, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, SubscribeIcon, Switch, Table, TableIcon, Tabs, TagIcon, TextField, Textarea, ToastProvider, Tooltip, TwitterIcon, UIProvider, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, chain, cn, createSafeContext, mergeProps, mergeRefs, useBreakpoint, useClickAway, useClient, useClipboard, useControllableState, useDebouncedTransition, useDeferredDebounce, useDisclosure, useHover, useInView, useIntersectionObserver, useInterval, usePortalRoot, useResize, useScrollDirection, useScrollLock, useStep, useTimeout, useToast, useWindowResize, useWindowSize, useWritingMode };
+export { AIIcon, AccessibilityIcon, Accordion, Alert, AlertIcon, Anchor, AssistantIcon, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, BlogIcon, BoringIcon, Breadcrumb, Button, Calendar, Callout, Card, Carousel, CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, ChevronIcon, ChromeIcon, CloseIcon, Code, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, ColorPicker, ColorScaleIcon, Combobox, CommandPalette, ContextMenu, CopyButton, CopyIcon, DarkModeIcon, DataTable, DateField, DatePicker, Dialog, DifficultIcon, Drawer, DropdownMenu, EasyIcon, EdgeIcon, EmptyState, ExternalLinkIcon, FileField, FirefoxIcon, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, Grid, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, InView, InformativeIcon, InterestingIcon, Kbd, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, PackageIcon, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, PortalRootProvider, PrepareIcon, Progress, Prose, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, RangeSlider, RefreshIcon, ResizablePanels, Resize, SafariIcon, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, SideNav, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, Stepper, SubscribeIcon, Switch, Table, TableIcon, TableOfContents, Tabs, TagIcon, TextField, Textarea, ToastProvider, Toolbar, Tooltip, Tree, TwitterIcon, UIProvider, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, usePortalRoot, useToast };

package/dist/integrations/_shared/openui-defs.d.mts

@@ -12,7 +12,6 @@ import { Library } from "@openuidev/lang-core";
  * OpenUI は schema と描画関数を `defineComponent` で同居させる設計なので、
  * このファクトリ自体は描画関数を opaque な `C` として受け取り中身を見ない。
  */
-type ComponentRenderers<C> = Partial<Record<string, C>>;
-declare const buildComponentLibrary: <C>(render: ComponentRenderers<C>) => Library<C>;
-//#endregion
-export { ComponentRenderers, buildComponentLibrary };
+export type ComponentRenderers<C> = Partial<Record<string, C>>;
+export declare const buildComponentLibrary: <C>(render: ComponentRenderers<C>) => Library<C>;
+//#endregion