@chassis-ui/react 0.2.0 → 0.4.0

package/dist/chunks/tabs-BnbMJM_b.js

@@ -1 +0,0 @@
-import"./focus-ring-SR_LwaN7.js";import{t as e}from"./polymorphic-CACPOv1_.js";import{t}from"./useForkedRef-DVEfT-KI.js";import n,{createContext as r,forwardRef as i,useContext as a,useEffect as o,useRef as s}from"react";import c from"classnames";import{useTab as l,useTabList as u,useTabPanel as d}from"react-aria";import{Item as f,useTabListState as p}from"react-stately";import{Transition as m}from"react-transition-group";const h=r(null),g=()=>{let e=a(h);if(!e)throw Error(`TabList and TabPanel must be rendered inside a Tabs`);return e},_=i(({className:e,variant:r=`tabs`,...i},a)=>{let{keyboardActivation:o,orientation:l,state:d}=g(),f=s(null),p=t(a,f),{tabListProps:m}=u({keyboardActivation:o,orientation:l,...i},d,f),h=c(`nav`,`nav-${r}`,e);return n.createElement(`ul`,{className:h,...m,ref:p},[...d.collection].map(e=>n.createElement(v,{key:e.key,item:e})))});_.displayName=`TabList`;const v=({item:e})=>{let{state:t}=g(),r=s(null),{tabProps:i,isSelected:a,isDisabled:o}=l({key:e.key},t,r);return n.createElement(`li`,{className:`nav-item`,role:`presentation`},n.createElement(`a`,{className:c(`nav-link`,{active:a,disabled:o}),...i,ref:r},e.rendered))};function y({children:e,className:t,component:r,defaultSelectedKey:i,disabledKeys:a,keyboardActivation:c,onSelectionChange:l,orientation:u,selectedKey:d,...m},g){let v=r??`div`,y=n.Children.toArray(e),b=y.find(e=>n.isValidElement(e)&&e.type===_),x=y.filter(e=>e!==b),S=(b?n.Children.toArray(b.props.children):[]).filter(e=>n.isValidElement(e)),C=S.filter(e=>e.props.disabled).map(e=>e.props.id),w=a?[...a,...C]:C,T=p({children:e=>n.createElement(f,{key:e.props.id,textValue:typeof e.props.children==`string`?e.props.children:void 0},e.props.children),items:S,defaultSelectedKey:i,disabledKeys:w,selectedKey:d,onSelectionChange:l}),E=s(!0);return o(()=>{E.current=!1},[]),n.createElement(h.Provider,{value:{keyboardActivation:c,orientation:u,state:T,isInitialSelectionRef:E}},n.createElement(v,{className:t,...m,ref:g},b,n.createElement(`div`,{className:`tab-content`},x)))}const b=e(y,`Tabs`),x=e=>null;x.displayName=`Tab`;const S=i(({children:e,className:r,id:i,...a},o)=>{let{state:l,isInitialSelectionRef:u}=g(),f=s(null),p=t(o,f),{tabPanelProps:h}=d({id:i},l,f);return l.selectedKey===i?n.createElement(m,{in:!0,appear:!u.current,nodeRef:f,timeout:150},t=>n.createElement(`div`,{className:c(`tab-pane`,`fade`,`active`,{show:t===`entered`},r),...h,...a,ref:p},e)):null});S.displayName=`TabPanel`;export{_ as i,x as n,b as r,S as t};

package/dist/chunks/text-input-DD3d08Yf.js

