@jamsrui/accordion 0.0.13 → 0.0.15

package/dist/accordion-config.mjs

@@ -1 +1 @@
-"use client";import{a,b}from"./chunk-VJHN34FK.mjs";export{a as AccordionConfig,b as useAccordionConfig};
+"use client";import{createConfigContext as o}from"@jamsrui/utils";const[c,i]=o({displayName:"AccordionConfigContext"});export{c as AccordionConfig,i as useAccordionConfig};

package/dist/accordion-content.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-APFWQ5GP.mjs";import"./chunk-PRPG4UDG.mjs";export{a as AccordionContent};
+"use client";import{useRenderElement as t}from"@jamsrui/hooks";import{useAccordionItemContext as n}from"./accordion-item-context.mjs";const m=e=>{const{getContentProps:o}=n();return t("div",{props:[o(e)]})};export{m as AccordionContent};

package/dist/accordion-context.mjs

@@ -1 +1 @@
-"use client";import{a,b}from"./chunk-MXQSODZO.mjs";export{a as AccordionContext,b as useAccordionContext};
+"use client";import{createContext as e,use as t}from"react";const r=e(null),c=()=>{const o=t(r);if(!o)throw new Error("useAccordionContext must be used within AccordionContextProvider");return o};export{r as AccordionContext,c as useAccordionContext};

package/dist/accordion-heading.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-73I4EHBB.mjs";import"./chunk-PRPG4UDG.mjs";export{a as AccordionHeading};
+"use client";import{useRenderElement as o}from"@jamsrui/hooks";import{useAccordionItemContext as n}from"./accordion-item-context.mjs";const p=e=>{const{getHeadingProps:r}=n();return o("div",{props:[r(e)]})};export{p as AccordionHeading};

package/dist/accordion-indicator.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-HPMWPWPE.mjs";import"./chunk-3KX5ZPFZ.mjs";import"./chunk-PRPG4UDG.mjs";export{a as AccordionIndicator};
+"use client";import{jsx as p}from"react/jsx-runtime";import{useRenderElement as t}from"@jamsrui/hooks";import{useAccordionItemContext as c}from"./accordion-item-context.mjs";import{ChevronDownIcon as s}from"./icons.mjs";const I=o=>{const{children:r=p(s,{}),...e}=o,{getIndicatorProps:n}=c();return t("span",{props:[n(e),{children:r}]})};export{I as AccordionIndicator};

package/dist/accordion-item-context.mjs

@@ -1 +1 @@
-"use client";import{a,b,c}from"./chunk-PRPG4UDG.mjs";export{a as AccordionItemContextProvider,b as useAccordionItemContext,c as useAccordionItemState};
+"use client";import{jsx as s}from"react/jsx-runtime";import{createContext as n,use as c}from"react";const t=n(null),x=e=>{const{children:o,ctx:r}=e;return s(t,{value:r,children:o})},i=()=>{const e=c(t);if(!e)throw new Error("useAccordionItemContext must be used within AccordionItemContextProvider");return e},p=()=>{const e=i();return{isOpen:e.isOpen,isDisabled:e.isDisabled}};export{x as AccordionItemContextProvider,i as useAccordionItemContext,p as useAccordionItemState};

package/dist/accordion-item.mjs

@@ -1 +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};
+"use client";import{jsx as s}from"react/jsx-runtime";import{useRenderElement as c}from"@jamsrui/hooks";import{AccordionItemContextProvider as n}from"./accordion-item-context.mjs";import{useAccordionItem as m}from"./use-accordion-item.mjs";const i=e=>{const o=m(e),{getItemProps:r}=o,t=c("div",{props:[r({})]});return s(n,{ctx:o,children:t})};export{i as AccordionItem};

package/dist/accordion-list-provider.mjs

@@ -1 +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};
+"use client";import{createContext as e,use as o}from"react";const n=e(null),c=()=>{const t=o(n);if(!t)throw new Error("AccordionListItemContext not found");return t};export{n as AccordionListItemContext,c as useAccordionListItem};

package/dist/accordion-panel.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-3HESJCCF.mjs";import"./chunk-PRPG4UDG.mjs";export{a as AccordionPanel};
+"use client";import{jsx as e}from"react/jsx-runtime";import{AnimatePresence as i,motion as r}from"motion/react";import{useAccordionItemContext as c}from"./accordion-item-context.mjs";import{TRANSITION_VARIANTS as s}from"@jamsrui/utils";const A=o=>{const{isOpen:n,getPanelProps:t}=c();return e(i,{children:!!n&&e(r.section,{animate:"enter",exit:"exit",initial:"exit",variants:s.collapse,...t(o)})})};export{A as AccordionPanel};

