@k8ordo/ui 1.0.0 → 2.0.0

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 (85) hide show
  1. package/README.md +37 -12
  2. package/dist/components/ai/conversation/conversation.d.mts +8 -10
  3. package/dist/components/ai/conversation/conversation.mjs +1 -6
  4. package/dist/components/ai/conversation/index.d.mts +15 -1
  5. package/dist/components/ai/conversation/index.mjs +8 -1
  6. package/dist/components/ai/index.d.mts +5 -9
  7. package/dist/components/ai/index.mjs +4 -4
  8. package/dist/components/ai/message/index.d.mts +12 -1
  9. package/dist/components/ai/message/index.mjs +7 -1
  10. package/dist/components/ai/message/message.d.mts +3 -5
  11. package/dist/components/ai/message/message.mjs +1 -5
  12. package/dist/components/ai/prompt-input/index.d.mts +23 -1
  13. package/dist/components/ai/prompt-input/index.mjs +8 -1
  14. package/dist/components/ai/prompt-input/prompt-input.d.mts +4 -6
  15. package/dist/components/ai/prompt-input/prompt-input.mjs +1 -6
  16. package/dist/components/ai/suggestion/index.d.mts +13 -1
  17. package/dist/components/ai/suggestion/index.mjs +7 -1
  18. package/dist/components/ai/suggestion/suggestion.d.mts +3 -5
  19. package/dist/components/ai/suggestion/suggestion.mjs +1 -5
  20. package/dist/components/buttons/icon-button/icon-button.mjs +1 -1
  21. package/dist/components/form/checkbox/checkbox.d.mts +1 -0
  22. package/dist/components/form/checkbox/checkbox.mjs +3 -2
  23. package/dist/components/form/checkbox-group/index.d.mts +1 -0
  24. package/dist/components/form/file-field/file-field.d.mts +12 -15
  25. package/dist/components/form/file-field/file-field.mjs +1 -6
  26. package/dist/components/form/file-field/index.d.mts +17 -1
  27. package/dist/components/form/file-field/index.mjs +8 -1
  28. package/dist/components/form/radio/radio.d.mts +1 -0
  29. package/dist/components/form/radio/radio.mjs +3 -2
  30. package/dist/components/index.d.mts +15 -21
  31. package/dist/components/index.mjs +7 -7
  32. package/dist/components/navigation/anchor/anchor.mjs +1 -1
  33. package/dist/components/navigation/tabs/index.d.mts +19 -1
  34. package/dist/components/navigation/tabs/index.mjs +9 -1
  35. package/dist/components/navigation/tabs/tabs.d.mts +16 -18
  36. package/dist/components/navigation/tabs/tabs.mjs +1 -7
  37. package/dist/components/overlays/dialog/dialog.d.mts +12 -16
  38. package/dist/components/overlays/dialog/dialog.mjs +1 -6
  39. package/dist/components/overlays/dialog/index.d.mts +17 -1
  40. package/dist/components/overlays/dialog/index.mjs +8 -1
  41. package/dist/components/overlays/dropdown-menu/dropdown-menu.d.mts +20 -24
  42. package/dist/components/overlays/dropdown-menu/dropdown-menu.mjs +2 -11
  43. package/dist/components/overlays/dropdown-menu/index.d.mts +31 -1
  44. package/dist/components/overlays/dropdown-menu/index.mjs +12 -1
  45. package/dist/components/overlays/dropdown-menu/sub-menu.mjs +1 -1
  46. package/dist/components/overlays/list-box/index.d.mts +27 -1
  47. package/dist/components/overlays/list-box/index.mjs +9 -1
  48. package/dist/components/overlays/list-box/list-box.d.mts +20 -22
  49. package/dist/components/overlays/list-box/list-box.mjs +2 -8
  50. package/dist/components/overlays/popover/index.d.mts +24 -1
  51. package/dist/components/overlays/popover/index.mjs +8 -1
  52. package/dist/components/overlays/popover/popover.d.mts +18 -20
  53. package/dist/components/overlays/popover/popover.mjs +2 -7
  54. package/dist/components/overlays/tooltip/index.d.mts +21 -1
  55. package/dist/components/overlays/tooltip/index.mjs +8 -1
  56. package/dist/components/overlays/tooltip/tooltip.d.mts +18 -22
  57. package/dist/components/overlays/tooltip/tooltip.mjs +2 -7
  58. package/dist/hooks/index.d.mts +1 -4
  59. package/dist/hooks/index.mjs +2 -5
  60. package/dist/index.d.mts +13 -15
  61. package/dist/index.mjs +9 -12
  62. package/dist/integrations/_shared/renderers.mjs +7 -7
  63. package/dist/integrations/_shared/schemas.d.mts +1 -1
  64. package/dist/{hooks/focus-trap/index.d.mts → internal/focus-trap.d.mts} +1 -1
  65. package/dist/{hooks/focus-trap/index.mjs → internal/focus-trap.mjs} +1 -1
  66. package/dist/styles/index.css +0 -8
  67. package/docs/GUIDE.md +148 -133
  68. package/docs/llms.txt +11 -7
  69. package/docs/props.generated.json +18 -0
  70. package/docs/references/ai-chat.md +67 -67
  71. package/docs/references/color.md +108 -107
  72. package/docs/references/components.md +318 -310
  73. package/docs/references/generative-ui.md +51 -30
  74. package/docs/references/helpers.md +155 -52
  75. package/docs/references/hooks.md +61 -74
  76. package/docs/references/interaction-design.md +47 -47
  77. package/docs/references/spatial-design.md +83 -81
  78. package/docs/references/typography.md +68 -67
  79. package/package.json +32 -33
  80. package/dist/hooks/hash/index.d.mts +0 -4
  81. package/dist/hooks/hash/index.mjs +0 -25
  82. package/dist/hooks/local-storage/index.d.mts +0 -4
  83. package/dist/hooks/local-storage/index.mjs +0 -46
  84. package/dist/hooks/session-storage/index.d.mts +0 -4
  85. package/dist/hooks/session-storage/index.mjs +0 -46