@@ -1 +0,0 @@
-import"./focus-ring-SR_LwaN7.js";import{t as e}from"./useForkedRef-DVEfT-KI.js";import{t}from"./useFormField-BOqmBTC4.js";import{t as n}from"./renderFormField-wiaxvvLG.js";import{t as r}from"./validationClassName-gRGs4KBm.js";import i,{forwardRef as a,useRef as o}from"react";import s from"classnames";import{useTextField as c}from"react-aria";const l=a(({adornEnd:a,adornStart:l,className:u,disabled:d,help:f,id:p,invalid:m,invalidFeedback:h,label:g,plainText:_,readOnly:v,size:y,type:b=`text`,valid:x,validFeedback:S,...C},w)=>{let T=o(null),E=e(w,T),{describedBy:D,feedbackId:O,helpId:k,inputId:A,labelId:j,labelledBy:M}=t({ariaDescribedBy:C[`aria-describedby`],ariaLabelledBy:C[`aria-labelledby`],help:f,id:p,invalid:m,invalidFeedback:h,label:g,valid:x,validFeedback:S}),{inputProps:N}=c({...C,"aria-describedby":D,"aria-labelledby":M,id:A,isDisabled:d,isInvalid:m,isReadOnly:v,type:b},T),P=l!=null||a!=null,F=s(P?`ghost-input`:`form-input`,!P&&_&&`plaintext`,!P&&y,r(m,x),!P&&u),I=i.createElement(`input`,{...N,className:F,ref:E}),L=P?i.createElement(`div`,{className:s(`form-input`,_&&`plaintext`,y,u)},l,I,a):I;return n({children:L,help:f,ids:{feedback:O,help:k,input:A,label:j},invalid:m,invalidFeedback:h,label:g,valid:x,validFeedback:S})});l.displayName=`TextInput`;export{l as t};

package/dist/chunks/textarea-C0qQdCcu.js

@@ -1 +0,0 @@
-import"./focus-ring-SR_LwaN7.js";import{t as e}from"./useForkedRef-DVEfT-KI.js";import{t}from"./useFormField-BOqmBTC4.js";import{t as n}from"./renderFormField-wiaxvvLG.js";import{t as r}from"./validationClassName-gRGs4KBm.js";import i,{forwardRef as a,useRef as o}from"react";import s from"classnames";import{useTextField as c}from"react-aria";const l=a(({className:a,disabled:l,help:u,id:d,invalid:f,invalidFeedback:p,label:m,plainText:h,readOnly:g,rows:_,size:v,valid:y,validFeedback:b,...x},S)=>{let C=o(null),w=e(S,C),{describedBy:T,feedbackId:E,helpId:D,inputId:O,labelId:k,labelledBy:A}=t({ariaDescribedBy:x[`aria-describedby`],ariaLabelledBy:x[`aria-labelledby`],help:u,id:d,invalid:f,invalidFeedback:p,label:m,valid:y,validFeedback:b}),{inputProps:j}=c({...x,"aria-describedby":T,"aria-labelledby":A,id:O,inputElementType:`textarea`,isDisabled:l,isInvalid:f,isReadOnly:g},C),M=s(`form-input`,h&&`plaintext`,v,r(f,y),a);return n({children:i.createElement(`textarea`,{...j,rows:_,className:M,ref:w}),help:u,ids:{feedback:E,help:D,input:O,label:k},invalid:f,invalidFeedback:p,label:m,valid:y,validFeedback:b})});l.displayName=`Textarea`;export{l as t};

package/dist/chunks/toast-BQhZ2pv5.js

