@jamsrui/accordion 0.0.12 → 0.0.13

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 (56) hide show
  1. package/dist/accordion-BaXFve3g.d.mts +93 -0
  2. package/dist/accordion-config.d.mts +1 -8
  3. package/dist/accordion-config.mjs +1 -1
  4. package/dist/accordion-content.d.mts +2 -2
  5. package/dist/accordion-content.mjs +1 -1
  6. package/dist/accordion-context.d.mts +1 -8
  7. package/dist/accordion-context.mjs +1 -1
  8. package/dist/accordion-heading.d.mts +10 -0
  9. package/dist/accordion-heading.mjs +1 -0
  10. package/dist/accordion-indicator.mjs +1 -1
  11. package/dist/accordion-item-context.d.mts +5 -6
  12. package/dist/accordion-item-context.mjs +1 -1
  13. package/dist/accordion-item.d.mts +5 -5
  14. package/dist/accordion-item.mjs +1 -1
  15. package/dist/accordion-list-provider.mjs +1 -1
  16. package/dist/accordion-panel.d.mts +10 -0
  17. package/dist/accordion-panel.mjs +1 -0
  18. package/dist/accordion-trigger.mjs +1 -1
  19. package/dist/accordion.d.mts +1 -8
  20. package/dist/accordion.mjs +1 -1
  21. package/dist/chunk-3HESJCCF.mjs +1 -0
  22. package/dist/{chunk-VSIS7MHA.mjs → chunk-5KKBIDUA.mjs} +1 -1
  23. package/dist/chunk-73I4EHBB.mjs +1 -0
  24. package/dist/chunk-73QEZHAC.mjs +1 -0
  25. package/dist/chunk-APFWQ5GP.mjs +1 -0
  26. package/dist/chunk-FTCVFCIW.mjs +1 -0
  27. package/dist/chunk-HPMWPWPE.mjs +1 -0
  28. package/dist/chunk-PRPG4UDG.mjs +1 -0
  29. package/dist/chunk-WEVZKUNN.mjs +1 -0
  30. package/dist/chunk-YEESIGH3.mjs +1 -0
  31. package/dist/chunk-ZNCMZJ6Z.mjs +1 -0
  32. package/dist/index.d.mts +39 -11
  33. package/dist/index.mjs +1 -1
  34. package/dist/styles.d.mts +6 -9
  35. package/dist/styles.mjs +1 -1
  36. package/dist/{accordion-item-CjrslTeD.d.mts → use-accordion-item-CZDKADCK.d.mts} +12 -15
  37. package/dist/use-accordion-item.d.mts +4 -4
  38. package/dist/use-accordion-item.mjs +1 -1
  39. package/dist/use-accordion.d.mts +1 -8
  40. package/dist/use-accordion.mjs +1 -1
  41. package/package.json +5 -5
  42. package/dist/accordion-ZPzXJf-I.d.mts +0 -127
  43. package/dist/accordion-content-wrapper.d.mts +0 -11
  44. package/dist/accordion-content-wrapper.mjs +0 -1
  45. package/dist/accordion-heading-content.d.mts +0 -10
  46. package/dist/accordion-heading-content.mjs +0 -1
  47. package/dist/chunk-773TRCOO.mjs +0 -1
  48. package/dist/chunk-AZTA4BMJ.mjs +0 -1
  49. package/dist/chunk-EW4H5PY5.mjs +0 -1
  50. package/dist/chunk-JT5VCZTC.mjs +0 -1
  51. package/dist/chunk-N7FXYTDE.mjs +0 -1
  52. package/dist/chunk-ODJOF4YS.mjs +0 -1
  53. package/dist/chunk-UBUBYUEY.mjs +0 -1
  54. package/dist/chunk-WQE6QIET.mjs +0 -1
  55. package/dist/chunk-XEIFPPNA.mjs +0 -1
  56. 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-ZPzXJf-I.mjs';
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{a,b}from"./chunk-VJHN34FK.mjs";export{a as AccordionConfig,b as useAccordionConfig};
1
+ "use client";import{a,b}from"./chunk-VJHN34FK.mjs";export{a as AccordionConfig,b as useAccordionConfig};
@@ -1,7 +1,7 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
1
+ import * as react from 'react';
2
2
  import { UIProps } from '@jamsrui/utils';
