@jamsrui/accordion 0.0.12 → 0.0.14
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/accordion-BaXFve3g.d.mts +93 -0
- package/dist/accordion-config.d.mts +1 -8
- package/dist/accordion-config.mjs +1 -1
- package/dist/accordion-content.d.mts +2 -2
- package/dist/accordion-content.mjs +1 -1
- package/dist/accordion-context.d.mts +1 -8
- package/dist/accordion-context.mjs +1 -1
- package/dist/accordion-heading.d.mts +10 -0
- package/dist/accordion-heading.mjs +1 -0
- package/dist/accordion-indicator.mjs +1 -1
- package/dist/accordion-item-context.d.mts +5 -6
- package/dist/accordion-item-context.mjs +1 -1
- package/dist/accordion-item.d.mts +5 -5
- package/dist/accordion-item.mjs +1 -1
- package/dist/accordion-list-provider.mjs +1 -1
- package/dist/accordion-panel.d.mts +10 -0
- package/dist/accordion-panel.mjs +1 -0
- package/dist/accordion-trigger.mjs +1 -1
- package/dist/accordion.d.mts +1 -8
- package/dist/accordion.mjs +1 -1
- package/dist/icons.mjs +1 -1
- package/dist/index.d.mts +39 -11
- package/dist/index.mjs +1 -1
- package/dist/styles.d.mts +6 -9
- package/dist/styles.mjs +1 -1
- package/dist/{accordion-item-CjrslTeD.d.mts → use-accordion-item-CZDKADCK.d.mts} +12 -15
- package/dist/use-accordion-item.d.mts +4 -4
- package/dist/use-accordion-item.mjs +1 -1
- package/dist/use-accordion.d.mts +1 -8
- package/dist/use-accordion.mjs +1 -1
- package/package.json +5 -5
- package/dist/accordion-ZPzXJf-I.d.mts +0 -127
- package/dist/accordion-content-wrapper.d.mts +0 -11
- package/dist/accordion-content-wrapper.mjs +0 -1
- package/dist/accordion-heading-content.d.mts +0 -10
- package/dist/accordion-heading-content.mjs +0 -1
- package/dist/chunk-3KX5ZPFZ.mjs +0 -1
- package/dist/chunk-773TRCOO.mjs +0 -1
- package/dist/chunk-AZTA4BMJ.mjs +0 -1
- package/dist/chunk-EW4H5PY5.mjs +0 -1
- package/dist/chunk-JT5VCZTC.mjs +0 -1
- package/dist/chunk-MXQSODZO.mjs +0 -1
- package/dist/chunk-N7FXYTDE.mjs +0 -1
- package/dist/chunk-ODJOF4YS.mjs +0 -1
- package/dist/chunk-UBUBYUEY.mjs +0 -1
- package/dist/chunk-VJHN34FK.mjs +0 -1
- package/dist/chunk-VSIS7MHA.mjs +0 -1
- package/dist/chunk-WQE6QIET.mjs +0 -1
- package/dist/chunk-XEIFPPNA.mjs +0 -1
- package/dist/chunk-YYWGBE52.mjs +0 -1
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as react from 'react';
|
|
3
|
+
import * as _jamsrui_utils from '@jamsrui/utils';
|
|
4
|
+
import { PropGetter, UIProps } from '@jamsrui/utils';
|
|
5
|
+
import * as tailwind_merge from 'tailwind-merge';
|
|
6
|
+
import { AccordionVariants } from './styles.mjs';
|
|
7
|
+
|
|
8
|
+
declare const useAccordion: (props: useAccordion.Props) => {
|
|
9
|
+
getRootProps: PropGetter<Accordion.Props>;
|
|
10
|
+
handleValueChange: () => void;
|
|
11
|
+
value: useAccordion.AccordionValue;
|
|
12
|
+
isDisabled: boolean;
|
|
13
|
+
styles: {
|
|
14
|
+
root: (slotProps?: ({
|
|
15
|
+
variant?: "light" | "splitted" | undefined;
|
|
16
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
17
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
18
|
+
item: (slotProps?: ({
|
|
19
|
+
variant?: "light" | "splitted" | undefined;
|
|
20
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
21
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
22
|
+
heading: (slotProps?: ({
|
|
23
|
+
variant?: "light" | "splitted" | undefined;
|
|
24
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
25
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
26
|
+
trigger: (slotProps?: ({
|
|
27
|
+
variant?: "light" | "splitted" | undefined;
|
|
28
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
29
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
30
|
+
content: (slotProps?: ({
|
|
31
|
+
variant?: "light" | "splitted" | undefined;
|
|
32
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
33
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
34
|
+
panel: (slotProps?: ({
|
|
35
|
+
variant?: "light" | "splitted" | undefined;
|
|
36
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
37
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
38
|
+
indicator: (slotProps?: ({
|
|
39
|
+
variant?: "light" | "splitted" | undefined;
|
|
40
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
41
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
42
|
+
} & {
|
|
43
|
+
root: (slotProps?: ({
|
|
44
|
+
variant?: "light" | "splitted" | undefined;
|
|
45
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
46
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
47
|
+
item: (slotProps?: ({
|
|
48
|
+
variant?: "light" | "splitted" | undefined;
|
|
49
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
50
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
51
|
+
heading: (slotProps?: ({
|
|
52
|
+
variant?: "light" | "splitted" | undefined;
|
|
53
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
54
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
55
|
+
trigger: (slotProps?: ({
|
|
56
|
+
variant?: "light" | "splitted" | undefined;
|
|
57
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
58
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
59
|
+
content: (slotProps?: ({
|
|
60
|
+
variant?: "light" | "splitted" | undefined;
|
|
61
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
62
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
63
|
+
panel: (slotProps?: ({
|
|
64
|
+
variant?: "light" | "splitted" | undefined;
|
|
65
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
66
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
67
|
+
indicator: (slotProps?: ({
|
|
68
|
+
variant?: "light" | "splitted" | undefined;
|
|
69
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
70
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
71
|
+
} & {};
|
|
72
|
+
handleAccordionOpen: (idx: string) => void;
|
|
73
|
+
elementRefs: react.RefObject<(HTMLElement | null)[]>;
|
|
74
|
+
};
|
|
75
|
+
declare namespace useAccordion {
|
|
76
|
+
type AccordionValue = string[];
|
|
77
|
+
interface Props extends UIProps<"div">, AccordionVariants {
|
|
78
|
+
value?: AccordionValue;
|
|
79
|
+
defaultValue?: AccordionValue;
|
|
80
|
+
disabled?: boolean;
|
|
81
|
+
onValueChange?: (value: AccordionValue) => void;
|
|
82
|
+
isMultiple?: boolean;
|
|
83
|
+
loop?: boolean;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
declare const Accordion: (props: Accordion.Props) => react_jsx_runtime.JSX.Element;
|
|
88
|
+
declare namespace Accordion {
|
|
89
|
+
interface Props extends useAccordion.Props {
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
export { Accordion as A, useAccordion as u };
|
|
@@ -1,16 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { GlobalConfigProps } from '@jamsrui/core';
|
|
3
|
-
import { A as Accordion } from './accordion-
|
|
3
|
+
import { A as Accordion } from './accordion-BaXFve3g.mjs';
|
|
4
4
|
import 'react';
|
|
5
5
|
import '@jamsrui/utils';
|
|
6
6
|
import 'tailwind-merge';
|
|
7
|
-
import './accordion-content.mjs';
|
|
8
|
-
import './accordion-content-wrapper.mjs';
|
|
9
|
-
import 'motion/react';
|
|
10
|
-
import './accordion-heading-content.mjs';
|
|
11
|
-
import './accordion-indicator.mjs';
|
|
12
|
-
import './accordion-item-CjrslTeD.mjs';
|
|
13
|
-
import './accordion-trigger.mjs';
|
|
14
7
|
import './styles.mjs';
|
|
15
8
|
|
|
16
9
|
declare const useAccordionConfig: () => AccordionConfig.Props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
"use client";import{createConfigContext as o}from"@jamsrui/utils";const[c,i]=o({displayName:"AccordionConfigContext"});export{c as AccordionConfig,i as useAccordionConfig};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
2
|
import { UIProps } from '@jamsrui/utils';
|
|
3
3
|
|
|
4
|
-
declare const AccordionContent: (props: AccordionContent.Props) =>
|
|
4
|
+
declare const AccordionContent: (props: AccordionContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
5
|
declare namespace AccordionContent {
|
|
6
6
|
interface Props extends UIProps<"div"> {
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
"use client";import{useRenderElement as t}from"@jamsrui/hooks";import{useAccordionItemContext as n}from"./accordion-item-context.mjs";const m=e=>{const{getContentProps:o}=n();return t("div",{props:[o(e)]})};export{m as AccordionContent};
|
|
@@ -1,15 +1,8 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { u as useAccordion } from './accordion-
|
|
2
|
+
import { u as useAccordion } from './accordion-BaXFve3g.mjs';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import '@jamsrui/utils';
|
|
5
5
|
import 'tailwind-merge';
|
|
6
|
-
import './accordion-content.mjs';
|
|
7
|
-
import './accordion-content-wrapper.mjs';
|
|
8
|
-
import 'motion/react';
|
|
9
|
-
import './accordion-heading-content.mjs';
|
|
10
|
-
import './accordion-indicator.mjs';
|
|
11
|
-
import './accordion-item-CjrslTeD.mjs';
|
|
12
|
-
import './accordion-trigger.mjs';
|
|
13
6
|
import './styles.mjs';
|
|
14
7
|
|
|
15
8
|
declare const useAccordionContext: () => AccordionContext.Props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
"use client";import{createContext as e,use as t}from"react";const r=e(null),c=()=>{const o=t(r);if(!o)throw new Error("useAccordionContext must be used within AccordionContextProvider");return o};export{r as AccordionContext,c as useAccordionContext};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { UIProps } from '@jamsrui/utils';
|
|
3
|
+
|
|
4
|
+
declare const AccordionHeading: (props: AccordionHeading.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
|
+
declare namespace AccordionHeading {
|
|
6
|
+
interface Props extends UIProps<"div"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { AccordionHeading };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{useRenderElement as o}from"@jamsrui/hooks";import{useAccordionItemContext as n}from"./accordion-item-context.mjs";const p=e=>{const{getHeadingProps:r}=n();return o("div",{props:[r(e)]})};export{p as AccordionHeading};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
"use client";import{jsx as p}from"react/jsx-runtime";import{useRenderElement as t}from"@jamsrui/hooks";import{useAccordionItemContext as c}from"./accordion-item-context.mjs";import{ChevronDownIcon as s}from"./icons.mjs";const I=o=>{const{children:r=p(s,{}),...e}=o,{getIndicatorProps:n}=c();return t("span",{props:[n(e),{children:r}]})};export{I as AccordionIndicator};
|
|
@@ -1,19 +1,18 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import { u as useAccordionItem } from './accordion-item-
|
|
2
|
+
import { u as useAccordionItem } from './use-accordion-item-CZDKADCK.mjs';
|
|
4
3
|
import '@jamsrui/utils';
|
|
5
4
|
import './accordion-content.mjs';
|
|
6
|
-
import '
|
|
7
|
-
import '
|
|
8
|
-
import './accordion-heading-content.mjs';
|
|
5
|
+
import 'react';
|
|
6
|
+
import './accordion-heading.mjs';
|
|
9
7
|
import './accordion-indicator.mjs';
|
|
8
|
+
import './accordion-panel.mjs';
|
|
9
|
+
import 'motion/react';
|
|
10
10
|
import './accordion-trigger.mjs';
|
|
11
11
|
|
|
12
12
|
declare const useAccordionItemContext: () => AccordionItemContextProvider.Type;
|
|
13
13
|
declare const useAccordionItemState: () => {
|
|
14
14
|
isOpen: boolean;
|
|
15
15
|
isDisabled: boolean | undefined;
|
|
16
|
-
indicator: react.ReactNode;
|
|
17
16
|
};
|
|
18
17
|
declare const AccordionItemContextProvider: (props: AccordionItemContextProvider.Props) => react_jsx_runtime.JSX.Element;
|
|
19
18
|
declare namespace AccordionItemContextProvider {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
"use client";import{jsx as s}from"react/jsx-runtime";import{createContext as n,use as c}from"react";const t=n(null),x=e=>{const{children:o,ctx:r}=e;return s(t,{value:r,children:o})},i=()=>{const e=c(t);if(!e)throw new Error("useAccordionItemContext must be used within AccordionItemContextProvider");return e},p=()=>{const e=i();return{isOpen:e.isOpen,isDisabled:e.isDisabled}};export{x as AccordionItemContextProvider,i as useAccordionItemContext,p as useAccordionItemState};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import 'react/jsx-runtime';
|
|
2
|
-
export { A as AccordionItem } from './accordion-item-
|
|
3
|
-
import 'react';
|
|
2
|
+
export { A as AccordionItem } from './use-accordion-item-CZDKADCK.mjs';
|
|
4
3
|
import '@jamsrui/utils';
|
|
5
4
|
import './accordion-content.mjs';
|
|
6
|
-
import '
|
|
7
|
-
import '
|
|
8
|
-
import './accordion-heading-content.mjs';
|
|
5
|
+
import 'react';
|
|
6
|
+
import './accordion-heading.mjs';
|
|
9
7
|
import './accordion-indicator.mjs';
|
|
8
|
+
import './accordion-panel.mjs';
|
|
9
|
+
import 'motion/react';
|
|
10
10
|
import './accordion-trigger.mjs';
|
package/dist/accordion-item.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
"use client";import{jsx as s}from"react/jsx-runtime";import{useRenderElement as c}from"@jamsrui/hooks";import{AccordionItemContextProvider as n}from"./accordion-item-context.mjs";import{useAccordionItem as m}from"./use-accordion-item.mjs";const i=e=>{const o=m(e),{getItemProps:r}=o,t=c("div",{props:[r({})]});return s(n,{ctx:o,children:t})};export{i as AccordionItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createContext as e,use as o}from"react";
|
|
1
|
+
"use client";import{createContext as e,use as o}from"react";const n=e(null),c=()=>{const t=o(n);if(!t)throw new Error("AccordionListItemContext not found");return t};export{n as AccordionListItemContext,c as useAccordionListItem};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { HTMLMotionProps } from 'motion/react';
|
|
3
|
+
|
|
4
|
+
declare const AccordionPanel: (props: AccordionPanel.Props) => react_jsx_runtime.JSX.Element;
|
|
5
|
+
declare namespace AccordionPanel {
|
|
6
|
+
interface Props extends HTMLMotionProps<"section"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { AccordionPanel };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{jsx as e}from"react/jsx-runtime";import{AnimatePresence as i,motion as r}from"motion/react";import{useAccordionItemContext as c}from"./accordion-item-context.mjs";import{TRANSITION_VARIANTS as s}from"@jamsrui/utils";const A=o=>{const{isOpen:n,getPanelProps:t}=c();return e(i,{children:!!n&&e(r.section,{animate:"enter",exit:"exit",initial:"exit",variants:s.collapse,...t(o)})})};export{A as AccordionPanel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
"use client";import{jsx as s}from"react/jsx-runtime";import{CompositeItem as t}from"@jamsrui/composite";import{useRenderElement as n}from"@jamsrui/hooks";import{useAccordionItemContext as i}from"./accordion-item-context.mjs";const p=o=>{const{getTriggerProps:r}=i(),e=n("button",{props:[r(o)]});return s(t,{children:e})};export{p as AccordionTrigger};
|
package/dist/accordion.d.mts
CHANGED
|
@@ -1,13 +1,6 @@
|
|
|
1
1
|
import 'react/jsx-runtime';
|
|
2
|
-
export { A as Accordion } from './accordion-
|
|
2
|
+
export { A as Accordion } from './accordion-BaXFve3g.mjs';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '@jamsrui/utils';
|
|
5
5
|
import 'tailwind-merge';
|
|
6
|
-
import './accordion-content.mjs';
|
|
7
|
-
import './accordion-content-wrapper.mjs';
|
|
8
|
-
import 'motion/react';
|
|
9
|
-
import './accordion-heading-content.mjs';
|
|
10
|
-
import './accordion-indicator.mjs';
|
|
11
|
-
import './accordion-item-CjrslTeD.mjs';
|
|
12
|
-
import './accordion-trigger.mjs';
|
|
13
6
|
import './styles.mjs';
|
package/dist/accordion.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
"use client";import{jsx as n}from"react/jsx-runtime";import{Composite as p}from"@jamsrui/composite";import{useRenderElement as m}from"@jamsrui/hooks";import{mergeConfigProps as d}from"@jamsrui/utils";import{useAccordionConfig as f}from"./accordion-config.mjs";import{AccordionContext as A}from"./accordion-context.mjs";import{useAccordion as g}from"./use-accordion.mjs";const u=c=>{const o=f(),r=d(o,o,c),e=g(r),{getRootProps:t}=e,{children:i}=r,s=m("div",{props:[t({}),{children:i}]});return n(p,{children:n(A,{value:e,children:s})})};export{u as Accordion};
|
package/dist/icons.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";const t=r=>o("svg",{fill:"none",height:20,stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,viewBox:"0 0 24 24",width:20,xmlns:"http://www.w3.org/2000/svg",...r,children:o("path",{d:"m6 9 6 6 6-6"})});export{t as ChevronDownIcon};
|
package/dist/index.d.mts
CHANGED
|
@@ -1,16 +1,44 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export {
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
+
import { A as Accordion$1 } from './accordion-BaXFve3g.mjs';
|
|
4
|
+
export { AccordionConfig } from './accordion-config.mjs';
|
|
5
|
+
import { AccordionContent } from './accordion-content.mjs';
|
|
6
|
+
import { AccordionHeading } from './accordion-heading.mjs';
|
|
7
|
+
import { AccordionIndicator } from './accordion-indicator.mjs';
|
|
8
|
+
import { A as AccordionItem } from './use-accordion-item-CZDKADCK.mjs';
|
|
5
9
|
export { useAccordionItemState } from './accordion-item-context.mjs';
|
|
6
|
-
|
|
7
|
-
import '
|
|
8
|
-
import 'react';
|
|
10
|
+
import { AccordionPanel } from './accordion-panel.mjs';
|
|
11
|
+
import { AccordionTrigger } from './accordion-trigger.mjs';
|
|
9
12
|
import '@jamsrui/utils';
|
|
10
13
|
import 'tailwind-merge';
|
|
11
|
-
import './accordion-content-wrapper.mjs';
|
|
12
|
-
import 'motion/react';
|
|
13
|
-
import './accordion-heading-content.mjs';
|
|
14
|
-
import './accordion-indicator.mjs';
|
|
15
14
|
import './styles.mjs';
|
|
16
15
|
import '@jamsrui/core';
|
|
16
|
+
import 'motion/react';
|
|
17
|
+
|
|
18
|
+
declare const Accordion: ((props: Accordion$1.Props) => react_jsx_runtime.JSX.Element) & {
|
|
19
|
+
Root: (props: Accordion$1.Props) => react_jsx_runtime.JSX.Element;
|
|
20
|
+
Item: (props: AccordionItem.Props) => react_jsx_runtime.JSX.Element;
|
|
21
|
+
Trigger: (props: AccordionTrigger.Props) => react_jsx_runtime.JSX.Element;
|
|
22
|
+
Content: (props: AccordionContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
23
|
+
Panel: (props: AccordionPanel.Props) => react_jsx_runtime.JSX.Element;
|
|
24
|
+
Indicator: (props: AccordionIndicator.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
25
|
+
Heading: (props: AccordionHeading.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
26
|
+
};
|
|
27
|
+
declare namespace Accordion {
|
|
28
|
+
interface Props extends Accordion$1.Props {
|
|
29
|
+
}
|
|
30
|
+
interface Item extends AccordionItem.Props {
|
|
31
|
+
}
|
|
32
|
+
interface Trigger extends AccordionTrigger.Props {
|
|
33
|
+
}
|
|
34
|
+
interface Content extends AccordionContent.Props {
|
|
35
|
+
}
|
|
36
|
+
interface Panel extends AccordionPanel.Props {
|
|
37
|
+
}
|
|
38
|
+
interface Indicator extends AccordionIndicator.Props {
|
|
39
|
+
}
|
|
40
|
+
interface Heading extends AccordionHeading.Props {
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export { Accordion, AccordionContent, AccordionHeading, AccordionIndicator, AccordionItem, AccordionPanel, AccordionTrigger };
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{Accordion as o}from"./accordion.mjs";import{AccordionConfig as d}from"./accordion-config.mjs";import{AccordionContent as r}from"./accordion-content.mjs";import{AccordionHeading as e}from"./accordion-heading.mjs";import{AccordionIndicator as n}from"./accordion-indicator.mjs";import{AccordionItem as t}from"./accordion-item.mjs";import{useAccordionItemState as p}from"./accordion-item-context.mjs";import{AccordionPanel as c}from"./accordion-panel.mjs";import{AccordionTrigger as i}from"./accordion-trigger.mjs";const C=Object.assign(o,{Root:o,Item:t,Trigger:i,Content:r,Panel:c,Indicator:n,Heading:e});export{C as Accordion,d as AccordionConfig,r as AccordionContent,e as AccordionHeading,n as AccordionIndicator,t as AccordionItem,c as AccordionPanel,i as AccordionTrigger,p as useAccordionItemState};
|
package/dist/styles.d.mts
CHANGED
|
@@ -21,12 +21,11 @@ declare const accordionVariants: _jamsrui_utils.TVReturnType<{
|
|
|
21
21
|
}, {
|
|
22
22
|
root: string;
|
|
23
23
|
item: string;
|
|
24
|
-
|
|
24
|
+
heading: string;
|
|
25
25
|
trigger: string[];
|
|
26
26
|
content: string;
|
|
27
|
-
|
|
27
|
+
panel: string;
|
|
28
28
|
indicator: string;
|
|
29
|
-
headingContent: string;
|
|
30
29
|
}, undefined, {
|
|
31
30
|
variant: {
|
|
32
31
|
light: string;
|
|
@@ -47,12 +46,11 @@ declare const accordionVariants: _jamsrui_utils.TVReturnType<{
|
|
|
47
46
|
}, {
|
|
48
47
|
root: string;
|
|
49
48
|
item: string;
|
|
50
|
-
|
|
49
|
+
heading: string;
|
|
51
50
|
trigger: string[];
|
|
52
51
|
content: string;
|
|
53
|
-
|
|
52
|
+
panel: string;
|
|
54
53
|
indicator: string;
|
|
55
|
-
headingContent: string;
|
|
56
54
|
}, _jamsrui_utils.TVReturnType<{
|
|
57
55
|
variant: {
|
|
58
56
|
light: string;
|
|
@@ -73,12 +71,11 @@ declare const accordionVariants: _jamsrui_utils.TVReturnType<{
|
|
|
73
71
|
}, {
|
|
74
72
|
root: string;
|
|
75
73
|
item: string;
|
|
76
|
-
|
|
74
|
+
heading: string;
|
|
77
75
|
trigger: string[];
|
|
78
76
|
content: string;
|
|
79
|
-
|
|
77
|
+
panel: string;
|
|
80
78
|
indicator: string;
|
|
81
|
-
headingContent: string;
|
|
82
79
|
}, undefined, unknown, unknown, undefined>>;
|
|
83
80
|
type AccordionVariants = VariantProps<typeof accordionVariants>;
|
|
84
81
|
type AccordionSlots = keyof ReturnType<typeof accordionVariants>;
|
package/dist/styles.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{radiusVariant as t,tv as i}from"@jamsrui/utils";const o=i({slots:{root:"flex flex-col",item:"bg-surface ui-disabled:opacity-80 ui-disabled:cursor-not-allowed",heading:"flex items-center gap-2",trigger:["flex w-full items-center relative gap-3 py-4 px-4","focus-visible:outline-2 focus-visible:outline-primary focus-visible:z-10"],content:"py-2 text-base px-4",panel:"overflow-hidden",indicator:"rotate-0 transition-transform duration-500 data-open:-rotate-180 ml-auto"},variants:{variant:{light:"",splitted:{root:"flex flex-col gap-4"}},radius:t(["item","trigger","content"])},defaultVariants:{variant:"light",radius:"md"}});export{o as accordionVariants};
|
|
@@ -1,34 +1,31 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as react from 'react';
|
|
3
1
|
import { PropGetter, UIProps } from '@jamsrui/utils';
|
|
4
2
|
import { AccordionContent } from './accordion-content.mjs';
|
|
5
|
-
import {
|
|
6
|
-
import { AccordionHeadingContent } from './accordion-heading-content.mjs';
|
|
3
|
+
import { AccordionHeading } from './accordion-heading.mjs';
|
|
7
4
|
import { AccordionIndicator } from './accordion-indicator.mjs';
|
|
5
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
+
import { AccordionPanel } from './accordion-panel.mjs';
|
|
8
7
|
import { AccordionTrigger } from './accordion-trigger.mjs';
|
|
9
8
|
|
|
9
|
+
declare const AccordionItem: (props: AccordionItem.Props) => react_jsx_runtime.JSX.Element;
|
|
10
|
+
declare namespace AccordionItem {
|
|
11
|
+
interface Props extends useAccordionItem.Props {
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
10
15
|
declare const useAccordionItem: (props: useAccordionItem.Props) => {
|
|
11
16
|
getItemProps: PropGetter<AccordionItem.Props>;
|
|
12
17
|
getContentProps: PropGetter<AccordionContent.Props>;
|
|
13
18
|
getTriggerProps: PropGetter<AccordionTrigger.Props>;
|
|
14
|
-
getContentWrapperProps: PropGetter<AccordionContentWrapper.Props>;
|
|
15
19
|
getIndicatorProps: PropGetter<AccordionIndicator.Props>;
|
|
16
|
-
getHeadingContentProps: PropGetter<AccordionHeadingContent.Props>;
|
|
17
20
|
isOpen: boolean;
|
|
18
|
-
indicator: react.ReactNode;
|
|
19
21
|
isDisabled: boolean | undefined;
|
|
22
|
+
getHeadingProps: PropGetter<AccordionHeading.Props>;
|
|
23
|
+
getPanelProps: PropGetter<AccordionPanel.Props>;
|
|
20
24
|
};
|
|
21
25
|
declare namespace useAccordionItem {
|
|
22
26
|
interface Props extends UIProps<"div"> {
|
|
23
27
|
value?: string;
|
|
24
|
-
|
|
25
|
-
indicator?: React.ReactNode;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
declare const AccordionItem: (props: AccordionItem.Props) => react_jsx_runtime.JSX.Element;
|
|
30
|
-
declare namespace AccordionItem {
|
|
31
|
-
interface Props extends useAccordionItem.Props {
|
|
28
|
+
disabled?: boolean;
|
|
32
29
|
}
|
|
33
30
|
}
|
|
34
31
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import 'react';
|
|
2
1
|
import '@jamsrui/utils';
|
|
3
2
|
import './accordion-content.mjs';
|
|
4
|
-
import './accordion-
|
|
5
|
-
import './accordion-heading-content.mjs';
|
|
3
|
+
import './accordion-heading.mjs';
|
|
6
4
|
import './accordion-indicator.mjs';
|
|
7
|
-
export { u as useAccordionItem } from './accordion-item-
|
|
5
|
+
export { u as useAccordionItem } from './use-accordion-item-CZDKADCK.mjs';
|
|
6
|
+
import './accordion-panel.mjs';
|
|
8
7
|
import './accordion-trigger.mjs';
|
|
8
|
+
import 'react';
|
|
9
9
|
import 'react/jsx-runtime';
|
|
10
10
|
import 'motion/react';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{useCallback as r,useId as f,useMemo as b}from"react";import{useCompositeItem as v}from"@jamsrui/composite";import{cn as x,dataAttr as m,dataAttrDev as s,mergeProps as h}from"@jamsrui/utils";import{useAccordionContext as H}from"./accordion-context.mjs";const S=y=>{const{styles:o,handleAccordionOpen:l,value:p,elementRefs:T}=H(),{index:C}=v({}),G=(C+1).toString(),{value:c=G,disabled:t,...d}=y,a=b(()=>p.includes(c),[p,c]),i=f(),n=f(),g=r(e=>({...d,...e,"data-slot":s("accordion-item"),className:o.item({className:x(d.className,e.className)}),"aria-disabled":m(t),"data-disabled":m(t)}),[d,t,o]),P=r(e=>({...e,"data-slot":s("panel"),className:o.panel({className:x(e.className)}),role:"region","aria-labelledby":i,id:n}),[o,i,n]),A=r(e=>({...e,"data-slot":s("content"),className:o.content({className:e.className})}),[o]),N=r(e=>({...h(e,{onClick:()=>{l(c)},disabled:t,"aria-disabled":t,"data-disabled":t}),"data-slot":s("trigger"),className:o.trigger({className:e.className}),id:i,"aria-expanded":a,"aria-controls":n}),[t,o,i,a,n,l,c]),u=r(e=>({...e,"data-slot":s("indicator"),"data-open":m(a),className:o.indicator({className:e.className})}),[a,o]),I=r(e=>({...e,"data-slot":s("heading"),className:o.heading({className:e.className})}),[o]);return b(()=>({getItemProps:g,getContentProps:A,getTriggerProps:N,getIndicatorProps:u,isOpen:a,isDisabled:t,getHeadingProps:I,getPanelProps:P}),[g,A,N,u,I,a,t,P])};export{S as useAccordionItem};
|
package/dist/use-accordion.d.mts
CHANGED
|
@@ -1,13 +1,6 @@
|
|
|
1
1
|
import 'react';
|
|
2
2
|
import '@jamsrui/utils';
|
|
3
3
|
import 'tailwind-merge';
|
|
4
|
-
export { u as useAccordion } from './accordion-
|
|
5
|
-
import './accordion-content.mjs';
|
|
6
|
-
import './accordion-content-wrapper.mjs';
|
|
7
|
-
import './accordion-heading-content.mjs';
|
|
8
|
-
import './accordion-indicator.mjs';
|
|
9
|
-
import './accordion-item-CjrslTeD.mjs';
|
|
10
|
-
import './accordion-trigger.mjs';
|
|
4
|
+
export { u as useAccordion } from './accordion-BaXFve3g.mjs';
|
|
11
5
|
import './styles.mjs';
|
|
12
6
|
import 'react/jsx-runtime';
|
|
13
|
-
import 'motion/react';
|
package/dist/use-accordion.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{useCallback as c,useMemo as g,useRef as h}from"react";import{useControlledState as C}from"@jamsrui/hooks";import{cn as M,dataAttrDev as N,mapPropsVariants as R}from"@jamsrui/utils";import{accordionVariants as V}from"./styles.mjs";const S=A=>{const[P,v]=R(A,V.variantKeys),{value:y,defaultValue:b,disabled:i=!1,onValueChange:r,isMultiple:p,loop:w,...t}=P,[o=[],s]=C({defaultProp:b,onChange:r,prop:y}),u=c(()=>{},[]),a=V(v),d=h([]),m=c(e=>{const n=o.includes(e);if(p){const l=new Set(o);n?l.delete(e):l.add(e),s(Array.from(l))}else s(n?[]:[e]),r?.(n?[]:[e])},[p,r,s,o]),f=c(e=>({...t,...e,"data-slot":N("root"),className:a.root({className:M(t.className,e.className)})}),[t,a]);return g(()=>({getRootProps:f,handleValueChange:u,value:o,isDisabled:i,styles:a,handleAccordionOpen:m,elementRefs:d}),[f,m,u,i,a,o,d])};export{S as useAccordion};
|
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jamsrui/accordion",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.14",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"motion": ">=12",
|
|
6
6
|
"react": ">=19",
|
|
7
7
|
"react-dom": ">=19"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@jamsrui/
|
|
11
|
-
"@jamsrui/
|
|
12
|
-
"@jamsrui/
|
|
13
|
-
"@jamsrui/utils": "^0.0.
|
|
10
|
+
"@jamsrui/composite": "^0.0.7",
|
|
11
|
+
"@jamsrui/core": "^0.0.12",
|
|
12
|
+
"@jamsrui/hooks": "^0.0.14",
|
|
13
|
+
"@jamsrui/utils": "^0.0.14"
|
|
14
14
|
},
|
|
15
15
|
"exports": {
|
|
16
16
|
".": {
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as react from 'react';
|
|
3
|
-
import * as _jamsrui_utils from '@jamsrui/utils';
|
|
4
|
-
import { PropGetter, SlotsToClassNames, UIProps } from '@jamsrui/utils';
|
|
5
|
-
import * as tailwind_merge from 'tailwind-merge';
|
|
6
|
-
import { AccordionContent } from './accordion-content.mjs';
|
|
7
|
-
import { AccordionContentWrapper } from './accordion-content-wrapper.mjs';
|
|
8
|
-
import { AccordionHeadingContent } from './accordion-heading-content.mjs';
|
|
9
|
-
import { AccordionIndicator } from './accordion-indicator.mjs';
|
|
10
|
-
import { A as AccordionItem } from './accordion-item-CjrslTeD.mjs';
|
|
11
|
-
import { AccordionTrigger } from './accordion-trigger.mjs';
|
|
12
|
-
import { AccordionVariants, AccordionSlots } from './styles.mjs';
|
|
13
|
-
|
|
14
|
-
declare const useAccordion: (props: useAccordion.Props) => {
|
|
15
|
-
getRootProps: PropGetter<Accordion.Props>;
|
|
16
|
-
handleValueChange: () => void;
|
|
17
|
-
value: useAccordion.AccordionValue;
|
|
18
|
-
isDisabled: boolean | undefined;
|
|
19
|
-
slotProps: {
|
|
20
|
-
trigger?: AccordionTrigger.Props;
|
|
21
|
-
item?: AccordionItem.Props;
|
|
22
|
-
content?: AccordionContent.Props;
|
|
23
|
-
contentWrapper?: AccordionContentWrapper.Props;
|
|
24
|
-
indicator?: AccordionIndicator.Props;
|
|
25
|
-
headingContent?: AccordionHeadingContent.Props;
|
|
26
|
-
} | undefined;
|
|
27
|
-
classNames: SlotsToClassNames<"header" | "content" | "root" | "item" | "contentWrapper" | "indicator" | "headingContent" | "trigger"> | undefined;
|
|
28
|
-
styles: {
|
|
29
|
-
root: (slotProps?: ({
|
|
30
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
31
|
-
variant?: "light" | "splitted" | undefined;
|
|
32
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
33
|
-
item: (slotProps?: ({
|
|
34
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
35
|
-
variant?: "light" | "splitted" | undefined;
|
|
36
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
37
|
-
header: (slotProps?: ({
|
|
38
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
39
|
-
variant?: "light" | "splitted" | undefined;
|
|
40
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
41
|
-
trigger: (slotProps?: ({
|
|
42
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
43
|
-
variant?: "light" | "splitted" | undefined;
|
|
44
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
45
|
-
content: (slotProps?: ({
|
|
46
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
47
|
-
variant?: "light" | "splitted" | undefined;
|
|
48
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
49
|
-
contentWrapper: (slotProps?: ({
|
|
50
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
51
|
-
variant?: "light" | "splitted" | undefined;
|
|
52
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
53
|
-
indicator: (slotProps?: ({
|
|
54
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
55
|
-
variant?: "light" | "splitted" | undefined;
|
|
56
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
57
|
-
headingContent: (slotProps?: ({
|
|
58
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
59
|
-
variant?: "light" | "splitted" | undefined;
|
|
60
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
61
|
-
} & {
|
|
62
|
-
root: (slotProps?: ({
|
|
63
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
64
|
-
variant?: "light" | "splitted" | undefined;
|
|
65
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
66
|
-
item: (slotProps?: ({
|
|
67
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
68
|
-
variant?: "light" | "splitted" | undefined;
|
|
69
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
70
|
-
header: (slotProps?: ({
|
|
71
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
72
|
-
variant?: "light" | "splitted" | undefined;
|
|
73
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
74
|
-
trigger: (slotProps?: ({
|
|
75
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
76
|
-
variant?: "light" | "splitted" | undefined;
|
|
77
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
78
|
-
content: (slotProps?: ({
|
|
79
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
80
|
-
variant?: "light" | "splitted" | undefined;
|
|
81
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
82
|
-
contentWrapper: (slotProps?: ({
|
|
83
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
84
|
-
variant?: "light" | "splitted" | undefined;
|
|
85
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
86
|
-
indicator: (slotProps?: ({
|
|
87
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
88
|
-
variant?: "light" | "splitted" | undefined;
|
|
89
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
90
|
-
headingContent: (slotProps?: ({
|
|
91
|
-
radius?: "none" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
|
|
92
|
-
variant?: "light" | "splitted" | undefined;
|
|
93
|
-
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
94
|
-
} & {};
|
|
95
|
-
handleAccordionOpen: (idx: string) => void;
|
|
96
|
-
elementRefs: react.RefObject<(HTMLElement | null)[]>;
|
|
97
|
-
hideIndicator: boolean | undefined;
|
|
98
|
-
};
|
|
99
|
-
declare namespace useAccordion {
|
|
100
|
-
type AccordionValue = string[];
|
|
101
|
-
interface Props extends UIProps<"div">, AccordionVariants {
|
|
102
|
-
slotProps?: {
|
|
103
|
-
trigger?: AccordionTrigger.Props;
|
|
104
|
-
item?: AccordionItem.Props;
|
|
105
|
-
content?: AccordionContent.Props;
|
|
106
|
-
contentWrapper?: AccordionContentWrapper.Props;
|
|
107
|
-
indicator?: AccordionIndicator.Props;
|
|
108
|
-
headingContent?: AccordionHeadingContent.Props;
|
|
109
|
-
};
|
|
110
|
-
classNames?: SlotsToClassNames<AccordionSlots>;
|
|
111
|
-
value?: AccordionValue;
|
|
112
|
-
defaultValue?: AccordionValue;
|
|
113
|
-
isDisabled?: boolean;
|
|
114
|
-
onValueChange?: (value: AccordionValue) => void;
|
|
115
|
-
isMultiple?: boolean;
|
|
116
|
-
loop?: boolean;
|
|
117
|
-
hideIndicator?: boolean;
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
declare const Accordion: (props: Accordion.Props) => react_jsx_runtime.JSX.Element;
|
|
122
|
-
declare namespace Accordion {
|
|
123
|
-
interface Props extends useAccordion.Props {
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
export { Accordion as A, useAccordion as u };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { motion } from 'motion/react';
|
|
3
|
-
import { ComponentProps } from 'react';
|
|
4
|
-
|
|
5
|
-
declare const AccordionContentWrapper: (props: AccordionContentWrapper.Props) => react_jsx_runtime.JSX.Element;
|
|
6
|
-
declare namespace AccordionContentWrapper {
|
|
7
|
-
interface Props extends ComponentProps<typeof motion.section> {
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export { AccordionContentWrapper };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a}from"./chunk-EW4H5PY5.mjs";import"./chunk-MXQSODZO.mjs";import"./chunk-ODJOF4YS.mjs";export{a as AccordionContentWrapper};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { UIProps } from '@jamsrui/utils';
|
|
3
|
-
|
|
4
|
-
declare const AccordionHeadingContent: (props: AccordionHeadingContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
|
-
declare namespace AccordionHeadingContent {
|
|
6
|
-
interface Props extends UIProps<"div"> {
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export { AccordionHeadingContent };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a}from"./chunk-AZTA4BMJ.mjs";import"./chunk-ODJOF4YS.mjs";export{a as AccordionHeadingContent};
|
package/dist/chunk-3KX5ZPFZ.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";var t=r=>o("svg",{fill:"none",height:20,stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,viewBox:"0 0 24 24",width:20,xmlns:"http://www.w3.org/2000/svg",...r,children:o("path",{d:"m6 9 6 6 6-6"})});export{t as a};
|
package/dist/chunk-773TRCOO.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as r}from"./chunk-EW4H5PY5.mjs";import{b as o}from"./chunk-MXQSODZO.mjs";import{b as e}from"./chunk-ODJOF4YS.mjs";import{useRenderElement as d}from"@jamsrui/hooks";import{mergeProps as P}from"@jamsrui/utils";import{AnimatePresence as A}from"motion/react";import{jsx as t}from"react/jsx-runtime";var g=n=>{let p=o(),c=P(p.slotProps?.content??{},n),{isOpen:s,getContentProps:m}=e(),i=d("div",{props:[m(c)]});return t(A,{children:!!s&&t(r,{children:i})})};export{g as a};
|
package/dist/chunk-AZTA4BMJ.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{b as e}from"./chunk-ODJOF4YS.mjs";import{useRenderElement as t}from"@jamsrui/hooks";var s=o=>{let{getHeadingContentProps:n}=e();return t("div",{props:[n(o)]})};export{s as a};
|
package/dist/chunk-EW4H5PY5.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{b as o}from"./chunk-MXQSODZO.mjs";import{b as t}from"./chunk-ODJOF4YS.mjs";import{mergeProps as i,TRANSITION_VARIANTS as c}from"@jamsrui/utils";import{motion as s}from"motion/react";import{jsx as m}from"react/jsx-runtime";var P=e=>{let r=o(),n=i(r.slotProps?.contentWrapper??{},e),{getContentWrapperProps:p}=t();return m(s.section,{animate:"enter",exit:"exit",initial:"exit",variants:c.collapse,...p(n)})};export{P as a};
|
package/dist/chunk-JT5VCZTC.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as p}from"./chunk-WQE6QIET.mjs";import{useCallback as l,useMemo as N,useRef as b}from"react";import{useControlledState as S}from"@jamsrui/hooks";import{cn as T,dataAttrDev as M,mapPropsVariants as w}from"@jamsrui/utils";var O=C=>{let[V,y]=w(C,p.variantKeys),{value:h,defaultValue:v,isDisabled:d,onValueChange:n,isMultiple:m,loop:D,slotProps:u,classNames:r,hideIndicator:A,...c}=V,[e=[],a]=S({defaultProp:v,onChange:n,prop:h}),f=l(()=>{},[]),t=p(y),I=b([]),P=l(o=>{let s=e.includes(o);if(m){let i=new Set(e);s?i.delete(o):i.add(o),a(Array.from(i))}else a(s?[]:[o]),n?.(s?[]:[o])},[m,n,a,e]),g=l(o=>({...c,...o,"data-slot":M("root"),className:t.root({className:T(r?.root,c.className,o.className)})}),[r?.root,c,t]);return N(()=>({getRootProps:g,handleValueChange:f,value:e,isDisabled:d,slotProps:u,classNames:r,styles:t,handleAccordionOpen:P,elementRefs:I,hideIndicator:A}),[r,g,P,f,d,u,t,e,A])};export{O as a};
|
package/dist/chunk-MXQSODZO.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{createContext as e,use as t}from"react";var r=e(null),c=()=>{let o=t(r);if(!o)throw new Error("useAccordionContext must be used within AccordionContextProvider");return o};export{r as a,c as b};
|
package/dist/chunk-N7FXYTDE.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as r}from"./chunk-3KX5ZPFZ.mjs";import{b as o}from"./chunk-ODJOF4YS.mjs";import{useRenderElement as c}from"@jamsrui/hooks";import{jsx as p}from"react/jsx-runtime";var a=e=>{let{getIndicatorProps:n,indicator:t}=o();return c("span",{props:[n(e),{children:t??p(r,{})}]})};export{a};
|
package/dist/chunk-ODJOF4YS.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{createContext as n,use as c}from"react";import{jsx as d}from"react/jsx-runtime";var t=n(null),x=e=>{let{children:o,ctx:r}=e;return d(t,{value:r,children:o})},i=()=>{let e=c(t);if(!e)throw new Error("useAccordionItemContext must be used within AccordionItemContextProvider");return e},p=()=>{let e=i();return{isOpen:e.isOpen,isDisabled:e.isDisabled,indicator:e.indicator}};export{x as a,i as b,p as c};
|
package/dist/chunk-UBUBYUEY.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as i}from"./chunk-AZTA4BMJ.mjs";import{a as c}from"./chunk-N7FXYTDE.mjs";import{b as t}from"./chunk-MXQSODZO.mjs";import{b as n}from"./chunk-ODJOF4YS.mjs";import{CompositeItem as f}from"@jamsrui/composite";import{useRenderElement as l}from"@jamsrui/hooks";import{mergeProps as u}from"@jamsrui/utils";import{Fragment as A,jsx as o,jsxs as P}from"react/jsx-runtime";var E=r=>{let{children:m}=r,e=t(),s=u(e.slotProps?.trigger??{},r),{getTriggerProps:p}=n(),d=P(A,{children:[o(i,{children:m}),e.hideIndicator?null:o(c,{})]}),g=l("button",{props:[p(s),{children:d}]});return o(f,{children:g})};export{E as a};
|
package/dist/chunk-VJHN34FK.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{createConfigContext as o}from"@jamsrui/utils";var[c,i]=o({displayName:"AccordionConfigContext"});export{c as a,i as b};
|
package/dist/chunk-VSIS7MHA.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as t}from"./chunk-JT5VCZTC.mjs";import{b as n}from"./chunk-VJHN34FK.mjs";import{a as c}from"./chunk-MXQSODZO.mjs";import{Composite as f}from"@jamsrui/composite";import{useRenderElement as A}from"@jamsrui/hooks";import{mergeConfigProps as g}from"@jamsrui/utils";import{jsx as i}from"react/jsx-runtime";var v=s=>{let o=n(),r=g(o,o,s),e=t(r),{getRootProps:p}=e,{children:m}=r,d=A("div",{props:[p({}),{children:m}]});return i(f,{children:i(c,{value:e,children:d})})};export{v as a};
|
package/dist/chunk-WQE6QIET.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{radiusVariant as t,tv as e}from"@jamsrui/utils";var i=e({slots:{root:"flex flex-col",item:"bg-surface ui-disabled:opacity-80 ui-disabled:cursor-not-allowed",header:"flex items-center gap-2",trigger:["flex w-full items-center relative gap-3 py-4 px-4","focus-visible:outline-2 focus-visible:outline-primary focus-visible:z-10"],content:"py-2 text-base px-4",contentWrapper:"overflow-hidden",indicator:"rotate-0 transition-transform duration-500 data-[open=true]:-rotate-180",headingContent:"text-left grow"},variants:{variant:{light:"",splitted:{root:"flex flex-col gap-4"}},radius:t(["item","trigger","content"])},defaultVariants:{variant:"light",radius:"md"}});export{i as a};
|
package/dist/chunk-XEIFPPNA.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{b as h}from"./chunk-MXQSODZO.mjs";import{useCallback as c,useId as y,useMemo as x}from"react";import{useCompositeItem as H}from"@jamsrui/composite";import{cn as i,dataAttrDev as s,mergeProps as G}from"@jamsrui/utils";var U=W=>{let{styles:t,classNames:o,handleAccordionOpen:g,value:P,elementRefs:R,slotProps:n}=h(),{index:v}=H({}),D=(v+1).toString(),{value:d=D,isDisabled:r,indicator:N,...p}=W,a=x(()=>P.includes(d),[P,d]),m=y(),l=y(),C=c(e=>({...p,...e,"data-slot":s("item"),className:t.item({className:i(o?.item,p.className,e.className)}),"aria-disabled":r,"data-disabled":r}),[o?.item,p,r,t]),A=c(e=>({...e,"data-slot":s("content-wrapper"),className:t.contentWrapper({className:i(o?.contentWrapper,e.className)})}),[o?.contentWrapper,t]),u=c(e=>({...e,"data-slot":s("content"),className:t.content({className:i(o?.content,e.className)}),role:"region","aria-labelledby":m,id:l}),[o?.content,l,t,m]),I=c(e=>({...G(e,{onClick:()=>{g(d)},disabled:r,"aria-disabled":r,"data-disabled":r}),"data-slot":s("trigger"),className:t.trigger({className:i(o?.trigger,e.className)}),id:m,"aria-expanded":a,"aria-controls":l}),[r,t,o?.trigger,m,a,l,g,d]),f=c(e=>({...n?.trigger,...e,"data-slot":s("indicator"),"data-open":a,className:t.indicator({className:i(n?.indicator?.className,o?.indicator,e.className)})}),[o?.indicator,a,n?.indicator?.className,n?.trigger,t]),b=c(e=>({...G(n?.headingContent,e),"data-slot":s("heading-content"),className:t.headingContent({className:i(n?.headingContent?.className,o?.headingContent,e.className)})}),[o?.headingContent,n?.headingContent,t]);return x(()=>({getItemProps:C,getContentProps:u,getTriggerProps:I,getContentWrapperProps:A,getIndicatorProps:f,getHeadingContentProps:b,isOpen:a,indicator:N,isDisabled:r}),[C,u,I,A,f,b,a,N,r])};export{U as a};
|
package/dist/chunk-YYWGBE52.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as t}from"./chunk-XEIFPPNA.mjs";import{b as r}from"./chunk-MXQSODZO.mjs";import{a as e}from"./chunk-ODJOF4YS.mjs";import{useRenderElement as p}from"@jamsrui/hooks";import{mergeProps as d}from"@jamsrui/utils";import{jsx as P}from"react/jsx-runtime";var C=c=>{let n=r(),m=d(n.slotProps?.item??{},c),o=t(m),{getItemProps:s}=o,i=p("div",{props:[s({})]});return P(e,{ctx:o,children:i})};export{C as a};
|