@@ -1 +0,0 @@
-import"./focus-ring-SR_LwaN7.js";import{t as e}from"./polymorphic-CACPOv1_.js";import{n as t,r as n,t as r}from"./useToastRegionQueue-BH6bWZ73.js";import{t as i}from"./Icon-BIwkD-kx.js";import{n as a}from"./iconSlot-BmWxJh27.js";import{t as o}from"./CloseButton-DJM7FRKh.js";import s,{createContext as c,forwardRef as l,useContext as u}from"react";import d from"classnames";import{mergeProps as f}from"react-aria";import{createPortal as p}from"react-dom";import{ToastQueue as m}from"react-stately";import{Transition as h}from"react-transition-group";const g=c({close:()=>{}}),_=()=>u(g);function v({children:e,className:t,closeButton:n,closeLabel:r,component:i,...a},c){let{close:l}=_(),u=i??`div`,f=d(`toast-body`,{"d-flex align-items-start justify-content-between gap-sm":n},t);return s.createElement(u,{className:f,...a,ref:c},n?s.createElement(`div`,null,e):e,n&&s.createElement(o,{label:r,onClick:l}))}const y=e(v,`ToastBody`);function b({children:e,className:t,component:n,...r},i){let a=n??`div`,o=d(`toast-footer`,t);return s.createElement(a,{className:o,...r,ref:i},e)}const x=e(b,`ToastFooter`);function S({children:e,className:t,closeButton:n,closeLabel:r,component:i,icon:c,time:l,titleId:u,...f},p){let{close:m}=_(),h=i??`div`,g=d(`toast-header`,t);return s.createElement(h,{className:g,...f,ref:p},c!=null&&(typeof c==`string`?s.createElement(`span`,{"aria-hidden":`true`,className:`me-sm`},s.createElement(a,{value:c,className:`toast-icon`})):s.createElement(`span`,{className:`me-sm`},c)),e!=null&&s.createElement(`strong`,{id:u,className:`me-auto`},e),l!=null&&s.createElement(`small`,null,l),n&&s.createElement(o,{label:r,onClick:m}))}const C=e(S,`ToastHeader`),w=l(({children:e,animation:r=!0,autohide:i=!0,className:a,closeButton:o,closeLabel:c,color:l,delay:u=5e3,footer:p,icon:m,message:_,role:v=`status`,solid:b,time:S,title:w,translucent:T,visible:E=!1,onClose:D,onShow:O,...k},A)=>{let{close:j,entered:M,forkedRef:N,getTransitionClass:P,textId:F,titleId:I,transitionProps:L,visible:R}=t({onClose:D,onShow:O,ref:A,visible:E}),z=n({enabled:i,delay:u,visible:R&&M,onHide:j}),B={visible:R,close:j},V=d(`toast`,{fade:r,context:!!l,solid:!!(b&&l),translucent:T},l,a),H=m!=null||w!=null||S!=null,U=o&&(H||_==null),W=o&&!H&&_!=null,G=H||U;return s.createElement(h,{...L,timeout:250},t=>{let n=P(t);return s.createElement(g.Provider,{value:B},s.createElement(`div`,{className:d(V,n),role:v,"aria-labelledby":w==null?void 0:I,"aria-describedby":w!=null&&_!=null?F:void 0,...f(k,z),ref:N},G&&s.createElement(C,{icon:m,time:S,titleId:w==null?void 0:I,closeButton:U,closeLabel:c},w),_!=null&&s.createElement(y,{id:w!=null&&_!=null?F:void 0,closeButton:W,closeLabel:c},_),e,p!=null&&s.createElement(x,null,typeof p==`function`?p(j):p)))})});w.displayName=`Toast`;const T=l(({className:e,...t},n)=>{let r=d(`toast-icon`,e);return s.createElement(i,{className:r,...t,ref:n})});T.displayName=`ToastIcon`;const E=new m;function D(e,t={}){return E.add({children:e,...t})}function O(e){E.close(e)}const k=l(({children:e,className:t,placement:n,...i},a)=>{let{forkedRef:o,regionProps:c,state:l}=r(E,a),u=d(`toaster toast-container p-md`,{"position-fixed":n,"position-static":!n,"top-0":n&&n.includes(`top`),"top-50 translate-middle-y":n&&n.includes(`middle`),"bottom-0":n&&n.includes(`bottom`),"start-0":n&&n.includes(`start`),"start-50 translate-middle-x":n&&n.includes(`center`),"end-0":n&&n.includes(`end`)},t),f=t=>l.visibleToasts.length>0||e?s.createElement(`div`,{className:u,...c,...i,ref:t},e,l.visibleToasts.map(e=>{let{children:t,...n}=e.content;return s.createElement(w,{key:e.key,visible:!0,...n,onClose:()=>l.close(e.key)},t)})):null;return typeof window<`u`&&n?p(f(o),document.body):f(o)});k.displayName=`Toaster`;export{T as a,x as c,E as i,y as l,D as n,w as o,O as r,C as s,k as t,_ as u};

package/dist/chunks/tooltip-DHtVAYUo.js

