@ark-ui/react 5.25.0 → 5.26.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 (117) hide show
  1. package/dist/components/anatomy.cjs +5 -0
  2. package/dist/components/anatomy.d.cts +1 -0
  3. package/dist/components/anatomy.d.ts +1 -0
  4. package/dist/components/anatomy.js +1 -0
  5. package/dist/components/bottom-sheet/bottom-sheet-backdrop.cjs +27 -0
  6. package/dist/components/bottom-sheet/bottom-sheet-backdrop.d.cts +7 -0
  7. package/dist/components/bottom-sheet/bottom-sheet-backdrop.d.ts +7 -0
  8. package/dist/components/bottom-sheet/bottom-sheet-backdrop.js +23 -0
  9. package/dist/components/bottom-sheet/bottom-sheet-close-trigger.cjs +19 -0
  10. package/dist/components/bottom-sheet/bottom-sheet-close-trigger.d.cts +7 -0
  11. package/dist/components/bottom-sheet/bottom-sheet-close-trigger.d.ts +7 -0
  12. package/dist/components/bottom-sheet/bottom-sheet-close-trigger.js +15 -0
  13. package/dist/components/bottom-sheet/bottom-sheet-content.cjs +31 -0
  14. package/dist/components/bottom-sheet/bottom-sheet-content.d.cts +8 -0
  15. package/dist/components/bottom-sheet/bottom-sheet-content.d.ts +8 -0
  16. package/dist/components/bottom-sheet/bottom-sheet-content.js +27 -0
  17. package/dist/components/bottom-sheet/bottom-sheet-context.cjs +10 -0
  18. package/dist/components/bottom-sheet/bottom-sheet-context.d.cts +6 -0
  19. package/dist/components/bottom-sheet/bottom-sheet-context.d.ts +6 -0
  20. package/dist/components/bottom-sheet/bottom-sheet-context.js +6 -0
  21. package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.cjs +21 -0
  22. package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.d.cts +7 -0
  23. package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.d.ts +7 -0
  24. package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.js +17 -0
  25. package/dist/components/bottom-sheet/bottom-sheet-grabber.cjs +19 -0
  26. package/dist/components/bottom-sheet/bottom-sheet-grabber.d.cts +7 -0
  27. package/dist/components/bottom-sheet/bottom-sheet-grabber.d.ts +7 -0
  28. package/dist/components/bottom-sheet/bottom-sheet-grabber.js +15 -0
  29. package/dist/components/bottom-sheet/bottom-sheet-root-provider.cjs +21 -0
  30. package/dist/components/bottom-sheet/bottom-sheet-root-provider.d.cts +14 -0
  31. package/dist/components/bottom-sheet/bottom-sheet-root-provider.d.ts +14 -0
  32. package/dist/components/bottom-sheet/bottom-sheet-root-provider.js +17 -0
  33. package/dist/components/bottom-sheet/bottom-sheet-root.cjs +23 -0
  34. package/dist/components/bottom-sheet/bottom-sheet-root.d.cts +9 -0
  35. package/dist/components/bottom-sheet/bottom-sheet-root.d.ts +9 -0
  36. package/dist/components/bottom-sheet/bottom-sheet-root.js +19 -0
  37. package/dist/components/bottom-sheet/bottom-sheet-title.cjs +19 -0
  38. package/dist/components/bottom-sheet/bottom-sheet-title.d.cts +7 -0
  39. package/dist/components/bottom-sheet/bottom-sheet-title.d.ts +7 -0
  40. package/dist/components/bottom-sheet/bottom-sheet-title.js +15 -0
  41. package/dist/components/bottom-sheet/bottom-sheet-trigger.cjs +27 -0
  42. package/dist/components/bottom-sheet/bottom-sheet-trigger.d.cts +7 -0
  43. package/dist/components/bottom-sheet/bottom-sheet-trigger.d.ts +7 -0
  44. package/dist/components/bottom-sheet/bottom-sheet-trigger.js +23 -0
  45. package/dist/components/bottom-sheet/bottom-sheet.anatomy.d.cts +1 -0
  46. package/dist/components/bottom-sheet/bottom-sheet.anatomy.d.ts +1 -0
  47. package/dist/components/bottom-sheet/bottom-sheet.cjs +27 -0
  48. package/dist/components/bottom-sheet/bottom-sheet.d.cts +11 -0
  49. package/dist/components/bottom-sheet/bottom-sheet.d.ts +11 -0
  50. package/dist/components/bottom-sheet/bottom-sheet.js +10 -0
  51. package/dist/components/bottom-sheet/index.cjs +38 -0
  52. package/dist/components/bottom-sheet/index.d.cts +15 -0
  53. package/dist/components/bottom-sheet/index.d.ts +15 -0
  54. package/dist/components/bottom-sheet/index.js +15 -0
  55. package/dist/components/bottom-sheet/use-bottom-sheet-context.cjs +15 -0
  56. package/dist/components/bottom-sheet/use-bottom-sheet-context.d.cts +5 -0
  57. package/dist/components/bottom-sheet/use-bottom-sheet-context.d.ts +5 -0
  58. package/dist/components/bottom-sheet/use-bottom-sheet-context.js +10 -0
  59. package/dist/components/bottom-sheet/use-bottom-sheet.cjs +45 -0
  60. package/dist/components/bottom-sheet/use-bottom-sheet.d.cts +8 -0
  61. package/dist/components/bottom-sheet/use-bottom-sheet.d.ts +8 -0
  62. package/dist/components/bottom-sheet/use-bottom-sheet.js +22 -0
  63. package/dist/components/collapsible/split-collapsible-props.cjs +2 -0
  64. package/dist/components/collapsible/split-collapsible-props.d.cts +1 -1
  65. package/dist/components/collapsible/split-collapsible-props.d.ts +1 -1
  66. package/dist/components/collapsible/split-collapsible-props.js +2 -0
  67. package/dist/components/combobox/combobox-root.d.cts +2 -1
  68. package/dist/components/combobox/combobox-root.d.ts +2 -1
  69. package/dist/components/combobox/combobox.cjs +2 -2
  70. package/dist/components/combobox/combobox.d.cts +4 -4
  71. package/dist/components/combobox/combobox.d.ts +4 -4
  72. package/dist/components/combobox/combobox.js +1 -1
  73. package/dist/components/combobox/index.d.cts +1 -1
  74. package/dist/components/combobox/index.d.ts +1 -1
  75. package/dist/components/format/format-byte.d.cts +4 -0
  76. package/dist/components/format/format-byte.d.ts +4 -0
  77. package/dist/components/index.cjs +33 -0
  78. package/dist/components/index.d.cts +1 -0
  79. package/dist/components/index.d.ts +1 -0
  80. package/dist/components/index.js +16 -0
  81. package/dist/components/listbox/index.d.cts +1 -1
  82. package/dist/components/listbox/index.d.ts +1 -1
  83. package/dist/components/listbox/listbox-root.d.cts +2 -1
  84. package/dist/components/listbox/listbox-root.d.ts +2 -1
  85. package/dist/components/listbox/listbox.d.cts +1 -1
  86. package/dist/components/listbox/listbox.d.ts +1 -1
  87. package/dist/components/pagination/index.d.cts +1 -1
  88. package/dist/components/pagination/index.d.ts +1 -1
  89. package/dist/components/pagination/pagination-root.cjs +1 -0
  90. package/dist/components/pagination/pagination-root.js +1 -0
  91. package/dist/components/pagination/pagination.d.cts +1 -1
  92. package/dist/components/pagination/pagination.d.ts +1 -1
  93. package/dist/components/select/index.d.cts +1 -1
  94. package/dist/components/select/index.d.ts +1 -1
  95. package/dist/components/select/select-root.d.cts +2 -1
  96. package/dist/components/select/select-root.d.ts +2 -1
  97. package/dist/components/select/select.d.cts +1 -1
  98. package/dist/components/select/select.d.ts +1 -1
  99. package/dist/components/tree-view/index.cjs +2 -0
  100. package/dist/components/tree-view/index.d.cts +3 -2
  101. package/dist/components/tree-view/index.d.ts +3 -2
  102. package/dist/components/tree-view/index.js +1 -0
  103. package/dist/components/tree-view/tree-view-node-rename-input.cjs +21 -0
  104. package/dist/components/tree-view/tree-view-node-rename-input.d.cts +8 -0
  105. package/dist/components/tree-view/tree-view-node-rename-input.d.ts +8 -0
  106. package/dist/components/tree-view/tree-view-node-rename-input.js +17 -0
  107. package/dist/components/tree-view/tree-view-root.cjs +4 -0
  108. package/dist/components/tree-view/tree-view-root.d.cts +2 -1
  109. package/dist/components/tree-view/tree-view-root.d.ts +2 -1
  110. package/dist/components/tree-view/tree-view-root.js +4 -0
  111. package/dist/components/tree-view/tree-view.cjs +2 -0
  112. package/dist/components/tree-view/tree-view.d.cts +3 -2
  113. package/dist/components/tree-view/tree-view.d.ts +3 -2
  114. package/dist/components/tree-view/tree-view.js +1 -0
  115. package/dist/index.cjs +33 -0
  116. package/dist/index.js +16 -0
  117. package/package.json +78 -76