@@ -9,26 +9,22 @@ type TooltipTriggerProps = {
9
9
  onBlur: FocusEventHandler<HTMLElement>;
10
10
  'aria-describedby'?: string;
11
11
  };
12
- declare const Tooltip: {
13
- readonly Root: FC<PropsWithChildren<{
14
- placement?: Placement;
15
- isOpen?: boolean;
16
- defaultOpen?: boolean;
17
- onChange?: (isOpen: boolean) => void;
18
- /** hover で開くまでの猶予(ms)。ポインタが通過しただけの誤表示を防ぐ。 */
19
- openDelay?: number;
20
- /**
21
- * hover が外れてから閉じるまでの猶予(ms)。ブリッジ(隙間の当たり判定)が
22
- * 守れない「content の中央へ斜めに向かう軌跡」を時間側でカバーする。
23
- */
24
- closeDelay?: number;
25
- }>>;
26
- readonly Trigger: FC<{
27
- renderItem: (props: TooltipTriggerProps) => ReactElement;
28
- }>;
29
- readonly Content: FC<{
30
- children?: import("react").ReactNode | undefined;
31
- }>;
32
- };
12
+ declare const Root: FC<PropsWithChildren<{
13
+ placement?: Placement;
14
+ isOpen?: boolean;
15
+ defaultOpen?: boolean;
16
+ onChange?: (isOpen: boolean) => void;
17
+ /** hover で開くまでの猶予(ms)。ポインタが通過しただけの誤表示を防ぐ。 */
18
+ openDelay?: number;
19
+ /**
20
+ * hover が外れてから閉じるまでの猶予(ms)。ブリッジ(隙間の当たり判定)が
21
+ * 守れない「content の中央へ斜めに向かう軌跡」を時間側でカバーする。
22
+ */
23
+ closeDelay?: number;
24
+ }>>;
25
+ declare const Trigger: FC<{
26
+ renderItem: (props: TooltipTriggerProps) => ReactElement;
27
+ }>;
28
+ declare const Content: FC<PropsWithChildren>;
33
29
  //#endregion
