@radix-ui/react-accordion 1.1.2-rc.9 → 1.2.0-rc.1
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.
- package/dist/index.d.mts +42 -29
- package/dist/index.d.ts +42 -29
- package/dist/index.js +334 -320
- package/dist/index.js.map +7 -1
- package/dist/index.mjs +311 -299
- package/dist/index.mjs.map +7 -1
- package/package.json +11 -12
- package/dist/index.d.ts.map +0 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,16 +1,29 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import * as Radix from '@radix-ui/react-primitive';
|
|
4
|
+
import { Primitive } from '@radix-ui/react-primitive';
|
|
5
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
6
|
+
|
|
7
|
+
declare type Scope<C = any> = {
|
|
8
|
+
[scopeName: string]: React.Context<C>[];
|
|
9
|
+
} | undefined;
|
|
10
|
+
declare type ScopeHook = (scope: Scope) => {
|
|
11
|
+
[__scopeProp: string]: Scope;
|
|
12
|
+
};
|
|
13
|
+
interface CreateScope {
|
|
14
|
+
scopeName: string;
|
|
15
|
+
(): ScopeHook;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
declare type Direction = 'ltr' | 'rtl';
|
|
19
|
+
declare const createAccordionScope: CreateScope;
|
|
20
|
+
interface AccordionSingleProps extends AccordionImplSingleProps {
|
|
8
21
|
type: 'single';
|
|
9
22
|
}
|
|
10
|
-
|
|
23
|
+
interface AccordionMultipleProps extends AccordionImplMultipleProps {
|
|
11
24
|
type: 'multiple';
|
|
12
25
|
}
|
|
13
|
-
|
|
26
|
+
declare const Accordion: React__default.ForwardRefExoticComponent<(AccordionSingleProps | AccordionMultipleProps) & React__default.RefAttributes<HTMLDivElement>>;
|
|
14
27
|
interface AccordionImplSingleProps extends AccordionImplProps {
|
|
15
28
|
/**
|
|
16
29
|
* The controlled stateful value of the accordion item whose content is expanded.
|
|
@@ -46,7 +59,7 @@ interface AccordionImplMultipleProps extends AccordionImplProps {
|
|
|
46
59
|
*/
|
|
47
60
|
onValueChange?(value: string[]): void;
|
|
48
61
|
}
|
|
49
|
-
type PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
62
|
+
declare type PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
50
63
|
interface AccordionImplProps extends PrimitiveDivProps {
|
|
51
64
|
/**
|
|
52
65
|
* Whether or not an accordion is disabled from user interaction.
|
|
@@ -58,14 +71,14 @@ interface AccordionImplProps extends PrimitiveDivProps {
|
|
|
58
71
|
* The layout in which the Accordion operates.
|
|
59
72
|
* @default vertical
|
|
60
73
|
*/
|
|
61
|
-
orientation?:
|
|
74
|
+
orientation?: React__default.AriaAttributes['aria-orientation'];
|
|
62
75
|
/**
|
|
63
76
|
* The language read direction.
|
|
64
77
|
*/
|
|
65
78
|
dir?: Direction;
|
|
66
79
|
}
|
|
67
|
-
type CollapsibleProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>;
|
|
68
|
-
|
|
80
|
+
declare type CollapsibleProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>;
|
|
81
|
+
interface AccordionItemProps extends Omit<CollapsibleProps, 'open' | 'defaultOpen' | 'onOpenChange'> {
|
|
69
82
|
/**
|
|
70
83
|
* Whether or not an accordion item is disabled from user interaction.
|
|
71
84
|
*
|
|
@@ -80,34 +93,34 @@ export interface AccordionItemProps extends Omit<CollapsibleProps, 'open' | 'def
|
|
|
80
93
|
/**
|
|
81
94
|
* `AccordionItem` contains all of the parts of a collapsible section inside of an `Accordion`.
|
|
82
95
|
*/
|
|
83
|
-
|
|
84
|
-
type PrimitiveHeading3Props = Radix.ComponentPropsWithoutRef<typeof Primitive.h3>;
|
|
85
|
-
|
|
96
|
+
declare const AccordionItem: React__default.ForwardRefExoticComponent<AccordionItemProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
97
|
+
declare type PrimitiveHeading3Props = Radix.ComponentPropsWithoutRef<typeof Primitive.h3>;
|
|
98
|
+
interface AccordionHeaderProps extends PrimitiveHeading3Props {
|
|
86
99
|
}
|
|
87
100
|
/**
|
|
88
101
|
* `AccordionHeader` contains the content for the parts of an `AccordionItem` that will be visible
|
|
89
102
|
* whether or not its content is collapsed.
|
|
90
103
|
*/
|
|
91
|
-
|
|
92
|
-
type CollapsibleTriggerProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>;
|
|
93
|
-
|
|
104
|
+
declare const AccordionHeader: React__default.ForwardRefExoticComponent<AccordionHeaderProps & React__default.RefAttributes<HTMLHeadingElement>>;
|
|
105
|
+
declare type CollapsibleTriggerProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>;
|
|
106
|
+
interface AccordionTriggerProps extends CollapsibleTriggerProps {
|
|
94
107
|
}
|
|
95
108
|
/**
|
|
96
109
|
* `AccordionTrigger` is the trigger that toggles the collapsed state of an `AccordionItem`. It
|
|
97
110
|
* should always be nested inside of an `AccordionHeader`.
|
|
98
111
|
*/
|
|
99
|
-
|
|
100
|
-
type CollapsibleContentProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>;
|
|
101
|
-
|
|
112
|
+
declare const AccordionTrigger: React__default.ForwardRefExoticComponent<AccordionTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
113
|
+
declare type CollapsibleContentProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>;
|
|
114
|
+
interface AccordionContentProps extends CollapsibleContentProps {
|
|
102
115
|
}
|
|
103
116
|
/**
|
|
104
117
|
* `AccordionContent` contains the collapsible content for an `AccordionItem`.
|
|
105
118
|
*/
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
119
|
+
declare const AccordionContent: React__default.ForwardRefExoticComponent<AccordionContentProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
120
|
+
declare const Root: React__default.ForwardRefExoticComponent<(AccordionSingleProps | AccordionMultipleProps) & React__default.RefAttributes<HTMLDivElement>>;
|
|
121
|
+
declare const Item: React__default.ForwardRefExoticComponent<AccordionItemProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
122
|
+
declare const Header: React__default.ForwardRefExoticComponent<AccordionHeaderProps & React__default.RefAttributes<HTMLHeadingElement>>;
|
|
123
|
+
declare const Trigger: React__default.ForwardRefExoticComponent<AccordionTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
124
|
+
declare const Content: React__default.ForwardRefExoticComponent<AccordionContentProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
112
125
|
|
|
113
|
-
|
|
126
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, type AccordionMultipleProps, type AccordionSingleProps, AccordionTrigger, type AccordionTriggerProps, Content, Header, Item, Root, Trigger, createAccordionScope };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,16 +1,29 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import * as Radix from '@radix-ui/react-primitive';
|
|
4
|
+
import { Primitive } from '@radix-ui/react-primitive';
|
|
5
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
6
|
+
|
|
7
|
+
declare type Scope<C = any> = {
|
|
8
|
+
[scopeName: string]: React.Context<C>[];
|
|
9
|
+
} | undefined;
|
|
10
|
+
declare type ScopeHook = (scope: Scope) => {
|
|
11
|
+
[__scopeProp: string]: Scope;
|
|
12
|
+
};
|
|
13
|
+
interface CreateScope {
|
|
14
|
+
scopeName: string;
|
|
15
|
+
(): ScopeHook;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
declare type Direction = 'ltr' | 'rtl';
|
|
19
|
+
declare const createAccordionScope: CreateScope;
|
|
20
|
+
interface AccordionSingleProps extends AccordionImplSingleProps {
|
|
8
21
|
type: 'single';
|
|
9
22
|
}
|
|
10
|
-
|
|
23
|
+
interface AccordionMultipleProps extends AccordionImplMultipleProps {
|
|
11
24
|
type: 'multiple';
|
|
12
25
|
}
|
|
13
|
-
|
|
26
|
+
declare const Accordion: React__default.ForwardRefExoticComponent<(AccordionSingleProps | AccordionMultipleProps) & React__default.RefAttributes<HTMLDivElement>>;
|
|
14
27
|
interface AccordionImplSingleProps extends AccordionImplProps {
|
|
15
28
|
/**
|
|
16
29
|
* The controlled stateful value of the accordion item whose content is expanded.
|
|
@@ -46,7 +59,7 @@ interface AccordionImplMultipleProps extends AccordionImplProps {
|
|
|
46
59
|
*/
|
|
47
60
|
onValueChange?(value: string[]): void;
|
|
48
61
|
}
|
|
49
|
-
type PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
62
|
+
declare type PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
50
63
|
interface AccordionImplProps extends PrimitiveDivProps {
|
|
51
64
|
/**
|
|
52
65
|
* Whether or not an accordion is disabled from user interaction.
|
|
@@ -58,14 +71,14 @@ interface AccordionImplProps extends PrimitiveDivProps {
|
|
|
58
71
|
* The layout in which the Accordion operates.
|
|
59
72
|
* @default vertical
|
|
60
73
|
*/
|
|
61
|
-
orientation?:
|
|
74
|
+
orientation?: React__default.AriaAttributes['aria-orientation'];
|
|
62
75
|
/**
|
|
63
76
|
* The language read direction.
|
|
64
77
|
*/
|
|
65
78
|
dir?: Direction;
|
|
66
79
|
}
|
|
67
|
-
type CollapsibleProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>;
|
|
68
|
-
|
|
80
|
+
declare type CollapsibleProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>;
|
|
81
|
+
interface AccordionItemProps extends Omit<CollapsibleProps, 'open' | 'defaultOpen' | 'onOpenChange'> {
|
|
69
82
|
/**
|
|
70
83
|
* Whether or not an accordion item is disabled from user interaction.
|
|
71
84
|
*
|
|
@@ -80,34 +93,34 @@ export interface AccordionItemProps extends Omit<CollapsibleProps, 'open' | 'def
|
|
|
80
93
|
/**
|
|
81
94
|
* `AccordionItem` contains all of the parts of a collapsible section inside of an `Accordion`.
|
|
82
95
|
*/
|
|
83
|
-
|
|
84
|
-
type PrimitiveHeading3Props = Radix.ComponentPropsWithoutRef<typeof Primitive.h3>;
|
|
85
|
-
|
|
96
|
+
declare const AccordionItem: React__default.ForwardRefExoticComponent<AccordionItemProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
97
|
+
declare type PrimitiveHeading3Props = Radix.ComponentPropsWithoutRef<typeof Primitive.h3>;
|
|
98
|
+
interface AccordionHeaderProps extends PrimitiveHeading3Props {
|
|
86
99
|
}
|
|
87
100
|
/**
|
|
88
101
|
* `AccordionHeader` contains the content for the parts of an `AccordionItem` that will be visible
|
|
89
102
|
* whether or not its content is collapsed.
|
|
90
103
|
*/
|
|
91
|
-
|
|
92
|
-
type CollapsibleTriggerProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>;
|
|
93
|
-
|
|
104
|
+
declare const AccordionHeader: React__default.ForwardRefExoticComponent<AccordionHeaderProps & React__default.RefAttributes<HTMLHeadingElement>>;
|
|
105
|
+
declare type CollapsibleTriggerProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>;
|
|
106
|
+
interface AccordionTriggerProps extends CollapsibleTriggerProps {
|
|
94
107
|
}
|
|
95
108
|
/**
|
|
96
109
|
* `AccordionTrigger` is the trigger that toggles the collapsed state of an `AccordionItem`. It
|
|
97
110
|
* should always be nested inside of an `AccordionHeader`.
|
|
98
111
|
*/
|
|
99
|
-
|
|
100
|
-
type CollapsibleContentProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>;
|
|
101
|
-
|
|
112
|
+
declare const AccordionTrigger: React__default.ForwardRefExoticComponent<AccordionTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
113
|
+
declare type CollapsibleContentProps = Radix.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>;
|
|
114
|
+
interface AccordionContentProps extends CollapsibleContentProps {
|
|
102
115
|
}
|
|
103
116
|
/**
|
|
104
117
|
* `AccordionContent` contains the collapsible content for an `AccordionItem`.
|
|
105
118
|
*/
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
119
|
+
declare const AccordionContent: React__default.ForwardRefExoticComponent<AccordionContentProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
120
|
+
declare const Root: React__default.ForwardRefExoticComponent<(AccordionSingleProps | AccordionMultipleProps) & React__default.RefAttributes<HTMLDivElement>>;
|
|
121
|
+
declare const Item: React__default.ForwardRefExoticComponent<AccordionItemProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
122
|
+
declare const Header: React__default.ForwardRefExoticComponent<AccordionHeaderProps & React__default.RefAttributes<HTMLHeadingElement>>;
|
|
123
|
+
declare const Trigger: React__default.ForwardRefExoticComponent<AccordionTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
124
|
+
declare const Content: React__default.ForwardRefExoticComponent<AccordionContentProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
112
125
|
|
|
113
|
-
|
|
126
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, type AccordionMultipleProps, type AccordionSingleProps, AccordionTrigger, type AccordionTriggerProps, Content, Header, Item, Root, Trigger, createAccordionScope };
|