react-science 15.0.0 → 16.0.0

package/lib/components/accordion/accordion.d.ts

@@ -1,20 +1,42 @@
 import type { ReactElement, ReactNode } from 'react';
-export interface AccordionProps {
-    children?: Array<ReactElement<AccordionItemProps>> | ReactElement<AccordionItemProps> | boolean | null;
+export interface AccordionProps<T extends string = string> {
+    children?: Array<ReactElement<AccordionItemProps<T>>> | ReactElement<AccordionItemProps<T>> | boolean | null;
 }
-export interface AccordionItemProps {
+export interface AccordionItemProps<T extends string = string> {
+    /**
+     * A value uniquely identifying the accordion item.
+     */
+    id: T;
+    /**
+     * The title of the accordion item.
+     */
     title: string;
     children: ReactNode;
-    defaultOpened?: boolean;
+    /**
+     * Defines whether the accordion item is initially open.
+     * This prop has no effect if the `open` prop is used.
+     * A value of `true` means the accordion item is initially open.
+     * A value of `false` means the accordion item is initially closed.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Controls the open state of the accordion item.
+     */
+    open?: boolean;
+    /**
+     * Called whenever the open state of the pane changes.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
     /**
      * When set to true, the item's children will not be rendered if the item is closed.
      * When not set or set to false, the item's children will be rendered but hidden when the item is closed.
      */
     unmountChildren?: boolean;
-    toolbar?: ReactNode;
+    renderToolbar?: (isOpen: boolean) => ReactNode;
 }
-export declare function Accordion(props: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Accordion<T extends string = string>(props: AccordionProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Accordion {
-    var Item: (props: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+    var Item: <T extends string = string>(props: AccordionItemProps<T>) => import("react/jsx-runtime").JSX.Element;
 }
 //# sourceMappingURL=accordion.d.ts.map

package/lib/components/accordion/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EACL,KAAK,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,GACvC,YAAY,CAAC,kBAAkB,CAAC,GAChC,OAAO,GACP,IAAI,CAAC;CACV;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AA0BD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAE9C;yBAFe,SAAS;sBAIsB,kBAAkB"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACvD,QAAQ,CAAC,EACL,KAAK,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,GAC1C,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,GACnC,OAAO,GACP,IAAI,CAAC;CACV;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC3D;;OAEG;IACH,EAAE,EAAE,CAAC,CAAC;IACN;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;CAChD;AAkCD,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,2CAE5E;yBAFe,SAAS;eAIe,CAAC,SAAS,MAAM,kBAC/C,kBAAkB,CAAC,CAAC,CAAC"}

package/lib/components/accordion/accordion.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Colors } from '@blueprintjs/core';
 import styled from '@emotion/styled';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useCallback } from 'react';
 import { useAccordionContext } from './accordion_context.js';
 const AccordionItemHeader = styled.div `
@@ -12,11 +14,19 @@ const AccordionItemHeader = styled.div `
   font-weight: bold;
   text-decoration: none;
   text-shadow: white 0 1px 0;
-  background: white linear-gradient(#f0f0f0 5%, #e1e1e1 100%) repeat scroll 0 0;
+  background: white
+    linear-gradient(${Colors.LIGHT_GRAY5} 5%, ${Colors.LIGHT_GRAY3} 100%) repeat
+    scroll 0 0;
   width: 100%;
   user-select: none;
   justify-content: space-between;
-  padding: 0 12px;
+  padding-left: 12px;
+
+  &:hover {
+    background: white
+      linear-gradient(${Colors.LIGHT_GRAY4} 5%, ${Colors.LIGHT_GRAY2} 100%)
+      repeat scroll 0 0;
+  }
 `;
 const AccordionContainer = styled.div `
   display: flex;
@@ -28,29 +38,34 @@ export function Accordion(props) {
     return _jsx(AccordionContainer, { children: props.children });
 }
 Accordion.Item = function AccordionItem(props) {
-    const { title, children, defaultOpened, toolbar } = props;
-    const { item, utils, unmountChildren } = useAccordionContext(title, defaultOpened);
+    const { id, title, children, defaultOpen = false, open, renderToolbar, onOpenChange, } = props;
+    const [isOpen, setIsOpen] = useControllableState({
+        prop: open,
+        defaultProp: defaultOpen,
+        onChange: onOpenChange,
+    });
+    const { utils, unmountChildren } = useAccordionContext(id, setIsOpen);
     const shouldUnmountChildren = props.unmountChildren === undefined
         ? unmountChildren
         : props.unmountChildren;
     const onClickHandle = useCallback((event) => {
         if (event.shiftKey) {
-            utils.clear();
+            utils.closeOthers();
         }
         else {
             utils.toggle();
         }
     }, [utils]);
     return (_jsxs("div", { style: {
-            flex: item?.isOpen ? '1 1 1px' : 'none',
+            flex: isOpen ? '1 1 1px' : 'none',
             display: 'flex',
             flexDirection: 'column',
             isolation: 'isolate',
         }, children: [_jsxs(AccordionItemHeader, { onClick: onClickHandle, role: "button", children: [_jsx("div", { style: {
                             padding: '5px 0px',
-                        }, children: title }), toolbar] }), !item?.isOpen && shouldUnmountChildren ? null : (_jsx("div", { style: {
-                    display: item?.isOpen ? 'flex' : 'none',
-                    flex: item?.isOpen ? '1 1 1px' : 'none',
+                        }, children: title }), renderToolbar?.(isOpen ?? false)] }), !isOpen && shouldUnmountChildren ? null : (_jsx("div", { style: {
+                    display: isOpen ? 'flex' : 'none',
+                    flex: isOpen ? '1 1 1px' : 'none',
                     backgroundColor: 'white',
                     maxHeight: '100%',
                     overflow: 'hidden',

package/lib/components/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAsB7D,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;CAerC,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKpC,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,OAAO,KAAC,kBAAkB,cAAE,KAAK,CAAC,QAAQ,GAAsB,CAAC;AACnE,CAAC;AAED,SAAS,CAAC,IAAI,GAAG,SAAS,aAAa,CAAC,KAAyB;IAC/D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,mBAAmB,CAC1D,KAAK,EACL,aAAa,CACd,CAAC;IAEF,MAAM,qBAAqB,GACzB,KAAK,CAAC,eAAe,KAAK,SAAS;QACjC,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC;IAE5B,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAAsC,EAAE,EAAE;QACzC,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,eACE,KAAK,EAAE;YACL,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;YACvC,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,SAAS;SACrB,aAED,MAAC,mBAAmB,IAAC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAC,QAAQ,aACxD,cACE,KAAK,EAAE;4BACL,OAAO,EAAE,SAAS;yBACnB,YAEA,KAAK,GACF,EACL,OAAO,IACY,EACrB,CAAC,IAAI,EAAE,MAAM,IAAI,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC/C,cACE,KAAK,EAAE;oBACL,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;oBACvC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;oBACvC,eAAe,EAAE,OAAO;oBACxB,SAAS,EAAE,MAAM;oBACjB,QAAQ,EAAE,QAAQ;iBACnB,YAED,cACE,KAAK,EAAE;wBACL,MAAM,EAAE,MAAM;wBACd,KAAK,EAAE,MAAM;wBACb,QAAQ,EAAE,MAAM;wBAChB,OAAO,EAAE,MAAM;wBACf,aAAa,EAAE,QAAQ;qBACxB,YAEA,QAAQ,GACL,GACF,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"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"}

package/lib/components/accordion/accordion_context.d.ts

@@ -1,28 +1,21 @@
-import type { AccordionItemState, AccordionState } from './accordion_context.utils.js';
+import type { AccordionItemSetIsOpen, AccordionState } from './accordion_context_utils.js';
 export type ContextType = [
     AccordionContext,
     {
-        clear: (except: string) => void;
-        toggle: (title: string) => void;
-        remove: (title: string) => void;
-        create: (title: string, defaultOpened?: boolean) => AccordionItemState;
-        change: (title: string, isOpen: boolean) => void;
+        closeAllExcept: (except: string) => void;
+        toggle: (id: string) => void;
+        unregister: (id: string) => void;
+        register: (id: string, setIsOpen: AccordionItemSetIsOpen) => void;
+        change: (id: string, isOpen: boolean) => void;
     }
 ];
 type AccordionContext = AccordionState;
 export declare const accordionContext: import("react").Context<ContextType | null>;
-export declare function useToggleAccordion(): {
-    open: (title: string) => void;
-    close: (title: string) => void;
-};
-export declare function useAccordionContext(title: string, defaultOpened?: boolean): {
-    item: AccordionItemState | undefined;
+export declare function useAccordionContext(id: string, setIsOpen: AccordionItemSetIsOpen): {
     unmountChildren: boolean;
     utils: {
-        clear: () => void;
+        closeOthers: () => void;
         toggle: () => void;
-        remove: () => void;
-        create: (defaultOpened?: boolean) => AccordionItemState;
     };
 };
 export {};

package/lib/components/accordion/accordion_context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion_context.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kBAAkB,EAClB,cAAc,EACf,MAAM,8BAA8B,CAAC;AAGtC,MAAM,MAAM,WAAW,GAAG;IACxB,gBAAgB;IAChB;QACE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;QAChC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAChC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAChC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,OAAO,KAAK,kBAAkB,CAAC;QACvE,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;KAClD;CACF,CAAC;AAEF,KAAK,gBAAgB,GAAG,cAAc,CAAC;AAEvC,eAAO,MAAM,gBAAgB,6CAA0C,CAAC;AAExE,wBAAgB,kBAAkB;kBAWd,MAAM;mBACL,MAAM;EAG1B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,OAAO;;;;;;;iCAwBzC,OAAO;;EAKvC"}
+{"version":3,"file":"accordion_context.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,cAAc,EACf,MAAM,8BAA8B,CAAC;AAEtC,MAAM,MAAM,WAAW,GAAG;IACxB,gBAAgB;IAChB;QACE,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;QACzC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;QAC7B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,sBAAsB,KAAK,IAAI,CAAC;QAClE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;KAC/C;CACF,CAAC;AAEF,KAAK,gBAAgB,GAAG,cAAc,CAAC;AAEvC,eAAO,MAAM,gBAAgB,6CAA0C,CAAC;AAExE,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,sBAAsB;;;;;;EAyBlC"}

package/lib/components/accordion/accordion_context.js

@@ -1,39 +1,21 @@
 import { createContext, useContext, useEffect, useMemo } from 'react';
-import { getItem } from './accordion_context.utils.js';
 export const accordionContext = createContext(null);
-export function useToggleAccordion() {
-    const context = useContext(accordionContext);
-    if (!context) {
-        throw new Error('AccordionContext was not found');
-    }
-    const [, utils] = context;
-    return useMemo(() => {
-        return {
-            open: (title) => utils.change(title, true),
-            close: (title) => utils.change(title, false),
-        };
-    }, [utils]);
-}
-export function useAccordionContext(title, defaultOpened) {
+export function useAccordionContext(id, setIsOpen) {
     const context = useContext(accordionContext);
     if (!context) {
         throw new Error('AccordionContext was not found');
     }
     const [state, utils] = context;
     useEffect(() => {
-        utils.create(title, defaultOpened);
-        return () => utils.remove(title);
-    }, [defaultOpened, title, utils]);
-    const item = getItem(title, state.items);
+        utils.register(id, setIsOpen);
+        return () => utils.unregister(id);
+    }, [id, utils, setIsOpen]);
     return useMemo(() => ({
-        item,
         unmountChildren: state.unmountChildren,
         utils: {
-            clear: () => utils.clear(title),
-            toggle: () => utils.toggle(title),
-            remove: () => utils.remove(title),
-            create: (defaultOpened) => utils.create(title, defaultOpened),
+            closeOthers: () => utils.closeAllExcept(id),
+            toggle: () => utils.toggle(id),
         },
-    }), [item, title, utils, state.unmountChildren]);
+    }), [id, utils, state.unmountChildren]);
 }
 //# sourceMappingURL=accordion_context.js.map

package/lib/components/accordion/accordion_context.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion_context.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAMtE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAevD,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAqB,IAAI,CAAC,CAAC;AAExE,MAAM,UAAU,kBAAkB;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACpD,CAAC;IAED,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC;IAE1B,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,OAAO;YACL,IAAI,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;YAClD,KAAK,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC;SACrD,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,KAAa,EAAE,aAAuB;IACxE,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACpD,CAAC;IAED,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;QACnC,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAElC,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAEzC,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,IAAI;QACJ,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;YAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;YACjC,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;YACjC,MAAM,EAAE,CAAC,aAAuB,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC;SACxE;KACF,CAAC,EACF,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CAC5C,CAAC;AACJ,CAAC"}
+{"version":3,"file":"accordion_context.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAoBtE,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAqB,IAAI,CAAC,CAAC;AAExE,MAAM,UAAU,mBAAmB,CACjC,EAAU,EACV,SAAiC;IAEjC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACpD,CAAC;IAED,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3B,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,KAAK,EAAE;YACL,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC;YAC3C,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;SAC/B;KACF,CAAC,EACF,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CACnC,CAAC;AACJ,CAAC"}

package/lib/components/accordion/accordion_context_provider.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export interface AccordionProviderProps {
+    children: ReactNode;
+    unmountChildren?: boolean;
+}
+export declare function AccordionProvider(props: AccordionProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=accordion_context_provider.d.ts.map

package/lib/components/accordion/accordion_context_provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion_context_provider.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA+D9D"}

package/lib/components/accordion/accordion_context_provider.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useRef } from 'react';
+import { assert } from '../utils/index.js';
+import { accordionContext } from './accordion_context.js';
+import { getAccordionRegister } from './accordion_context_utils.js';
+export function AccordionProvider(props) {
+    const { unmountChildren = false, children } = props;
+    const registerRef = useRef(getAccordionRegister());
+    const utils = useMemo(() => {
+        return {
+            change: (id, isOpen) => {
+                assert(registerRef.current);
+                const item = registerRef.current.get(id);
+                if (item) {
+                    item.setIsOpen(isOpen);
+                }
+            },
+            closeAllExcept: (id) => {
+                assert(registerRef.current);
+                for (const [key, item] of registerRef.current.entries()) {
+                    if (key === id) {
+                        item.setIsOpen(true);
+                    }
+                    else {
+                        item.setIsOpen(false);
+                    }
+                }
+            },
+            toggle: (id) => {
+                assert(registerRef.current);
+                const item = registerRef.current.get(id);
+                if (item) {
+                    item.setIsOpen((prevState) => !prevState);
+                }
+            },
+            unregister: (id) => {
+                assert(registerRef.current);
+                registerRef.current.delete(id);
+            },
+            register: (id, setIsOpen) => {
+                assert(registerRef.current);
+                const item = registerRef.current.get(id);
+                if (item !== undefined) {
+                    throw new Error(`Accordion item with title "${id}" already exists. Using non-unique titles can lead to unexpected behavior.`);
+                }
+                registerRef.current.set(id, {
+                    setIsOpen,
+                });
+            },
+        };
+    }, [registerRef]);
+    const contextValue = useMemo(() => {
+        return [
+            {
+                unmountChildren,
+            },
+            utils,
+        ];
+    }, [unmountChildren, utils]);
+    return (_jsx(accordionContext.Provider, { value: contextValue, children: children }));
+}
+//# sourceMappingURL=accordion_context_provider.js.map

package/lib/components/accordion/accordion_context_provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion_context_provider.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context_provider.tsx"],"names":[],"mappings":"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"}

package/lib/components/accordion/accordion_context_utils.d.ts

@@ -0,0 +1,15 @@
+import type { Dispatch, SetStateAction } from 'react';
+export interface AccordionItemState {
+    title: string;
+    onChange: AccordionItemSetIsOpen;
+}
+export interface AccordionState {
+    unmountChildren: boolean;
+}
+export type AccordionItemSetIsOpen = Dispatch<SetStateAction<boolean | undefined>>;
+interface AccordionRegisteredItem {
+    setIsOpen: AccordionItemSetIsOpen;
+}
+export declare function getAccordionRegister(): Map<string, AccordionRegisteredItem>;
+export {};
+//# sourceMappingURL=accordion_context_utils.d.ts.map

package/lib/components/accordion/accordion_context_utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion_context_utils.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context_utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,sBAAsB,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAC3C,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC,CACpC,CAAC;AAEF,UAAU,uBAAuB;IAC/B,SAAS,EAAE,sBAAsB,CAAC;CACnC;AAED,wBAAgB,oBAAoB,yCAEnC"}

package/lib/components/accordion/accordion_context_utils.js

@@ -0,0 +1,4 @@
+export function getAccordionRegister() {
+    return new Map();
+}
+//# sourceMappingURL=accordion_context_utils.js.map

package/lib/components/accordion/accordion_context_utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion_context_utils.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context_utils.ts"],"names":[],"mappings":"AAmBA,MAAM,UAAU,oBAAoB;IAClC,OAAO,IAAI,GAAG,EAAmC,CAAC;AACpD,CAAC"}

package/lib/components/accordion/accordion_hooks.d.ts

@@ -0,0 +1,8 @@
+export interface AccordionControls<T extends string = string> {
+    open: (id: T) => void;
+    close: (id: T) => void;
+    toggle: (id: T) => void;
+    closeAllExcept: (except: T) => void;
+}
+export declare function useAccordionControls<T extends string = string>(): AccordionControls<T>;
+//# sourceMappingURL=accordion_hooks.d.ts.map

package/lib/components/accordion/accordion_hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion_hooks.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion_hooks.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC1D,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC;IACtB,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC;IACvB,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC;IACxB,cAAc,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,oBAAoB,CAClC,CAAC,SAAS,MAAM,GAAG,MAAM,KACtB,iBAAiB,CAAC,CAAC,CAAC,CAkBxB"}

package/lib/components/accordion/accordion_hooks.js

@@ -0,0 +1,16 @@
+import { useContext, useMemo } from 'react';
+import { accordionContext } from './accordion_context.js';
+export function useAccordionControls() {
+    const context = useContext(accordionContext);
+    if (!context) {
+        throw new Error('AccordionContext was not found');
+    }
+    const [, utils] = context;
+    return useMemo(() => ({
+        open: (id) => utils.change(id, true),
+        close: (id) => utils.change(id, false),
+        toggle: (id) => utils.toggle(id),
+        closeAllExcept: (except) => utils.closeAllExcept(except),
+    }), [utils]);
+}
+//# sourceMappingURL=accordion_hooks.js.map

package/lib/components/accordion/accordion_hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion_hooks.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAS1D,MAAM,UAAU,oBAAoB;IAGlC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACpD,CAAC;IAED,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC;IAE1B,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,CAAC,EAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC;QACvC,KAAK,EAAE,CAAC,EAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC;QACzC,MAAM,EAAE,CAAC,EAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;QACnC,cAAc,EAAE,CAAC,MAAS,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;KAC5D,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAC;AACJ,CAAC"}

package/lib/components/accordion/index.d.ts

@@ -1,5 +1,4 @@
 export * from './accordion.js';
-export { type AccordionState } from './accordion_context.utils.js';
-export { useToggleAccordion, useAccordionContext, } from './accordion_context.js';
-export { AccordionProvider } from './accordion_context.provider.js';
+export * from './accordion_context_provider.js';
+export * from './accordion_hooks.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/accordion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EACL,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iCAAiC,CAAC;AAChD,cAAc,sBAAsB,CAAC"}

package/lib/components/accordion/index.js

@@ -1,5 +1,4 @@
 export * from './accordion.js';
-export {} from './accordion_context.utils.js';
-export { useToggleAccordion, useAccordionContext, } from './accordion_context.js';
-export { AccordionProvider } from './accordion_context.provider.js';
+export * from './accordion_context_provider.js';
+export * from './accordion_hooks.js';
 //# sourceMappingURL=index.js.map

package/lib/components/accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,EACL,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iCAAiC,CAAC;AAChD,cAAc,sBAAsB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-science",
-  "version": "15.0.0",
+  "version": "16.0.0",
   "description": "React components to build scientific applications UI",
   "type": "module",
   "exports": {

package/src/components/accordion/accordion.tsx

@@ -1,4 +1,6 @@
+import { Colors } from '@blueprintjs/core';
 import styled from '@emotion/styled';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import type {
   MouseEvent as ReactMouseEvent,
   ReactElement,
@@ -8,24 +10,46 @@ import { useCallback } from 'react';
 
 import { useAccordionContext } from './accordion_context.js';
 
-export interface AccordionProps {
+export interface AccordionProps<T extends string = string> {
   children?:
-    | Array<ReactElement<AccordionItemProps>>
-    | ReactElement<AccordionItemProps>
+    | Array<ReactElement<AccordionItemProps<T>>>
+    | ReactElement<AccordionItemProps<T>>
     | boolean
     | null;
 }
 
-export interface AccordionItemProps {
+export interface AccordionItemProps<T extends string = string> {
+  /**
+   * A value uniquely identifying the accordion item.
+   */
+  id: T;
+  /**
+   * The title of the accordion item.
+   */
   title: string;
   children: ReactNode;
-  defaultOpened?: boolean;
+  /**
+   * Defines whether the accordion item is initially open.
+   * This prop has no effect if the `open` prop is used.
+   * A value of `true` means the accordion item is initially open.
+   * A value of `false` means the accordion item is initially closed.
+   * @default false
+   */
+  defaultOpen?: boolean;
+  /**
+   * Controls the open state of the accordion item.
+   */
+  open?: boolean;
+  /**
+   * Called whenever the open state of the pane changes.
+   */
+  onOpenChange?: (isOpen: boolean) => void;
   /**
    * When set to true, the item's children will not be rendered if the item is closed.
    * When not set or set to false, the item's children will be rendered but hidden when the item is closed.
    */
   unmountChildren?: boolean;
-  toolbar?: ReactNode;
+  renderToolbar?: (isOpen: boolean) => ReactNode;
 }
 
 const AccordionItemHeader = styled.div`
@@ -38,11 +62,19 @@ const AccordionItemHeader = styled.div`
   font-weight: bold;
   text-decoration: none;
   text-shadow: white 0 1px 0;
-  background: white linear-gradient(#f0f0f0 5%, #e1e1e1 100%) repeat scroll 0 0;
+  background: white
+    linear-gradient(${Colors.LIGHT_GRAY5} 5%, ${Colors.LIGHT_GRAY3} 100%) repeat
+    scroll 0 0;
   width: 100%;
   user-select: none;
   justify-content: space-between;
-  padding: 0 12px;
+  padding-left: 12px;
+
+  &:hover {
+    background: white
+      linear-gradient(${Colors.LIGHT_GRAY4} 5%, ${Colors.LIGHT_GRAY2} 100%)
+      repeat scroll 0 0;
+  }
 `;
 
 const AccordionContainer = styled.div`
@@ -52,16 +84,29 @@ const AccordionContainer = styled.div`
   width: 100%;
 `;
 
-export function Accordion(props: AccordionProps) {
+export function Accordion<T extends string = string>(props: AccordionProps<T>) {
   return <AccordionContainer>{props.children}</AccordionContainer>;
 }
 
-Accordion.Item = function AccordionItem(props: AccordionItemProps) {
-  const { title, children, defaultOpened, toolbar } = props;
-  const { item, utils, unmountChildren } = useAccordionContext(
+Accordion.Item = function AccordionItem<T extends string = string>(
+  props: AccordionItemProps<T>,
+) {
+  const {
+    id,
     title,
-    defaultOpened,
-  );
+    children,
+    defaultOpen = false,
+    open,
+    renderToolbar,
+    onOpenChange,
+  } = props;
+
+  const [isOpen, setIsOpen] = useControllableState({
+    prop: open,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+  });
+  const { utils, unmountChildren } = useAccordionContext(id, setIsOpen);
 
   const shouldUnmountChildren =
     props.unmountChildren === undefined
@@ -71,7 +116,7 @@ Accordion.Item = function AccordionItem(props: AccordionItemProps) {
   const onClickHandle = useCallback(
     (event: ReactMouseEvent<HTMLDivElement>) => {
       if (event.shiftKey) {
-        utils.clear();
+        utils.closeOthers();
       } else {
         utils.toggle();
       }
@@ -82,7 +127,7 @@ Accordion.Item = function AccordionItem(props: AccordionItemProps) {
   return (
     <div
       style={{
-        flex: item?.isOpen ? '1 1 1px' : 'none',
+        flex: isOpen ? '1 1 1px' : 'none',
         display: 'flex',
         flexDirection: 'column',
         isolation: 'isolate',
@@ -96,13 +141,13 @@ Accordion.Item = function AccordionItem(props: AccordionItemProps) {
         >
           {title}
         </div>
-        {toolbar}
+        {renderToolbar?.(isOpen ?? false)}
       </AccordionItemHeader>
-      {!item?.isOpen && shouldUnmountChildren ? null : (
+      {!isOpen && shouldUnmountChildren ? null : (
         <div
           style={{
-            display: item?.isOpen ? 'flex' : 'none',
-            flex: item?.isOpen ? '1 1 1px' : 'none',
+            display: isOpen ? 'flex' : 'none',
+            flex: isOpen ? '1 1 1px' : 'none',
             backgroundColor: 'white',
             maxHeight: '100%',
             overflow: 'hidden',

package/src/components/accordion/accordion_context.ts

@@ -1,19 +1,18 @@
 import { createContext, useContext, useEffect, useMemo } from 'react';
 
 import type {
-  AccordionItemState,
+  AccordionItemSetIsOpen,
   AccordionState,
-} from './accordion_context.utils.js';
-import { getItem } from './accordion_context.utils.js';
+} from './accordion_context_utils.js';
 
 export type ContextType = [
   AccordionContext,
   {
-    clear: (except: string) => void;
-    toggle: (title: string) => void;
-    remove: (title: string) => void;
-    create: (title: string, defaultOpened?: boolean) => AccordionItemState;
-    change: (title: string, isOpen: boolean) => void;
+    closeAllExcept: (except: string) => void;
+    toggle: (id: string) => void;
+    unregister: (id: string) => void;
+    register: (id: string, setIsOpen: AccordionItemSetIsOpen) => void;
+    change: (id: string, isOpen: boolean) => void;
   },
 ];
 
@@ -21,24 +20,10 @@ type AccordionContext = AccordionState;
 
 export const accordionContext = createContext<ContextType | null>(null);
 
-export function useToggleAccordion() {
-  const context = useContext(accordionContext);
-
-  if (!context) {
-    throw new Error('AccordionContext was not found');
-  }
-
-  const [, utils] = context;
-
-  return useMemo(() => {
-    return {
-      open: (title: string) => utils.change(title, true),
-      close: (title: string) => utils.change(title, false),
-    };
-  }, [utils]);
-}
-
-export function useAccordionContext(title: string, defaultOpened?: boolean) {
+export function useAccordionContext(
+  id: string,
+  setIsOpen: AccordionItemSetIsOpen,
+) {
   const context = useContext(accordionContext);
 
   if (!context) {
@@ -48,23 +33,18 @@ export function useAccordionContext(title: string, defaultOpened?: boolean) {
   const [state, utils] = context;
 
   useEffect(() => {
-    utils.create(title, defaultOpened);
-    return () => utils.remove(title);
-  }, [defaultOpened, title, utils]);
-
-  const item = getItem(title, state.items);
+    utils.register(id, setIsOpen);
+    return () => utils.unregister(id);
+  }, [id, utils, setIsOpen]);
 
   return useMemo(
     () => ({
-      item,
       unmountChildren: state.unmountChildren,
       utils: {
-        clear: () => utils.clear(title),
-        toggle: () => utils.toggle(title),
-        remove: () => utils.remove(title),
-        create: (defaultOpened?: boolean) => utils.create(title, defaultOpened),
+        closeOthers: () => utils.closeAllExcept(id),
+        toggle: () => utils.toggle(id),
       },
     }),
-    [item, title, utils, state.unmountChildren],
+    [id, utils, state.unmountChildren],
   );
 }

package/src/components/accordion/accordion_context_provider.tsx

@@ -0,0 +1,79 @@
+import type { ReactNode } from 'react';
+import { useMemo, useRef } from 'react';
+
+import { assert } from '../utils/index.js';
+
+import type { ContextType } from './accordion_context.js';
+import { accordionContext } from './accordion_context.js';
+import type { AccordionItemSetIsOpen } from './accordion_context_utils.js';
+import { getAccordionRegister } from './accordion_context_utils.js';
+
+export interface AccordionProviderProps {
+  children: ReactNode;
+  unmountChildren?: boolean;
+}
+
+export function AccordionProvider(props: AccordionProviderProps) {
+  const { unmountChildren = false, children } = props;
+  const registerRef = useRef(getAccordionRegister());
+
+  const utils = useMemo<ContextType[1]>(() => {
+    return {
+      change: (id: string, isOpen: boolean) => {
+        assert(registerRef.current);
+        const item = registerRef.current.get(id);
+        if (item) {
+          item.setIsOpen(isOpen);
+        }
+      },
+      closeAllExcept: (id: string) => {
+        assert(registerRef.current);
+        for (const [key, item] of registerRef.current.entries()) {
+          if (key === id) {
+            item.setIsOpen(true);
+          } else {
+            item.setIsOpen(false);
+          }
+        }
+      },
+      toggle: (id: string) => {
+        assert(registerRef.current);
+        const item = registerRef.current.get(id);
+        if (item) {
+          item.setIsOpen((prevState) => !prevState);
+        }
+      },
+      unregister: (id: string) => {
+        assert(registerRef.current);
+        registerRef.current.delete(id);
+      },
+      register: (id: string, setIsOpen: AccordionItemSetIsOpen) => {
+        assert(registerRef.current);
+        const item = registerRef.current.get(id);
+        if (item !== undefined) {
+          throw new Error(
+            `Accordion item with title "${id}" already exists. Using non-unique titles can lead to unexpected behavior.`,
+          );
+        }
+        registerRef.current.set(id, {
+          setIsOpen,
+        });
+      },
+    };
+  }, [registerRef]);
+
+  const contextValue = useMemo<ContextType>(() => {
+    return [
+      {
+        unmountChildren,
+      },
+      utils,
+    ];
+  }, [unmountChildren, utils]);
+
+  return (
+    <accordionContext.Provider value={contextValue}>
+      {children}
+    </accordionContext.Provider>
+  );
+}

package/src/components/accordion/accordion_context_utils.ts

@@ -0,0 +1,22 @@
+import type { Dispatch, SetStateAction } from 'react';
+
+export interface AccordionItemState {
+  title: string;
+  onChange: AccordionItemSetIsOpen;
+}
+
+export interface AccordionState {
+  unmountChildren: boolean;
+}
+
+export type AccordionItemSetIsOpen = Dispatch<
+  SetStateAction<boolean | undefined>
+>;
+
+interface AccordionRegisteredItem {
+  setIsOpen: AccordionItemSetIsOpen;
+}
+
+export function getAccordionRegister() {
+  return new Map<string, AccordionRegisteredItem>();
+}

package/src/components/accordion/accordion_hooks.ts

@@ -0,0 +1,32 @@
+import { useContext, useMemo } from 'react';
+
+import { accordionContext } from './accordion_context.js';
+
+export interface AccordionControls<T extends string = string> {
+  open: (id: T) => void;
+  close: (id: T) => void;
+  toggle: (id: T) => void;
+  closeAllExcept: (except: T) => void;
+}
+
+export function useAccordionControls<
+  T extends string = string,
+>(): AccordionControls<T> {
+  const context = useContext(accordionContext);
+
+  if (!context) {
+    throw new Error('AccordionContext was not found');
+  }
+
+  const [, utils] = context;
+
+  return useMemo(
+    () => ({
+      open: (id: T) => utils.change(id, true),
+      close: (id: T) => utils.change(id, false),
+      toggle: (id: T) => utils.toggle(id),
+      closeAllExcept: (except: T) => utils.closeAllExcept(except),
+    }),
+    [utils],
+  );
+}

package/src/components/accordion/index.ts

@@ -1,7 +1,3 @@
 export * from './accordion.js';
-export { type AccordionState } from './accordion_context.utils.js';
-export {
-  useToggleAccordion,
-  useAccordionContext,
-} from './accordion_context.js';
-export { AccordionProvider } from './accordion_context.provider.js';
+export * from './accordion_context_provider.js';
+export * from './accordion_hooks.js';

package/lib/components/accordion/accordion_context.provider.d.ts

@@ -1,13 +0,0 @@
-import type { ReactNode } from 'react';
-import type { AccordionItemState, ActionType } from './accordion_context.utils.js';
-interface AccordionProviderProps {
-    children: ReactNode;
-    unmountChildren?: boolean;
-}
-export type AccordionActions = ActionType<'CHANGE', {
-    title: string;
-    isOpen: boolean;
-}> | ActionType<'CLEAR', string> | ActionType<'TOGGLE', string> | ActionType<'REMOVE', string> | ActionType<'CREATE', AccordionItemState>;
-export declare function AccordionProvider(props: AccordionProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=accordion_context.provider.d.ts.map

package/lib/components/accordion/accordion_context.provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion_context.provider.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context.provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACX,MAAM,8BAA8B,CAAC;AAQtC,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,GACxB,UAAU,CAAC,QAAQ,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,CAAC,GACxD,UAAU,CAAC,OAAO,EAAE,MAAM,CAAC,GAC3B,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,GAC5B,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,GAC5B,UAAU,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;AAyB7C,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAsC9D"}

package/lib/components/accordion/accordion_context.provider.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useReducer } from 'react';
-import { match } from 'ts-pattern';
-import { accordionContext } from './accordion_context.js';
-import { changeItem, clearItem, removeItem, toggleItem, } from './accordion_context.utils.js';
-function reducer(previous, action) {
-    return match(action)
-        .with({ type: 'CHANGE' }, ({ payload }) => {
-        return changeItem(previous, payload);
-    })
-        .with({ type: 'CLEAR' }, ({ payload }) => {
-        return clearItem(previous, payload);
-    })
-        .with({ type: 'TOGGLE' }, ({ payload }) => {
-        return toggleItem(previous, payload);
-    })
-        .with({ type: 'REMOVE' }, ({ payload }) => {
-        return removeItem(previous, payload);
-    })
-        .with({ type: 'CREATE' }, ({ payload }) => {
-        return [...previous, payload];
-    })
-        .exhaustive();
-}
-export function AccordionProvider(props) {
-    const { unmountChildren = false, children } = props;
-    const [items, dispatch] = useReducer(reducer, []);
-    const utils = useMemo(() => {
-        return {
-            change: (title, isOpen) => dispatch({ type: 'CHANGE', payload: { title, isOpen } }),
-            clear: (except) => dispatch({ type: 'CLEAR', payload: except }),
-            toggle: (title) => dispatch({ type: 'TOGGLE', payload: title }),
-            remove: (title) => dispatch({ type: 'REMOVE', payload: title }),
-            create: (title, defaultOpened) => {
-                const item = {
-                    title,
-                    isOpen: defaultOpened || false,
-                };
-                dispatch({ type: 'CREATE', payload: item });
-                return item;
-            },
-        };
-    }, []);
-    const contextValue = useMemo(() => {
-        return [
-            {
-                items,
-                unmountChildren,
-            },
-            utils,
-        ];
-    }, [items, unmountChildren, utils]);
-    return (_jsx(accordionContext.Provider, { value: contextValue, children: children }));
-}
-//# sourceMappingURL=accordion_context.provider.js.map

package/lib/components/accordion/accordion_context.provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion_context.provider.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context.provider.tsx"],"names":[],"mappings":"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"}

package/lib/components/accordion/accordion_context.utils.d.ts

@@ -1,23 +0,0 @@
-export interface AccordionItemState {
-    title: string;
-    isOpen: boolean;
-}
-export interface AccordionState {
-    items: AccordionItemState[];
-    unmountChildren: boolean;
-}
-export declare function getItem(title: string, items: AccordionItemState[]): AccordionItemState | undefined;
-export type ActionType<Action, Payload = void> = Payload extends void ? {
-    type: Action;
-} : {
-    type: Action;
-    payload: Payload;
-};
-export declare function removeItem(array: AccordionItemState[], title: string): AccordionItemState[];
-export declare function changeItem(array: AccordionItemState[], payload: {
-    title: string;
-    isOpen: boolean;
-}): AccordionItemState[];
-export declare function clearItem(array: AccordionItemState[], except: string): AccordionItemState[];
-export declare function toggleItem(array: AccordionItemState[], title: string): AccordionItemState[];
-//# sourceMappingURL=accordion_context.utils.d.ts.map

package/lib/components/accordion/accordion_context.utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion_context.utils.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context.utils.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,kCAEjE;AAED,MAAM,MAAM,UAAU,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,IAAI,OAAO,SAAS,IAAI,GACjE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAEvC,wBAAgB,UAAU,CAAC,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,EAAE,MAAM,wBAEpE;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,kBAAkB,EAAE,EAC3B,OAAO,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,wBAU5C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,kBAAkB,EAAE,EAAE,MAAM,EAAE,MAAM,wBAapE;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,EAAE,MAAM,wBAcpE"}

package/lib/components/accordion/accordion_context.utils.js

@@ -1,40 +0,0 @@
-export function getItem(title, items) {
-    return items.find((element) => element.title === title);
-}
-export function removeItem(array, title) {
-    return array.filter((element) => element.title !== title);
-}
-export function changeItem(array, payload) {
-    const { title, isOpen } = payload;
-    const item = getItem(title, array);
-    if (item) {
-        return [...removeItem(array, title), { ...item, isOpen }];
-    }
-    return array;
-}
-export function clearItem(array, except) {
-    const item = getItem(except, array);
-    if (!item) {
-        return [...array, { isOpen: true, title: except }];
-    }
-    return array.map((element) => {
-        return {
-            ...element,
-            isOpen: element.title === item.title,
-        };
-    });
-}
-export function toggleItem(array, title) {
-    const item = getItem(title, array);
-    if (!item) {
-        return [...array, { title, isOpen: true }];
-    }
-    return [
-        ...removeItem(array, title),
-        {
-            ...item,
-            isOpen: !item.isOpen,
-        },
-    ];
-}
-//# sourceMappingURL=accordion_context.utils.js.map

package/lib/components/accordion/accordion_context.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion_context.utils.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context.utils.ts"],"names":[],"mappings":"AAUA,MAAM,UAAU,OAAO,CAAC,KAAa,EAAE,KAA2B;IAChE,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;AAC1D,CAAC;AAMD,MAAM,UAAU,UAAU,CAAC,KAA2B,EAAE,KAAa;IACnE,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;AAC5D,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,KAA2B,EAC3B,OAA2C;IAE3C,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAClC,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAEnC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAA2B,EAAE,MAAc;IACnE,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAEpC,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,CAAC,GAAG,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IACrD,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;QAC3B,OAAO;YACL,GAAG,OAAO;YACV,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;SACrC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAA2B,EAAE,KAAa;IACnE,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAEnC,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,CAAC,GAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO;QACL,GAAG,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC;QAC3B;YACE,GAAG,IAAI;YACP,MAAM,EAAE,CAAC,IAAI,CAAC,MAAM;SACrB;KACF,CAAC;AACJ,CAAC"}

package/src/components/accordion/accordion_context.provider.tsx

@@ -1,91 +0,0 @@
-import type { ReactNode } from 'react';
-import { useMemo, useReducer } from 'react';
-import { match } from 'ts-pattern';
-
-import type { ContextType } from './accordion_context.js';
-import { accordionContext } from './accordion_context.js';
-import type {
-  AccordionItemState,
-  ActionType,
-} from './accordion_context.utils.js';
-import {
-  changeItem,
-  clearItem,
-  removeItem,
-  toggleItem,
-} from './accordion_context.utils.js';
-
-interface AccordionProviderProps {
-  children: ReactNode;
-  unmountChildren?: boolean;
-}
-
-export type AccordionActions =
-  | ActionType<'CHANGE', { title: string; isOpen: boolean }>
-  | ActionType<'CLEAR', string>
-  | ActionType<'TOGGLE', string>
-  | ActionType<'REMOVE', string>
-  | ActionType<'CREATE', AccordionItemState>;
-
-function reducer(
-  previous: AccordionItemState[],
-  action: AccordionActions,
-): AccordionItemState[] {
-  return match(action)
-    .with({ type: 'CHANGE' }, ({ payload }) => {
-      return changeItem(previous, payload);
-    })
-    .with({ type: 'CLEAR' }, ({ payload }) => {
-      return clearItem(previous, payload);
-    })
-    .with({ type: 'TOGGLE' }, ({ payload }) => {
-      return toggleItem(previous, payload);
-    })
-    .with({ type: 'REMOVE' }, ({ payload }) => {
-      return removeItem(previous, payload);
-    })
-    .with({ type: 'CREATE' }, ({ payload }) => {
-      return [...previous, payload];
-    })
-    .exhaustive();
-}
-
-export function AccordionProvider(props: AccordionProviderProps) {
-  const { unmountChildren = false, children } = props;
-  const [items, dispatch] = useReducer(reducer, []);
-
-  const utils = useMemo<ContextType[1]>(() => {
-    return {
-      change: (title: string, isOpen: boolean) =>
-        dispatch({ type: 'CHANGE', payload: { title, isOpen } }),
-      clear: (except: string) => dispatch({ type: 'CLEAR', payload: except }),
-      toggle: (title: string) => dispatch({ type: 'TOGGLE', payload: title }),
-      remove: (title: string) => dispatch({ type: 'REMOVE', payload: title }),
-      create: (title: string, defaultOpened?: boolean) => {
-        const item: AccordionItemState = {
-          title,
-          isOpen: defaultOpened || false,
-        };
-
-        dispatch({ type: 'CREATE', payload: item });
-        return item;
-      },
-    };
-  }, []);
-
-  const contextValue = useMemo<ContextType>(() => {
-    return [
-      {
-        items,
-        unmountChildren,
-      },
-      utils,
-    ];
-  }, [items, unmountChildren, utils]);
-
-  return (
-    <accordionContext.Provider value={contextValue}>
-      {children}
-    </accordionContext.Provider>
-  );
-}

package/src/components/accordion/accordion_context.utils.ts

@@ -1,66 +0,0 @@
-export interface AccordionItemState {
-  title: string;
-  isOpen: boolean;
-}
-
-export interface AccordionState {
-  items: AccordionItemState[];
-  unmountChildren: boolean;
-}
-
-export function getItem(title: string, items: AccordionItemState[]) {
-  return items.find((element) => element.title === title);
-}
-
-export type ActionType<Action, Payload = void> = Payload extends void
-  ? { type: Action }
-  : { type: Action; payload: Payload };
-
-export function removeItem(array: AccordionItemState[], title: string) {
-  return array.filter((element) => element.title !== title);
-}
-
-export function changeItem(
-  array: AccordionItemState[],
-  payload: { title: string; isOpen: boolean },
-) {
-  const { title, isOpen } = payload;
-  const item = getItem(title, array);
-
-  if (item) {
-    return [...removeItem(array, title), { ...item, isOpen }];
-  }
-
-  return array;
-}
-
-export function clearItem(array: AccordionItemState[], except: string) {
-  const item = getItem(except, array);
-
-  if (!item) {
-    return [...array, { isOpen: true, title: except }];
-  }
-
-  return array.map((element) => {
-    return {
-      ...element,
-      isOpen: element.title === item.title,
-    };
-  });
-}
-
-export function toggleItem(array: AccordionItemState[], title: string) {
-  const item = getItem(title, array);
-
-  if (!item) {
-    return [...array, { title, isOpen: true }];
-  }
-
-  return [
-    ...removeItem(array, title),
-    {
-      ...item,
-      isOpen: !item.isOpen,
-    },
-  ];
-}