34
- export { Tooltip, TooltipTriggerProps };
30
+ export { Content, Root, TooltipTriggerProps, Trigger };
@@ -4,7 +4,7 @@ import { createSafeContext } from "../../../helpers/create-safe-context.mjs";
4
4
  import { useCanHover } from "../_internal/use-can-hover.mjs";
5
5
  import { useHoverIntent } from "../_internal/use-hover-intent.mjs";
6
6
  import { usePopoverContext } from "../popover/hooks.mjs";
7
- import { Popover } from "../popover/popover.mjs";
7
+ import { Popover } from "../popover/index.mjs";
8
8
  import { bridgeClass } from "./bridge.mjs";
9
9
  import { useMemo } from "react";
10
10
  import { jsx } from "react/jsx-runtime";
@@ -78,10 +78,5 @@ const Content = ({ children }) => {
78
78
  })
79
79
  });
80
80
  };
81
- const Tooltip = {
82
- Root,
83
- Trigger,
84
- Content
85
- };
86
81
  //#endregion
87
- export { Tooltip };
82
+ export { Content, Root, Trigger };
@@ -6,20 +6,17 @@ import { useControllableState } from "./controllable-state/index.mjs";
6
6
  import { DebouncedAction, useDebouncedTransition } from "./debounced-transition/index.mjs";
7
7
  import { useDeferredDebounce } from "./deferred-debounce/index.mjs";
8
8
  import { useDisclosure } from "./disclosure/index.mjs";
9
- import { useHash } from "./hash/index.mjs";
10
9
  import { useHover } from "./hover/index.mjs";
11
10
  import { useIntersectionObserver } from "./intersection-observer/use-intersection-observer.mjs";
12
11
  import { useInView } from "./intersection-observer/use-in-view.mjs";
13
12
  import "./intersection-observer/index.mjs";
14
13
  import { useInterval } from "./interval/index.mjs";
15
- import { useLocalStorage } from "./local-storage/index.mjs";
16
14
  import { useResize } from "./resize/index.mjs";
17
15
  import { useScrollDirection } from "./scroll-direction/index.mjs";
18
16
  import { useScrollLock } from "./scroll-lock/index.mjs";
19
- import { useSessionStorage } from "./session-storage/index.mjs";
20
17
  import { useStep } from "./step/index.mjs";
21
18
  import { useTimeout } from "./timeout/index.mjs";
22
19
  import { useWindowResize } from "./window-resize/index.mjs";
23
20
  import { useWindowSize } from "./window-size/index.mjs";
24
21
  import { WritingMode, useWritingMode } from "./writing-mode/index.mjs";
25
- export { type DebouncedAction, type WritingMode, useBreakpoint, useClickAway, useClient, useClipboard, useControllableState, useDebouncedTransition, useDeferredDebounce, useDisclosure, useHash, useHover, useInView, useIntersectionObserver, useInterval, useLocalStorage, useResize, useScrollDirection, useScrollLock, useSessionStorage, useStep, useTimeout, useWindowResize, useWindowSize, useWritingMode };
22
+ export { type DebouncedAction, type WritingMode, useBreakpoint, useClickAway, useClient, useClipboard, useControllableState, useDebouncedTransition, useDeferredDebounce, useDisclosure, useHover, useInView, useIntersectionObserver, useInterval, useResize, useScrollDirection, useScrollLock, useStep, useTimeout, useWindowResize, useWindowSize, useWritingMode };
@@ -1,3 +1,4 @@
1
+ import { useBreakpoint } from "./breakpoint/index.mjs";
1
2
  import { useClickAway } from "./click-away/index.mjs";