@@ -34,6 +34,20 @@ export { useAvatar } from './avatar/use-avatar.js';
34
34
  export { useAvatarContext } from './avatar/use-avatar-context.js';
35
35
  import * as avatar from './avatar/avatar.js';
36
36
  export { avatar as Avatar };
37
+ export { BottomSheetBackdrop } from './bottom-sheet/bottom-sheet-backdrop.js';
38
+ export { BottomSheetCloseTrigger } from './bottom-sheet/bottom-sheet-close-trigger.js';
39
+ export { BottomSheetContent } from './bottom-sheet/bottom-sheet-content.js';
40
+ export { BottomSheetContext } from './bottom-sheet/bottom-sheet-context.js';
41
+ export { BottomSheetGrabber } from './bottom-sheet/bottom-sheet-grabber.js';
42
+ export { BottomSheetGrabberIndicator } from './bottom-sheet/bottom-sheet-grabber-indicator.js';
43
+ export { BottomSheetRoot } from './bottom-sheet/bottom-sheet-root.js';
44
+ export { BottomSheetRootProvider } from './bottom-sheet/bottom-sheet-root-provider.js';
45
+ export { BottomSheetTitle } from './bottom-sheet/bottom-sheet-title.js';
46
+ export { BottomSheetTrigger } from './bottom-sheet/bottom-sheet-trigger.js';
47
+ export { useBottomSheet } from './bottom-sheet/use-bottom-sheet.js';
48
+ export { useBottomSheetContext } from './bottom-sheet/use-bottom-sheet-context.js';
49
+ import * as bottomSheet from './bottom-sheet/bottom-sheet.js';
50
+ export { bottomSheet as BottomSheet };
37
51
  export { CarouselAutoplayTrigger } from './carousel/carousel-autoplay-trigger.js';
38
52
  export { CarouselContext } from './carousel/carousel-context.js';
39
53
  export { CarouselControl } from './carousel/carousel-control.js';
@@ -715,6 +729,7 @@ export { TreeViewRootProvider } from './tree-view/tree-view-root-provider.js';
715
729
  export { TreeViewTree } from './tree-view/tree-view-tree.js';
716
730
  export { TreeViewNodeCheckbox } from './tree-view/tree-view-node-checkbox.js';
717
731
  export { TreeViewNodeCheckboxIndicator } from './tree-view/tree-view-node-checkbox-indicator.js';
732
+ export { TreeViewNodeRenameInput } from './tree-view/tree-view-node-rename-input.js';
718
733
  export { useTreeView } from './tree-view/use-tree-view.js';
719
734
  export { useTreeViewContext } from './tree-view/use-tree-view-context.js';
720
735
  export { useTreeViewNodeContext } from './tree-view/use-tree-view-node-context.js';
@@ -723,6 +738,7 @@ export { treeView as TreeView };
723
738
  export { anatomy as accordionAnatomy } from '@zag-js/accordion';
724
739
  export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
725
740
  export { anatomy as avatarAnatomy } from '@zag-js/avatar';
741
+ export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';
726
742
  export { anatomy as carouselAnatomy } from '@zag-js/carousel';
727
743
  export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
728
744
  export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