@@ -1 +0,0 @@
-import"./focus-ring-SR_LwaN7.js";import{t as e}from"./useForkedRef-DVEfT-KI.js";import{n as t,r as n,t as r}from"./useFloatingOverlay-CcmDZKMK.js";import{i,n as a}from"./overlayPlacement-BtS90IVf.js";import{n as o,t as s}from"./triggerElement-BIqA4KqZ.js";import c,{useCallback as l,useRef as u}from"react";import d from"classnames";import{mergeProps as f,useOverlayPosition as p,useTooltip as m,useTooltipTrigger as h}from"react-aria";import{createPortal as g}from"react-dom";import{useTooltipTriggerState as _}from"react-stately";import{Transition as v}from"react-transition-group";const y=({children:y,content:b,placement:x=`top`,offset:S=[0,6],onHide:C,onShow:w,trigger:T,visible:E,...D})=>{let O=u(null),k=u(null),A=u(null),j=l(e=>{k.current=e},[]),M=s(y),N=e(j,o(M)),P=_({trigger:T,delay:0,closeDelay:0}),{triggerProps:F,tooltipProps:I}=h({trigger:T},P,k),{tooltipProps:L}=m({},P),R=n({close:()=>P.close(!0),isOpen:P.isOpen,open:()=>P.open(!0),onHide:C,onShow:w,triggerRef:k,visible:E}),{overlayProps:z,arrowProps:B,placement:V}=p({targetRef:k,overlayRef:A,placement:i(x),offset:S[1],crossOffset:S[0],arrowSize:8,arrowRef:O,isOpen:P.isOpen}),H={position:z.style?.position,top:z.style?.top,left:z.style?.left},U=a(x,V);return c.createElement(c.Fragment,null,c.cloneElement(M,{...f(M.props,F),ref:N}),typeof window<`u`&&g(c.createElement(v,{in:P.isOpen,mountOnEnter:!0,nodeRef:A,timeout:{enter:0,exit:200},unmountOnExit:!0},e=>{let n=t(e);return c.createElement(`div`,{className:d(`tooltip cx-tooltip-auto`,n),"data-cx-placement":U,ref:A,style:H,...f(I,L),...D},c.createElement(`div`,{className:`tooltip-arrow`,...B,style:r(B)}),c.createElement(`div`,{className:`tooltip-inner`},b))}),R??document.body))};y.displayName=`Tooltip`;export{y as t};

package/dist/chunks/triggerElement-BIqA4KqZ.js

@@ -1 +0,0 @@
-import{version as e}from"react";const t=e=>e,n=parseInt(e,10)>=19,r=e=>n?e.props.ref:e.ref;export{r as n,t};

package/dist/chunks/useDialogElement-BRIU60cT.js

@@ -1 +0,0 @@
-import{t as e}from"./useForkedRef-DVEfT-KI.js";import{t}from"./useIsomorphicLayoutEffect-BbqRwuqn.js";import{t as n}from"./dialogTransition-i9vw0i2Z.js";import{useEffect as r,useRef as i,useState as a}from"react";import{usePreventScroll as o}from"react-aria";const s=({backdrop:s,instant:c,isModal:l,keyboard:u=!0,onBeforeShow:d,onClick:f,onClose:p,onClosePrevented:m,onHidden:h,onShow:g,onShown:_,ref:v,visible:y})=>{let b=i(null),x=e(v,b),[S,C]=a(y),[w,T]=a(!1),[E,D]=a(!1),[O,k]=a(!1),A=i(!1),j=i(null);o({isDisabled:!O}),r(()=>{C(y)},[y]);let M=()=>{p?.()},N=()=>{m?.();let e=b.current;e&&(D(!0),n(e,()=>D(!1),!c))},P=i(M);P.current=M;let F=i(N);return F.current=N,t(()=>{let e=b.current;if(e){if(S){if(e.open)return;d?.(e),j.current=document.activeElement instanceof HTMLElement?document.activeElement:null,A.current=l,l?(e.showModal(),k(!0)):e.show();let t=e.querySelector(`[autofocus]`);return t?t.focus():(e.setAttribute(`tabindex`,`-1`),e.focus()),g?.(),T(!1),n(e,()=>_?.(),!c)}e.open&&T(!0)}},[S]),r(()=>{let e=b.current;if(w&&e)return n(e,()=>{e.open&&e.close(),A.current&&k(!1),T(!1),h?.();let t=j.current;t&&document.contains(t)&&t.focus()},!c)},[w]),r(()=>{let e=b.current;if(!e)return;let t=e=>{if(!(e.key!==`Escape`||A.current)){if(e.preventDefault(),!u){F.current();return}P.current()}};return e.addEventListener(`keydown`,t),()=>e.removeEventListener(`keydown`,t)},[u]),{close:M,dialogRef:b,forkedRef:x,handleBackdropClick:e=>{if(f?.(e),e.target===b.current&&A.current){if(s===`static`){N();return}M()}},handleCancel:e=>{if(e.preventDefault(),!u){N();return}M()},hiding:w,staticBounce:E}};export{s as t};