2
3
  import { useClient } from "./client/index.mjs";
3
4
  import { useClipboard } from "./clipboard/index.mjs";
@@ -5,20 +6,16 @@ import { useControllableState } from "./controllable-state/index.mjs";
5
6
  import { useDebouncedTransition } from "./debounced-transition/index.mjs";
6
7
  import { useDeferredDebounce } from "./deferred-debounce/index.mjs";
7
8
  import { useDisclosure } from "./disclosure/index.mjs";
8
- import { useHash } from "./hash/index.mjs";
9
9
  import { useHover } from "./hover/index.mjs";
10
10
  import { useIntersectionObserver } from "./intersection-observer/use-intersection-observer.mjs";
11
11
  import { useInView } from "./intersection-observer/use-in-view.mjs";
12
12
  import { useInterval } from "./interval/index.mjs";
13
- import { useBreakpoint } from "./breakpoint/index.mjs";
14
- import { useLocalStorage } from "./local-storage/index.mjs";
15
13
  import { useResize } from "./resize/index.mjs";
16
14
  import { useScrollDirection } from "./scroll-direction/index.mjs";
17
15
  import { useScrollLock } from "./scroll-lock/index.mjs";
18
- import { useSessionStorage } from "./session-storage/index.mjs";
19
16
  import { useStep } from "./step/index.mjs";
20
17
  import { useTimeout } from "./timeout/index.mjs";
21
18
  import { useWindowResize } from "./window-resize/index.mjs";
22
19
  import { useWindowSize } from "./window-size/index.mjs";
23
20
  import { useWritingMode } from "./writing-mode/index.mjs";
24
- export { useBreakpoint, useClickAway, useClient, useClipboard, useControllableState, useDebouncedTransition, useDeferredDebounce, useDisclosure, useHash, useHover, useInView, useIntersectionObserver, useInterval, useLocalStorage, useResize, useScrollDirection, useScrollLock, useSessionStorage, useStep, useTimeout, useWindowResize, useWindowSize, useWritingMode };
21
+ export { useBreakpoint, useClickAway, useClient, useClipboard, useControllableState, useDebouncedTransition, useDeferredDebounce, useDisclosure, useHover, useInView, useIntersectionObserver, useInterval, useResize, useScrollDirection, useScrollLock, useStep, useTimeout, useWindowResize, useWindowSize, useWritingMode };
package/dist/index.d.mts CHANGED
@@ -1,7 +1,5 @@
1
1
  import { Button } from "./components/buttons/button/button.mjs";
2
2
  import { Direction, DrawerSide, ModalSide, Option, Placement, Status } from "./types/variables.mjs";
3
- import { Tooltip, TooltipTriggerProps } from "./components/overlays/tooltip/tooltip.mjs";
4
- import { IconButton, IconButtonTriggerProps } from "./components/buttons/icon-button/icon-button.mjs";
5
3
  import { Accordion } from "./components/data-display/accordion/index.mjs";
6
4
  import { Avatar } from "./components/data-display/avatar/avatar.mjs";
7
5
  import { Badge } from "./components/data-display/badge/badge.mjs";
@@ -16,16 +14,16 @@ import { Spinner } from "./components/feedback/spinner/spinner.mjs";
16
14
  import { ToastAction, ToastOptions, useToast } from "./components/feedback/toast/context.mjs";
17
15
  import { ToastProvider } from "./components/feedback/toast/provider.mjs";
18
16
  import { Autocomplete } from "./components/form/autocomplete/autocomplete.mjs";
17
+ import { Checkbox } from "./components/form/checkbox/checkbox.mjs";
19
18
  import { CheckboxCard, CheckboxCardOption } from "./components/form/checkbox-card/checkbox-card.mjs";