package/dist/accordion-trigger.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-YEESIGH3.mjs";import"./chunk-PRPG4UDG.mjs";export{a as AccordionTrigger};
+"use client";import{jsx as s}from"react/jsx-runtime";import{CompositeItem as t}from"@jamsrui/composite";import{useRenderElement as n}from"@jamsrui/hooks";import{useAccordionItemContext as i}from"./accordion-item-context.mjs";const p=o=>{const{getTriggerProps:r}=i(),e=n("button",{props:[r(o)]});return s(t,{children:e})};export{p as AccordionTrigger};

package/dist/accordion.mjs

@@ -1 +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};
+"use client";import{jsx as n}from"react/jsx-runtime";import{Composite as p}from"@jamsrui/composite";import{useRenderElement as m}from"@jamsrui/hooks";import{mergeConfigProps as d}from"@jamsrui/utils";import{useAccordionConfig as f}from"./accordion-config.mjs";import{AccordionContext as A}from"./accordion-context.mjs";import{useAccordion as g}from"./use-accordion.mjs";const u=c=>{const o=f(),r=d(o,o,c),e=g(r),{getRootProps:t}=e,{children:i}=r,s=m("div",{props:[t({}),{children:i}]});return n(p,{children:n(A,{value:e,children:s})})};export{u as Accordion};

package/dist/icons.mjs

@@ -1 +1 @@
-import{a}from"./chunk-3KX5ZPFZ.mjs";export{a as ChevronDownIcon};
+import{jsx as o}from"react/jsx-runtime";const t=r=>o("svg",{fill:"none",height:20,stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,viewBox:"0 0 24 24",width:20,xmlns:"http://www.w3.org/2000/svg",...r,children:o("path",{d:"m6 9 6 6 6-6"})});export{t as ChevronDownIcon};

package/dist/index.mjs

@@ -1 +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};
+import{Accordion as o}from"./accordion.mjs";import{AccordionConfig as d}from"./accordion-config.mjs";import{AccordionContent as r}from"./accordion-content.mjs";import{AccordionHeading as e}from"./accordion-heading.mjs";import{AccordionIndicator as n}from"./accordion-indicator.mjs";import{AccordionItem as t}from"./accordion-item.mjs";import{useAccordionItemState as p}from"./accordion-item-context.mjs";import{AccordionPanel as c}from"./accordion-panel.mjs";import{AccordionTrigger as i}from"./accordion-trigger.mjs";const C=Object.assign(o,{Root:o,Item:t,Trigger:i,Content:r,Panel:c,Indicator:n,Heading:e});export{C as Accordion,d as AccordionConfig,r as AccordionContent,e as AccordionHeading,n as AccordionIndicator,t as AccordionItem,c as AccordionPanel,i as AccordionTrigger,p as useAccordionItemState};

package/dist/styles.mjs

@@ -1 +1 @@
-import{a}from"./chunk-FTCVFCIW.mjs";export{a as accordionVariants};
+import{radiusVariant as t,tv as i}from"@jamsrui/utils";const o=i({slots:{root:"flex flex-col",item:"bg-surface ui-disabled:opacity-80 ui-disabled:cursor-not-allowed",heading:"flex items-center gap-2",trigger:["flex w-full items-center relative gap-3 py-4 px-4","focus-visible:outline-2 focus-visible:outline-primary focus-visible:z-10"],content:"py-2 text-base px-4",panel:"overflow-hidden",indicator:"rotate-0 transition-transform duration-500 data-open:-rotate-180 ml-auto"},variants:{variant:{light:"",splitted:{root:"flex flex-col gap-4"}},radius:t(["item","trigger","content"])},defaultVariants:{variant:"light",radius:"md"}});export{o as accordionVariants};

package/dist/use-accordion-item.mjs

