@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.
Files changed (39) hide show
  1. package/dist/{accordion-B4CW5ZKL.d.mts → accordion-BW3IFpcC.d.mts} +17 -17
  2. package/dist/accordion-config.d.mts +2 -2
  3. package/dist/accordion-config.mjs +1 -1
  4. package/dist/accordion-content-wrapper.mjs +1 -1
  5. package/dist/accordion-content.mjs +1 -1
  6. package/dist/accordion-context.d.mts +9 -13
  7. package/dist/accordion-context.mjs +1 -1
  8. package/dist/accordion-heading-content.mjs +1 -1
  9. package/dist/accordion-indicator.mjs +1 -1
  10. package/dist/accordion-item-context.mjs +1 -1
  11. package/dist/accordion-item.mjs +1 -1
  12. package/dist/accordion-list-provider.mjs +1 -1
  13. package/dist/accordion-trigger.d.mts +2 -2
  14. package/dist/accordion-trigger.mjs +1 -1
  15. package/dist/accordion.d.mts +2 -2
  16. package/dist/accordion.mjs +1 -1
  17. package/dist/chunk-3KX5ZPFZ.mjs +1 -0
  18. package/dist/chunk-773TRCOO.mjs +1 -0
  19. package/dist/chunk-AZTA4BMJ.mjs +1 -0
  20. package/dist/chunk-EW4H5PY5.mjs +1 -0
  21. package/dist/chunk-GGEGJUDM.mjs +1 -0
  22. package/dist/chunk-J3U5BOWN.mjs +1 -0
  23. package/dist/chunk-JT5VCZTC.mjs +1 -0
  24. package/dist/chunk-MXQSODZO.mjs +1 -0
  25. package/dist/chunk-N7FXYTDE.mjs +1 -0
  26. package/dist/chunk-ODJOF4YS.mjs +1 -0
  27. package/dist/chunk-UBUBYUEY.mjs +1 -0
  28. package/dist/chunk-VJHN34FK.mjs +1 -0
  29. package/dist/chunk-VSIS7MHA.mjs +1 -0
  30. package/dist/chunk-WQE6QIET.mjs +1 -0
  31. package/dist/icons.mjs +1 -1
  32. package/dist/index.d.mts +2 -2
  33. package/dist/index.mjs +1 -1
  34. package/dist/styles.d.mts +4 -5
  35. package/dist/styles.mjs +1 -1
  36. package/dist/use-accordion-item.mjs +1 -1
  37. package/dist/use-accordion.d.mts +2 -2
  38. package/dist/use-accordion.mjs +1 -1
  39. 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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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