20
19
  import { CheckboxGroup } from "./components/form/checkbox-group/index.mjs";
21
- import { Checkbox } from "./components/form/checkbox/checkbox.mjs";
22
- import { FileField } from "./components/form/file-field/file-field.mjs";
23
- import { FormControl } from "./components/form/form-control/form-control.mjs";
20
+ import { FileField } from "./components/form/file-field/index.mjs";
24
21
  import { Form } from "./components/form/form/form.mjs";
22
+ import { FormControl } from "./components/form/form-control/form-control.mjs";
25
23
  import { NumberField } from "./components/form/number-field/number-field.mjs";
26
24
  import { PasswordInput } from "./components/form/password-input/password-input.mjs";
27
- import { RadioCard, RadioCardOption } from "./components/form/radio-card/radio-card.mjs";
28
25
  import { Radio } from "./components/form/radio/radio.mjs";
26
+ import { RadioCard, RadioCardOption } from "./components/form/radio-card/radio-card.mjs";
29
27
  import { Select } from "./components/form/select/select.mjs";
30
28
  import { Slider } from "./components/form/slider/slider.mjs";
31
29
  import { Switch } from "./components/form/switch/switch.mjs";
@@ -49,14 +47,14 @@ import { Stack, StackProps } from "./components/layout/stack/stack.mjs";
49
47
  import { Anchor } from "./components/navigation/anchor/anchor.mjs";
50
48
  import { Breadcrumb } from "./components/navigation/breadcrumb/index.mjs";
51
49
  import { Pagination } from "./components/navigation/pagination/pagination.mjs";
52
- import { Tabs } from "./components/navigation/tabs/tabs.mjs";
53
- import { Dialog } from "./components/overlays/dialog/dialog.mjs";
50
+ import { Tabs } from "./components/navigation/tabs/index.mjs";
51
+ import { Dialog } from "./components/overlays/dialog/index.mjs";
54
52
  import { Drawer } from "./components/overlays/drawer/drawer.mjs";
55
- import { DropdownMenu } from "./components/overlays/dropdown-menu/dropdown-menu.mjs";
56
- import { ListBox } from "./components/overlays/list-box/list-box.mjs";
53
+ import { DropdownMenu } from "./components/overlays/dropdown-menu/index.mjs";
54
+ import { ListBox } from "./components/overlays/list-box/index.mjs";
57
55
  import { Modal } from "./components/overlays/modal/modal.mjs";
58
56
  import { PopoverContentProps, PopoverTriggerProps } from "./components/overlays/popover/hooks.mjs";
59
- import { Popover } from "./components/overlays/popover/popover.mjs";
57
+ import { Popover } from "./components/overlays/popover/index.mjs";
60
58
  import { Messages } from "./i18n/messages.mjs";
61
59
  import { UIProvider } from "./components/providers/ui-provider.mjs";
62
60
  import { PortalRootProvider, usePortalRoot } from "./components/providers/portal-root.mjs";
@@ -75,20 +73,20 @@ import { useControllableState } from "./hooks/controllable-state/index.mjs";
75
73
  import { DebouncedAction, useDebouncedTransition } from "./hooks/debounced-transition/index.mjs";
76
74
  import { useDeferredDebounce } from "./hooks/deferred-debounce/index.mjs";
77
75
  import { useDisclosure } from "./hooks/disclosure/index.mjs";
78
- import { useHash } from "./hooks/hash/index.mjs";
79
76
  import { useHover } from "./hooks/hover/index.mjs";
80
77
  import { useIntersectionObserver } from "./hooks/intersection-observer/use-intersection-observer.mjs";
81
78
  import { useInView } from "./hooks/intersection-observer/use-in-view.mjs";
82
79
  import { useInterval } from "./hooks/interval/index.mjs";
83
- import { useLocalStorage } from "./hooks/local-storage/index.mjs";
84
80
  import { useResize } from "./hooks/resize/index.mjs";