@@ -1 +1 @@
-import{a}from"./chunk-ZNCMZJ6Z.mjs";import"./chunk-MXQSODZO.mjs";export{a as useAccordionItem};
+import{useCallback as r,useId as f,useMemo as b}from"react";import{useCompositeItem as v}from"@jamsrui/composite";import{cn as x,dataAttr as m,dataAttrDev as s,mergeProps as h}from"@jamsrui/utils";import{useAccordionContext as H}from"./accordion-context.mjs";const S=y=>{const{styles:o,handleAccordionOpen:l,value:p,elementRefs:T}=H(),{index:C}=v({}),G=(C+1).toString(),{value:c=G,disabled:t,...d}=y,a=b(()=>p.includes(c),[p,c]),i=f(),n=f(),g=r(e=>({...d,...e,"data-slot":s("accordion-item"),className:o.item({className:x(d.className,e.className)}),"aria-disabled":m(t),"data-disabled":m(t)}),[d,t,o]),P=r(e=>({...e,"data-slot":s("panel"),className:o.panel({className:x(e.className)}),role:"region","aria-labelledby":i,id:n}),[o,i,n]),A=r(e=>({...e,"data-slot":s("content"),className:o.content({className:e.className})}),[o]),N=r(e=>({...h(e,{onClick:()=>{l(c)},disabled:t,"aria-disabled":t,"data-disabled":t}),"data-slot":s("trigger"),className:o.trigger({className:e.className}),id:i,"aria-expanded":a,"aria-controls":n}),[t,o,i,a,n,l,c]),u=r(e=>({...e,"data-slot":s("indicator"),"data-open":m(a),className:o.indicator({className:e.className})}),[a,o]),I=r(e=>({...e,"data-slot":s("heading"),className:o.heading({className:e.className})}),[o]);return b(()=>({getItemProps:g,getContentProps:A,getTriggerProps:N,getIndicatorProps:u,isOpen:a,isDisabled:t,getHeadingProps:I,getPanelProps:P}),[g,A,N,u,I,a,t,P])};export{S as useAccordionItem};

package/dist/use-accordion.mjs

@@ -1 +1 @@
-import{a}from"./chunk-73QEZHAC.mjs";import"./chunk-FTCVFCIW.mjs";export{a as useAccordion};
+import{useCallback as c,useMemo as g,useRef as h}from"react";import{useControlledState as C}from"@jamsrui/hooks";import{cn as M,dataAttrDev as N,mapPropsVariants as R}from"@jamsrui/utils";import{accordionVariants as V}from"./styles.mjs";const S=A=>{const[P,v]=R(A,V.variantKeys),{value:y,defaultValue:b,disabled:i=!1,onValueChange:r,isMultiple:p,loop:w,...t}=P,[o=[],s]=C({defaultProp:b,onChange:r,prop:y}),u=c(()=>{},[]),a=V(v),d=h([]),m=c(e=>{const n=o.includes(e);if(p){const l=new Set(o);n?l.delete(e):l.add(e),s(Array.from(l))}else s(n?[]:[e]),r?.(n?[]:[e])},[p,r,s,o]),f=c(e=>({...t,...e,"data-slot":N("root"),className:a.root({className:M(t.className,e.className)})}),[t,a]);return g(()=>({getRootProps:f,handleValueChange:u,value:o,isDisabled:i,styles:a,handleAccordionOpen:m,elementRefs:d}),[f,m,u,i,a,o,d])};export{S as useAccordion};

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@jamsrui/accordion",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "peerDependencies": {
     "motion": ">=12",
     "react": ">=19",
     "react-dom": ">=19"
   },
   "dependencies": {
-    "@jamsrui/composite": "^0.0.6",
-    "@jamsrui/core": "^0.0.11",
-    "@jamsrui/hooks": "^0.0.13",
-    "@jamsrui/utils": "^0.0.13"
+    "@jamsrui/composite": "^0.0.8",
+    "@jamsrui/core": "^0.0.13",
+    "@jamsrui/utils": "^0.0.15",
+    "@jamsrui/hooks": "^0.0.15"
   },
   "exports": {
     ".": {

package/dist/chunk-3HESJCCF.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-3KX5ZPFZ.mjs

@@ -1 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";var t=r=>o("svg",{fill:"none",height:20,stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,viewBox:"0 0 24 24",width:20,xmlns:"http://www.w3.org/2000/svg",...r,children:o("path",{d:"m6 9 6 6 6-6"})});export{t as a};

package/dist/chunk-5KKBIDUA.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-73I4EHBB.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-73QEZHAC.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-APFWQ5GP.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-FTCVFCIW.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-HPMWPWPE.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-MXQSODZO.mjs

@@ -1 +0,0 @@
-import{createContext as e,use as t}from"react";var r=e(null),c=()=>{let o=t(r);if(!o)throw new Error("useAccordionContext must be used within AccordionContextProvider");return o};export{r as a,c as b};

package/dist/chunk-PRPG4UDG.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-VJHN34FK.mjs

@@ -1 +0,0 @@
-import{createConfigContext as o}from"@jamsrui/utils";var[c,i]=o({displayName:"AccordionConfigContext"});export{c as a,i as b};

package/dist/chunk-WEVZKUNN.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-YEESIGH3.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-ZNCMZJ6Z.mjs

@@ -1 +0,0 @@
-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};