package/dist/chunks/useFloatingOverlay-CcmDZKMK.js

@@ -1 +0,0 @@
-import{useEffect as e,useRef as t,useState as n}from"react";function r({close:r,isOpen:i,open:a,onHide:o,onShow:s,triggerRef:c,visible:l}){let[u,d]=n(null),f=()=>c.current?.closest(`dialog[open]`)??document.body;e(()=>{l!==void 0&&(d(f()),l?a():r())},[l]);let p=t(!1);e(()=>{let e=!p.current;p.current=!0,i?(d(f()),e||s?.()):e||o?.()},[i]);let m=t(r);return m.current=r,e(()=>{let e=u?.closest(`dialog`);if(!i||!e)return;let t=()=>m.current();return e.addEventListener(`close`,t),()=>e.removeEventListener(`close`,t)},[i,u]),u}function i(e){return{position:`absolute`,...e.style,transform:e.style?.top===void 0?`translateX(-50%)`:`translateY(-50%)`}}function a(e){return e===`entering`?`fade`:e===`entered`?`fade show`:`fade`}export{a as n,r,i as t};

package/dist/chunks/useToastRegionQueue-BH6bWZ73.js

@@ -1 +0,0 @@
-import{t as e}from"./useForkedRef-DVEfT-KI.js";import{useCallback as t,useEffect as n,useId as r,useRef as i,useState as a}from"react";import{useToastRegion as o}from"react-aria";import{useToastQueue as s}from"react-stately";function c({enabled:e=!1,delay:r=5e3,visible:a,onHide:o}){let s=i(void 0),c=i(!1),l=i(!1),u=t(()=>{clearTimeout(s.current),s.current=void 0},[]),d=t(()=>{u(),!(!e||c.current||l.current)&&(s.current=window.setTimeout(o,r))},[e,r,o,u]);return n(()=>u,[u]),n(()=>{a?d():u()},[a,e,r,d,u]),{onMouseEnter:t(()=>{c.current=!0,u()},[u]),onMouseLeave:t(()=>{c.current=!1,d()},[d]),onFocus:t(()=>{l.current=!0,u()},[u]),onBlur:t(()=>{l.current=!1,d()},[d])}}function l({onClose:o,onShow:s,ref:c,visible:l=!1}){let[u,d]=a(l),[f,p]=a(!1),m=i(null),h=e(c,m),g=r(),_=r();return n(()=>{d(l)},[l]),{close:t(()=>d(!1),[]),entered:f,forkedRef:h,getTransitionClass:e=>e===`entering`||e===`exiting`?`show showing`:e===`entered`?`show`:void 0,textId:_,titleId:g,transitionProps:{appear:!0,in:u,nodeRef:m,onEnter:()=>s?.(),onEntered:()=>p(!0),onExit:()=>p(!1),onExited:()=>o?.(),unmountOnExit:!0},visible:u}}function u(t,n){let r=s(t),a=i(null),{regionProps:c}=o({},r,a);return{forkedRef:e(n,a),regionProps:c,state:r}}export{l as n,c as r,u as t};