85
81
  import { useScrollDirection } from "./hooks/scroll-direction/index.mjs";
86
82
  import { useScrollLock } from "./hooks/scroll-lock/index.mjs";
87
- import { useSessionStorage } from "./hooks/session-storage/index.mjs";
88
83
  import { useStep } from "./hooks/step/index.mjs";
89
84
  import { useTimeout } from "./hooks/timeout/index.mjs";
90
85
  import { useWindowResize } from "./hooks/window-resize/index.mjs";
91
86
  import { useWindowSize } from "./hooks/window-size/index.mjs";
92
87
  import { WritingMode, useWritingMode } from "./hooks/writing-mode/index.mjs";
93
88
  import "./hooks/index.mjs";
94
- 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 };
89
+ import { TooltipTriggerProps } from "./components/overlays/tooltip/tooltip.mjs";
90
+ import { Tooltip } from "./components/overlays/tooltip/index.mjs";
91
+ import { IconButton, IconButtonTriggerProps } from "./components/buttons/icon-button/icon-button.mjs";
92
+ 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 };
package/dist/index.mjs CHANGED
@@ -5,6 +5,7 @@ import { chain } from "./helpers/chain.mjs";
5
5
  import { createSafeContext } from "./helpers/create-safe-context.mjs";
6
6
  import { mergeProps } from "./helpers/merge-props.mjs";
7
7
  import { mergeRefs } from "./helpers/merge-refs.mjs";
8
+ import { useBreakpoint } from "./hooks/breakpoint/index.mjs";
8
9
  import { useClickAway } from "./hooks/click-away/index.mjs";
9
10
  import { useClient } from "./hooks/client/index.mjs";
10
11
  import { useClipboard } from "./hooks/clipboard/index.mjs";
@@ -12,24 +13,20 @@ import { useControllableState } from "./hooks/controllable-state/index.mjs";
12
13
  import { useDebouncedTransition } from "./hooks/debounced-transition/index.mjs";
13
14
  import { useDeferredDebounce } from "./hooks/deferred-debounce/index.mjs";
14
15
  import { useDisclosure } from "./hooks/disclosure/index.mjs";
15
- import { useHash } from "./hooks/hash/index.mjs";
16
16
  import { useHover } from "./hooks/hover/index.mjs";
17
17
  import { useIntersectionObserver } from "./hooks/intersection-observer/use-intersection-observer.mjs";
18
18
  import { useInView } from "./hooks/intersection-observer/use-in-view.mjs";
19
19
  import { useInterval } from "./hooks/interval/index.mjs";
20
- import { useBreakpoint } from "./hooks/breakpoint/index.mjs";
21
- import { useLocalStorage } from "./hooks/local-storage/index.mjs";
22
20
  import { useResize } from "./hooks/resize/index.mjs";
23
21
  import { useScrollDirection } from "./hooks/scroll-direction/index.mjs";
24
22
  import { useScrollLock } from "./hooks/scroll-lock/index.mjs";
25
- import { useSessionStorage } from "./hooks/session-storage/index.mjs";
26
23
  import { useStep } from "./hooks/step/index.mjs";
27
24
  import { useTimeout } from "./hooks/timeout/index.mjs";
28
25
  import { useWindowResize } from "./hooks/window-resize/index.mjs";
29
26
  import { useWindowSize } from "./hooks/window-size/index.mjs";
30
27
  import { useWritingMode } from "./hooks/writing-mode/index.mjs";
31
- import { Popover } from "./components/overlays/popover/popover.mjs";
32
- import { Tooltip } from "./components/overlays/tooltip/tooltip.mjs";
28
+ import { Popover } from "./components/overlays/popover/index.mjs";
29
+ import { Tooltip } from "./components/overlays/tooltip/index.mjs";
33
30
  import { IconButton } from "./components/buttons/icon-button/icon-button.mjs";
