@spark-ui/components 10.0.0

package/CHANGELOG.md

@@ -0,0 +1,15 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [10.0.0](https://github.com/leboncoin/spark-web/compare/v9.4.8...v10.0.0) (2025-03-24)
+
+### Code Refactoring
+
+- grouped all components into a single package ([d521202](https://github.com/leboncoin/spark-web/commit/d5212023e4db8b88bc565deb3b6b92d23d894793))
+
+### BREAKING CHANGES
+
+- new package is @spark-ui/ui and enables individual imports by doing
+  @spark-ui/ui/button

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Leboncoin.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,19 @@
+# Components
+
+## Install
+
+> npm install @spark-ui/components
+
+## Usage
+
+> import { Button } from '@spark-ui/components/button'
+
+![accessibility](https://img.shields.io/badge/WCAG_2.1_AA-passed-green)
+[![storybook](https://img.shields.io/badge/storybook-black?logo=storybook)](https://sparkui.vercel.app)
+[![issue](https://img.shields.io/badge/report%20a%20bug-black?logo=openbugbounty&logoColor=red)](https://github.com/leboncoin/spark-web/issues/new?&projects=4&template=bug-report.yml&assignees=&labels=Component)
+[![npm](https://img.shields.io/npm/dt/%40spark-ui/components?logo=npm&labelColor=black)](https://www.npmjs.com/package/@spark-ui/components)
+
+This package is part of the [`@spark-ui`](https://github.com/leboncoin/spark-web) react-js user interface component library project.
+
+[![Issues open](https://img.shields.io/github/issues-search/leboncoin/spark-web?query=is%3Aopen%20label%3A%22Component%3A%20button%22&logo=openbugbounty&logoColor=red&label=issues%20open&color=red)](https://github.com/leboncoin/spark-web/issues?q=is%3Aopen+label%3Abutton)
+[![NPM](https://img.shields.io/npm/l/%40spark-ui%2Fbutton)](https://github.com/leboncoin/spark-web/blob/main/packages/components/LICENSE.md)

package/dist/DialogTrigger-5SI4dvpK.d.mts

@@ -0,0 +1,142 @@
+import { Dialog as Dialog$1 } from 'radix-ui';
+import { ReactElement, ReactNode, Ref } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface DialogProps {
+    /**
+     * Children of the component.
+     */
+    children?: Dialog$1.DialogProps['children'];
+    /**
+     * Specifies if the dialog is open or not.
+     */
+    open?: Dialog$1.DialogProps['open'];
+    /**
+     * Default open state.
+     */
+    defaultOpen?: Dialog$1.DialogProps['defaultOpen'];
+    /**
+     * Handler executen on every dialog open state change.
+     */
+    onOpenChange?: Dialog$1.DialogProps['onOpenChange'];
+    /**
+     * Specifies if the dialog is a modal.
+     */
+    modal?: Dialog$1.DialogProps['modal'];
+}
+declare const Dialog: {
+    ({ children, ...rest }: DialogProps): ReactElement;
+    displayName: string;
+};
+
+declare const dialogBodyStyles: (props?: ({
+    inset?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DialogBodyStylesProps = VariantProps<typeof dialogBodyStyles>;
+
+interface BodyProps extends DialogBodyStylesProps {
+    children: ReactNode;
+    className?: string;
+    tabIndex?: number;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Body: {
+    ({ children, className, inset, ref, ...rest }: BodyProps): ReactElement;
+    displayName: string;
+};
+
+type CloseProps = Dialog$1.DialogCloseProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const Close: {
+    (props: CloseProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const dialogContentStyles: (props?: ({
+    size?: "fullscreen" | "sm" | "md" | "lg" | null | undefined;
+    isNarrow?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DialogContentStylesProps = VariantProps<typeof dialogContentStyles>;
+
+interface ContentProps extends Dialog$1.DialogContentProps, DialogContentStylesProps {
+    /**
+     * When set to true, the content will adjust its width to fit the content rather than taking up the full available width.
+     */
+    isNarrow?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Content: {
+    ({ children, className, isNarrow, size, onInteractOutside, ref, ...rest }: ContentProps): ReactElement;
+    displayName: string;
+};
+
+type DescriptionProps = Dialog$1.DialogDescriptionProps & {
+    ref?: Ref<HTMLParagraphElement>;
+};
+declare const Description: {
+    (props: DescriptionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface FooterProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Footer: {
+    ({ children, className, ref, ...rest }: FooterProps): ReactElement;
+    displayName: string;
+};
+
+interface HeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Header: {
+    ({ children, className, ref, ...rest }: HeaderProps): ReactElement;
+    displayName: string;
+};
+
+type OverlayProps = Dialog$1.DialogOverlayProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Overlay: {
+    ({ className, ref, ...rest }: OverlayProps): ReactElement | null;
+    displayName: string;
+};
+
+type PortalProps = Dialog$1.DialogPortalProps;
+declare const Portal: {
+    ({ children, ...rest }: PortalProps): ReactElement;
+    displayName: string;
+};
+
+type TitleProps = Dialog$1.DialogTitleProps & {
+    ref?: Ref<HTMLHeadingElement>;
+};
+declare const Title: {
+    ({ className, ref, ...others }: TitleProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface TriggerProps {
+    /**
+     * Children of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: Dialog$1.DialogTriggerProps['asChild'];
+    ref?: Ref<HTMLButtonElement>;
+}
+declare const Trigger: {
+    (props: TriggerProps): ReactElement;
+    displayName: string;
+};
+
+export { Body as B, type CloseProps as C, Dialog as D, Footer as F, Header as H, Overlay as O, Portal as P, Trigger as T, Content as a, Close as b, Title as c, Description as d, type DialogProps as e, type ContentProps as f, type HeaderProps as g, type BodyProps as h, type FooterProps as i, type TriggerProps as j, type OverlayProps as k, type PortalProps as l, type TitleProps as m, type DescriptionProps as n };

package/dist/DialogTrigger-5SI4dvpK.d.ts

@@ -0,0 +1,142 @@
+import { Dialog as Dialog$1 } from 'radix-ui';
+import { ReactElement, ReactNode, Ref } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface DialogProps {
+    /**
+     * Children of the component.
+     */
+    children?: Dialog$1.DialogProps['children'];
+    /**
+     * Specifies if the dialog is open or not.
+     */
+    open?: Dialog$1.DialogProps['open'];
+    /**
+     * Default open state.
+     */
+    defaultOpen?: Dialog$1.DialogProps['defaultOpen'];
+    /**
+     * Handler executen on every dialog open state change.
+     */
+    onOpenChange?: Dialog$1.DialogProps['onOpenChange'];
+    /**
+     * Specifies if the dialog is a modal.
+     */
+    modal?: Dialog$1.DialogProps['modal'];
+}
+declare const Dialog: {
+    ({ children, ...rest }: DialogProps): ReactElement;
+    displayName: string;
+};
+
+declare const dialogBodyStyles: (props?: ({
+    inset?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DialogBodyStylesProps = VariantProps<typeof dialogBodyStyles>;
+
+interface BodyProps extends DialogBodyStylesProps {
+    children: ReactNode;
+    className?: string;
+    tabIndex?: number;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Body: {
+    ({ children, className, inset, ref, ...rest }: BodyProps): ReactElement;
+    displayName: string;
+};
+
+type CloseProps = Dialog$1.DialogCloseProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const Close: {
+    (props: CloseProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const dialogContentStyles: (props?: ({
+    size?: "fullscreen" | "sm" | "md" | "lg" | null | undefined;
+    isNarrow?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DialogContentStylesProps = VariantProps<typeof dialogContentStyles>;
+
+interface ContentProps extends Dialog$1.DialogContentProps, DialogContentStylesProps {
+    /**
+     * When set to true, the content will adjust its width to fit the content rather than taking up the full available width.
+     */
+    isNarrow?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Content: {
+    ({ children, className, isNarrow, size, onInteractOutside, ref, ...rest }: ContentProps): ReactElement;
+    displayName: string;
+};
+
+type DescriptionProps = Dialog$1.DialogDescriptionProps & {
+    ref?: Ref<HTMLParagraphElement>;
+};
+declare const Description: {
+    (props: DescriptionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface FooterProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Footer: {
+    ({ children, className, ref, ...rest }: FooterProps): ReactElement;
+    displayName: string;
+};
+
+interface HeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Header: {
+    ({ children, className, ref, ...rest }: HeaderProps): ReactElement;
+    displayName: string;
+};
+
+type OverlayProps = Dialog$1.DialogOverlayProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Overlay: {
+    ({ className, ref, ...rest }: OverlayProps): ReactElement | null;
+    displayName: string;
+};
+
+type PortalProps = Dialog$1.DialogPortalProps;
+declare const Portal: {
+    ({ children, ...rest }: PortalProps): ReactElement;
+    displayName: string;
+};
+
+type TitleProps = Dialog$1.DialogTitleProps & {
+    ref?: Ref<HTMLHeadingElement>;
+};
+declare const Title: {
+    ({ className, ref, ...others }: TitleProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface TriggerProps {
+    /**
+     * Children of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: Dialog$1.DialogTriggerProps['asChild'];
+    ref?: Ref<HTMLButtonElement>;
+}
+declare const Trigger: {
+    (props: TriggerProps): ReactElement;
+    displayName: string;
+};
+
+export { Body as B, type CloseProps as C, Dialog as D, Footer as F, Header as H, Overlay as O, Portal as P, Trigger as T, Content as a, Close as b, Title as c, Description as d, type DialogProps as e, type ContentProps as f, type HeaderProps as g, type BodyProps as h, type FooterProps as i, type TriggerProps as j, type OverlayProps as k, type PortalProps as l, type TitleProps as m, type DescriptionProps as n };

package/dist/Input-g0LpWuv0.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithoutRef, Ref } from 'react';
+
+type InputPrimitiveProps = ComponentPropsWithoutRef<'input'>;
+interface InputProps extends InputPrimitiveProps {
+    asChild?: boolean;
+    onValueChange?: (value: string) => void;
+    ref?: Ref<HTMLInputElement>;
+}
+declare const Input: {
+    ({ className, asChild, onValueChange, onChange, onKeyDown, disabled: disabledProp, readOnly: readOnlyProp, ref, ...others }: InputProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+} & {
+    id: string;
+};
+
+export { type InputProps as I, Input as a };

package/dist/Input-g0LpWuv0.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithoutRef, Ref } from 'react';
+
+type InputPrimitiveProps = ComponentPropsWithoutRef<'input'>;
+interface InputProps extends InputPrimitiveProps {
+    asChild?: boolean;
+    onValueChange?: (value: string) => void;
+    ref?: Ref<HTMLInputElement>;
+}
+declare const Input: {
+    ({ className, asChild, onValueChange, onChange, onKeyDown, disabled: disabledProp, readOnly: readOnlyProp, ref, ...others }: InputProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+} & {
+    id: string;
+};
+
+export { type InputProps as I, Input as a };

package/dist/InputGroup-aoaZxCLk.d.mts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PropsWithChildren, ComponentPropsWithoutRef, Ref } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const inputGroupStyles: (props?: ({
+    disabled?: boolean | null | undefined;
+    readOnly?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type InputGroupStylesProps = VariantProps<typeof inputGroupStyles>;
+
+interface InputGroupProps extends ComponentPropsWithoutRef<'div'>, InputGroupStylesProps {
+    /**
+     * Use `state` prop to assign a specific state to the group, choosing from: `error`, `alert` and `success`. By doing so, the outline styles will be updated.
+     */
+    state?: 'error' | 'alert' | 'success';
+    /**
+     * Function handler to be executed after the input has been cleared.
+     */
+    onClear?: () => void;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const InputGroup: {
+    ({ className, children: childrenProp, state: stateProp, disabled: disabledProp, readOnly: readOnlyProp, onClear, ref: forwardedRef, ...others }: PropsWithChildren<InputGroupProps>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { type InputGroupProps as I, InputGroup as a };

package/dist/InputGroup-aoaZxCLk.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PropsWithChildren, ComponentPropsWithoutRef, Ref } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const inputGroupStyles: (props?: ({
+    disabled?: boolean | null | undefined;
+    readOnly?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type InputGroupStylesProps = VariantProps<typeof inputGroupStyles>;
+
+interface InputGroupProps extends ComponentPropsWithoutRef<'div'>, InputGroupStylesProps {
+    /**
+     * Use `state` prop to assign a specific state to the group, choosing from: `error`, `alert` and `success`. By doing so, the outline styles will be updated.
+     */
+    state?: 'error' | 'alert' | 'success';
+    /**
+     * Function handler to be executed after the input has been cleared.
+     */
+    onClear?: () => void;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const InputGroup: {
+    ({ className, children: childrenProp, state: stateProp, disabled: disabledProp, readOnly: readOnlyProp, onClear, ref: forwardedRef, ...others }: PropsWithChildren<InputGroupProps>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { type InputGroupProps as I, InputGroup as a };

package/dist/InputTrailingIcon-BBp7sE6D.d.mts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IconProps } from './icon/index.mjs';
+
+type InputIconProps = IconProps;
+
+type InputLeadingIconProps = InputIconProps;
+declare const InputLeadingIcon: {
+    ({ className, ...others }: InputLeadingIconProps): react_jsx_runtime.JSX.Element;
+    id: string;
+    displayName: string;
+};
+
+type InputTrailingIconProps = InputIconProps;
+declare const InputTrailingIcon: {
+    ({ className, ...others }: InputTrailingIconProps): react_jsx_runtime.JSX.Element;
+    id: string;
+    displayName: string;
+};
+
+export { type InputLeadingIconProps as I, type InputTrailingIconProps as a, InputLeadingIcon as b, InputTrailingIcon as c };

package/dist/InputTrailingIcon-ZZx8PoJy.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IconProps } from './icon/index.js';
+
+type InputIconProps = IconProps;
+
+type InputLeadingIconProps = InputIconProps;
+declare const InputLeadingIcon: {
+    ({ className, ...others }: InputLeadingIconProps): react_jsx_runtime.JSX.Element;
+    id: string;
+    displayName: string;
+};
+
+type InputTrailingIconProps = InputIconProps;
+declare const InputTrailingIcon: {
+    ({ className, ...others }: InputTrailingIconProps): react_jsx_runtime.JSX.Element;
+    id: string;
+    displayName: string;
+};
+
+export { type InputLeadingIconProps as I, type InputTrailingIconProps as a, InputLeadingIcon as b, InputTrailingIcon as c };

package/dist/LabelRequiredIndicator-DRnCzHMU.d.mts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Label as Label$1 } from 'radix-ui';
+import { Ref, ComponentPropsWithRef } from 'react';
+
+type LabelProps = Label$1.LabelProps & {
+    ref?: Ref<HTMLLabelElement>;
+};
+declare const Label: {
+    ({ className, ref, ...others }: LabelProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type LabelRequiredIndicatorProps = ComponentPropsWithRef<'span'>;
+declare const LabelRequiredIndicator: {
+    ({ className, children, ref, ...others }: LabelRequiredIndicatorProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Label as L, LabelRequiredIndicator as a, type LabelProps as b, type LabelRequiredIndicatorProps as c };

package/dist/LabelRequiredIndicator-DRnCzHMU.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Label as Label$1 } from 'radix-ui';
+import { Ref, ComponentPropsWithRef } from 'react';
+
+type LabelProps = Label$1.LabelProps & {
+    ref?: Ref<HTMLLabelElement>;
+};
+declare const Label: {
+    ({ className, ref, ...others }: LabelProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type LabelRequiredIndicatorProps = ComponentPropsWithRef<'span'>;
+declare const LabelRequiredIndicator: {
+    ({ className, children, ref, ...others }: LabelRequiredIndicatorProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Label as L, LabelRequiredIndicator as a, type LabelProps as b, type LabelRequiredIndicatorProps as c };

package/dist/accordion/index.d.mts

@@ -0,0 +1,85 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as accordion from '@zag-js/accordion';
+import { ComponentPropsWithoutRef, Ref, ComponentProps } from 'react';
+
+type ExtentedZagInterface = Omit<accordion.Props, 'id' | 'ids' | 'orientation' | 'getRootNode' | 'onValueChange'> & Omit<ComponentPropsWithoutRef<'div'>, 'defaultChecked'>;
+interface AccordionProps extends ExtentedZagInterface {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    /**
+     * Whether an accordion item can be closed after it has been expanded.
+     */
+    collapsible?: boolean;
+    defaultValue?: accordion.Props['value'];
+    /**
+     * Whether the accordion items are disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether multiple accordion items can be expanded at the same time.
+     */
+    multiple?: boolean;
+    /**
+     * The `value` of the accordion items that are currently being expanded.
+     */
+    value?: string[];
+    /**
+     * The callback fired when the state of expanded/collapsed accordion items changes.
+     */
+    onValueChange?: (value: string[]) => void;
+    design?: 'filled' | 'outlined';
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Accordion$1: {
+    ({ asChild, children, collapsible, className, defaultValue, design, disabled, multiple, value, onValueChange, ref, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AccordionItemProps extends ComponentPropsWithoutRef<'div'> {
+    value: string;
+    asChild?: boolean;
+    disabled?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Item: {
+    ({ asChild, className, children, disabled, value, ref, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AccordionItemContentProps extends ComponentPropsWithoutRef<'div'> {
+    asChild?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const ItemContent: {
+    ({ asChild, className, children, ref, ...props }: AccordionItemContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AccordionItemHeaderProps extends ComponentProps<'h3'> {
+    asChild?: boolean;
+    ref?: Ref<HTMLHeadingElement>;
+}
+declare const ItemHeader: {
+    ({ asChild, children, className, ref, }: AccordionItemHeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AccordionItemTriggerProps extends ComponentPropsWithoutRef<'button'> {
+    asChild?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+declare const ItemTrigger: {
+    ({ asChild, children, className, ref, ...props }: AccordionItemTriggerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Accordion: typeof Accordion$1 & {
+    Item: typeof Item;
+    ItemHeader: typeof ItemHeader;
+    ItemTrigger: typeof ItemTrigger;
+    ItemContent: typeof ItemContent;
+};
+
+export { Accordion, type AccordionItemContentProps, type AccordionItemHeaderProps, type AccordionItemTriggerProps, type AccordionProps };