@@ -11,7 +11,7 @@ export { ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type Listbo
11
11
  export { ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator';
12
12
  export { ListboxItemText, type ListboxItemTextBaseProps, type ListboxItemTextProps } from './listbox-item-text';
13
13
  export { ListboxLabel, type ListboxLabelBaseProps, type ListboxLabelProps } from './listbox-label';
14
- export { ListboxRoot, type ListboxRootBaseProps, type ListboxRootProps, type ListboxRootComponent, } from './listbox-root';
14
+ export { ListboxRoot, type ListboxRootBaseProps, type ListboxRootProps, type ListboxRootComponent, type ListboxRootComponentProps, } from './listbox-root';
15
15
  export { ListboxRootProvider, type ListboxRootProviderBaseProps, type ListboxRootProviderProps, type ListboxRootProviderComponent, } from './listbox-root-provider';
16
16
  export { ListboxValueText, type ListboxValueTextBaseProps, type ListboxValueTextProps } from './listbox-value-text';
17
17
  export { listboxAnatomy } from './listbox.anatomy';
@@ -11,7 +11,7 @@ export { ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type Listbo
11
11
  export { ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator';
12
12
  export { ListboxItemText, type ListboxItemTextBaseProps, type ListboxItemTextProps } from './listbox-item-text';
13
13
  export { ListboxLabel, type ListboxLabelBaseProps, type ListboxLabelProps } from './listbox-label';
14
- export { ListboxRoot, type ListboxRootBaseProps, type ListboxRootProps, type ListboxRootComponent, } from './listbox-root';
14
+ export { ListboxRoot, type ListboxRootBaseProps, type ListboxRootProps, type ListboxRootComponent, type ListboxRootComponentProps, } from './listbox-root';
15
15
  export { ListboxRootProvider, type ListboxRootProviderBaseProps, type ListboxRootProviderProps, type ListboxRootProviderComponent, } from './listbox-root-provider';
16
16
  export { ListboxValueText, type ListboxValueTextBaseProps, type ListboxValueTextProps } from './listbox-value-text';
17
17
  export { listboxAnatomy } from './listbox.anatomy';
@@ -7,5 +7,6 @@ export interface ListboxRootBaseProps<T extends CollectionItem> extends UseListb
7
7
  }
8
8
  export interface ListboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, ListboxRootBaseProps<T>> {
9
9
  }
10
- export type ListboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ListboxRootProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
10
+ export type ListboxRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<ListboxRootProps<T>, P> & React.RefAttributes<HTMLDivElement>;
11
+ export type ListboxRootComponent<P = {}> = <T extends CollectionItem>(props: ListboxRootComponentProps<T, P>) => JSX.Element;
11
12
  export declare const ListboxRoot: ListboxRootComponent;
@@ -7,5 +7,6 @@ export interface ListboxRootBaseProps<T extends CollectionItem> extends UseListb
7
7
  }
8
8
  export interface ListboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, ListboxRootBaseProps<T>> {
9
9
  }
10
- export type ListboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ListboxRootProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
10
+ export type ListboxRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<ListboxRootProps<T>, P> & React.RefAttributes<HTMLDivElement>;
11
+ export type ListboxRootComponent<P = {}> = <T extends CollectionItem>(props: ListboxRootComponentProps<T, P>) => JSX.Element;
11
12
  export declare const ListboxRoot: ListboxRootComponent;
@@ -10,6 +10,6 @@ export { ListboxItemGroupLabel as ItemGroupLabel, type ListboxItemGroupLabelBase
10
10
  export { ListboxItemIndicator as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator';
11
11
  export { ListboxItemText as ItemText, type ListboxItemTextBaseProps as ItemTextBaseProps, type ListboxItemTextProps as ItemTextProps, } from './listbox-item-text';
12
12
  export { ListboxLabel as Label, type ListboxLabelBaseProps as LabelBaseProps, type ListboxLabelProps as LabelProps, } from './listbox-label';
13
- export { ListboxRoot as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootProps as RootProps, type ListboxRootComponent as RootComponent, } from './listbox-root';
13
+ export { ListboxRoot as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootProps as RootProps, type ListboxRootComponent as RootComponent, type ListboxRootComponentProps as RootComponentProps, } from './listbox-root';
14
14
  export { ListboxRootProvider as RootProvider, type ListboxRootProviderBaseProps as RootProviderBaseProps, type ListboxRootProviderProps as RootProviderProps, type ListboxRootProviderComponent as RootProviderComponent, } from './listbox-root-provider';
15
15
  export { ListboxValueText as ValueText, type ListboxValueTextBaseProps as ValueTextBaseProps, type ListboxValueTextProps as ValueTextProps, } from './listbox-value-text';
@@ -10,6 +10,6 @@ export { ListboxItemGroupLabel as ItemGroupLabel, type ListboxItemGroupLabelBase
10
10
  export { ListboxItemIndicator as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator';
11
11
  export { ListboxItemText as ItemText, type ListboxItemTextBaseProps as ItemTextBaseProps, type ListboxItemTextProps as ItemTextProps, } from './listbox-item-text';
12
12
  export { ListboxLabel as Label, type ListboxLabelBaseProps as LabelBaseProps, type ListboxLabelProps as LabelProps, } from './listbox-label';
13
- export { ListboxRoot as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootProps as RootProps, type ListboxRootComponent as RootComponent, } from './listbox-root';
13
+ export { ListboxRoot as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootProps as RootProps, type ListboxRootComponent as RootComponent, type ListboxRootComponentProps as RootComponentProps, } from './listbox-root';
14
14
  export { ListboxRootProvider as RootProvider, type ListboxRootProviderBaseProps as RootProviderBaseProps, type ListboxRootProviderProps as RootProviderProps, type ListboxRootProviderComponent as RootProviderComponent, } from './listbox-root-provider';
15
15
  export { ListboxValueText as ValueText, type ListboxValueTextBaseProps as ValueTextBaseProps, type ListboxValueTextProps as ValueTextProps, } from './listbox-value-text';
@@ -1,4 +1,4 @@
1
- export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, } from '@zag-js/pagination';
1
+ export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, PageUrlDetails as PaginationPageUrlDetails, } from '@zag-js/pagination';
2
2
  export { PaginationContext, type PaginationContextProps } from './pagination-context';
3
3
  export { PaginationEllipsis, type PaginationEllipsisBaseProps, type PaginationEllipsisProps, } from './pagination-ellipsis';
4
4
  export { PaginationItem, type PaginationItemBaseProps, type PaginationItemProps } from './pagination-item';
@@ -1,4 +1,4 @@
1
- export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, } from '@zag-js/pagination';
1
+ export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, PageUrlDetails as PaginationPageUrlDetails, } from '@zag-js/pagination';
2
2
  export { PaginationContext, type PaginationContextProps } from './pagination-context';
3
3
  export { PaginationEllipsis, type PaginationEllipsisBaseProps, type PaginationEllipsisProps, } from './pagination-ellipsis';
4
4
  export { PaginationItem, type PaginationItemBaseProps, type PaginationItemProps } from './pagination-item';
@@ -16,6 +16,7 @@ const PaginationRoot = react.forwardRef((props, ref) => {
16
16
  "count",
17
17
  "defaultPage",
18
18
  "defaultPageSize",
19
+ "getPageUrl",
19
20
  "id",
20
21
  "ids",
21
22
  "onPageChange",
@@ -12,6 +12,7 @@ const PaginationRoot = forwardRef((props, ref) => {
12
12
  "count",
13
13
  "defaultPage",
14
14
  "defaultPageSize",
15
+ "getPageUrl",
15
16
  "id",
16
17
  "ids",
17
18
  "onPageChange",
@@ -1,4 +1,4 @@
1
- export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails } from '@zag-js/pagination';
1
+ export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails, PageUrlDetails } from '@zag-js/pagination';
2
2
  export { PaginationContext as Context, type PaginationContextProps as ContextProps } from './pagination-context';
3
3
  export { PaginationEllipsis as Ellipsis, type PaginationEllipsisBaseProps as EllipsisBaseProps, type PaginationEllipsisProps as EllipsisProps, } from './pagination-ellipsis';
4
4
  export { PaginationItem as Item, type PaginationItemBaseProps as ItemBaseProps, type PaginationItemProps as ItemProps, } from './pagination-item';
@@ -1,4 +1,4 @@
1
- export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails } from '@zag-js/pagination';
1
+ export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails, PageUrlDetails } from '@zag-js/pagination';
2
2
  export { PaginationContext as Context, type PaginationContextProps as ContextProps } from './pagination-context';
3
3
  export { PaginationEllipsis as Ellipsis, type PaginationEllipsisBaseProps as EllipsisBaseProps, type PaginationEllipsisProps as EllipsisProps, } from './pagination-ellipsis';
4
4
  export { PaginationItem as Item, type PaginationItemBaseProps as ItemBaseProps, type PaginationItemProps as ItemProps, } from './pagination-item';
@@ -15,7 +15,7 @@ export { SelectItemText, type SelectItemTextBaseProps, type SelectItemTextProps
15
15
  export { SelectLabel, type SelectLabelBaseProps, type SelectLabelProps } from './select-label';
16
16
  export { SelectList, type SelectListBaseProps, type SelectListProps } from './select-list';
17
17
  export { SelectPositioner, type SelectPositionerBaseProps, type SelectPositionerProps } from './select-positioner';
18
- export { SelectRoot, type SelectRootBaseProps, type SelectRootProps, type SelectRootComponent } from './select-root';
18
+ export { SelectRoot, type SelectRootBaseProps, type SelectRootProps, type SelectRootComponent, type SelectRootComponentProps, } from './select-root';
19
19
  export { SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderProps, type SelectRootProviderComponent, } from './select-root-provider';
20
20
  export { SelectTrigger, type SelectTriggerBaseProps, type SelectTriggerProps } from './select-trigger';
21
21
  export { SelectValueText, type SelectValueTextBaseProps, type SelectValueTextProps } from './select-value-text';
@@ -15,7 +15,7 @@ export { SelectItemText, type SelectItemTextBaseProps, type SelectItemTextProps
15
15
  export { SelectLabel, type SelectLabelBaseProps, type SelectLabelProps } from './select-label';
16
16
  export { SelectList, type SelectListBaseProps, type SelectListProps } from './select-list';
17
17
  export { SelectPositioner, type SelectPositionerBaseProps, type SelectPositionerProps } from './select-positioner';
18
- export { SelectRoot, type SelectRootBaseProps, type SelectRootProps, type SelectRootComponent } from './select-root';
18
+ export { SelectRoot, type SelectRootBaseProps, type SelectRootProps, type SelectRootComponent, type SelectRootComponentProps, } from './select-root';
19
19
  export { SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderProps, type SelectRootProviderComponent, } from './select-root-provider';
20
20
  export { SelectTrigger, type SelectTriggerBaseProps, type SelectTriggerProps } from './select-trigger';
21
21
  export { SelectValueText, type SelectValueTextBaseProps, type SelectValueTextProps } from './select-value-text';
@@ -8,5 +8,6 @@ export interface SelectRootBaseProps<T extends CollectionItem> extends UseSelect
8
8
  }
9
9
  export interface SelectRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, SelectRootBaseProps<T>> {
10
10
  }
11
- export type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
11
+ export type SelectRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<SelectRootProps<T>, P> & React.RefAttributes<HTMLDivElement>;
12
+ export type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: SelectRootComponentProps<T, P>) => JSX.Element;
12
13
  export declare const SelectRoot: SelectRootComponent;
@@ -8,5 +8,6 @@ export interface SelectRootBaseProps<T extends CollectionItem> extends UseSelect
8
8
  }
9
9
  export interface SelectRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, SelectRootBaseProps<T>> {
10
10
  }
11
- export type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
11
+ export type SelectRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<SelectRootProps<T>, P> & React.RefAttributes<HTMLDivElement>;
12
+ export type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: SelectRootComponentProps<T, P>) => JSX.Element;
12
13
  export declare const SelectRoot: SelectRootComponent;