34
31
  import { ChromeIcon, EdgeIcon, FirefoxIcon, SafariIcon } from "./components/icons/browsers.mjs";
35
32
  import { ColorScaleIcon } from "./components/icons/color-scale.mjs";
@@ -55,7 +52,7 @@ import { Autocomplete } from "./components/form/autocomplete/autocomplete.mjs";
55
52
  import { Checkbox } from "./components/form/checkbox/checkbox.mjs";
56
53
  import { CheckboxCard } from "./components/form/checkbox-card/checkbox-card.mjs";
57
54
  import { CheckboxGroup } from "./components/form/checkbox-group/index.mjs";
58
- import { FileField } from "./components/form/file-field/file-field.mjs";
55
+ import { FileField } from "./components/form/file-field/index.mjs";
59
56
  import { Form } from "./components/form/form/form.mjs";
60
57
  import { FormControl } from "./components/form/form-control/form-control.mjs";
61
58
  import { NumberField } from "./components/form/number-field/number-field.mjs";
@@ -74,12 +71,12 @@ import { Stack } from "./components/layout/stack/stack.mjs";
74
71
  import { Anchor } from "./components/navigation/anchor/anchor.mjs";
75
72
  import { Breadcrumb } from "./components/navigation/breadcrumb/index.mjs";
76
73
  import { Pagination } from "./components/navigation/pagination/pagination.mjs";
77
- import { Tabs } from "./components/navigation/tabs/tabs.mjs";
78
- import { Dialog } from "./components/overlays/dialog/dialog.mjs";
74
+ import { Tabs } from "./components/navigation/tabs/index.mjs";
75
+ import { Dialog } from "./components/overlays/dialog/index.mjs";
79
76
  import { UIProvider } from "./components/providers/ui-provider.mjs";
80
77
  import { PortalRootProvider, usePortalRoot } from "./components/providers/portal-root.mjs";
81
78
  import { Modal } from "./components/overlays/modal/modal.mjs";
82
79
  import { Drawer } from "./components/overlays/drawer/drawer.mjs";
83
- import { DropdownMenu } from "./components/overlays/dropdown-menu/dropdown-menu.mjs";
84
- import { ListBox } from "./components/overlays/list-box/list-box.mjs";
85
- 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 };
80
+ import { DropdownMenu } from "./components/overlays/dropdown-menu/index.mjs";
81
+ import { ListBox } from "./components/overlays/list-box/index.mjs";
82
+ 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 };
@@ -2,8 +2,8 @@
2
2
  import { useMessages } from "../../i18n/context.mjs";
3
3
  import { Spinner } from "../../components/feedback/spinner/spinner.mjs";
4
4
  import { Button } from "../../components/buttons/button/button.mjs";
5
- import { Popover } from "../../components/overlays/popover/popover.mjs";
6
- import { Tooltip } from "../../components/overlays/tooltip/tooltip.mjs";
5
+ import { Popover } from "../../components/overlays/popover/index.mjs";
6
+ import { Tooltip } from "../../components/overlays/tooltip/index.mjs";
7
7
  import { IconButton } from "../../components/buttons/icon-button/icon-button.mjs";
8
8
  import { GitHubIcon } from "../../components/icons/github-mark.mjs";
9
9
  import { LogoIcon } from "../../components/icons/logo.mjs";
@@ -27,7 +27,7 @@ import { Autocomplete } from "../../components/form/autocomplete/autocomplete.mj
27
27
  import { Checkbox } from "../../components/form/checkbox/checkbox.mjs";
28
28
  import { CheckboxCard } from "../../components/form/checkbox-card/checkbox-card.mjs";
29
29
  import { CheckboxGroup } from "../../components/form/checkbox-group/index.mjs";
30
- import { FileField } from "../../components/form/file-field/file-field.mjs";
30
+ import { FileField } from "../../components/form/file-field/index.mjs";
31
31
  import { Form } from "../../components/form/form/form.mjs";