3
3
 
4
- declare const AccordionContent: (props: AccordionContent.Props) => react_jsx_runtime.JSX.Element;
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{a}from"./chunk-773TRCOO.mjs";import"./chunk-EW4H5PY5.mjs";import"./chunk-MXQSODZO.mjs";import"./chunk-ODJOF4YS.mjs";export{a as AccordionContent};
1
+ "use client";import{a}from"./chunk-APFWQ5GP.mjs";import"./chunk-PRPG4UDG.mjs";export{a as AccordionContent};
@@ -1,15 +1,8 @@
1
1
  import * as react from 'react';
2
- import { u as useAccordion } from './accordion-ZPzXJf-I.mjs';
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{a,b}from"./chunk-MXQSODZO.mjs";export{a as AccordionContext,b as useAccordionContext};
1
+ "use client";import{a,b}from"./chunk-MXQSODZO.mjs";export{a as AccordionContext,b 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{a}from"./chunk-73I4EHBB.mjs";import"./chunk-PRPG4UDG.mjs";export{a as AccordionHeading};
@@ -1 +1 @@
1
- import{a}from"./chunk-N7FXYTDE.mjs";import"./chunk-3KX5ZPFZ.mjs";import"./chunk-ODJOF4YS.mjs";export{a as AccordionIndicator};
1
+ "use client";import{a}from"./chunk-HPMWPWPE.mjs";import"./chunk-3KX5ZPFZ.mjs";import"./chunk-PRPG4UDG.mjs";export{a 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-CjrslTeD.mjs';
2
+ import { u as useAccordionItem } from './use-accordion-item-CZDKADCK.mjs';
4
3
  import '@jamsrui/utils';
5
4
  import './accordion-content.mjs';
6
- import './accordion-content-wrapper.mjs';
7
- import 'motion/react';
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{a,b,c}from"./chunk-ODJOF4YS.mjs";export{a as AccordionItemContextProvider,b as useAccordionItemContext,c as useAccordionItemState};
1
+ "use client";import{a,b,c}from"./chunk-PRPG4UDG.mjs";export{a as AccordionItemContextProvider,b as useAccordionItemContext,c as useAccordionItemState};
@@ -1,10 +1,10 @@
1
1
  import 'react/jsx-runtime';
2
- export { A as AccordionItem } from './accordion-item-CjrslTeD.mjs';
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 './accordion-content-wrapper.mjs';
7
- import 'motion/react';
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';
@@ -1 +1 @@
1
- import{a}from"./chunk-YYWGBE52.mjs";import"./chunk-XEIFPPNA.mjs";import"./chunk-MXQSODZO.mjs";import"./chunk-ODJOF4YS.mjs";export{a as AccordionItem};
1
+ "use client";import{a}from"./chunk-WEVZKUNN.mjs";import"./chunk-ZNCMZJ6Z.mjs";import"./chunk-MXQSODZO.mjs";import"./chunk-PRPG4UDG.mjs";export{a as AccordionItem};
@@ -1 +1 @@
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
+ "use client";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};
@@ -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{a}from"./chunk-3HESJCCF.mjs";import"./chunk-PRPG4UDG.mjs";export{a as AccordionPanel};
@@ -1 +1 @@
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
+ "use client";import{a}from"./chunk-YEESIGH3.mjs";import"./chunk-PRPG4UDG.mjs";export{a as AccordionTrigger};
@@ -1,13 +1,6 @@
1
1
  import 'react/jsx-runtime';
2
- export { A as Accordion } from './accordion-ZPzXJf-I.mjs';
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';
@@ -1 +1 @@
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};
1
+ "use client";import{a}from"./chunk-5KKBIDUA.mjs";import"./chunk-73QEZHAC.mjs";import"./chunk-FTCVFCIW.mjs";import"./chunk-VJHN34FK.mjs";import"./chunk-MXQSODZO.mjs";export{a as Accordion};
@@ -0,0 +1 @@
1
+ import{b as e}from"./chunk-PRPG4UDG.mjs";import{AnimatePresence as r,motion as c}from"motion/react";import{TRANSITION_VARIANTS as s}from"@jamsrui/utils";import{jsx as o}from"react/jsx-runtime";var A=n=>{let{isOpen:t,getPanelProps:i}=e();return o(r,{children:!!t&&o(c.section,{animate:"enter",exit:"exit",initial:"exit",variants:s.collapse,...i(n)})})};export{A as a};
@@ -1 +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};
1
+ import{a as t}from"./chunk-73QEZHAC.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{b as e}from"./chunk-PRPG4UDG.mjs";import{useRenderElement as n}from"@jamsrui/hooks";var p=r=>{let{getHeadingProps:o}=e();return n("div",{props:[o(r)]})};export{p as a};
@@ -0,0 +1 @@
1
+ import{a as c}from"./chunk-FTCVFCIW.mjs";import{useCallback as i,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";var S=A=>{let[P,v]=R(A,c.variantKeys),{value:y,defaultValue:b,disabled:p=!1,onValueChange:r,isMultiple:u,loop:w,...t}=P,[o=[],s]=C({defaultProp:b,onChange:r,prop:y}),d=i(()=>{},[]),a=c(v),m=h([]),f=i(e=>{let n=o.includes(e);if(u){let l=new Set(o);n?l.delete(e):l.add(e),s(Array.from(l))}else s(n?[]:[e]),r?.(n?[]:[e])},[u,r,s,o]),V=i(e=>({...t,...e,"data-slot":N("root"),className:a.root({className:M(t.className,e.className)})}),[t,a]);return g(()=>({getRootProps:V,handleValueChange:d,value:o,isDisabled:p,styles:a,handleAccordionOpen:f,elementRefs:m}),[V,f,d,p,a,o,m])};export{S as a};
@@ -0,0 +1 @@
1
+ import{b as e}from"./chunk-PRPG4UDG.mjs";import{useRenderElement as n}from"@jamsrui/hooks";var s=o=>{let{getContentProps:t}=e();return n("div",{props:[t(o)]})};export{s as a};
@@ -0,0 +1 @@
1
+ import{radiusVariant as t,tv as i}from"@jamsrui/utils";var 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 a};
@@ -0,0 +1 @@
1
+ import{a as r}from"./chunk-3KX5ZPFZ.mjs";import{b as o}from"./chunk-PRPG4UDG.mjs";import{useRenderElement as s}from"@jamsrui/hooks";import{jsx as p}from"react/jsx-runtime";var I=e=>{let{children:n=p(r,{}),...t}=e,{getIndicatorProps:c}=o();return s("span",{props:[c(t),{children:n}]})};export{I as a};
@@ -0,0 +1 @@
1
+ import{createContext as n,use as c}from"react";import{jsx as s}from"react/jsx-runtime";var t=n(null),x=e=>{let{children:o,ctx:r}=e;return s(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}};export{x as a,i as b,p as c};
@@ -0,0 +1 @@
1
+ import{a as r}from"./chunk-ZNCMZJ6Z.mjs";import{a as e}from"./chunk-PRPG4UDG.mjs";import{useRenderElement as m}from"@jamsrui/hooks";import{jsx as i}from"react/jsx-runtime";var I=t=>{let o=r(t),{getItemProps:c}=o,n=m("div",{props:[c({})]});return i(e,{ctx:o,children:n})};export{I as a};
@@ -0,0 +1 @@
1
+ import{b as o}from"./chunk-PRPG4UDG.mjs";import{CompositeItem as n}from"@jamsrui/composite";import{useRenderElement as i}from"@jamsrui/hooks";import{jsx as p}from"react/jsx-runtime";var g=r=>{let{getTriggerProps:e}=o(),t=i("button",{props:[e(r)]});return p(n,{children:t})};export{g as a};
@@ -0,0 +1 @@
1
+ import{b as f}from"./chunk-MXQSODZO.mjs";import{useCallback as r,useId as b,useMemo as x}from"react";import{useCompositeItem as h}from"@jamsrui/composite";import{cn as y,dataAttr as m,dataAttrDev as s,mergeProps as H}from"@jamsrui/utils";var V=C=>{let{styles:o,handleAccordionOpen:l,value:p,elementRefs:T}=f(),{index:G}=h({}),v=(G+1).toString(),{value:c=v,disabled:t,...d}=C,a=x(()=>p.includes(c),[p,c]),i=b(),n=b(),g=r(e=>({...d,...e,"data-slot":s("accordion-item"),className:o.item({className:y(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:y(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 x(()=>({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{V as a};
package/dist/index.d.mts CHANGED
@@ -1,16 +1,44 @@
1
- export { A as Accordion } from './accordion-ZPzXJf-I.mjs';
2
- export { AccordionConfig, useAccordionConfig } from './accordion-config.mjs';
3
- export { AccordionContent } from './accordion-content.mjs';
4
- export { A as AccordionItem } from './accordion-item-CjrslTeD.mjs';
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
- export { AccordionTrigger } from './accordion-trigger.mjs';
7
- import 'react/jsx-runtime';
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
- "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-YYWGBE52.mjs";import"./chunk-XEIFPPNA.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};
1
+ import{a as c}from"./chunk-3HESJCCF.mjs";import{a as i}from"./chunk-YEESIGH3.mjs";import{a as o}from"./chunk-5KKBIDUA.mjs";import"./chunk-73QEZHAC.mjs";import"./chunk-FTCVFCIW.mjs";import{a as d}from"./chunk-VJHN34FK.mjs";import{a as r}from"./chunk-APFWQ5GP.mjs";import{a as e}from"./chunk-73I4EHBB.mjs";import{a as n}from"./chunk-HPMWPWPE.mjs";import"./chunk-3KX5ZPFZ.mjs";import{a as t}from"./chunk-WEVZKUNN.mjs";import"./chunk-ZNCMZJ6Z.mjs";import"./chunk-MXQSODZO.mjs";import{c as p}from"./chunk-PRPG4UDG.mjs";var 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
- header: string;
24
+ heading: string;
25
25
  trigger: string[];
26
26
  content: string;
27
- contentWrapper: string;
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
- header: string;
49
+ heading: string;
51
50
  trigger: string[];
52
51
  content: string;
53
- contentWrapper: string;
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
- header: string;
74
+ heading: string;
77
75
  trigger: string[];
78
76
  content: string;
79
- contentWrapper: string;
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{a}from"./chunk-WQE6QIET.mjs";export{a as accordionVariants};
1
+ import{a}from"./chunk-FTCVFCIW.mjs";export{a 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 { AccordionContentWrapper } from './accordion-content-wrapper.mjs';
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
- isDisabled?: boolean;
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-content-wrapper.mjs';
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-CjrslTeD.mjs';
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{a}from"./chunk-XEIFPPNA.mjs";import"./chunk-MXQSODZO.mjs";export{a as useAccordionItem};
1
+ import{a}from"./chunk-ZNCMZJ6Z.mjs";import"./chunk-MXQSODZO.mjs";export{a as useAccordionItem};
@@ -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-ZPzXJf-I.mjs';
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';
@@ -1 +1 @@
1
- import{a}from"./chunk-JT5VCZTC.mjs";import"./chunk-WQE6QIET.mjs";export{a as useAccordion};
1
+ import{a}from"./chunk-73QEZHAC.mjs";import"./chunk-FTCVFCIW.mjs";export{a as useAccordion};
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@jamsrui/accordion",
3
- "version": "0.0.12",
3
+ "version": "0.0.13",
4
4
  "peerDependencies": {
5
5
  "motion": ">=12",
6
6
  "react": ">=19",
7
7
  "react-dom": ">=19"
8
8
  },
9
9
  "dependencies": {
10
- "@jamsrui/hooks": "^0.0.12",
11
- "@jamsrui/composite": "^0.0.5",
12
- "@jamsrui/core": "^0.0.10",
13
- "@jamsrui/utils": "^0.0.12"
10
+ "@jamsrui/composite": "^0.0.6",
11
+ "@jamsrui/core": "^0.0.11",
12
+ "@jamsrui/hooks": "^0.0.13",
13
+ "@jamsrui/utils": "^0.0.13"
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};
@@ -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};
@@ -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};
@@ -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};
@@ -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};
@@ -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};
@@ -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};
@@ -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};
@@ -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};
@@ -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};
@@ -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};