@@ -15,7 +15,7 @@ export { SelectItemText as ItemText, type SelectItemTextBaseProps as ItemTextBas
15
15
  export { SelectLabel as Label, type SelectLabelBaseProps as LabelBaseProps, type SelectLabelProps as LabelProps, } from './select-label';
16
16
  export { SelectList as List, type SelectListBaseProps as ListBaseProps, type SelectListProps as ListProps, } from './select-list';
17
17
  export { SelectPositioner as Positioner, type SelectPositionerBaseProps as PositionerBaseProps, type SelectPositionerProps as PositionerProps, } from './select-positioner';
18
- export { SelectRoot as Root, type SelectRootBaseProps as RootBaseProps, type SelectRootProps as RootProps, type SelectRootComponent as RootComponent, } from './select-root';
18
+ export { SelectRoot as Root, type SelectRootBaseProps as RootBaseProps, type SelectRootProps as RootProps, type SelectRootComponent as RootComponent, type SelectRootComponentProps as RootComponentProps, } from './select-root';
19
19
  export { SelectRootProvider as RootProvider, type SelectRootProviderBaseProps as RootProviderBaseProps, type SelectRootProviderProps as RootProviderProps, type SelectRootProviderComponent as RootProviderComponent, } from './select-root-provider';
20
20
  export { SelectTrigger as Trigger, type SelectTriggerBaseProps as TriggerBaseProps, type SelectTriggerProps as TriggerProps, } from './select-trigger';
21
21
  export { SelectValueText as ValueText, type SelectValueTextBaseProps as ValueTextBaseProps, type SelectValueTextProps as ValueTextProps, } from './select-value-text';
@@ -15,7 +15,7 @@ export { SelectItemText as ItemText, type SelectItemTextBaseProps as ItemTextBas
15
15
  export { SelectLabel as Label, type SelectLabelBaseProps as LabelBaseProps, type SelectLabelProps as LabelProps, } from './select-label';
16
16
  export { SelectList as List, type SelectListBaseProps as ListBaseProps, type SelectListProps as ListProps, } from './select-list';
17
17
  export { SelectPositioner as Positioner, type SelectPositionerBaseProps as PositionerBaseProps, type SelectPositionerProps as PositionerProps, } from './select-positioner';
18
- export { SelectRoot as Root, type SelectRootBaseProps as RootBaseProps, type SelectRootProps as RootProps, type SelectRootComponent as RootComponent, } from './select-root';
18
+ export { SelectRoot as Root, type SelectRootBaseProps as RootBaseProps, type SelectRootProps as RootProps, type SelectRootComponent as RootComponent, type SelectRootComponentProps as RootComponentProps, } from './select-root';
19
19
  export { SelectRootProvider as RootProvider, type SelectRootProviderBaseProps as RootProviderBaseProps, type SelectRootProviderProps as RootProviderProps, type SelectRootProviderComponent as RootProviderComponent, } from './select-root-provider';
20
20
  export { SelectTrigger as Trigger, type SelectTriggerBaseProps as TriggerBaseProps, type SelectTriggerProps as TriggerProps, } from './select-trigger';
21
21
  export { SelectValueText as ValueText, type SelectValueTextBaseProps as ValueTextBaseProps, type SelectValueTextProps as ValueTextProps, } from './select-value-text';
@@ -22,6 +22,7 @@ const treeViewRootProvider = require('./tree-view-root-provider.cjs');
22
22
  const treeViewTree = require('./tree-view-tree.cjs');
23
23
  const treeViewNodeCheckbox = require('./tree-view-node-checkbox.cjs');
24
24
  const treeViewNodeCheckboxIndicator = require('./tree-view-node-checkbox-indicator.cjs');
25
+ const treeViewNodeRenameInput = require('./tree-view-node-rename-input.cjs');
25
26
  const useTreeView = require('./use-tree-view.cjs');
26
27
  const useTreeViewContext = require('./use-tree-view-context.cjs');
27
28
  const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs');
@@ -51,6 +52,7 @@ exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
51
52
  exports.TreeViewTree = treeViewTree.TreeViewTree;
52
53
  exports.TreeViewNodeCheckbox = treeViewNodeCheckbox.TreeViewNodeCheckbox;
53
54
  exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator.TreeViewNodeCheckboxIndicator;
55
+ exports.TreeViewNodeRenameInput = treeViewNodeRenameInput.TreeViewNodeRenameInput;
54
56
  exports.useTreeView = useTreeView.useTreeView;
55
57
  exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
56
58
  exports.useTreeViewNodeContext = useTreeViewNodeContext.useTreeViewNodeContext;
@@ -1,4 +1,4 @@
1
- export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, NodeState as TreeViewNodeState, NodeProps as TreeViewNodeProps, } from '@zag-js/tree-view';
1
+ export type { CheckedChangeDetails as TreeViewCheckedChangeDetails, ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenErrorDetails as TreeViewLoadChildrenErrorDetails, NodeProps as TreeViewNodeProps, NodeState as TreeViewNodeState, RenameCompleteDetails as TreeViewRenameCompleteDetails, RenameStartDetails as TreeViewRenameStartDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
2
2
  export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection';
3
3
  export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch';
4
4
  export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';
@@ -14,11 +14,12 @@ export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemText
14
14
  export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label';
15
15
  export { TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context';
16
16
  export { TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider';
17
- export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootComponent, type TreeViewRootProps, } from './tree-view-root';
17
+ export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootComponent, type TreeViewRootComponentProps, type TreeViewRootProps, } from './tree-view-root';
18
18
  export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderComponent, type TreeViewRootProviderProps, } from './tree-view-root-provider';
19
19
  export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree';
20
20
  export { TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, type TreeViewNodeCheckboxProps, } from './tree-view-node-checkbox';
21
21
  export { TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator';
22
+ export { TreeViewNodeRenameInput, type TreeViewNodeRenameInputBaseProps, type TreeViewNodeRenameInputProps, } from './tree-view-node-rename-input';
22
23
  export { treeViewAnatomy } from './tree-view.anatomy';
23
24
  export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
24
25
  export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context';
@@ -1,4 +1,4 @@
1
- export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, NodeState as TreeViewNodeState, NodeProps as TreeViewNodeProps, } from '@zag-js/tree-view';
1
+ export type { CheckedChangeDetails as TreeViewCheckedChangeDetails, ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenErrorDetails as TreeViewLoadChildrenErrorDetails, NodeProps as TreeViewNodeProps, NodeState as TreeViewNodeState, RenameCompleteDetails as TreeViewRenameCompleteDetails, RenameStartDetails as TreeViewRenameStartDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
2
2
  export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection';
3
3
  export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch';
4
4
  export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';
@@ -14,11 +14,12 @@ export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemText
14
14
  export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label';
15
15
  export { TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context';
16
16
  export { TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider';
17
- export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootComponent, type TreeViewRootProps, } from './tree-view-root';
17
+ export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootComponent, type TreeViewRootComponentProps, type TreeViewRootProps, } from './tree-view-root';
18
18
  export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderComponent, type TreeViewRootProviderProps, } from './tree-view-root-provider';
19
19
  export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree';
20
20
  export { TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, type TreeViewNodeCheckboxProps, } from './tree-view-node-checkbox';
21
21
  export { TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator';
22
+ export { TreeViewNodeRenameInput, type TreeViewNodeRenameInputBaseProps, type TreeViewNodeRenameInputProps, } from './tree-view-node-rename-input';
22
23
  export { treeViewAnatomy } from './tree-view.anatomy';
23
24
  export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
24
25
  export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context';
@@ -18,6 +18,7 @@ export { TreeViewRootProvider } from './tree-view-root-provider.js';
18
18
  export { TreeViewTree } from './tree-view-tree.js';
19
19
  export { TreeViewNodeCheckbox } from './tree-view-node-checkbox.js';
20
20
  export { TreeViewNodeCheckboxIndicator } from './tree-view-node-checkbox-indicator.js';
21
+ export { TreeViewNodeRenameInput } from './tree-view-node-rename-input.js';
21
22
  export { useTreeView } from './use-tree-view.js';
22
23
  export { useTreeViewContext } from './use-tree-view-context.js';
23
24
  export { useTreeViewNodeContext } from './use-tree-view-node-context.js';
@@ -0,0 +1,21 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
+
6
+ const jsxRuntime = require('react/jsx-runtime');
7
+ const react$1 = require('@zag-js/react');
8
+ const react = require('react');
9
+ const factory = require('../factory.cjs');
10
+ const useTreeViewContext = require('./use-tree-view-context.cjs');
11
+ const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
12
+
13
+ const TreeViewNodeRenameInput = react.forwardRef((props, ref) => {
14
+ const treeView = useTreeViewContext.useTreeViewContext();
15
+ const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
16
+ const mergedProps = react$1.mergeProps(treeView.getNodeRenameInputProps(nodeProps), props);
17
+ return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
18
+ });
19
+ TreeViewNodeRenameInput.displayName = "TreeViewNodeRenameInput";
20
+
21
+ exports.TreeViewNodeRenameInput = TreeViewNodeRenameInput;
@@ -0,0 +1,8 @@
1
+ import { Assign } from '../../types';
2
+ import { HTMLProps, PolymorphicProps } from '../factory';
3
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
4
+ export interface TreeViewNodeRenameInputBaseProps extends PolymorphicProps {
5
+ }
6
+ export interface TreeViewNodeRenameInputProps extends Assign<HTMLProps<'input'>, TreeViewNodeRenameInputBaseProps> {
7
+ }
8
+ export declare const TreeViewNodeRenameInput: ForwardRefExoticComponent<TreeViewNodeRenameInputProps & RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,8 @@
1
+ import { Assign } from '../../types';
2
+ import { HTMLProps, PolymorphicProps } from '../factory';
3
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
4
+ export interface TreeViewNodeRenameInputBaseProps extends PolymorphicProps {
5
+ }
6
+ export interface TreeViewNodeRenameInputProps extends Assign<HTMLProps<'input'>, TreeViewNodeRenameInputBaseProps> {
7
+ }
8
+ export declare const TreeViewNodeRenameInput: ForwardRefExoticComponent<TreeViewNodeRenameInputProps & RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,17 @@
1
+ 'use client';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { mergeProps } from '@zag-js/react';
4
+ import { forwardRef } from 'react';
5
+ import { ark } from '../factory.js';
6
+ import { useTreeViewContext } from './use-tree-view-context.js';
7
+ import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
8
+
9
+ const TreeViewNodeRenameInput = forwardRef((props, ref) => {
10
+ const treeView = useTreeViewContext();
11
+ const nodeProps = useTreeViewNodePropsContext();
12
+ const mergedProps = mergeProps(treeView.getNodeRenameInputProps(nodeProps), props);
13
+ return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
14
+ });
15
+ TreeViewNodeRenameInput.displayName = "TreeViewNodeRenameInput";
16
+
17
+ export { TreeViewNodeRenameInput };
@@ -15,6 +15,7 @@ const useTreeViewContext = require('./use-tree-view-context.cjs');
15
15
  const TreeViewImpl = (props, ref) => {
16
16
  const [renderStrategyProps, treeViewProps] = renderStrategy.splitRenderStrategyProps(props);
17
17
  const [useTreeViewProps, localProps] = createSplitProps.createSplitProps()(treeViewProps, [
18
+ "canRename",
18
19
  "checkedValue",
19
20
  "collection",
20
21
  "defaultCheckedValue",
@@ -27,11 +28,14 @@ const TreeViewImpl = (props, ref) => {
27
28
  "id",
28
29
  "ids",
29
30
  "loadChildren",
31
+ "onBeforeRename",
30
32
  "onCheckedChange",
31
33
  "onExpandedChange",
32
34
  "onFocusChange",
33
35
  "onLoadChildrenComplete",
34
36
  "onLoadChildrenError",
37
+ "onRenameComplete",
38
+ "onRenameStart",
35
39
  "onSelectionChange",
36
40
  "selectedValue",
37
41
  "selectionMode",
@@ -8,5 +8,6 @@ export interface TreeViewRootBaseProps<T extends TreeNode> extends UseTreeViewPr
8
8
  }
9
9
  export interface TreeViewRootProps<T extends TreeNode> extends HTMLProps<'div'>, TreeViewRootBaseProps<T> {
10
10
  }
11
- export type TreeViewRootComponent<P = {}> = <T extends TreeNode>(props: Assign<TreeViewRootProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
11
+ export type TreeViewRootComponentProps<T extends TreeNode = TreeNode, P = {}> = Assign<TreeViewRootProps<T>, P> & React.RefAttributes<HTMLDivElement>;
12
+ export type TreeViewRootComponent<P = {}> = <T extends TreeNode>(props: TreeViewRootComponentProps<T, P>) => JSX.Element;
12
13
  export declare const TreeViewRoot: TreeViewRootComponent;
@@ -8,5 +8,6 @@ export interface TreeViewRootBaseProps<T extends TreeNode> extends UseTreeViewPr
8
8
  }
9
9
  export interface TreeViewRootProps<T extends TreeNode> extends HTMLProps<'div'>, TreeViewRootBaseProps<T> {
10
10
  }
11
- export type TreeViewRootComponent<P = {}> = <T extends TreeNode>(props: Assign<TreeViewRootProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
11
+ export type TreeViewRootComponentProps<T extends TreeNode = TreeNode, P = {}> = Assign<TreeViewRootProps<T>, P> & React.RefAttributes<HTMLDivElement>;
12
+ export type TreeViewRootComponent<P = {}> = <T extends TreeNode>(props: TreeViewRootComponentProps<T, P>) => JSX.Element;
12
13
  export declare const TreeViewRoot: TreeViewRootComponent;
@@ -11,6 +11,7 @@ import { TreeViewProvider } from './use-tree-view-context.js';
11
11
  const TreeViewImpl = (props, ref) => {
12
12
  const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
13
13
  const [useTreeViewProps, localProps] = createSplitProps()(treeViewProps, [
14
+ "canRename",
14
15
  "checkedValue",
15
16
  "collection",
16
17
  "defaultCheckedValue",
@@ -23,11 +24,14 @@ const TreeViewImpl = (props, ref) => {
23
24
  "id",
24
25
  "ids",
25
26
  "loadChildren",
27
+ "onBeforeRename",
26
28
  "onCheckedChange",
27
29
  "onExpandedChange",
28
30
  "onFocusChange",
29
31
  "onLoadChildrenComplete",
30
32
  "onLoadChildrenError",
33
+ "onRenameComplete",
34
+ "onRenameStart",
31
35
  "onSelectionChange",
32
36
  "selectedValue",
33
37
  "selectionMode",
@@ -21,6 +21,7 @@ const treeViewRootProvider = require('./tree-view-root-provider.cjs');
21
21
  const treeViewTree = require('./tree-view-tree.cjs');
22
22
  const treeViewNodeCheckbox = require('./tree-view-node-checkbox.cjs');
23
23
  const treeViewNodeCheckboxIndicator = require('./tree-view-node-checkbox-indicator.cjs');
24
+ const treeViewNodeRenameInput = require('./tree-view-node-rename-input.cjs');
24
25
 
25
26
 
26
27
 
@@ -43,3 +44,4 @@ exports.RootProvider = treeViewRootProvider.TreeViewRootProvider;
43
44
  exports.Tree = treeViewTree.TreeViewTree;
44
45
  exports.NodeCheckbox = treeViewNodeCheckbox.TreeViewNodeCheckbox;
45
46
  exports.NodeCheckboxIndicator = treeViewNodeCheckboxIndicator.TreeViewNodeCheckboxIndicator;
47
+ exports.NodeRenameInput = treeViewNodeRenameInput.TreeViewNodeRenameInput;
@@ -1,4 +1,4 @@
1
- export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, LoadChildrenDetails, LoadChildrenCompleteDetails, NodeState, NodeProps, } from '@zag-js/tree-view';
1
+ export type { CheckedChangeDetails, ExpandedChangeDetails, FocusChangeDetails, LoadChildrenCompleteDetails, LoadChildrenDetails, LoadChildrenErrorDetails, NodeProps, NodeState, RenameCompleteDetails, RenameStartDetails, SelectionChangeDetails, } from '@zag-js/tree-view';
2
2
  export { TreeViewBranch as Branch, type TreeViewBranchBaseProps as BranchBaseProps, type TreeViewBranchProps as BranchProps, } from './tree-view-branch';
3
3
  export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content';
4
4
  export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control';
@@ -13,8 +13,9 @@ export { TreeViewItemText as ItemText, type TreeViewItemTextBaseProps as ItemTex
13
13
  export { TreeViewLabel as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, } from './tree-view-label';
14
14
  export { TreeViewNodeContext as NodeContext, type TreeViewNodeContextProps as NodeContextProps, } from './tree-view-node-context';
15
15
  export { TreeViewNodeProvider as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider';
16
- export { TreeViewRoot as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootProps as RootProps, } from './tree-view-root';
16
+ export { TreeViewRoot as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootComponentProps as RootComponentProps, type TreeViewRootProps as RootProps, } from './tree-view-root';
17
17
  export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderComponent as RootProviderComponent, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider';
18
18
  export { TreeViewTree as Tree, type TreeViewTreeBaseProps as TreeBaseProps, type TreeViewTreeProps as TreeProps, } from './tree-view-tree';
19
19
  export { TreeViewNodeCheckbox as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox';
20
20
  export { TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator';
21
+ export { TreeViewNodeRenameInput as NodeRenameInput, type TreeViewNodeRenameInputBaseProps as NodeRenameInputBaseProps, type TreeViewNodeRenameInputProps as NodeRenameInputProps, } from './tree-view-node-rename-input';
@@ -1,4 +1,4 @@
1
- export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, LoadChildrenDetails, LoadChildrenCompleteDetails, NodeState, NodeProps, } from '@zag-js/tree-view';
1
+ export type { CheckedChangeDetails, ExpandedChangeDetails, FocusChangeDetails, LoadChildrenCompleteDetails, LoadChildrenDetails, LoadChildrenErrorDetails, NodeProps, NodeState, RenameCompleteDetails, RenameStartDetails, SelectionChangeDetails, } from '@zag-js/tree-view';
2
2
  export { TreeViewBranch as Branch, type TreeViewBranchBaseProps as BranchBaseProps, type TreeViewBranchProps as BranchProps, } from './tree-view-branch';
3
3
  export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content';
4
4
  export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control';
@@ -13,8 +13,9 @@ export { TreeViewItemText as ItemText, type TreeViewItemTextBaseProps as ItemTex
13
13
  export { TreeViewLabel as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, } from './tree-view-label';
14
14
  export { TreeViewNodeContext as NodeContext, type TreeViewNodeContextProps as NodeContextProps, } from './tree-view-node-context';
15
15
  export { TreeViewNodeProvider as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider';
16
- export { TreeViewRoot as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootProps as RootProps, } from './tree-view-root';
16
+ export { TreeViewRoot as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootComponentProps as RootComponentProps, type TreeViewRootProps as RootProps, } from './tree-view-root';
17
17
  export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderComponent as RootProviderComponent, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider';
18
18
  export { TreeViewTree as Tree, type TreeViewTreeBaseProps as TreeBaseProps, type TreeViewTreeProps as TreeProps, } from './tree-view-tree';
19
19
  export { TreeViewNodeCheckbox as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox';
20
20
  export { TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator';
21
+ export { TreeViewNodeRenameInput as NodeRenameInput, type TreeViewNodeRenameInputBaseProps as NodeRenameInputBaseProps, type TreeViewNodeRenameInputProps as NodeRenameInputProps, } from './tree-view-node-rename-input';
@@ -17,3 +17,4 @@ export { TreeViewRootProvider as RootProvider } from './tree-view-root-provider.
17
17
  export { TreeViewTree as Tree } from './tree-view-tree.js';
18
18
  export { TreeViewNodeCheckbox as NodeCheckbox } from './tree-view-node-checkbox.js';
19
19
  export { TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator } from './tree-view-node-checkbox-indicator.js';
20
+ export { TreeViewNodeRenameInput as NodeRenameInput } from './tree-view-node-rename-input.js';
package/dist/index.cjs CHANGED
@@ -35,6 +35,19 @@ const avatarRootProvider = require('./components/avatar/avatar-root-provider.cjs
35
35
  const useAvatar = require('./components/avatar/use-avatar.cjs');
36
36
  const useAvatarContext = require('./components/avatar/use-avatar-context.cjs');
37
37
  const avatar$1 = require('./components/avatar/avatar.cjs');
38
+ const bottomSheetBackdrop = require('./components/bottom-sheet/bottom-sheet-backdrop.cjs');
39
+ const bottomSheetCloseTrigger = require('./components/bottom-sheet/bottom-sheet-close-trigger.cjs');
40
+ const bottomSheetContent = require('./components/bottom-sheet/bottom-sheet-content.cjs');
41
+ const bottomSheetContext = require('./components/bottom-sheet/bottom-sheet-context.cjs');
42
+ const bottomSheetGrabber = require('./components/bottom-sheet/bottom-sheet-grabber.cjs');
43
+ const bottomSheetGrabberIndicator = require('./components/bottom-sheet/bottom-sheet-grabber-indicator.cjs');
44
+ const bottomSheetRoot = require('./components/bottom-sheet/bottom-sheet-root.cjs');
45
+ const bottomSheetRootProvider = require('./components/bottom-sheet/bottom-sheet-root-provider.cjs');
46
+ const bottomSheetTitle = require('./components/bottom-sheet/bottom-sheet-title.cjs');
47
+ const bottomSheetTrigger = require('./components/bottom-sheet/bottom-sheet-trigger.cjs');
48
+ const useBottomSheet = require('./components/bottom-sheet/use-bottom-sheet.cjs');
49
+ const useBottomSheetContext = require('./components/bottom-sheet/use-bottom-sheet-context.cjs');
50
+ const bottomSheet$1 = require('./components/bottom-sheet/bottom-sheet.cjs');
38
51
  const carouselAutoplayTrigger = require('./components/carousel/carousel-autoplay-trigger.cjs');
39
52
  const carouselContext = require('./components/carousel/carousel-context.cjs');
40
53
  const carouselControl = require('./components/carousel/carousel-control.cjs');
@@ -673,6 +686,7 @@ const treeViewRootProvider = require('./components/tree-view/tree-view-root-prov
673
686
  const treeViewTree = require('./components/tree-view/tree-view-tree.cjs');
674
687
  const treeViewNodeCheckbox = require('./components/tree-view/tree-view-node-checkbox.cjs');
675
688
  const treeViewNodeCheckboxIndicator = require('./components/tree-view/tree-view-node-checkbox-indicator.cjs');
689
+ const treeViewNodeRenameInput = require('./components/tree-view/tree-view-node-rename-input.cjs');
676
690
  const useTreeView = require('./components/tree-view/use-tree-view.cjs');
677
691
  const useTreeViewContext = require('./components/tree-view/use-tree-view-context.cjs');
678
692
  const useTreeViewNodeContext = require('./components/tree-view/use-tree-view-node-context.cjs');
@@ -688,6 +702,7 @@ const core = require('@zag-js/core');
688
702
  const accordion = require('@zag-js/accordion');
689
703
  const angleSlider = require('@zag-js/angle-slider');
690
704
  const avatar = require('@zag-js/avatar');
705
+ const bottomSheet = require('@zag-js/bottom-sheet');
691
706
  const carousel = require('@zag-js/carousel');
692
707
  const clipboard = require('@zag-js/clipboard');
693
708
  const collapsible = require('@zag-js/collapsible');
@@ -756,6 +771,19 @@ exports.AvatarRootProvider = avatarRootProvider.AvatarRootProvider;
756
771
  exports.useAvatar = useAvatar.useAvatar;
757
772
  exports.useAvatarContext = useAvatarContext.useAvatarContext;
758
773
  exports.Avatar = avatar$1;
774
+ exports.BottomSheetBackdrop = bottomSheetBackdrop.BottomSheetBackdrop;
775
+ exports.BottomSheetCloseTrigger = bottomSheetCloseTrigger.BottomSheetCloseTrigger;
776
+ exports.BottomSheetContent = bottomSheetContent.BottomSheetContent;
777
+ exports.BottomSheetContext = bottomSheetContext.BottomSheetContext;
778
+ exports.BottomSheetGrabber = bottomSheetGrabber.BottomSheetGrabber;
779
+ exports.BottomSheetGrabberIndicator = bottomSheetGrabberIndicator.BottomSheetGrabberIndicator;
780
+ exports.BottomSheetRoot = bottomSheetRoot.BottomSheetRoot;
781
+ exports.BottomSheetRootProvider = bottomSheetRootProvider.BottomSheetRootProvider;
782
+ exports.BottomSheetTitle = bottomSheetTitle.BottomSheetTitle;
783
+ exports.BottomSheetTrigger = bottomSheetTrigger.BottomSheetTrigger;
784
+ exports.useBottomSheet = useBottomSheet.useBottomSheet;
785
+ exports.useBottomSheetContext = useBottomSheetContext.useBottomSheetContext;
786
+ exports.BottomSheet = bottomSheet$1;
759
787
  exports.CarouselAutoplayTrigger = carouselAutoplayTrigger.CarouselAutoplayTrigger;
760
788
  exports.CarouselContext = carouselContext.CarouselContext;
761
789
  exports.CarouselControl = carouselControl.CarouselControl;
@@ -1403,6 +1431,7 @@ exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
1403
1431
  exports.TreeViewTree = treeViewTree.TreeViewTree;
1404
1432
  exports.TreeViewNodeCheckbox = treeViewNodeCheckbox.TreeViewNodeCheckbox;
1405
1433
  exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator.TreeViewNodeCheckboxIndicator;
1434
+ exports.TreeViewNodeRenameInput = treeViewNodeRenameInput.TreeViewNodeRenameInput;
1406
1435
  exports.useTreeView = useTreeView.useTreeView;
1407
1436
  exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
1408
1437
  exports.useTreeViewNodeContext = useTreeViewNodeContext.useTreeViewNodeContext;
@@ -1430,6 +1459,10 @@ Object.defineProperty(exports, "avatarAnatomy", {
1430
1459
  enumerable: true,
1431
1460
  get: () => avatar.anatomy
1432
1461
  });
1462
+ Object.defineProperty(exports, "bottomSheetAnatomy", {
1463
+ enumerable: true,
1464
+ get: () => bottomSheet.anatomy
1465
+ });
1433
1466
  Object.defineProperty(exports, "carouselAnatomy", {
1434
1467
  enumerable: true,
1435
1468
  get: () => carousel.anatomy
package/dist/index.js CHANGED
@@ -34,6 +34,20 @@ export { useAvatar } from './components/avatar/use-avatar.js';
34
34
  export { useAvatarContext } from './components/avatar/use-avatar-context.js';
35
35
  import * as avatar from './components/avatar/avatar.js';
36
36
  export { avatar as Avatar };
37
+ export { BottomSheetBackdrop } from './components/bottom-sheet/bottom-sheet-backdrop.js';
38
+ export { BottomSheetCloseTrigger } from './components/bottom-sheet/bottom-sheet-close-trigger.js';
39
+ export { BottomSheetContent } from './components/bottom-sheet/bottom-sheet-content.js';
40
+ export { BottomSheetContext } from './components/bottom-sheet/bottom-sheet-context.js';
41
+ export { BottomSheetGrabber } from './components/bottom-sheet/bottom-sheet-grabber.js';
42
+ export { BottomSheetGrabberIndicator } from './components/bottom-sheet/bottom-sheet-grabber-indicator.js';
43
+ export { BottomSheetRoot } from './components/bottom-sheet/bottom-sheet-root.js';
44
+ export { BottomSheetRootProvider } from './components/bottom-sheet/bottom-sheet-root-provider.js';
45
+ export { BottomSheetTitle } from './components/bottom-sheet/bottom-sheet-title.js';
46
+ export { BottomSheetTrigger } from './components/bottom-sheet/bottom-sheet-trigger.js';
47
+ export { useBottomSheet } from './components/bottom-sheet/use-bottom-sheet.js';
48
+ export { useBottomSheetContext } from './components/bottom-sheet/use-bottom-sheet-context.js';
49
+ import * as bottomSheet from './components/bottom-sheet/bottom-sheet.js';
50
+ export { bottomSheet as BottomSheet };
37
51
  export { CarouselAutoplayTrigger } from './components/carousel/carousel-autoplay-trigger.js';
38
52
  export { CarouselContext } from './components/carousel/carousel-context.js';
39
53
  export { CarouselControl } from './components/carousel/carousel-control.js';
@@ -715,6 +729,7 @@ export { TreeViewRootProvider } from './components/tree-view/tree-view-root-prov
715
729
  export { TreeViewTree } from './components/tree-view/tree-view-tree.js';
716
730
  export { TreeViewNodeCheckbox } from './components/tree-view/tree-view-node-checkbox.js';
717
731
  export { TreeViewNodeCheckboxIndicator } from './components/tree-view/tree-view-node-checkbox-indicator.js';
732
+ export { TreeViewNodeRenameInput } from './components/tree-view/tree-view-node-rename-input.js';
718
733
  export { useTreeView } from './components/tree-view/use-tree-view.js';
719
734
  export { useTreeViewContext } from './components/tree-view/use-tree-view-context.js';
720
735
  export { useTreeViewNodeContext } from './components/tree-view/use-tree-view-node-context.js';
@@ -731,6 +746,7 @@ export { mergeProps } from '@zag-js/core';
731
746
  export { anatomy as accordionAnatomy } from '@zag-js/accordion';
732
747
  export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
733
748
  export { anatomy as avatarAnatomy } from '@zag-js/avatar';
749
+ export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';
734
750
  export { anatomy as carouselAnatomy } from '@zag-js/carousel';
735
751
  export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
736
752
  export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';