package/src/components/accordion/Accordion.tsx

@@ -1,190 +0,0 @@
-import React, { forwardRef, HTMLAttributes, ReactNode, useId, useRef, useState } from 'react'
-import classNames from 'classnames'
-
-import { AccordionBody } from './AccordionBody'
-import { AccordionHeader } from './AccordionHeader'
-import { AccordionItem } from './AccordionItem'
-import { AccordionContext } from './context'
-
-export interface AccordionItemDef {
-  /**
-   * Let this item stay open when another item opens, overriding the accordion's `alwaysOpen` setting.
-   */
-  alwaysOpen?: boolean
-  /**
-   * Body content, rendered inside a `AccordionBody`.
-   */
-  body: ReactNode
-  /**
-   * A string of all className you want applied to this item.
-   */
-  className?: string
-  /**
-   * Header content, rendered inside a `AccordionHeader`.
-   */
-  header: ReactNode
-  /**
-   * React key for this item. Falls back to its index when omitted.
-   */
-  id?: number | string
-  /**
-   * The group this item shares with other items so only one can be open at a time, overriding the
-   * accordion's shared `name`.
-   */
-  name?: string
-  /**
-   * Callback fired when this item's open state changes. Chained after `Accordion`'s own handling
-   * of `expandedKeys`/`onExpandedChange`, so it fires regardless of whether those are used.
-   */
-  onToggle?: (event: React.SyntheticEvent<HTMLDetailsElement>) => void
-  /**
-   * Start the item in the open state (uncontrolled). Ignored for items whose key is included in
-   * `expandedKeys`/`defaultExpandedKeys` on the parent `Accordion`.
-   */
-  open?: boolean
-}
-
-export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * Make accordion items stay open when another item is opened.
-   */
-  alwaysOpen?: boolean
-  /**
-   * Move the caret icon to the end of the header.
-   */
-  caretEnd?: boolean
-  /**
-   * A string of all className you want applied to the base component.
-   */
-  className?: string
-  /**
-   * The keys of the initially expanded items (uncontrolled). Only applies to items rendered via
-   * the `items` prop — a composed `AccordionItem` already supports native controlled `open`/
-   * `onToggle` directly.
-   */
-  defaultExpandedKeys?: Array<number | string>
-  /**
-   * The keys of the currently expanded items (controlled). Only applies to items rendered via the
-   * `items` prop — a composed `AccordionItem` already supports native controlled `open`/`onToggle`
-   * directly.
-   */
-  expandedKeys?: Array<number | string>
-  /**
-   * Removes the default background-context, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.
-   */
-  flush?: boolean
-  /**
-   * Array of item definitions for data-driven rendering. When provided, children are ignored.
-   */
-  items?: AccordionItemDef[]
-  /**
-   * The shared group name used by items that don't set their own `name`. Defaults to an auto-generated id.
-   */
-  name?: string
-  /**
-   * Callback fired with the updated set of expanded item keys, reflecting the native `<details>`
-   * elements' actual open state (including items the browser closed itself via a shared `name`
-   * group). Only fires for items rendered via the `items` prop.
-   */
-  onExpandedChange?: (keys: Array<number | string>) => void
-  /**
-   * Size the component sm or lg.
-   */
-  size?: 'sm' | 'lg'
-}
-
-export const Accordion = forwardRef<HTMLDivElement, AccordionProps>(
-  (
-    {
-      children,
-      alwaysOpen = false,
-      caretEnd,
-      className,
-      defaultExpandedKeys,
-      expandedKeys,
-      flush,
-      items,
-      name,
-      onExpandedChange,
-      size,
-      ...rest
-    },
-    ref
-  ) => {
-    const generatedName = useId()
-    const groupName = name ?? generatedName
-    const _className = classNames('accordion', { flush, 'caret-end': caretEnd }, size, className)
-
-    const isExpandedControlled = expandedKeys !== undefined
-    const isTrackingExpanded =
-      isExpandedControlled || defaultExpandedKeys !== undefined || onExpandedChange !== undefined
-
-    const [uncontrolledExpandedKeys, setUncontrolledExpandedKeys] = useState<
-      Array<number | string>
-    >(
-      () =>
-        defaultExpandedKeys ??
-        items?.filter((item) => item.open).map((item, index) => item.id ?? index) ??
-        []
-    )
-    const currentExpandedKeys = isExpandedControlled ? expandedKeys : uncontrolledExpandedKeys
-
-    // Keyed by each item's id (or index) so a toggle handler can read every sibling's *actual*
-    // DOM open state — the browser settles a whole shared-`name` group's open attributes
-    // synchronously before dispatching any `toggle` events, so this is always the true next set,
-    // regardless of which affected item's handler happens to run first.
-    const itemRefs = useRef(new Map<number | string, HTMLDetailsElement | null>())
-
-    const handleItemToggle =
-      (id: number | string, itemOnToggle?: AccordionItemDef['onToggle']) =>
-      (event: React.SyntheticEvent<HTMLDetailsElement>) => {
-        itemOnToggle?.(event)
-        if (!items) return
-        const next = items
-          .map((item, index) => item.id ?? index)
-          .filter((key) => itemRefs.current.get(key)?.open)
-        if (isExpandedControlled) {
-          // React doesn't intercept a native <details> click the way it does controlled form
-          // inputs, so the DOM has already toggled by the time this fires. Snap this element back
-          // to the still-current controlled value — if the consumer's onExpandedChange updates
-          // `expandedKeys` in response, the next render sets it back to the new value anyway.
-          ;(event.currentTarget as HTMLDetailsElement).open = expandedKeys.includes(id)
-        } else {
-          setUncontrolledExpandedKeys(next)
-        }
-        onExpandedChange?.(next)
-      }
-
-    const content = items
-      ? items.map((item, index) => {
-          const id = item.id ?? index
-          return (
-            <AccordionItem
-              key={id}
-              className={item.className}
-              open={isTrackingExpanded ? currentExpandedKeys.includes(id) : item.open}
-              name={item.name}
-              alwaysOpen={item.alwaysOpen}
-              onToggle={handleItemToggle(id, item.onToggle)}
-              ref={(node) => {
-                itemRefs.current.set(id, node)
-              }}
-            >
-              <AccordionHeader>{item.header}</AccordionHeader>
-              <AccordionBody>{item.body}</AccordionBody>
-            </AccordionItem>
-          )
-        })
-      : children
-
-    return (
-      <div className={_className} {...rest} ref={ref}>
-        <AccordionContext.Provider value={{ alwaysOpen, name: groupName }}>
-          {content}
-        </AccordionContext.Provider>
-      </div>
-    )
-  }
-)
-
-Accordion.displayName = 'Accordion'