- } & tailwind_variants.ClassProp<_jamsrui_utils.ClassValue>) | undefined) => string;
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-B4CW5ZKL.mjs';
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{createConfigContext as o}from"@jamsrui/utils";const[c,i]=o({displayName:"AccordionConfigContext"});export{c as AccordionConfig,i as useAccordionConfig};
1
+ import{a,b}from"./chunk-VJHN34FK.mjs";export{a as AccordionConfig,b as useAccordionConfig};
@@ -1 +1 @@
1
- import{jsx as m}from"react/jsx-runtime";import{mergeProps as n,TRANSITION_VARIANTS as p}from"@jamsrui/utils";import{motion as i}from"motion/react";import{useAccordionContext as c}from"./accordion-context";import{useAccordionItemContext as s}from"./accordion-item-context";const P=o=>{const t=c(),e=n(t.slotProps?.contentWrapper??{},o),{getContentWrapperProps:r}=s();return m(i.section,{animate:"enter",exit:"exit",initial:"exit",variants:p.collapse,...r(e)})};export{P as AccordionContentWrapper};
1
+ import{a}from"./chunk-EW4H5PY5.mjs";import"./chunk-MXQSODZO.mjs";import"./chunk-ODJOF4YS.mjs";export{a as AccordionContentWrapper};
@@ -1 +1 @@
1
- import{jsx as o}from"react/jsx-runtime";import{useRenderElement as s}from"@jamsrui/hooks";import{mergeProps as m}from"@jamsrui/utils";import{AnimatePresence as i}from"motion/react";import{AccordionContentWrapper as d}from"./accordion-content-wrapper";import{useAccordionContext as P}from"./accordion-context";import{useAccordionItemContext as A}from"./accordion-item-context";const f=e=>{const r=P(),t=m(r.slotProps?.content??{},e),{isOpen:n,getContentProps:p}=A(),c=s("div",{props:[p(t)]});return o(i,{children:!!n&&o(d,{children:c})})};export{f as AccordionContent};
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 react_jsx_runtime from 'react/jsx-runtime';
2
- import { u as useAccordion } from './accordion-B4CW5ZKL.mjs';
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: () => AccordionContextProvider.Type;
16
- declare const AccordionContextProvider: (props: AccordionContextProvider.Props) => react_jsx_runtime.JSX.Element;
17
- declare namespace AccordionContextProvider {
18
- interface Type extends ReturnType<typeof useAccordion> {
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 { AccordionContextProvider, useAccordionContext };
22
+ export { AccordionContext, useAccordionContext };
@@ -1 +1 @@
1
- import{jsx as i}from"react/jsx-runtime";import{createContext as c,use as n}from"react";const e=c(null),x=o=>{const{children:t,ctx:r}=o;return i(e,{value:r,children:t})},p=()=>{const o=n(e);if(!o)throw new Error("useAccordionContext must be used within AccordionContextProvider");return o};export{x as AccordionContextProvider,p as useAccordionContext};
1
+ import{a,b}from"./chunk-MXQSODZO.mjs";export{a as AccordionContext,b as useAccordionContext};
@@ -1 +1 @@
1
- import{useRenderElement as n}from"@jamsrui/hooks";import{useAccordionItemContext as t}from"./accordion-item-context";const s=e=>{const{getHeadingContentProps:o}=t();return n("div",{props:[o(e)]})};export{s as AccordionHeadingContent};
1
+ import{a}from"./chunk-AZTA4BMJ.mjs";import"./chunk-ODJOF4YS.mjs";export{a as AccordionHeadingContent};
@@ -1 +1 @@
1
- import{jsx as p}from"react/jsx-runtime";import{useRenderElement as n}from"@jamsrui/hooks";import{useAccordionItemContext as t}from"./accordion-item-context";import{ChevronDownIcon as c}from"./icons";const a=o=>{const{getIndicatorProps:r,indicator:e}=t();return n("span",{props:[r(o),{children:e??p(c,{})}]})};export{a as AccordionIndicator};
1
+ import{a}from"./chunk-N7FXYTDE.mjs";import"./chunk-3KX5ZPFZ.mjs";import"./chunk-ODJOF4YS.mjs";export{a as AccordionIndicator};
@@ -1 +1 @@
1
- import{jsx as d}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 d(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,indicator:e.indicator}};export{x as AccordionItemContextProvider,i as useAccordionItemContext,p as useAccordionItemState};
1
+ import{a,b,c}from"./chunk-ODJOF4YS.mjs";export{a as AccordionItemContextProvider,b as useAccordionItemContext,c as useAccordionItemState};
@@ -1 +1 @@
1
- import{jsx as x}from"react/jsx-runtime";import{useRenderElement as m}from"@jamsrui/hooks";import{mergeProps as s}from"@jamsrui/utils";import{useAccordionContext as i}from"./accordion-context";import{AccordionItemContextProvider as p}from"./accordion-item-context";import{useAccordionItem as d}from"./use-accordion-item";const P=r=>{const e=i(),t=s(e.slotProps?.item??{},r),o=d(t),{getItemProps:c}=o,n=m("div",{props:[c({})]});return x(p,{ctx:o,children:n})};export{P as AccordionItem};
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";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};
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 react from 'react';
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) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
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{Fragment as u,jsx as e,jsxs as A}from"react/jsx-runtime";import{useRenderElement as s}from"@jamsrui/hooks";import{mergeProps as d}from"@jamsrui/utils";import{useAccordionContext as m}from"./accordion-context";import{AccordionHeadingContent as p}from"./accordion-heading-content";import{AccordionIndicator as g}from"./accordion-indicator";import{useAccordionItemContext as l}from"./accordion-item-context";const f=o=>{const{children:t}=o,r=m(),n=d(r.slotProps?.trigger??{},o),{getTriggerProps:c}=l(),i=A(u,{children:[e(p,{children:t}),r.hideIndicator?null:e(g,{})]});return s("button",{props:[c(n),{children:i}]})};export{f as AccordionTrigger};
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};
@@ -1,8 +1,8 @@
1
1
  import 'react/jsx-runtime';
