@jamsrui/collapsible 0.0.12 → 0.0.14

package/dist/collapsible-config.d.mts

@@ -1,11 +1,10 @@
-import { Collapsible } from './collapsible.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GlobalConfigProps } from '@jamsrui/core';
-import './collapsible-content.mjs';
-import './collapsible-trigger.mjs';
+import { Collapsible } from './collapsible.mjs';
 import './use-collapsible.mjs';
 import '@jamsrui/utils';
-import 'react';
+import './collapsible-content.mjs';
+import 'motion/react';
 
 declare const useCollapsibleConfig: () => CollapsibleConfig.Props;
 declare const CollapsibleConfig: (props: Omit<Partial<CollapsibleConfig.Props>, "children"> & {

package/dist/collapsible-config.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-324DBYK6.mjs";export{a as CollapsibleConfig,b as useCollapsibleConfig};
+"use client";import{createConfigContext as o}from"@jamsrui/utils";const[e,p]=o({displayName:"CollapsibleConfig"});export{e as CollapsibleConfig,p as useCollapsibleConfig};

package/dist/collapsible-content.d.mts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UIProps } from '@jamsrui/utils';
+import { HTMLMotionProps } from 'motion/react';
 
 declare const CollapsibleContent: (props: CollapsibleContent.Props) => react_jsx_runtime.JSX.Element;
 declare namespace CollapsibleContent {
-    interface Props extends UIProps<"div"> {
+    interface Props extends HTMLMotionProps<"div"> {
     }
 }
 

package/dist/collapsible-content.mjs

@@ -1 +1 @@
-import{a}from"./chunk-RHHW2XJT.mjs";import"./chunk-N576RNB6.mjs";export{a as CollapsibleContent};
+"use client";import{jsx as e}from"react/jsx-runtime";import{AnimatePresence as s,motion as p}from"motion/react";import{useCollapsibleContext as l}from"./collapsible-context.mjs";const C=t=>{const{children:o,...n}=t,{isOpen:i,getContentProps:r}=l();return e(s,{initial:!1,children:!!i&&e(p.div,{animate:{height:"auto"},exit:{height:0},initial:{height:0},role:"region",transition:{type:"spring",bounce:0,duration:.4},...r(n),children:o})})};export{C as CollapsibleContent};

package/dist/collapsible-context.d.mts

@@ -3,7 +3,7 @@ import { useCollapsible } from './use-collapsible.mjs';
 import '@jamsrui/utils';
 import './collapsible-content.mjs';
 import 'react/jsx-runtime';
-import './collapsible-trigger.mjs';
+import 'motion/react';
 
 declare const useCollapsibleContext: () => CollapsibleContext.Props;
 declare const CollapsibleContext: react.Context<CollapsibleContext.Props | null>;

package/dist/collapsible-context.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-N576RNB6.mjs";export{a as CollapsibleContext,b as useCollapsibleContext};
+"use client";import{createContext as t,use as l}from"react";const o=t(null),p=()=>{const e=l(o);if(!e)throw new Error("useCollapsibleContext must be used within Collapsible");return e};export{o as CollapsibleContext,p as useCollapsibleContext};

package/dist/collapsible-trigger.d.mts

@@ -1,9 +1,9 @@
 import * as react from 'react';
-import { UIProps } from '@jamsrui/utils';
 
 declare const CollapsibleTrigger: (props: CollapsibleTrigger.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 declare namespace CollapsibleTrigger {
-    interface Props extends UIProps<"button"> {
+    interface Props {
+        children: React.ReactElement;
     }
 }
 

package/dist/collapsible-trigger.mjs

@@ -1 +1 @@
-import{a}from"./chunk-W2XEFJVU.mjs";import"./chunk-N576RNB6.mjs";export{a as CollapsibleTrigger};
+"use client";import{cloneElement as l}from"react";import{useCollapsibleContext as o}from"./collapsible-context.mjs";const p=e=>{const{children:r}=e,{getTriggerProps:t}=o();return l(r,t())};export{p as CollapsibleTrigger};

package/dist/collapsible.d.mts

@@ -2,8 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { useCollapsible } from './use-collapsible.mjs';
 import '@jamsrui/utils';
 import './collapsible-content.mjs';
-import './collapsible-trigger.mjs';
-import 'react';
+import 'motion/react';
 
 declare const Collapsible: (props: Collapsible.Props) => react_jsx_runtime.JSX.Element;
 declare namespace Collapsible {

package/dist/collapsible.mjs

@@ -1 +1 @@
-import{a}from"./chunk-WXGPFQ7O.mjs";import"./chunk-N576RNB6.mjs";import"./chunk-2INMQSUC.mjs";export{a as Collapsible};
+"use client";import{jsx as p}from"react/jsx-runtime";import{cloneElement as n}from"react";import{CollapsibleContext as s}from"./collapsible-context.mjs";import{useCollapsible as r}from"./use-collapsible.mjs";const m=e=>{const{children:o}=e,l=r(e),t=n(o,l.getRootProps());return p(s,{value:l,children:t})};export{m as Collapsible};

package/dist/index.d.mts

@@ -1,9 +1,18 @@
-export { Collapsible } from './collapsible.mjs';
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Collapsible as Collapsible$1 } from './collapsible.mjs';
+import { CollapsibleContent } from './collapsible-content.mjs';
+import { CollapsibleTrigger } from './collapsible-trigger.mjs';
 export { CollapsibleConfig, useCollapsibleConfig } from './collapsible-config.mjs';
-export { CollapsibleContent } from './collapsible-content.mjs';
-export { CollapsibleTrigger } from './collapsible-trigger.mjs';
-import 'react/jsx-runtime';
 import './use-collapsible.mjs';
 import '@jamsrui/utils';
-import 'react';
+import 'motion/react';
 import '@jamsrui/core';
+
+declare const Collapsible: ((props: Collapsible$1.Props) => react_jsx_runtime.JSX.Element) & {
+    Root: (props: Collapsible$1.Props) => react_jsx_runtime.JSX.Element;
+    Content: (props: CollapsibleContent.Props) => react_jsx_runtime.JSX.Element;
+    Trigger: (props: CollapsibleTrigger.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+};
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{a as l,b as o}from"./chunk-324DBYK6.mjs";import{a as e}from"./chunk-RHHW2XJT.mjs";import{a as r}from"./chunk-W2XEFJVU.mjs";import{a as i}from"./chunk-WXGPFQ7O.mjs";import"./chunk-N576RNB6.mjs";import"./chunk-2INMQSUC.mjs";export{i as Collapsible,l as CollapsibleConfig,e as CollapsibleContent,r as CollapsibleTrigger,o as useCollapsibleConfig};
+import{Collapsible as o}from"./collapsible.mjs";import{CollapsibleContent as l}from"./collapsible-content.mjs";import{CollapsibleTrigger as e}from"./collapsible-trigger.mjs";import{CollapsibleConfig as a,useCollapsibleConfig as b}from"./collapsible-config.mjs";const p=Object.assign(o,{Root:o,Content:l,Trigger:e});export{p as Collapsible,a as CollapsibleConfig,l as CollapsibleContent,e as CollapsibleTrigger,b as useCollapsibleConfig};

package/dist/use-collapsible.d.mts

@@ -1,12 +1,11 @@
-import { PropGetter } from '@jamsrui/utils';
+import { UIProps, PropGetter } from '@jamsrui/utils';
 import { CollapsibleContent } from './collapsible-content.mjs';
-import { CollapsibleTrigger } from './collapsible-trigger.mjs';
 import 'react/jsx-runtime';
-import 'react';
+import 'motion/react';
 
 declare const useCollapsible: (props: useCollapsible.Props) => {
     isOpen: boolean;
-    getTriggerProps: PropGetter<CollapsibleTrigger.Props>;
+    getTriggerProps: () => UIProps<"button">;
     getContentProps: PropGetter<CollapsibleContent.Props>;
     getRootProps: () => {
         "aria-expanded": boolean;
@@ -19,11 +18,7 @@ declare namespace useCollapsible {
         defaultOpen?: boolean;
         isOpen?: boolean;
         onOpenChange?: (isOpen: boolean) => void;
-        isDisabled?: boolean;
-        slotProps?: {
-            trigger?: CollapsibleTrigger.Props;
-            content?: CollapsibleContent.Props;
-        };
+        disabled?: boolean;
     }
 }
 

package/dist/use-collapsible.mjs

@@ -1 +1 @@
-import{a}from"./chunk-2INMQSUC.mjs";export{a as useCollapsible};
+import{useCallback as a,useId as c,useMemo as P}from"react";import{useControlledState as f}from"@jamsrui/hooks";import{dataAttrDev as r,mergeProps as O}from"@jamsrui/utils";const y=g=>{const{defaultOpen:m,disabled:n=!1,isOpen:u,onOpenChange:C}=g,[e,l]=f({defaultProp:m,onChange:C,prop:u}),o=c(),t=c(),p=a(()=>{l(s=>!s)},[l]),i=a(()=>({"aria-expanded":e,"data-expanded":e,"data-slot":r("root")}),[e]),d=a(s=>({...s,"data-slot":r("content"),id:t,role:"region","aria-labelledby":o,hidden:!e}),[t,e,o]),b=a(()=>({...O({},{onClick:p}),id:o,"data-slot":r("trigger"),"aria-controls":t,"aria-expanded":e,"data-expanded":e,disabled:n,"aria-disabled":n}),[t,p,n,e,o]);return P(()=>({isOpen:e,getTriggerProps:b,getContentProps:d,getRootProps:i}),[d,i,b,e])};export{y as useCollapsible};

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@jamsrui/collapsible",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "peerDependencies": {
     "motion": ">=12",
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/hooks": "^0.0.12",
-    "@jamsrui/core": "^0.0.10",
-    "@jamsrui/utils": "^0.0.12"
+    "@jamsrui/hooks": "^0.0.14",
+    "@jamsrui/core": "^0.0.12",
+    "@jamsrui/utils": "^0.0.14"
   },
   "exports": {
     ".": {

package/dist/chunk-2INMQSUC.mjs

@@ -1 +0,0 @@
-import{useCallback as n,useId as c,useMemo as O}from"react";import{useControlledState as x}from"@jamsrui/hooks";import{dataAttrDev as a,mergeProps as C}from"@jamsrui/utils";var I=P=>{let{defaultOpen:m,isDisabled:s,isOpen:u,onOpenChange:f,slotProps:t}=P,[e,p]=x({defaultProp:m,onChange:f,prop:u}),r=c(),l=c(),i=n(()=>{p(o=>!o)},[p]),d=n(()=>({"aria-expanded":e,"data-expanded":e,"data-slot":a("root")}),[e]),g=n(o=>({...C(t?.content??{},o),"data-slot":a("content"),id:l,role:"region","aria-labelledby":r,hidden:!e}),[l,e,t?.content,r]),b=n(o=>({...C(t?.trigger??{},o,{onClick:i}),id:r,"data-slot":a("trigger"),"aria-controls":l,"aria-expanded":e,"data-expanded":e,disabled:s,"aria-disabled":s}),[l,i,s,e,t?.trigger,r]);return O(()=>({isOpen:e,getTriggerProps:b,getContentProps:g,getRootProps:d}),[g,d,b,e])};export{I as a};

package/dist/chunk-324DBYK6.mjs

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

package/dist/chunk-N576RNB6.mjs

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

package/dist/chunk-RHHW2XJT.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-N576RNB6.mjs";import{AnimatePresence as r,motion as s}from"motion/react";import{jsx as o}from"react/jsx-runtime";var p=t=>{let{children:i}=t,{isOpen:n}=e();return o(r,{initial:!1,children:!!n&&o(s.div,{animate:{height:"auto"},className:"overflow-hidden",exit:{height:0},initial:{height:0},role:"region",transition:{type:"spring",bounce:0,duration:.4},children:i})})};export{p as a};

package/dist/chunk-W2XEFJVU.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-N576RNB6.mjs";import{useRenderElement as t}from"@jamsrui/hooks";var n=r=>{let{getTriggerProps:o}=e();return t("button",{props:o(r)})};export{n as a};

package/dist/chunk-WXGPFQ7O.mjs

@@ -1 +0,0 @@
-import{a as l}from"./chunk-N576RNB6.mjs";import{a as t}from"./chunk-2INMQSUC.mjs";import{cloneElement as s}from"react";import{jsx as p}from"react/jsx-runtime";var m=e=>{let{children:n}=e,o=t(e),r=s(n,o.getRootProps());return p(l,{value:o,children:r})};export{m as a};