package/src/components/accordion/AccordionBody.tsx

@@ -1,46 +0,0 @@
-import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'
-import classNames from 'classnames'
-
-import {
-  createPolymorphicComponent,
-  PolymorphicComponentProps,
-  PolymorphicRef
-} from '../../utils/polymorphic'
-
-type AccordionBodyOwnProps<C extends ElementType> = {
-  /**
-   * A string of all className you want applied to the base component.
-   */
-  className?: string
-  /**
-   * Component used for the root node. Either a string to use a HTML element or a component.
-   */
-  component?: C
-}
-
-export type AccordionBodyProps<C extends ElementType = 'div'> = PolymorphicComponentProps<
-  C,
-  AccordionBodyOwnProps<C>
->
-
-type AccordionBodyComponent = (<C extends ElementType = 'div'>(
-  props: AccordionBodyProps<C> & { ref?: PolymorphicRef<C> }
-) => ReactElement | null) & { displayName?: string }
-
-function AccordionBodyRender<C extends ElementType = 'div'>(
-  { children, className, component, ...rest }: AccordionBodyProps<C>,
-  ref: PolymorphicRef<C>
-) {
-  const Component = component ?? 'div'
-
-  return (
-    <Component className={classNames('accordion-body', className)} {...rest} ref={ref}>
-      {children}
-    </Component>
-  )
-}
-
-export const AccordionBody = createPolymorphicComponent<AccordionBodyComponent>(
-  AccordionBodyRender as ForwardRefRenderFunction<Element, AccordionBodyProps<ElementType>>,
-  'AccordionBody'
-)