2
- export { A as Accordion } from './accordion-B4CW5ZKL.mjs';
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';
@@ -1 +1 @@
1
- import{jsx as n}from"react/jsx-runtime";import{Children as f}from"react";import{useRenderElement as A}from"@jamsrui/hooks";import{mergeConfigProps as x}from"@jamsrui/utils";import{useAccordionConfig as C}from"./accordion-config";import{AccordionContextProvider as P}from"./accordion-context";import{AccordionListItemContext as l}from"./accordion-list-provider";import{useAccordion as g}from"./use-accordion";const u=t=>{const o=C(),r=x(o,o,t),e=g(r),{getRootProps:c}=e,{children:i}=r,s=f.map(i,(m,p)=>n(l,{value:{index:p},children:m})),d=A("div",{props:[c({}),{children:s}]});return n(P,{ctx:e,children:d})};export{u as Accordion};
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{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};
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-B4CW5ZKL.mjs';
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{Accordion as c}from"./accordion";import{AccordionConfig as t,useAccordionConfig as n}from"./accordion-config";import{AccordionContent as f}from"./accordion-content";import{AccordionItem as d}from"./accordion-item";import{useAccordionItemState as p}from"./accordion-item-context";import{AccordionTrigger as g}from"./accordion-trigger";export{c as Accordion,t as AccordionConfig,f as AccordionContent,d as AccordionItem,g as AccordionTrigger,n as useAccordionConfig,p as useAccordionItemState};
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 tailwind_variants from 'tailwind-variants';
1
+ import * as _jamsrui_utils from '@jamsrui/utils';
2
2
  import { VariantProps } from '@jamsrui/utils';
3
3
 
