@k8ordo/ui 1.0.0

package/dist/i18n/ja.d.mts

@@ -0,0 +1,5 @@
+import { Messages } from "./messages.mjs";
+//#region src/i18n/ja.d.ts
+declare const ja: Messages;
+//#endregion
+export { ja };

package/dist/i18n/ja.mjs

@@ -0,0 +1,64 @@
+//#region src/i18n/ja.ts
+const ja = {
+	close: "閉じる",
+	required: "必須",
+	loading: "読み込み中",
+	avatar: "アバター",
+	color: "色",
+	alertSuccess: "成功",
+	alertInfo: "情報",
+	alertWarning: "警告",
+	alertError: "エラー",
+	toastRegion: "通知",
+	autocompletePlaceholder: "入力して絞り込めます",
+	autocompleteRemoveTag: "タグを削除",
+	autocompleteClear: "すべて削除",
+	autocompleteEmpty: "該当なし",
+	fileFieldRemove: "ファイルを削除",
+	fileFieldTrigger: "ファイルを選択",
+	numberFieldIncrement: "増やす",
+	numberFieldDecrement: "減らす",
+	passwordShow: "パスワードを表示",
+	passwordHide: "パスワードを非表示",
+	listBoxPlaceholder: "選択してください",
+	breadcrumb: "パンくずリスト",
+	tabList: "タブ",
+	paginationLabel: "ページネーション",
+	paginationPrevious: "前へ",
+	paginationNext: "次へ",
+	chat: "チャット",
+	scrollToLatest: "最新のメッセージへ移動",
+	reasoning: "思考の過程",
+	reasoningStreaming: "思考中…",
+	suggestions: "候補",
+	send: "送信",
+	stop: "停止",
+	toolInput: "入力",
+	toolOutput: "出力",
+	toolError: "ツールの実行でエラーが発生しました。",
+	toolDenied: "ツールの実行は許可されませんでした。",
+	responseCopied: "コピーしました",
+	responseCopyCode: "コードをコピー",
+	responseCopyLink: "リンクをコピー",
+	responseCopyTable: "表をコピー",
+	responseCopyTableAsCsv: "表を CSV でコピー",
+	responseCopyTableAsMarkdown: "表を Markdown でコピー",
+	responseCopyTableAsTsv: "表を TSV でコピー",
+	responseDownloadDiagram: "図をダウンロード",
+	responseDownloadDiagramAsMmd: "図を MMD でダウンロード",
+	responseDownloadDiagramAsPng: "図を PNG でダウンロード",
+	responseDownloadDiagramAsSvg: "図を SVG でダウンロード",
+	responseDownloadFile: "ファイルをダウンロード",
+	responseDownloadImage: "画像をダウンロード",
+	responseDownloadTable: "表をダウンロード",
+	responseDownloadTableAsCsv: "表を CSV でダウンロード",
+	responseDownloadTableAsMarkdown: "表を Markdown でダウンロード",
+	responseExitFullscreen: "全画面表示を終了",
+	responseViewFullscreen: "全画面表示",
+	responseImageNotAvailable: "画像を表示できません",
+	responseOpenExternalLink: "外部リンクを開きますか？",
+	responseExternalLinkWarning: "外部サイトに移動しようとしています。",
+	responseOpenLink: "リンクを開く"
+};
+//#endregion
+export { ja };

package/dist/i18n/messages.d.mts

