@semcore/accordion 5.49.0-prerelease.0 → 5.49.0-prerelease.1

package/lib/esm/style/accordion.shadow.css

@@ -6,6 +6,15 @@ SItemToggle {
   outline: 0;
 }
 
+SItemToggle[keyboardFocused]:not([tabIndex='-1'])::after {
+  position: absolute;
+  display: block;
+  content: '';
+  inset: 3px;
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441));
+  pointer-events: none;
+  z-index: 3;
+}
 SItemToggle[use][use] {
   color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
   font-weight: var(--intergalactic-regular, 400);
@@ -25,7 +34,6 @@ SItemToggle[disabled] {
 }
 
 SItemChevron {
-  margin-right: var(--intergalactic-spacing-2x, 8px);
   transform: rotate(0deg);
   transition: transform calc(var(--intergalactic-duration-accordion, 200) * 1ms) ease-out;
   fill: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));

package/lib/types/index.d.ts

@@ -1,2 +1,124 @@
-export { default, wrapAccordion } from './Accordion';
-export * from './Accordion.type';
+import { BoxProps, FlexProps, Flex } from '@semcore/flex-box';
+import { PropGetterFn, Intergalactic, UnknownProperties } from '@semcore/core';
+import { CollapseProps } from '@semcore/animation';
+import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import { Text } from '@semcore/typography';
+
+export type AccordionValue = null | number | string | Array<number | string | null>;
+
+export type AccordionProps<T extends AccordionValue = AccordionValue> = FlexProps & {
+  /** Value for the active tab. Can be set as stroke, number, null or as array.
+   * @type AccordionValue
+   * */
+  value?: T;
+  /**
+   * Value of the active tabs selected by default
+   * @type AccordionValue
+   * @default []
+   */
+  defaultValue?: T;
+  /** Called when the selection is changed
+   * @type (value: AccordionValue, event?: React.SyntheticEvent) => void
+   * */
+  onChange?:
+    | ((value: T, event?: React.SyntheticEvent) => void)
+    | React.Dispatch<React.SetStateAction<T>>;
+  /** Animation duration of each Accordion.Item inside
+   * @default 350 */
+  duration?: number;
+
+  /**
+   * Changes the visual appearance of the component
+   * @default secondary
+   */
+  use?: 'primary' | 'secondary';
+};
+
+export interface IAccordionProps<T extends AccordionValue = AccordionValue>
+  extends AccordionProps<T> {}
+
+/** @deprecated */
+export interface IAccordionContext extends AccordionContext, UnknownProperties {}
+export type AccordionContext = {
+  getItemProps: PropGetterFn;
+};
+
+/** @deprecated */
+export interface IAccordionHandlers extends AccordionHandlers, UnknownProperties {}
+export type AccordionHandlers = {
+  value: (value: AccordionValue) => void;
+};
+
+/** @deprecated */
+export interface IAccordionItemProps extends AccordionItemProps, UnknownProperties {}
+export type AccordionItemProps = {
+  /** Tab value */
+  value: string | number;
+  /** Disabling selection changes */
+  disabled?: boolean;
+  /** Animation duration
+   * @default 350 */
+  duration?: number;
+};
+
+/** @deprecated */
+export interface IAccordionItemContext extends AccordionItemContext, UnknownProperties {}
+export type AccordionItemContext = {
+  getToggleProps?: PropGetterFn;
+  getCollapseProps?: PropGetterFn;
+  getChevronProps?: PropGetterFn;
+  selected?: boolean;
+};
+
+export type AccordionItemToggleProps = BoxProps &
+  KeyboardFocusProps & {
+    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+  };
+export type ChevronItemProps = BoxProps & {
+  /**
+   * Chevron size
+   * @default m
+   */
+  size?: 'm' | 'l';
+};
+
+type IntergalacticAccordionComponent<PropsExtending = {}> = (<
+  Value extends AccordionValue,
+  Tag extends Intergalactic.Tag = 'div',
+>(
+  props: Intergalactic.InternalTypings.ComponentProps<
+    Tag,
+    'div',
+    AccordionProps<Value>,
+    AccordionContext & { value: Value },
+    [handlers: AccordionHandlers]
+  > &
+    PropsExtending,
+) => Intergalactic.InternalTypings.ComponentRenderingResults) &
+  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', AccordionProps>;
+
+declare const Accordion: IntergalacticAccordionComponent & {
+  Item: Intergalactic.Component<
+    'div',
+    AccordionItemProps,
+    AccordionItemContext,
+    [handlers: AccordionHandlers]
+  > & {
+    Toggle: Intergalactic.Component<typeof Text, AccordionItemToggleProps>;
+    ToggleButton: Intergalactic.Component<typeof Flex, {}>;
+    Chevron: Intergalactic.Component<'div', ChevronItemProps>;
+    Collapse: Intergalactic.Component<'div', CollapseProps>;
+  };
+};
+
+declare const wrapAccordion: <PropsExtending extends {}>(
+  wrapper: (
+    props: Intergalactic.InternalTypings.UntypeRefAndTag<
+      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticAccordionComponent>
+    > &
+      PropsExtending,
+  ) => React.ReactNode,
+) => IntergalacticAccordionComponent<PropsExtending>;
+export { wrapAccordion };
+
+export default Accordion;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/accordion",
   "description": "Semrush Accordion Component",