4
- declare const test = "";
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
- }, tailwind_variants.TVReturnType<{
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, test };
86
+ export { type AccordionSlots, type AccordionVariants, accordionVariants };
package/dist/styles.mjs CHANGED
@@ -1 +1 @@
1
- import{radiusVariant as t,tv as e}from"@jamsrui/utils";const o="",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 accordionVariants,o as test};
1
+ import{a}from"./chunk-WQE6QIET.mjs";export{a as accordionVariants};
@@ -1 +1 @@
1
- import{useCallback as r,useId as T,useMemo as K}from"react";import{cn as l,dataAttrDev as m,isDisabledElement as O,mergeProps as U}from"@jamsrui/utils";import{useAccordionContext as V}from"./accordion-context";import{useAccordionListItem as j}from"./accordion-list-provider";const F=L=>{const{styles:t,classNames:o,handleAccordionOpen:u,value:C,elementRefs:n,slotProps:s}=V(),{index:a}=j(),M=(a+1).toString(),{value:i=M,isDisabled:c,indicator:h,...b}=L,d=K(()=>C.includes(i),[C,i]),N=n.current.length,f=T(),P=T(),w=r(e=>{n.current[a]=e},[n,a]),y=r((e,A)=>{const I=A==="up"?-1:1;let g=e;do{g=(g+I+N)%N;const R=n.current[g];if(R&&!O(R))return g}while(g!==e);return e},[n,N]),p=r((e,A)=>{const I=y(e,A);n.current[I]?.focus()},[n,y]),D=r(()=>{n.current[a]&&n.current[a]?.blur()},[n,a]),x=r(e=>{switch(e.key){case"Enter":case" ":e.preventDefault(),u(i);break;case"ArrowUp":e.preventDefault(),p(a,"up");break;case"ArrowDown":e.preventDefault(),p(a,"down");break;case"Home":e.preventDefault(),p(-1,"down");break;case"End":e.preventDefault(),p(0,"up");break;case"Escape":e.preventDefault(),D();break;default:break}},[D,p,u,a,i]),k=r(e=>({...b,...e,"data-slot":m("item"),className:t.item({className:l(o?.item,b.className,e.className)}),"aria-disabled":c,"data-disabled":c}),[o?.item,b,c,t]),E=r(e=>({...e,"data-slot":m("content-wrapper"),className:t.contentWrapper({className:l(o?.contentWrapper,e.className)})}),[o?.contentWrapper,t]),G=r(e=>({...e,"data-slot":m("content"),className:t.content({className:l(o?.content,e.className)}),role:"region","aria-labelledby":f,id:P}),[o?.content,P,t,f]),v=r(e=>({...U(e,{ref:w,onClick:()=>{u(i)},onKeyDown:x,disabled:c,"aria-disabled":c,"data-disabled":c}),"data-slot":m("trigger"),className:t.trigger({className:l(o?.trigger,e.className)}),id:f,"aria-expanded":d,"aria-controls":P}),[w,x,c,t,o?.trigger,f,d,P,u,i]),W=r(e=>({...s?.trigger,...e,"data-slot":m("indicator"),"data-open":d,className:t.indicator({className:l(s?.indicator?.className,o?.indicator,e.className)})}),[o?.indicator,d,s?.indicator?.className,s?.trigger,t]),H=r(e=>({...U(s?.headingContent,e),"data-slot":m("heading-content"),className:t.headingContent({className:l(s?.headingContent?.className,o?.headingContent,e.className)})}),[o?.headingContent,s?.headingContent,t]);return K(()=>({getItemProps:k,getContentProps:G,getTriggerProps:v,getContentWrapperProps:E,getIndicatorProps:W,getHeadingContentProps:H,isOpen:d,indicator:h,isDisabled:c}),[k,G,v,E,W,H,d,h,c])};export{F as useAccordionItem};
1
+ import{a}from"./chunk-J3U5BOWN.mjs";import"./chunk-MXQSODZO.mjs";export{a as useAccordionItem};
@@ -1,7 +1,7 @@
1
1
  import 'react';
2
- import 'tailwind-variants';
3
2
  import '@jamsrui/utils';
4
- export { u as useAccordion } from './accordion-B4CW5ZKL.mjs';
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';
@@ -1 +1 @@
1
- import{useCallback as p,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";import{accordionVariants as g}from"./styles";const O=C=>{const[V,y]=w(C,g.variantKeys),{value:h,defaultValue:v,isDisabled:l,onValueChange:n,isMultiple:d,loop:D,slotProps:m,classNames:r,hideIndicator:u,...c}=V,[e=[],a]=S({defaultProp:v,onChange:n,prop:h}),A=p(()=>{},[]),t=g(y),I=b([]),f=p(o=>{const s=e.includes(o);if(d){const i=new Set(e);s?i.delete(o):i.add(o),a(Array.from(i))}else a(s?[]:[o]),n?.(s?[]:[o])},[d,n,a,e]),P=p(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:P,handleValueChange:A,value:e,isDisabled:l,slotProps:m,classNames:r,styles:t,handleAccordionOpen:f,elementRefs:I,hideIndicator:u}),[r,P,f,A,l,m,t,e,u])};export{O as useAccordion};
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.8",
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/utils": "^0.0.8",
11
- "@jamsrui/core": "^0.0.7",
12
- "@jamsrui/hooks": "^0.0.8"
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.",