@jamsrui/accordion 0.0.16 → 0.0.18

package/dist/accordion-config.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { GlobalConfigProps } from '@jamsrui/core';
+import { WithGlobalConfig } from '@jamsrui/core';
 import { A as Accordion } from './accordion-BaXFve3g.mjs';
 import 'react';
 import '@jamsrui/utils';
@@ -12,7 +12,7 @@ declare const AccordionConfig: (props: Omit<Partial<AccordionConfig.Props>, "chi
     children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 declare namespace AccordionConfig {
-    interface Props extends Accordion.Props, GlobalConfigProps<Accordion.Props> {
+    interface Props extends WithGlobalConfig<Accordion.Props> {
     }
 }
 

package/dist/accordion-config.mjs

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

package/dist/accordion.mjs

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

package/dist/icons.mjs

@@ -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};
+"use client";import{jsx as o}from"react/jsx-runtime";const t=e=>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",...e,children:o("path",{d:"m6 9 6 6 6-6"})});export{t as ChevronDownIcon};

package/dist/index.d.mts

@@ -1,22 +1,22 @@
 import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { A as Accordion$1 } from './accordion-BaXFve3g.mjs';
-export { AccordionConfig } from './accordion-config.mjs';
+import { AccordionConfig } from './accordion-config.mjs';
+export { useAccordionConfig } from './accordion-config.mjs';
+export { useAccordionItemState } from './accordion-item-context.mjs';
 import { AccordionContent } from './accordion-content.mjs';
 import { AccordionHeading } from './accordion-heading.mjs';
 import { AccordionIndicator } from './accordion-indicator.mjs';
 import { A as AccordionItem } from './use-accordion-item-CZDKADCK.mjs';
-export { useAccordionItemState } from './accordion-item-context.mjs';
 import { AccordionPanel } from './accordion-panel.mjs';
 import { AccordionTrigger } from './accordion-trigger.mjs';
+export { AccordionSlots, AccordionVariants, accordionVariants } from './styles.mjs';
 import '@jamsrui/utils';
 import 'tailwind-merge';
-import './styles.mjs';
 import '@jamsrui/core';
 import 'motion/react';
 
 declare const Accordion: ((props: Accordion$1.Props) => react_jsx_runtime.JSX.Element) & {
-    Root: (props: Accordion$1.Props) => react_jsx_runtime.JSX.Element;
     Item: (props: AccordionItem.Props) => react_jsx_runtime.JSX.Element;
     Trigger: (props: AccordionTrigger.Props) => react_jsx_runtime.JSX.Element;
     Content: (props: AccordionContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
@@ -27,6 +27,8 @@ declare const Accordion: ((props: Accordion$1.Props) => react_jsx_runtime.JSX.El
 declare namespace Accordion {
     interface Props extends Accordion$1.Props {
     }
+    interface Config extends AccordionConfig.Props {
+    }
     interface Item extends AccordionItem.Props {
     }
     interface Trigger extends AccordionTrigger.Props {
@@ -41,4 +43,4 @@ declare namespace Accordion {
     }
 }
 
-export { Accordion, AccordionContent, AccordionHeading, AccordionIndicator, AccordionItem, AccordionPanel, AccordionTrigger };
+export { Accordion, AccordionConfig, AccordionContent, AccordionHeading, AccordionIndicator, AccordionItem, AccordionPanel, AccordionTrigger };

package/dist/index.mjs

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

package/dist/use-accordion-item.mjs

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

package/package.json

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