-  "version": "5.49.0-prerelease.0",
+  "version": "5.49.0-prerelease.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,15 +14,15 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/animation": "2.42.0-prerelease.0",
-    "@semcore/flex-box": "5.42.0-prerelease.0",
-    "@semcore/icon": "4.63.0-prerelease.0",
-    "@semcore/utils": "4.49.0-prerelease.0",
-    "@semcore/button": "5.44.0-prerelease.0",
-    "@semcore/typography": "5.54.0-prerelease.0"
+    "@semcore/animation": "2.42.0-prerelease.1",
+    "@semcore/flex-box": "5.42.0-prerelease.1",
+    "@semcore/icon": "4.63.0-prerelease.1",
+    "@semcore/utils": "4.49.0-prerelease.1",
+    "@semcore/button": "5.44.0-prerelease.1",
+    "@semcore/typography": "5.54.0-prerelease.1"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.40.0-prerelease.0",
+    "@semcore/core": "^2.40.0-prerelease.1",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },

package/lib/cjs/Accordion.type.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=Accordion.type.js.map

package/lib/cjs/Accordion.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.type.js","names":[],"sources":["../../src/Accordion.type.ts"],"sourcesContent":["import type { BoxProps, FlexProps, Flex } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Text } from '@semcore/typography';\nimport type { Property } from 'csstype';\n\ndeclare namespace NSAccordion {\n  // TODO: It looks like the value isn't accurate. Revise and align it with the component's logic.\n  type Value = null | number | string | Array<number | string | null>;\n  type Props<V extends NSAccordion.Value = NSAccordion.Value> = FlexProps & {\n  /** Value for the active tab. Can be set as stroke, number, null or as array.\n   * @type AccordionValue\n   * */\n    value?: V;\n    /**\n   * Value of the active tabs selected by default\n   * @type AccordionValue\n   * @default []\n   */\n    defaultValue?: V;\n    /** Called when the selection is changed\n   * @type (value: AccordionValue, event?: React.SyntheticEvent) => void\n   * */\n    onChange?:\n      | ((value: V, event?: React.SyntheticEvent) => void)\n      | React.Dispatch<React.SetStateAction<V>>;\n    /** Animation duration of each Accordion.Item inside\n   * @default 350 */\n    duration?: number;\n    /**\n   * Changes the visual appearance of the component\n   * @default secondary\n   */\n    use?: 'primary' | 'secondary';\n  };\n  type Ctx = {\n    getItemProps: PropGetterFn;\n  };\n  type Handlers = {\n    value: Props['value'];\n  };\n  namespace Item {\n    type Props = {\n      /** Tab value */\n      value: string | number;\n      /** Disabling selection changes */\n      disabled?: boolean;\n      /** Animation duration\n       * @default 350 */\n      duration?: number;\n    };\n    type Ctx = {\n      getToggleProps?: PropGetterFn;\n      getCollapseProps?: PropGetterFn;\n      getChevronProps?: PropGetterFn;\n      selected?: boolean;\n    };\n    namespace Toggle {\n      type Props = BoxProps & {\n        tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n      };\n      type Component = Intergalactic.Component<typeof Text, Props>;\n    }\n    namespace ToggleButton {\n      type Props = {};\n      type Component = Intergalactic.Component<typeof Flex, Props>;\n    }\n    namespace Chevron {\n      type Props = BoxProps & {\n        /**\n         * Chevron size\n         * @default m\n         */\n        size?: 'm' | 'l';\n      };\n\n      type Component = Intergalactic.Component<'div', Props>;\n    }\n\n    namespace Collapse {\n      type Props = BoxProps & {\n        /** Animation titles */\n        keyframes?: [string, string];\n        /** Enables animation on first rendering\n         * @default false\n         */\n        initialAnimation?: boolean;\n        /**\n         * @default ease-out\n         */\n        timingFunction?: Property.AnimationTimingFunction;\n        /**\n         * @default false\n         */\n        animationsDisabled?: boolean;\n        /** Animation duration in ms\n         * @default 0\n         */\n        duration?: number | [number, number];\n        /** If it set to `true`, animated node is persisted in dom even if `visible=false`   */\n        preserveNode?: boolean;\n        /**\n         * Add overflow=clip when passing animation\n         * @default true\n         * */\n        overflowHidden?: boolean;\n        /**\n         * Value for height after animation\n         * @default auto\n         */\n        defaultHeight?: 'auto' | '100%';\n      };\n      type Component = Intergalactic.Component<'div', Props>;\n    }\n\n    type Component = Intergalactic.Component<'div', Props, Ctx> & {\n      Toggle: Toggle.Component;\n      ToggleButton: ToggleButton.Component;\n      Chevron: Chevron.Component;\n      Collapse: Collapse.Component;\n    };\n  }\n\n  type WrapComponent<PropsExtending = {}> = (<\n    V extends Value,\n    Tag extends Intergalactic.Tag = 'div',\n  >(\n    props: Intergalactic.InternalTypings.ComponentProps<\n      Tag,\n      'div',\n      Props<V>,\n    Ctx & { value: V },\n    [handlers: Handlers]\n    > & PropsExtending,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', Props>;\n\n  type Component = WrapComponent & {\n    Item: Item.Component;\n  };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type AccordionValue = NSAccordion.Value;\n/** @deprecated It will be removed in v18. */\nexport type AccordionProps<V extends AccordionValue = AccordionValue> = NSAccordion.Props<V>;\n/** @deprecated It will be removed in v18. */\nexport type AccordionContext = NSAccordion.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type AccordionHandlers = NSAccordion.Handlers;\n/** @deprecated It will be removed in v18. */\nexport type AccordionItemProps = NSAccordion.Item.Props;\n/** @deprecated It will be removed in v18. */\nexport type AccordionItemContext = NSAccordion.Item.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type AccordionItemToggleProps = NSAccordion.Item.Toggle.Props;\n/** @deprecated It will be removed in v18. */\nexport type ChevronItemProps = NSAccordion.Item.Chevron.Props;\n/** @deprecated It will be removed in v18. */\nexport type AccordionCollapseProps = NSAccordion.Item.Collapse.Props;\n\nexport type { NSAccordion };\n"],"mappings":"","ignoreList":[]}

package/lib/es6/Accordion.type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Accordion.type.js.map

package/lib/es6/Accordion.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.type.js","names":[],"sources":["../../src/Accordion.type.ts"],"sourcesContent":["import type { BoxProps, FlexProps, Flex } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Text } from '@semcore/typography';\nimport type { Property } from 'csstype';\n\ndeclare namespace NSAccordion {\n  // TODO: It looks like the value isn't accurate. Revise and align it with the component's logic.\n  type Value = null | number | string | Array<number | string | null>;\n  type Props<V extends NSAccordion.Value = NSAccordion.Value> = FlexProps & {\n  /** Value for the active tab. Can be set as stroke, number, null or as array.\n   * @type AccordionValue\n   * */\n    value?: V;\n    /**\n   * Value of the active tabs selected by default\n   * @type AccordionValue\n   * @default []\n   */\n    defaultValue?: V;\n    /** Called when the selection is changed\n   * @type (value: AccordionValue, event?: React.SyntheticEvent) => void\n   * */\n    onChange?:\n      | ((value: V, event?: React.SyntheticEvent) => void)\n      | React.Dispatch<React.SetStateAction<V>>;\n    /** Animation duration of each Accordion.Item inside\n   * @default 350 */\n    duration?: number;\n    /**\n   * Changes the visual appearance of the component\n   * @default secondary\n   */\n    use?: 'primary' | 'secondary';\n  };\n  type Ctx = {\n    getItemProps: PropGetterFn;\n  };\n  type Handlers = {\n    value: Props['value'];\n  };\n  namespace Item {\n    type Props = {\n      /** Tab value */\n      value: string | number;\n      /** Disabling selection changes */\n      disabled?: boolean;\n      /** Animation duration\n       * @default 350 */\n      duration?: number;\n    };\n    type Ctx = {\n      getToggleProps?: PropGetterFn;\n      getCollapseProps?: PropGetterFn;\n      getChevronProps?: PropGetterFn;\n      selected?: boolean;\n    };\n    namespace Toggle {\n      type Props = BoxProps & {\n        tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n      };\n      type Component = Intergalactic.Component<typeof Text, Props>;\n    }\n    namespace ToggleButton {\n      type Props = {};\n      type Component = Intergalactic.Component<typeof Flex, Props>;\n    }\n    namespace Chevron {\n      type Props = BoxProps & {\n        /**\n         * Chevron size\n         * @default m\n         */\n        size?: 'm' | 'l';\n      };\n\n      type Component = Intergalactic.Component<'div', Props>;\n    }\n\n    namespace Collapse {\n      type Props = BoxProps & {\n        /** Animation titles */\n        keyframes?: [string, string];\n        /** Enables animation on first rendering\n         * @default false\n         */\n        initialAnimation?: boolean;\n        /**\n         * @default ease-out\n         */\n        timingFunction?: Property.AnimationTimingFunction;\n        /**\n         * @default false\n         */\n        animationsDisabled?: boolean;\n        /** Animation duration in ms\n         * @default 0\n         */\n        duration?: number | [number, number];\n        /** If it set to `true`, animated node is persisted in dom even if `visible=false`   */\n        preserveNode?: boolean;\n        /**\n         * Add overflow=clip when passing animation\n         * @default true\n         * */\n        overflowHidden?: boolean;\n        /**\n         * Value for height after animation\n         * @default auto\n         */\n        defaultHeight?: 'auto' | '100%';\n      };\n      type Component = Intergalactic.Component<'div', Props>;\n    }\n\n    type Component = Intergalactic.Component<'div', Props, Ctx> & {\n      Toggle: Toggle.Component;\n      ToggleButton: ToggleButton.Component;\n      Chevron: Chevron.Component;\n      Collapse: Collapse.Component;\n    };\n  }\n\n  type WrapComponent<PropsExtending = {}> = (<\n    V extends Value,\n    Tag extends Intergalactic.Tag = 'div',\n  >(\n    props: Intergalactic.InternalTypings.ComponentProps<\n      Tag,\n      'div',\n      Props<V>,\n    Ctx & { value: V },\n    [handlers: Handlers]\n    > & PropsExtending,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', Props>;\n\n  type Component = WrapComponent & {\n    Item: Item.Component;\n  };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type AccordionValue = NSAccordion.Value;\n/** @deprecated It will be removed in v18. */\nexport type AccordionProps<V extends AccordionValue = AccordionValue> = NSAccordion.Props<V>;\n/** @deprecated It will be removed in v18. */\nexport type AccordionContext = NSAccordion.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type AccordionHandlers = NSAccordion.Handlers;\n/** @deprecated It will be removed in v18. */\nexport type AccordionItemProps = NSAccordion.Item.Props;\n/** @deprecated It will be removed in v18. */\nexport type AccordionItemContext = NSAccordion.Item.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type AccordionItemToggleProps = NSAccordion.Item.Toggle.Props;\n/** @deprecated It will be removed in v18. */\nexport type ChevronItemProps = NSAccordion.Item.Chevron.Props;\n/** @deprecated It will be removed in v18. */\nexport type AccordionCollapseProps = NSAccordion.Item.Collapse.Props;\n\nexport type { NSAccordion };\n"],"mappings":"","ignoreList":[]}

package/lib/esm/Accordion.type.mjs

@@ -1 +0,0 @@
-

package/lib/types/Accordion.d.ts

@@ -1,68 +0,0 @@
-import type { Intergalactic } from '@semcore/core';
-import { Component } from '@semcore/core';
-import React from 'react';
-import type { NSAccordion } from './Accordion.type';
-declare class RootAccordion extends Component<Intergalactic.InternalTypings.InferComponentProps<NSAccordion.Component>, typeof RootAccordion.enhance, NSAccordion.Handlers> {
-    static displayName: string;
-    static style: {
-        [key: string]: string;
-    };
-    static defaultProps: {
-        defaultValue: never[];
-        use: string;
-    };
-    static enhance: readonly [<T extends {}>(props: T) => T & {
-        duration: string;
-    }];
-    uncontrolledProps(): {
-        value: null;
-    };
-    handleToggleInteraction: (newValue: NSAccordion.Item.Props["value"]) => void;
-    getItemProps({ value }: NSAccordion.Item.Props): {
-        selected: boolean;
-        duration: never;
-        use: "primary" | "secondary" | undefined;
-        $handleInteraction: (newValue: NSAccordion.Item.Props["value"]) => void;
-    };
-    render(): React.JSX.Element;
-}
-export declare class RootItem extends Component<Intergalactic.InternalTypings.InferChildComponentProps<NSAccordion.Item.Component, typeof RootAccordion, 'Item'>, typeof RootItem.enhance> {
-    static displayName: string;
-    static style: {
-        [key: string]: string;
-    };
-    static enhance: readonly [(props: any) => {
-        uid: ReturnType<typeof import("@semcore/core/lib/utils/uniqueID").useUID>;
-    }];
-    handleClick: () => void;
-    getToggleProps(): {
-        use: "primary" | "secondary" | undefined;
-        disabled: boolean | undefined;
-        onClick: (() => void) | undefined;
-        id: string;
-        tag: string;
-        size: number;
-        tabIndex: number;
-    };
-    getToggleButtonProps(): {
-        disabled: boolean | undefined;
-        id: string;
-        'aria-expanded': string;
-        'aria-controls': string | undefined;
-    };
-    getCollapseProps(): {
-        selected: boolean;
-        duration: number | undefined;
-        id: string;
-        role: string;
-        'aria-labelledby': string;
-    };
-    getChevronProps(): {
-        selected: boolean;
-        size: number | undefined;
-    };
-    render(): React.JSX.Element;
-}
-declare const Accordion: NSAccordion.Component;
-export declare const wrapAccordion: <PropsExtending extends {}>(wrapper: (props: Intergalactic.InternalTypings.UntypeRefAndTag<Intergalactic.InternalTypings.ComponentPropsNesting<NSAccordion.WrapComponent>> & PropsExtending) => React.ReactNode) => NSAccordion.WrapComponent<PropsExtending>;
-export default Accordion;

package/lib/types/Accordion.type.d.ts

@@ -1,142 +0,0 @@
-import type { BoxProps, FlexProps, Flex } from '@semcore/base-components';
-import type { PropGetterFn, Intergalactic } from '@semcore/core';
-import type { Text } from '@semcore/typography';
-import type { Property } from 'csstype';
-declare namespace NSAccordion {
-    type Value = null | number | string | Array<number | string | null>;
-    type Props<V extends NSAccordion.Value = NSAccordion.Value> = FlexProps & {
-        /** Value for the active tab. Can be set as stroke, number, null or as array.
-         * @type AccordionValue
-         * */
-        value?: V;
-        /**
-       * Value of the active tabs selected by default
-       * @type AccordionValue
-       * @default []
-       */
-        defaultValue?: V;
-        /** Called when the selection is changed
-       * @type (value: AccordionValue, event?: React.SyntheticEvent) => void
-       * */
-        onChange?: ((value: V, event?: React.SyntheticEvent) => void) | React.Dispatch<React.SetStateAction<V>>;
-        /** Animation duration of each Accordion.Item inside
-       * @default 350 */
-        duration?: number;
-        /**
-       * Changes the visual appearance of the component
-       * @default secondary
-       */
-        use?: 'primary' | 'secondary';
-    };
-    type Ctx = {
-        getItemProps: PropGetterFn;
-    };
-    type Handlers = {
-        value: Props['value'];
-    };
-    namespace Item {
-        type Props = {
-            /** Tab value */
-            value: string | number;
-            /** Disabling selection changes */
-            disabled?: boolean;
-            /** Animation duration
-             * @default 350 */
-            duration?: number;
-        };
-        type Ctx = {
-            getToggleProps?: PropGetterFn;
-            getCollapseProps?: PropGetterFn;
-            getChevronProps?: PropGetterFn;
-            selected?: boolean;
-        };
-        namespace Toggle {
-            type Props = BoxProps & {
-                tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-            };
-            type Component = Intergalactic.Component<typeof Text, Props>;
-        }
-        namespace ToggleButton {
-            type Props = {};
-            type Component = Intergalactic.Component<typeof Flex, Props>;
-        }
-        namespace Chevron {
-            type Props = BoxProps & {
-                /**
-                 * Chevron size
-                 * @default m
-                 */
-                size?: 'm' | 'l';
-            };
-            type Component = Intergalactic.Component<'div', Props>;
-        }
-        namespace Collapse {
-            type Props = BoxProps & {
-                /** Animation titles */
-                keyframes?: [string, string];
-                /** Enables animation on first rendering
-                 * @default false
-                 */
-                initialAnimation?: boolean;
-                /**
-                 * @default ease-out
-                 */
-                timingFunction?: Property.AnimationTimingFunction;
-                /**
-                 * @default false
-                 */
-                animationsDisabled?: boolean;
-                /** Animation duration in ms
-                 * @default 0
-                 */
-                duration?: number | [number, number];
-                /** If it set to `true`, animated node is persisted in dom even if `visible=false`   */
-                preserveNode?: boolean;
-                /**
-                 * Add overflow=clip when passing animation
-                 * @default true
-                 * */
-                overflowHidden?: boolean;
-                /**
-                 * Value for height after animation
-                 * @default auto
-                 */
-                defaultHeight?: 'auto' | '100%';
-            };
-            type Component = Intergalactic.Component<'div', Props>;
-        }
-        type Component = Intergalactic.Component<'div', Props, Ctx> & {
-            Toggle: Toggle.Component;
-            ToggleButton: ToggleButton.Component;
-            Chevron: Chevron.Component;
-            Collapse: Collapse.Component;
-        };
-    }
-    type WrapComponent<PropsExtending = {}> = (<V extends Value, Tag extends Intergalactic.Tag = 'div'>(props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', Props<V>, Ctx & {
-        value: V;
-    }, [
-        handlers: Handlers
-    ]> & PropsExtending) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', Props>;
-    type Component = WrapComponent & {
-        Item: Item.Component;
-    };
-}
-/** @deprecated It will be removed in v18. */
-export type AccordionValue = NSAccordion.Value;
-/** @deprecated It will be removed in v18. */
-export type AccordionProps<V extends AccordionValue = AccordionValue> = NSAccordion.Props<V>;
-/** @deprecated It will be removed in v18. */
-export type AccordionContext = NSAccordion.Ctx;
-/** @deprecated It will be removed in v18. */
-export type AccordionHandlers = NSAccordion.Handlers;
-/** @deprecated It will be removed in v18. */
-export type AccordionItemProps = NSAccordion.Item.Props;
-/** @deprecated It will be removed in v18. */
-export type AccordionItemContext = NSAccordion.Item.Ctx;
-/** @deprecated It will be removed in v18. */
-export type AccordionItemToggleProps = NSAccordion.Item.Toggle.Props;
-/** @deprecated It will be removed in v18. */
-export type ChevronItemProps = NSAccordion.Item.Chevron.Props;
-/** @deprecated It will be removed in v18. */
-export type AccordionCollapseProps = NSAccordion.Item.Collapse.Props;
-export type { NSAccordion };