@@ -0,0 +1,84 @@
+//#region src/i18n/messages.d.ts
+type Messages = {
+  /** Alert / Dialog / Drawer の閉じるボタン */
+  close: string;
+  /** FormControl の必須バッジ */
+  required: string;
+  /** Spinner の読み込み中ラベル */
+  loading: string;
+  /** Avatar の名前が無いときの代替名 */
+  avatar: string;
+  /** Code の色見本ラベル。実際の色文字列と `: ` で連結される */
+  color: string;
+  /** Alert のステータスを読み上げ専用テキストで補う */
+  alertSuccess: string;
+  alertInfo: string;
+  alertWarning: string;
+  alertError: string;
+  /** Toast のビューポート（region ランドマーク）名 */
+  toastRegion: string;
+  autocompletePlaceholder: string;
+  /** 選択済みタグ 1 件の解除 */
+  autocompleteRemoveTag: string;
+  /** 選択済みタグの一括解除 */
+  autocompleteClear: string;
+  /** 絞り込み結果が空のときの表示 */
+  autocompleteEmpty: string;
+  fileFieldRemove: string;
+  fileFieldTrigger: string;
+  numberFieldIncrement: string;
+  numberFieldDecrement: string;
+  passwordShow: string;
+  passwordHide: string;
+  /** ListBox の未選択時に Trigger が示す値 */
+  listBoxPlaceholder: string;
+  /** Breadcrumb の nav ランドマーク名 */
+  breadcrumb: string;
+  tabList: string;
+  /** Pagination の nav ランドマーク名 */
+  paginationLabel: string;
+  paginationPrevious: string;
+  paginationNext: string;
+  /** Conversation.Messages の log ランドマーク名 */
+  chat: string;
+  scrollToLatest: string;
+  reasoning: string;
+  reasoningStreaming: string;
+  /** Suggestion.List の group 名 */
+  suggestions: string;
+  send: string;
+  stop: string;
+  toolInput: string;
+  toolOutput: string;
+  toolError: string;
+  toolDenied: string;
+  /**
+   * Response が描画する Markdown のコントロール文言。
+   * 書式名（Markdown / CSV / TSV / SVG / PNG / MMD）は翻訳対象にしない
+   */
+  responseCopied: string;
+  responseCopyCode: string;
+  responseCopyLink: string;
+  responseCopyTable: string;
+  responseCopyTableAsCsv: string;
+  responseCopyTableAsMarkdown: string;
+  responseCopyTableAsTsv: string;
+  responseDownloadDiagram: string;
+  responseDownloadDiagramAsMmd: string;
+  responseDownloadDiagramAsPng: string;
+  responseDownloadDiagramAsSvg: string;
+  responseDownloadFile: string;
+  responseDownloadImage: string;
+  responseDownloadTable: string;
+  responseDownloadTableAsCsv: string;
+  responseDownloadTableAsMarkdown: string;
+  responseExitFullscreen: string;
+  responseViewFullscreen: string;
+  responseImageNotAvailable: string;
+  /** linkSafety を有効にしたときだけ出る外部リンク確認の文言 */
+  responseOpenExternalLink: string;
+  responseExternalLinkWarning: string;
+  responseOpenLink: string;
+};
+//#endregion
+export { Messages };

package/dist/i18n/messages.mjs

@@ -0,0 +1 @@
+export {};

package/dist/index.d.mts