package/src/components/accordion/AccordionHeader.tsx

@@ -1,21 +0,0 @@
-import React, { forwardRef, HTMLAttributes } from 'react'
-import classNames from 'classnames'
-
-export interface AccordionHeaderProps extends HTMLAttributes<HTMLElement> {
-  /**
-   * A string of all className you want applied to the base component.
-   */
-  className?: string
-}
-
-export const AccordionHeader = forwardRef<HTMLElement, AccordionHeaderProps>(
-  ({ children, className, ...rest }, ref) => {
-    return (
-      <summary className={classNames(className) || undefined} {...rest} ref={ref}>
-        <span className="accordion-title">{children}</span>
-      </summary>
-    )
-  }
-)
-
-AccordionHeader.displayName = 'AccordionHeader'

package/src/components/accordion/AccordionItem.tsx

@@ -1,59 +0,0 @@
-import React, { forwardRef, DetailsHTMLAttributes, useContext } from 'react'
-import classNames from 'classnames'
-
-import { AccordionContext } from './context'
-import { devWarning } from '../../utils/devWarning'
-
-export interface AccordionItemProps extends DetailsHTMLAttributes<HTMLDetailsElement> {
-  /**
-   * Let this item stay open when another item opens, overriding the accordion's `alwaysOpen` setting.
-   */
-  alwaysOpen?: boolean
-  /**
-   * A string of all className you want applied to the base component.
-   */
-  className?: string
-  /**
-   * The group this item shares with other items so only one can be open at a time, overriding the
-   * accordion's shared `name`.
-   */
-  name?: string
-  /**
-   * Start the item in the open state.
-   */
-  open?: boolean
-  /**
-   * @deprecated No longer used. The native details element manages its own state.
-   */
-  itemKey?: number | string
-}
-
-export const AccordionItem = forwardRef<HTMLDetailsElement, AccordionItemProps>(
-  ({ children, alwaysOpen, className, name, open, itemKey: _itemKey, ...rest }, ref) => {
-    devWarning(
-      _itemKey !== undefined,
-      'AccordionItem: the itemKey prop is deprecated and no longer used — the native ' +
-        '<details> element manages its own state. It will be removed in a future major version.'
-    )
-
-    const context = useContext(AccordionContext)
-    const isAlwaysOpen = alwaysOpen ?? context.alwaysOpen
-    const groupName = name ?? context.name
-
-    const groupProps = isAlwaysOpen ? {} : { name: groupName }
-
-    return (
-      <details
-        className={classNames('accordion-item', className)}
-        open={open}
-        {...(groupProps as React.HTMLAttributes<HTMLDetailsElement>)}
-        {...rest}
-        ref={ref}
-      >
-        {children}
-      </details>
-    )
-  }
-)
-
-AccordionItem.displayName = 'AccordionItem'

package/src/components/accordion/context.ts

@@ -1,8 +0,0 @@
-import { createContext } from 'react'
-
-export interface AccordionContextProps {
-  alwaysOpen?: boolean
-  name?: string
-}
-
-export const AccordionContext = createContext<AccordionContextProps>({})

package/src/components/accordion/index.ts

@@ -1,12 +0,0 @@
-'use client'
-
-import '../../utils/suppressFocusRingGlobally'
-
-export { Accordion } from './Accordion'
-export type { AccordionProps, AccordionItemDef } from './Accordion'
-export { AccordionBody } from './AccordionBody'
-export type { AccordionBodyProps } from './AccordionBody'
-export { AccordionHeader } from './AccordionHeader'
-export type { AccordionHeaderProps } from './AccordionHeader'
-export { AccordionItem } from './AccordionItem'
-export type { AccordionItemProps } from './AccordionItem'