@jamsrui/accordion 0.0.8 → 0.0.10
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-B4CW5ZKL.d.mts → accordion-BW3IFpcC.d.mts} +17 -17
- package/dist/accordion-config.d.mts +2 -2
- package/dist/accordion-config.mjs +1 -1
- package/dist/accordion-content-wrapper.mjs +1 -1
- package/dist/accordion-content.mjs +1 -1
- package/dist/accordion-context.d.mts +9 -13
- package/dist/accordion-context.mjs +1 -1
- package/dist/accordion-heading-content.mjs +1 -1
- package/dist/accordion-indicator.mjs +1 -1
- package/dist/accordion-item-context.mjs +1 -1
- package/dist/accordion-item.mjs +1 -1
- package/dist/accordion-list-provider.mjs +1 -1
- package/dist/accordion-trigger.d.mts +2 -2
- package/dist/accordion-trigger.mjs +1 -1
- package/dist/accordion.d.mts +2 -2
- package/dist/accordion.mjs +1 -1
- package/dist/chunk-3KX5ZPFZ.mjs +1 -0
- package/dist/chunk-773TRCOO.mjs +1 -0
- package/dist/chunk-AZTA4BMJ.mjs +1 -0
- package/dist/chunk-EW4H5PY5.mjs +1 -0
- package/dist/chunk-GGEGJUDM.mjs +1 -0
- package/dist/chunk-J3U5BOWN.mjs +1 -0
- package/dist/chunk-JT5VCZTC.mjs +1 -0
- package/dist/chunk-MXQSODZO.mjs +1 -0
- package/dist/chunk-N7FXYTDE.mjs +1 -0
- package/dist/chunk-ODJOF4YS.mjs +1 -0
- package/dist/chunk-UBUBYUEY.mjs +1 -0
- package/dist/chunk-VJHN34FK.mjs +1 -0
- package/dist/chunk-VSIS7MHA.mjs +1 -0
- package/dist/chunk-WQE6QIET.mjs +1 -0
- package/dist/icons.mjs +1 -1
- package/dist/index.d.mts +2 -2
- package/dist/index.mjs +1 -1
- package/dist/styles.d.mts +4 -5
- package/dist/styles.mjs +1 -1
- package/dist/use-accordion-item.mjs +1 -1
- package/dist/use-accordion.d.mts +2 -2
- package/dist/use-accordion.mjs +1 -1
- package/package.json +6 -6
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import * as tailwind_variants from 'tailwind-variants';
|
|
4
3
|
import * as _jamsrui_utils from '@jamsrui/utils';
|
|
5
4
|
import { PropGetter, SlotsToClassNames, UIProps } from '@jamsrui/utils';
|
|
5
|
+
import * as tailwind_merge from 'tailwind-merge';
|
|
6
6
|
import { AccordionContent } from './accordion-content.mjs';
|
|
7
7
|
import { AccordionContentWrapper } from './accordion-content-wrapper.mjs';
|
|
8
8
|
import { AccordionHeadingContent } from './accordion-heading-content.mjs';
|
|
@@ -29,68 +29,68 @@ declare const useAccordion: (props: useAccordion.Props) => {
|
|
|
29
29
|
root: (slotProps?: ({
|
|
30
30
|
variant?: "light" | "splitted" | undefined;
|
|
31
31
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
32
|
-
} &
|
|
32
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
33
33
|
item: (slotProps?: ({
|
|
34
34
|
variant?: "light" | "splitted" | undefined;
|
|
35
35
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
36
|
-
} &
|
|
36
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
37
37
|
header: (slotProps?: ({
|
|
38
38
|
variant?: "light" | "splitted" | undefined;
|
|
39
39
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
40
|
-
} &
|
|
40
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
41
41
|
trigger: (slotProps?: ({
|
|
42
42
|
variant?: "light" | "splitted" | undefined;
|
|
43
43
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
44
|
-
} &
|
|
44
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
45
45
|
content: (slotProps?: ({
|
|
46
46
|
variant?: "light" | "splitted" | undefined;
|
|
47
47
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
48
|
-
} &
|
|
48
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
49
49
|
contentWrapper: (slotProps?: ({
|
|
50
50
|
variant?: "light" | "splitted" | undefined;
|
|
51
51
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
52
|
-
} &
|
|
52
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
53
53
|
indicator: (slotProps?: ({
|
|
54
54
|
variant?: "light" | "splitted" | undefined;
|
|
55
55
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
56
|
-
} &
|
|
56
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
57
57
|
headingContent: (slotProps?: ({
|
|
58
58
|
variant?: "light" | "splitted" | undefined;
|
|
59
59
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
60
|
-
} &
|
|
60
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
61
61
|
} & {
|
|
62
62
|
root: (slotProps?: ({
|
|
63
63
|
variant?: "light" | "splitted" | undefined;
|
|
64
64
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
65
|
-
} &
|
|
65
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
66
66
|
item: (slotProps?: ({
|
|
67
67
|
variant?: "light" | "splitted" | undefined;
|
|
68
68
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
69
|
-
} &
|
|
69
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
70
70
|
header: (slotProps?: ({
|
|
71
71
|
variant?: "light" | "splitted" | undefined;
|
|
72
72
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
73
|
-
} &
|
|
73
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
74
74
|
trigger: (slotProps?: ({
|
|
75
75
|
variant?: "light" | "splitted" | undefined;
|
|
76
76
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
77
|
-
} &
|
|
77
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
78
78
|
content: (slotProps?: ({
|
|
79
79
|
variant?: "light" | "splitted" | undefined;
|
|
80
80
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
81
|
-
} &
|
|
81
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
82
82
|
contentWrapper: (slotProps?: ({
|
|
83
83
|
variant?: "light" | "splitted" | undefined;
|
|
84
84
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
85
|
-
} &
|
|
85
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
86
86
|
indicator: (slotProps?: ({
|
|
87
87
|
variant?: "light" | "splitted" | undefined;
|
|
88
88
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
89
|
-
} &
|
|
89
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
90
90
|
headingContent: (slotProps?: ({
|
|
91
91
|
variant?: "light" | "splitted" | undefined;
|
|
92
92
|
radius?: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
|
|
93
|
-
} &
|
|
93
|
+
} & _jamsrui_utils.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
|
|
94
94
|
} & {};
|
|
95
95
|
handleAccordionOpen: (idx: string) => void;
|
|
96
96
|
elementRefs: react.RefObject<(HTMLElement | null)[]>;
|
|
@@ -1,9 +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-BW3IFpcC.mjs';
|
|
4
4
|
import 'react';
|
|
5
|
-
import 'tailwind-variants';
|
|
6
5
|
import '@jamsrui/utils';
|
|
6
|
+
import 'tailwind-merge';
|
|
7
7
|
import './accordion-content.mjs';
|
|
8
8
|
import './accordion-content-wrapper.mjs';
|
|
9
9
|
import 'motion/react';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a,b}from"./chunk-VJHN34FK.mjs";export{a as AccordionConfig,b as useAccordionConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-EW4H5PY5.mjs";import"./chunk-MXQSODZO.mjs";import"./chunk-ODJOF4YS.mjs";export{a as AccordionContentWrapper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-773TRCOO.mjs";import"./chunk-EW4H5PY5.mjs";import"./chunk-MXQSODZO.mjs";import"./chunk-ODJOF4YS.mjs";export{a as AccordionContent};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { u as useAccordion } from './accordion-
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'tailwind-variants';
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { u as useAccordion } from './accordion-BW3IFpcC.mjs';
|
|
3
|
+
import 'react/jsx-runtime';
|
|
5
4
|
import '@jamsrui/utils';
|
|
5
|
+
import 'tailwind-merge';
|
|
6
6
|
import './accordion-content.mjs';
|
|
7
7
|
import './accordion-content-wrapper.mjs';
|
|
8
8
|
import 'motion/react';
|
|
@@ -12,15 +12,11 @@ import './accordion-item-CjrslTeD.mjs';
|
|
|
12
12
|
import './accordion-trigger.mjs';
|
|
13
13
|
import './styles.mjs';
|
|
14
14
|
|
|
15
|
-
declare const useAccordionContext: () =>
|
|
16
|
-
declare const
|
|
17
|
-
declare namespace
|
|
18
|
-
interface
|
|
19
|
-
}
|
|
20
|
-
interface Props {
|
|
21
|
-
ctx: Type;
|
|
22
|
-
children: React.ReactNode;
|
|
15
|
+
declare const useAccordionContext: () => AccordionContext.Props;
|
|
16
|
+
declare const AccordionContext: react.Context<AccordionContext.Props | null>;
|
|
17
|
+
declare namespace AccordionContext {
|
|
18
|
+
interface Props extends ReturnType<typeof useAccordion> {
|
|
23
19
|
}
|
|
24
20
|
}
|
|
25
21
|
|
|
26
|
-
export {
|
|
22
|
+
export { AccordionContext, useAccordionContext };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a,b}from"./chunk-MXQSODZO.mjs";export{a as AccordionContext,b as useAccordionContext};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-AZTA4BMJ.mjs";import"./chunk-ODJOF4YS.mjs";export{a as AccordionHeadingContent};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-N7FXYTDE.mjs";import"./chunk-3KX5ZPFZ.mjs";import"./chunk-ODJOF4YS.mjs";export{a as AccordionIndicator};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a,b,c}from"./chunk-ODJOF4YS.mjs";export{a as AccordionItemContextProvider,b as useAccordionItemContext,c as useAccordionItemState};
|
package/dist/accordion-item.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-GGEGJUDM.mjs";import"./chunk-J3U5BOWN.mjs";import"./chunk-MXQSODZO.mjs";import"./chunk-ODJOF4YS.mjs";export{a as AccordionItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createContext as e,use as o}from"react";
|
|
1
|
+
import{createContext as e,use as o}from"react";var n=e(null),c=()=>{let t=o(n);if(!t)throw new Error("AccordionListItemContext not found");return t};export{n as AccordionListItemContext,c as useAccordionListItem};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { UIProps } from '@jamsrui/utils';
|
|
3
3
|
|
|
4
|
-
declare const AccordionTrigger: (props: AccordionTrigger.Props) =>
|
|
4
|
+
declare const AccordionTrigger: (props: AccordionTrigger.Props) => react_jsx_runtime.JSX.Element;
|
|
5
5
|
declare namespace AccordionTrigger {
|
|
6
6
|
interface Props extends UIProps<"button"> {
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-UBUBYUEY.mjs";import"./chunk-AZTA4BMJ.mjs";import"./chunk-N7FXYTDE.mjs";import"./chunk-3KX5ZPFZ.mjs";import"./chunk-MXQSODZO.mjs";import"./chunk-ODJOF4YS.mjs";export{a as AccordionTrigger};
|
package/dist/accordion.d.mts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import 'react/jsx-runtime';
|
|
2
|
-
export { A as Accordion } from './accordion-
|
|
2
|
+
export { A as Accordion } from './accordion-BW3IFpcC.mjs';
|
|
3
3
|
import 'react';
|
|
4
|
-
import 'tailwind-variants';
|
|
5
4
|
import '@jamsrui/utils';
|
|
5
|
+
import 'tailwind-merge';
|
|
6
6
|
import './accordion-content.mjs';
|
|
7
7
|
import './accordion-content-wrapper.mjs';
|
|
8
8
|
import 'motion/react';
|
package/dist/accordion.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-VSIS7MHA.mjs";import"./chunk-JT5VCZTC.mjs";import"./chunk-WQE6QIET.mjs";import"./chunk-VJHN34FK.mjs";import"./chunk-MXQSODZO.mjs";export{a as Accordion};
|
|
@@ -0,0 +1 @@
|
|
|
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};
|
|
@@ -0,0 +1 @@
|
|
|
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};
|
|
@@ -0,0 +1 @@
|
|
|
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};
|
|
@@ -0,0 +1 @@
|
|
|
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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as t}from"./chunk-J3U5BOWN.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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as k}from"./chunk-MXQSODZO.mjs";import{useCallback as I,useId as G,useMemo as E}from"react";import{useCallback as b,useEffect as M,useId as U,useMemo as j,useRef as z,useState as F}from"react";import{dataAttr as K}from"@jamsrui/utils";import{createContext as T,use as W}from"react";var L=T(null),D=()=>{let u=W(L);if(!u)throw new Error("useCompositeContext must be used within a Composite");return u};var R=u=>{let{id:s,isDisabled:n=!1}=u,e=D(),y=U(),h=z(null),[c,N]=F(-1),g=s??y;M(()=>{let{index:t}=e.registerItem({id:g,ref:h.current,isDisabled:n});return N(t),()=>e.unregisterItem(g)},[e,n,g]);let i=c,a=i===e.activeIndex,l=b(t=>{let m=e.items.current[t]?.ref;e.virtual||m?.focus()},[e.items,e.virtual]),f=b(t=>{if(e.virtual)return;let m=e.dir==="rtl",p=e.orientation==="horizontal"||e.orientation==="both",v=e.orientation==="vertical"||e.orientation==="both",r=i;t.key==="ArrowRight"&&p&&!m||t.key==="ArrowDown"&&v||t.key==="ArrowLeft"&&p&&m?(t.preventDefault(),r=e.moveNext(i),console.log(r),e.setActiveIndex(r),l(r)):t.key==="ArrowLeft"&&p&&!m||t.key==="ArrowUp"&&v||t.key==="ArrowRight"&&p&&m?(t.preventDefault(),r=e.movePrev(i),e.setActiveIndex(r),l(r)):t.key==="Home"||t.key==="PageUp"?(t.preventDefault(),r=e.moveFirst(),e.setActiveIndex(r),l(r)):(t.key==="End"||t.key==="PageDown")&&(t.preventDefault(),r=e.moveLast(),e.setActiveIndex(r),l(r))},[e,l,i]),d=b(()=>{e.setActiveIndex(i)},[e,i]),x=j(()=>e.virtual?{tabIndex:-1,"aria-selected":K(a)}:{tabIndex:a?0:-1,onKeyDown:f,onFocus:d},[e.virtual,a,d,f]),C=b(t=>{h.current=t},[]);return{props:{...x,id:g,"data-index":i,ref:C},index:i}};import{cn as P,dataAttrDev as A,mergeProps as H}from"@jamsrui/utils";var _=u=>{let{styles:s,classNames:n,handleAccordionOpen:e,value:y,elementRefs:h,slotProps:c}=k(),{index:N}=R({});console.log(N);let g=(N+1).toString(),{value:i=g,isDisabled:a,indicator:l,...f}=u,d=E(()=>y.includes(i),[y,i]),x=G(),C=G(),t=I(o=>({...f,...o,"data-slot":A("item"),className:s.item({className:P(n?.item,f.className,o.className)}),"aria-disabled":a,"data-disabled":a}),[n?.item,f,a,s]),m=I(o=>({...o,"data-slot":A("content-wrapper"),className:s.contentWrapper({className:P(n?.contentWrapper,o.className)})}),[n?.contentWrapper,s]),p=I(o=>({...o,"data-slot":A("content"),className:s.content({className:P(n?.content,o.className)}),role:"region","aria-labelledby":x,id:C}),[n?.content,C,s,x]),v=I(o=>({...H(o,{onClick:()=>{e(i)},disabled:a,"aria-disabled":a,"data-disabled":a}),"data-slot":A("trigger"),className:s.trigger({className:P(n?.trigger,o.className)}),id:x,"aria-expanded":d,"aria-controls":C}),[a,s,n?.trigger,x,d,C,e,i]),r=I(o=>({...c?.trigger,...o,"data-slot":A("indicator"),"data-open":d,className:s.indicator({className:P(c?.indicator?.className,n?.indicator,o.className)})}),[n?.indicator,d,c?.indicator?.className,c?.trigger,s]),w=I(o=>({...H(c?.headingContent,o),"data-slot":A("heading-content"),className:s.headingContent({className:P(c?.headingContent?.className,n?.headingContent,o.className)})}),[n?.headingContent,c?.headingContent,s]);return E(()=>({getItemProps:t,getContentProps:p,getTriggerProps:v,getContentWrapperProps:m,getIndicatorProps:r,getHeadingContentProps:w,isOpen:d,indicator:l,isDisabled:a}),[t,p,v,m,r,w,d,l,a])};export{_ as a};
|
|
@@ -0,0 +1 @@
|
|
|
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};
|
|
@@ -0,0 +1 @@
|
|
|
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};
|
|
@@ -0,0 +1 @@
|
|
|
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};
|
|
@@ -0,0 +1 @@
|
|
|
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};
|
|
@@ -0,0 +1 @@
|
|
|
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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{createConfigContext as o}from"@jamsrui/utils";var[c,i]=o({displayName:"AccordionConfigContext"});export{c as a,i as b};
|
|
@@ -0,0 +1 @@
|
|
|
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};
|
|
@@ -0,0 +1 @@
|
|
|
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/icons.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-3KX5ZPFZ.mjs";export{a as ChevronDownIcon};
|
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { A as Accordion } from './accordion-
|
|
1
|
+
export { A as Accordion } from './accordion-BW3IFpcC.mjs';
|
|
2
2
|
export { AccordionConfig, useAccordionConfig } from './accordion-config.mjs';
|
|
3
3
|
export { AccordionContent } from './accordion-content.mjs';
|
|
4
4
|
export { A as AccordionItem } from './accordion-item-CjrslTeD.mjs';
|
|
@@ -6,8 +6,8 @@ export { useAccordionItemState } from './accordion-item-context.mjs';
|
|
|
6
6
|
export { AccordionTrigger } from './accordion-trigger.mjs';
|
|
7
7
|
import 'react/jsx-runtime';
|
|
8
8
|
import 'react';
|
|
9
|
-
import 'tailwind-variants';
|
|
10
9
|
import '@jamsrui/utils';
|
|
10
|
+
import 'tailwind-merge';
|
|
11
11
|
import './accordion-content-wrapper.mjs';
|
|
12
12
|
import 'motion/react';
|
|
13
13
|
import './accordion-heading-content.mjs';
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{
|
|
1
|
+
"use client";import{a as n}from"./chunk-UBUBYUEY.mjs";import{a as i}from"./chunk-VSIS7MHA.mjs";import"./chunk-JT5VCZTC.mjs";import"./chunk-WQE6QIET.mjs";import{a as o,b as r}from"./chunk-VJHN34FK.mjs";import{a as e}from"./chunk-773TRCOO.mjs";import"./chunk-EW4H5PY5.mjs";import"./chunk-AZTA4BMJ.mjs";import"./chunk-N7FXYTDE.mjs";import"./chunk-3KX5ZPFZ.mjs";import{a as t}from"./chunk-GGEGJUDM.mjs";import"./chunk-J3U5BOWN.mjs";import"./chunk-MXQSODZO.mjs";import{c}from"./chunk-ODJOF4YS.mjs";export{i as Accordion,o as AccordionConfig,e as AccordionContent,t as AccordionItem,n as AccordionTrigger,r as useAccordionConfig,c as useAccordionItemState};
|
package/dist/styles.d.mts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _jamsrui_utils from '@jamsrui/utils';
|
|
2
2
|
import { VariantProps } from '@jamsrui/utils';
|
|
3
3
|
|
|
4
|
-
declare const
|
|
5
|
-
declare const accordionVariants: tailwind_variants.TVReturnType<{
|
|
4
|
+
declare const accordionVariants: _jamsrui_utils.TVReturnType<{
|
|
6
5
|
variant: {
|
|
7
6
|
light: string;
|
|
8
7
|
splitted: {
|
|
@@ -54,7 +53,7 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
|
|
|
54
53
|
contentWrapper: string;
|
|
55
54
|
indicator: string;
|
|
56
55
|
headingContent: string;
|
|
57
|
-
},
|
|
56
|
+
}, _jamsrui_utils.TVReturnType<{
|
|
58
57
|
variant: {
|
|
59
58
|
light: string;
|
|
60
59
|
splitted: {
|
|
@@ -84,4 +83,4 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
|
|
|
84
83
|
type AccordionVariants = VariantProps<typeof accordionVariants>;
|
|
85
84
|
type AccordionSlots = keyof ReturnType<typeof accordionVariants>;
|
|
86
85
|
|
|
87
|
-
export { type AccordionSlots, type AccordionVariants, accordionVariants
|
|
86
|
+
export { type AccordionSlots, type AccordionVariants, accordionVariants };
|
package/dist/styles.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-WQE6QIET.mjs";export{a as accordionVariants};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-J3U5BOWN.mjs";import"./chunk-MXQSODZO.mjs";export{a as useAccordionItem};
|
package/dist/use-accordion.d.mts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import 'react';
|
|
2
|
-
import 'tailwind-variants';
|
|
3
2
|
import '@jamsrui/utils';
|
|
4
|
-
|
|
3
|
+
import 'tailwind-merge';
|
|
4
|
+
export { u as useAccordion } from './accordion-BW3IFpcC.mjs';
|
|
5
5
|
import './accordion-content.mjs';
|
|
6
6
|
import './accordion-content-wrapper.mjs';
|
|
7
7
|
import './accordion-heading-content.mjs';
|
package/dist/use-accordion.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-JT5VCZTC.mjs";import"./chunk-WQE6QIET.mjs";export{a as useAccordion};
|
package/package.json
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jamsrui/accordion",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.10",
|
|
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/hooks": "^0.0.
|
|
10
|
+
"@jamsrui/core": "^0.0.9",
|
|
11
|
+
"@jamsrui/composite": "^0.0.3",
|
|
12
|
+
"@jamsrui/hooks": "^0.0.10",
|
|
13
|
+
"@jamsrui/utils": "^0.0.10"
|
|
13
14
|
},
|
|
14
15
|
"exports": {
|
|
15
16
|
".": {
|
|
16
17
|
"types": "./dist/index.d.ts",
|
|
17
|
-
"import": "./dist/index.mjs"
|
|
18
|
-
"require": "./dist/index.js"
|
|
18
|
+
"import": "./dist/index.mjs"
|
|
19
19
|
}
|
|
20
20
|
},
|
|
21
21
|
"description": "A modern and beautiful Next.js UI components library.",
|