32
32
  import { FormControl } from "../../components/form/form-control/form-control.mjs";
33
33
  import { NumberField } from "../../components/form/number-field/number-field.mjs";
@@ -46,12 +46,12 @@ import { Stack } from "../../components/layout/stack/stack.mjs";
46
46
  import { Anchor } from "../../components/navigation/anchor/anchor.mjs";
47
47
  import { Breadcrumb } from "../../components/navigation/breadcrumb/index.mjs";
48
48
  import { Pagination } from "../../components/navigation/pagination/pagination.mjs";
49
- import { Tabs } from "../../components/navigation/tabs/tabs.mjs";
50
- import { Dialog } from "../../components/overlays/dialog/dialog.mjs";
49
+ import { Tabs } from "../../components/navigation/tabs/index.mjs";
50
+ import { Dialog } from "../../components/overlays/dialog/index.mjs";
51
51
  import { Modal } from "../../components/overlays/modal/modal.mjs";
52
52
  import { Drawer } from "../../components/overlays/drawer/drawer.mjs";
53
- import { DropdownMenu } from "../../components/overlays/dropdown-menu/dropdown-menu.mjs";
54
- import { ListBox } from "../../components/overlays/list-box/list-box.mjs";
53
+ import { DropdownMenu } from "../../components/overlays/dropdown-menu/index.mjs";
54
+ import { ListBox } from "../../components/overlays/list-box/index.mjs";
55
55
  import { Fragment, useId, useState } from "react";
56
56
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
57
57
  //#region src/integrations/_shared/renderers.tsx
@@ -1,6 +1,5 @@
1
1
  import { Button } from "../../components/buttons/button/button.mjs";
2
2
  import "../../components/buttons/button/index.mjs";
3
- import { IconButton } from "../../components/buttons/icon-button/icon-button.mjs";
4
3
  import "../../components/buttons/icon-button/index.mjs";
5
4
  import { Avatar } from "../../components/data-display/avatar/avatar.mjs";
6
5
  import "../../components/data-display/avatar/index.mjs";
@@ -29,6 +28,7 @@ import { Drawer } from "../../components/overlays/drawer/drawer.mjs";
29
28
  import "../../components/overlays/drawer/index.mjs";
30
29
  import { Modal } from "../../components/overlays/modal/modal.mjs";
31
30
  import "../../components/overlays/modal/index.mjs";
31
+ import { IconButton } from "../../components/buttons/icon-button/icon-button.mjs";
32
32
  import { ComponentProps } from "react";
33
33
  import { z } from "zod";
34
34
  //#region src/integrations/_shared/schemas.d.ts
@@ -1,5 +1,5 @@
1
1
  import { RefObject } from "react";
2
- //#region src/hooks/focus-trap/index.d.ts
2
+ //#region src/internal/focus-trap.d.ts
3
3
  /**
4
4
  * 非モーダルなポップアップのフォーカス管理。
5
5
  *
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { useEffect } from "react";
3
- //#region src/hooks/focus-trap/index.ts
3
+ //#region src/internal/focus-trap.ts
4
4
  const FOCUSABLE_SELECTOR = [
5
5
  "a[href]",
6
6
  "button:not([disabled])",
@@ -1485,14 +1485,6 @@
1485
1485
  .hover\:text-fg-base:hover {
1486
1486
  color: var(--fg-base);
1487
1487
  }
1488
- .hover\:text-fg-info\/80:hover {
1489
- color: var(--fg-info);
1490
- }
1491
- @supports (color: color-mix(in lab, red, red)) {
1492
- .hover\:text-fg-info\/80:hover {
1493
- color: color-mix(in oklab, var(--fg-info) 80%, transparent);
1494
- }
1495
- }
1496
1488
  .hover\:text-primary-fg:hover {
1497
1489
  color: var(--primary-fg);
1498
1490
  }