@@ -0,0 +1,94 @@
+import { Button } from "./components/buttons/button/button.mjs";
+import { Direction, DrawerSide, ModalSide, Option, Placement, Status } from "./types/variables.mjs";
+import { Tooltip, TooltipTriggerProps } from "./components/overlays/tooltip/tooltip.mjs";
+import { IconButton, IconButtonTriggerProps } from "./components/buttons/icon-button/icon-button.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 { Code } from "./components/data-display/code/code.mjs";
+import { Heading } from "./components/data-display/heading/heading.mjs";
+import { CellAlign, Table } from "./components/data-display/table/table.mjs";
+import { Alert, AlertAction } from "./components/feedback/alert/alert.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 { CheckboxCard, CheckboxCardOption } from "./components/form/checkbox-card/checkbox-card.mjs";
+import { CheckboxGroup } from "./components/form/checkbox-group/index.mjs";
+import { Checkbox } from "./components/form/checkbox/checkbox.mjs";
+import { FileField } from "./components/form/file-field/file-field.mjs";
+import { FormControl } from "./components/form/form-control/form-control.mjs";
+import { Form } from "./components/form/form/form.mjs";
+import { NumberField } from "./components/form/number-field/number-field.mjs";
+import { PasswordInput } from "./components/form/password-input/password-input.mjs";
+import { RadioCard, RadioCardOption } from "./components/form/radio-card/radio-card.mjs";
+import { Radio } from "./components/form/radio/radio.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";
+import { Logo, LogoIcon } from "./components/icons/logo.mjs";
+import { AIIcon, AccessibilityIcon, AlertIcon, AssistantIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, RefreshIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./components/icons/lucide.mjs";
+import { QiitaIcon } from "./components/icons/qiita.mjs";
+import { TwitterIcon } from "./components/icons/twitter.mjs";
+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 { 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 { Tabs } from "./components/navigation/tabs/tabs.mjs";
+import { Dialog } from "./components/overlays/dialog/dialog.mjs";
+import { Drawer } from "./components/overlays/drawer/drawer.mjs";
+import { DropdownMenu } from "./components/overlays/dropdown-menu/dropdown-menu.mjs";
+import { ListBox } from "./components/overlays/list-box/list-box.mjs";
+import { Modal } from "./components/overlays/modal/modal.mjs";
+import { PopoverContentProps, PopoverTriggerProps } from "./components/overlays/popover/hooks.mjs";
+import { Popover } from "./components/overlays/popover/popover.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 { useHash } from "./hooks/hash/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 { useLocalStorage } from "./hooks/local-storage/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 { useSessionStorage } from "./hooks/session-storage/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";
+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, useHash, useHover, useInView, useIntersectionObserver, useInterval, useLocalStorage, usePortalRoot, useResize, useScrollDirection, useScrollLock, useSessionStorage, useStep, useTimeout, useToast, useWindowResize, useWindowSize, useWritingMode };

package/dist/index.mjs

@@ -0,0 +1,85 @@
+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 { 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 { useHash } from "./hooks/hash/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 { useBreakpoint } from "./hooks/breakpoint/index.mjs";
+import { useLocalStorage } from "./hooks/local-storage/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 { useSessionStorage } from "./hooks/session-storage/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/popover.mjs";
+import { Tooltip } from "./components/overlays/tooltip/tooltip.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";
+import { Logo, LogoIcon } from "./components/icons/logo.mjs";
+import { AIIcon, AccessibilityIcon, AlertIcon, AssistantIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, RefreshIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./components/icons/lucide.mjs";
+import { QiitaIcon } from "./components/icons/qiita.mjs";
+import { TwitterIcon } from "./components/icons/twitter.mjs";
+import { VerticalWritingIcon } from "./components/icons/vertical-writing.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 { Code } from "./components/data-display/code/code.mjs";
+import { Heading } from "./components/data-display/heading/heading.mjs";
+import { Table } from "./components/data-display/table/table.mjs";
+import { Alert } from "./components/feedback/alert/alert.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 { CheckboxCard } from "./components/form/checkbox-card/checkbox-card.mjs";
+import { CheckboxGroup } from "./components/form/checkbox-group/index.mjs";
+import { FileField } from "./components/form/file-field/file-field.mjs";
+import { Form } from "./components/form/form/form.mjs";
+import { FormControl } from "./components/form/form-control/form-control.mjs";
+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 { 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 { 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 { Tabs } from "./components/navigation/tabs/tabs.mjs";
+import { Dialog } from "./components/overlays/dialog/dialog.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 { Drawer } from "./components/overlays/drawer/drawer.mjs";
+import { DropdownMenu } from "./components/overlays/dropdown-menu/dropdown-menu.mjs";
+import { ListBox } from "./components/overlays/list-box/list-box.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, useHash, useHover, useInView, useIntersectionObserver, useInterval, useLocalStorage, usePortalRoot, useResize, useScrollDirection, useScrollLock, useSessionStorage, useStep, useTimeout, useToast, useWindowResize, useWindowSize, useWritingMode };

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

@@ -0,0 +1,18 @@
+import { Library } from "@openuidev/lang-core";
+//#region src/integrations/_shared/openui-defs.d.ts
+/**
+ * OpenUI ライブラリの「定義部分」（スキーマ・説明文・子要素の構成）を
+ * React 非依存で組み立てる共有ファクトリ。
+ *
+ * 描画関数（`component`）だけを外から差し込むことで、
+ * - クライアント（`openui/library.tsx`・'use client'）= 実 React 描画関数を渡す
+ * - サーバー安全（`openui/prompt.ts`）= 何も渡さず `prompt()` だけ使う
+ * の 2 つを **スキーマを二重管理せずに** 生成できる。
+ *
+ * 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 };

package/dist/integrations/_shared/openui-defs.mjs

@@ -0,0 +1,162 @@
+import { accordionProps, alertProps, anchorProps, autocompleteProps, avatarProps, badgeProps, breadcrumbProps, buttonProps, cardProps, checkboxCardProps, checkboxGroupProps, checkboxProps, chevronIconProps, codeProps, dialogProps, drawerProps, dropdownMenuProps, fileFieldProps, formControlProps, formProps, gridProps, headingProps, iconButtonProps, iconProps, listBoxProps, modalProps, numberFieldProps, paginationProps, passwordInputProps, popoverProps, progressProps, radioCardProps, radioProps, scrollLinkedProps, selectProps, separatorProps, skeletonProps, sliderProps, spinnerProps, stackProps, statusIconProps, switchProps, tableProps, tabsProps, textFieldProps, textareaProps, toastProps, tooltipProps } from "./schemas.mjs";
+import { createLibrary, defineComponent } from "@openuidev/lang-core";
+import { z } from "zod";
+//#region src/integrations/_shared/openui-defs.ts
+const buildComponentLibrary = (render) => {
+	const def = (name, description, props) => defineComponent({
+		name,
+		description,
+		props,
+		component: render[name]
+	});
+	const Button = def("Button", "アクションボタン。href を指定するとリンク（<a>）になる。", buttonProps);
+	const IconButton = def("IconButton", "アイコンのみのボタン（label は必須）。", iconButtonProps);
+	const Badge = def("Badge", "ステータスやラベルのバッジ。", badgeProps);
+	const Heading = def("Heading", "見出し（h1〜h6）。", headingProps);
+	const Anchor = def("Anchor", "テキストリンク。", anchorProps);
+	const Avatar = def("Avatar", "アバター（画像 or イニシャル）。", avatarProps);
+	const Code = def("Code", "インラインのコード/値表示。", codeProps);
+	const Icon = def("Icon", "アイコン（name で指定）。", iconProps);
+	const ChevronIcon = def("ChevronIcon", "矢印アイコン。direction で向きを指定。", chevronIconProps);
+	const StatusIcon = def("StatusIcon", "ステータスを表すアイコン（success/info/warning/error）。装飾用途で、メッセージ表示なら Alert を使う。", statusIconProps);
+	const Alert = def("Alert", "状態を伝えるアラート。message は文字列または文字列配列。", alertProps);
+	const Spinner = def("Spinner", "ローディングスピナー。", spinnerProps);
+	const Progress = def("Progress", "進捗バー。", progressProps);
+	const Skeleton = def("Skeleton", "ローディングのプレースホルダ。", skeletonProps);
+	const Separator = def("Separator", "区切り線。", separatorProps);
+	const Tabs = def("Tabs", "タブ。各タブは label とテキスト content を持つ。content は文字列のみ。", tabsProps);
+	const Accordion = def("Accordion", "開閉できるアコーディオン。各項目は title とテキスト content。content は文字列のみ。", accordionProps);
+	const Breadcrumb = def("Breadcrumb", "パンくずリスト。", breadcrumbProps);
+	const Table = def("Table", "テーブル。columns と rows（行ごとのセル文字列）。各行のセル数は columns の数と一致させる。", tableProps);
+	const TextField = def("TextField", "1行テキスト入力。name でフォーム状態に束縛される。", textFieldProps);
+	const Textarea = def("Textarea", "複数行テキスト入力。name でフォーム状態に束縛される。", textareaProps);
+	const PasswordInput = def("PasswordInput", "パスワード入力。name でフォーム状態に束縛される。", passwordInputProps);
+	const NumberField = def("NumberField", "数値入力。name でフォーム状態に束縛される。", numberFieldProps);
+	const Slider = def("Slider", "スライダー。name でフォーム状態に束縛される。", sliderProps);
+	const Checkbox = def("Checkbox", "チェックボックス。name でフォーム状態に束縛される。", checkboxProps);
+	const Switch = def("Switch", "オン/オフスイッチ。name でフォーム状態に束縛される。", switchProps);
+	const Select = def("Select", "ドロップダウン選択。name でフォーム状態に束縛される。", selectProps);
+	const Radio = def("Radio", "単一選択ラジオ。name でフォーム状態に束縛される。", radioProps);
+	const RadioCard = def("RadioCard", "カード型の単一選択。name でフォーム状態に束縛される。", radioCardProps);
+	const CheckboxCard = def("CheckboxCard", "カード型の複数選択。name でフォーム状態に束縛される。", checkboxCardProps);
+	const Pagination = def("Pagination", "ページネーション。name でフォーム状態に束縛される。", paginationProps);
+	const Tooltip = def("Tooltip", "ツールチップ。ホバー/フォーカスで表示。", tooltipProps);
+	const DropdownMenu = def("DropdownMenu", "ドロップダウンメニュー。", dropdownMenuProps);
+	const Toast = def("Toast", "トースト通知。triggerLabel のボタンで発火。", toastProps);
+	const ScrollLinked = def("ScrollLinked", "ページスクロール進捗バー（fixed top）。", scrollLinkedProps);
+	const ListBox = def("ListBox", "ポップアップ型の単一選択リスト。", listBoxProps);
+	const CheckboxGroup = def("CheckboxGroup", "チェックボックスグループ。name でフォーム状態に束縛。", checkboxGroupProps);
+	const Autocomplete = def("Autocomplete", "タグ風の複数選択オートコンプリート。", autocompleteProps);
+	const FileField = def("FileField", "ファイル選択フィールド（自己完結ウィジェット）。", fileFieldProps);
+	const FormControl = def("FormControl", "ラベル＋ヘルプ/エラー付きフィールド（text/textarea/password）。", formControlProps);
+	const childRefs = [
+		Button.ref,
+		IconButton.ref,
+		Badge.ref,
+		Heading.ref,
+		Anchor.ref,
+		Avatar.ref,
+		Code.ref,
+		Icon.ref,
+		ChevronIcon.ref,
+		StatusIcon.ref,
+		Alert.ref,
+		Spinner.ref,
+		Progress.ref,
+		Skeleton.ref,
+		Separator.ref,
+		Tabs.ref,
+		Accordion.ref,
+		Breadcrumb.ref,
+		Table.ref,
+		TextField.ref,
+		Textarea.ref,
+		PasswordInput.ref,
+		NumberField.ref,
+		Slider.ref,
+		Checkbox.ref,
+		Switch.ref,
+		Select.ref,
+		Radio.ref,
+		RadioCard.ref,
+		CheckboxCard.ref,
+		Pagination.ref,
+		Tooltip.ref,
+		DropdownMenu.ref,
+		Toast.ref,
+		ScrollLinked.ref,
+		ListBox.ref,
+		CheckboxGroup.ref,
+		Autocomplete.ref,
+		FileField.ref,
+		FormControl.ref
+	];
+	const Stack = def("Stack", "子要素を縦/横に等間隔で並べるレイアウトコンテナ。Stack の直下に Stack/Grid/Card は置けない。入れ子レイアウトが必要なら Card の中に Stack や Grid を入れる。", stackProps.extend({ children: z.array(z.union(childRefs)).describe("並べる子要素") }));
+	const Grid = def("Grid", "子要素をグリッド状に並べる。cols（1〜6 / auto-fill / auto-fit）と gap、auto-fill/fit 時は minItemSize で各セルの最小サイズを制御。Grid の直下に Stack/Grid/Card は置けない。", gridProps.extend({ children: z.array(z.union(childRefs)).describe("グリッド内の子要素") }));
+	const containerChildRefs = [
+		...childRefs,
+		Stack.ref,
+		Grid.ref
+	];
+	const Card = def("Card", "コンテンツをまとめるカード（コンテナ）。Stack や Grid も入れられる。interactive を付けるとホバー時にスケールする。", cardProps.extend({ children: z.array(z.union(containerChildRefs)).describe("カード内の子要素") }));
+	const Form = def("Form", "フォーム要素のラッパー（縦並びレイアウト）。", formProps.extend({ children: z.array(z.union(containerChildRefs)).describe("フォーム内の要素") }));
+	const Modal = def("Modal", "モーダルダイアログ。triggerLabel のボタンで開く。", modalProps.extend({ children: z.array(z.union(containerChildRefs)).describe("モーダル内の要素") }));
+	const Dialog = def("Dialog", "センターダイアログ。triggerLabel のボタンで開く。", dialogProps.extend({ children: z.array(z.union(containerChildRefs)).describe("ダイアログ内の要素") }));
+	const Drawer = def("Drawer", "サイドドロワー。triggerLabel のボタンで開く。", drawerProps.extend({ children: z.array(z.union(containerChildRefs)).describe("ドロワー内の要素") }));
+	const Popover = def("Popover", "ポップオーバー。triggerLabel のボタンで開閉。", popoverProps.extend({ children: z.array(z.union(containerChildRefs)).describe("ポップオーバー内の要素") }));
+	return createLibrary({
+		components: [
+			Stack,
+			Grid,
+			Card,
+			Form,
+			Modal,
+			Dialog,
+			Drawer,
+			Popover,
+			Tooltip,
+			DropdownMenu,
+			Toast,
+			Button,
+			IconButton,
+			Badge,
+			Heading,
+			Anchor,
+			Avatar,
+			Code,
+			Icon,
+			ChevronIcon,
+			StatusIcon,
+			Alert,
+			Spinner,
+			Progress,
+			Skeleton,
+			Separator,
+			ScrollLinked,
+			Tabs,
+			Accordion,
+			Breadcrumb,
+			Table,
+			TextField,
+			Textarea,
+			PasswordInput,
+			NumberField,
+			Slider,
+			Checkbox,
+			Switch,
+			Select,
+			Radio,
+			RadioCard,
+			CheckboxCard,
+			Pagination,
+			ListBox,
+			CheckboxGroup,
+			Autocomplete,
+			FileField,
+			FormControl
+		],
+		root: "Stack"
+	});
+};
+//#endregion
+export { buildComponentLibrary };

package/dist/integrations/_shared/renderers.d.mts

@@ -0,0 +1,71 @@
+import { AccordionProps, AlertProps, AnchorProps, AutocompleteProps, AvatarProps, BadgeProps, BreadcrumbProps, ButtonProps, CardProps, CheckboxCardProps, CheckboxGroupProps, CheckboxProps, ChevronIconProps, CodeProps, DialogProps, DrawerProps, DropdownMenuProps, FileFieldProps, FormControlProps, FormProps, GridProps, HeadingProps, IconButtonProps, IconProps, ListBoxProps, ModalProps, NumberFieldProps, PaginationProps, PasswordInputProps, PopoverProps, ProgressProps, RadioCardProps, RadioProps, ScrollLinkedProps, SelectProps, SeparatorProps, SkeletonProps, SliderProps, SpinnerProps, StackProps, StatusIconProps, SwitchProps, TableProps, TabsProps, TextFieldProps, TextareaProps, ToastProps, TooltipProps } from "./schemas.mjs";
+import { FC, ReactNode } from "react";
+//#region src/integrations/_shared/renderers.d.ts
+declare function renderButton(props: ButtonProps): ReactNode;
+declare function renderBadge(props: BadgeProps): ReactNode;
+declare function renderHeading(props: HeadingProps): ReactNode;
+declare function renderAlert(props: AlertProps): ReactNode;
+declare function renderSpinner(props: SpinnerProps): ReactNode;
+declare function renderSeparator(props: SeparatorProps): ReactNode;
+declare function renderCard(props: CardProps, children: ReactNode): ReactNode;
+declare const TabsView: FC<{
+  props: TabsProps;
+}>;
+declare function renderTabs(props: TabsProps): ReactNode;
+declare function renderStack(props: StackProps, children: ReactNode): ReactNode;
+declare function renderGrid(props: GridProps, children: ReactNode): ReactNode;
+declare function renderTextField(props: TextFieldProps, value: string, onChange: (next: string) => void): ReactNode;
+declare function renderCheckbox(props: CheckboxProps, checked: boolean, onChange: (next: boolean) => void): ReactNode;
+declare function renderSwitch(props: SwitchProps, checked: boolean, onChange: (next: boolean) => void): ReactNode;
+declare function renderSelect(props: SelectProps, value: string, onChange: (next: string) => void): ReactNode;
+declare function renderTextarea(props: TextareaProps, value: string, onChange: (next: string) => void): ReactNode;
+declare function renderPasswordInput(props: PasswordInputProps, value: string, onChange: (next: string) => void): ReactNode;
+declare function renderNumberField(props: NumberFieldProps, value: number, onChange: (next: number) => void): ReactNode;
+declare function renderSlider(props: SliderProps, value: number, onChange: (next: number) => void): ReactNode;
+declare function renderRadio(props: RadioProps, value: string, onChange: (next: string) => void): ReactNode;
+declare function renderRadioCard(props: RadioCardProps, value: string, onChange: (next: string) => void): ReactNode;
+declare function renderCheckboxCard(props: CheckboxCardProps, value: string[], onChange: (next: string[]) => void): ReactNode;
+declare function renderPagination(props: PaginationProps, currentPage: number, onChange: (next: number) => void): ReactNode;
+declare function renderIcon(props: IconProps): ReactNode;
+declare function renderChevronIcon(props: ChevronIconProps): ReactNode;
+declare function renderStatusIcon(props: StatusIconProps): ReactNode;
+declare function renderIconButton(props: IconButtonProps): ReactNode;
+declare function renderAnchor(props: AnchorProps): ReactNode;
+declare function renderAvatar(props: AvatarProps): ReactNode;
+declare function renderCode(props: CodeProps): ReactNode;
+declare function renderProgress(props: ProgressProps): ReactNode;
+declare function renderSkeleton(props: SkeletonProps): ReactNode;
+declare function renderAccordion(props: AccordionProps): ReactNode;
+declare function renderBreadcrumb(props: BreadcrumbProps): ReactNode;
+declare function renderTable(props: TableProps): ReactNode;
+declare function renderForm(props: FormProps, children: ReactNode): ReactNode;
+declare const ModalWidget: FC<{
+  props: ModalProps;
+  children: ReactNode;
+}>;
+declare const DialogWidget: FC<{
+  props: DialogProps;
+  children: ReactNode;
+}>;
+declare const DrawerWidget: FC<{
+  props: DrawerProps;
+  children: ReactNode;
+}>;
+declare function renderPopover(props: PopoverProps, children: ReactNode): ReactNode;
+declare function renderTooltip(props: TooltipProps): ReactNode;
+declare function renderDropdownMenu(props: DropdownMenuProps): ReactNode;
+declare function renderScrollLinked(_props: ScrollLinkedProps): ReactNode;
+declare const ToastWidget: FC<{
+  props: ToastProps;
+}>;
+declare function renderListBox(props: ListBoxProps, value: string, onChange: (next: string) => void): ReactNode;
+declare function renderCheckboxGroup(props: CheckboxGroupProps, value: string[], onChange: (next: string[]) => void): ReactNode;
+declare function renderAutocomplete(props: AutocompleteProps, value: string[], onChange: (next: string[]) => void): ReactNode;
+declare const FileFieldWidget: FC<{
+  props: FileFieldProps;
+}>;
+declare const FormControlWidget: FC<{
+  props: FormControlProps;
+}>;
+//#endregion
+export { DialogWidget, DrawerWidget, FileFieldWidget, FormControlWidget, ModalWidget, TabsView, ToastWidget, renderAccordion, renderAlert, renderAnchor, renderAutocomplete, renderAvatar, renderBadge, renderBreadcrumb, renderButton, renderCard, renderCheckbox, renderCheckboxCard, renderCheckboxGroup, renderChevronIcon, renderCode, renderDropdownMenu, renderForm, renderGrid, renderHeading, renderIcon, renderIconButton, renderListBox, renderNumberField, renderPagination, renderPasswordInput, renderPopover, renderProgress, renderRadio, renderRadioCard, renderScrollLinked, renderSelect, renderSeparator, renderSkeleton, renderSlider, renderSpinner, renderStack, renderStatusIcon, renderSwitch, renderTable, renderTabs, renderTextField, renderTextarea, renderTooltip };