@spark-ui/components 10.9.0 → 10.10.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.10.0](https://github.com/leboncoin/spark-web/compare/v10.9.0...v10.10.0) (2025-07-03)
+
+### Features
+
+- **components:** migrated accordion from ZagJS to BaseUI ([1607bf5](https://github.com/leboncoin/spark-web/commit/1607bf512a22e9bf482ede8c6bfb56e0cee8926e))
+
 # [10.9.0](https://github.com/leboncoin/spark-web/compare/v10.8.2...v10.9.0) (2025-07-01)
 
 ### Features

package/dist/accordion/index.d.mts

@@ -1,54 +1,41 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as accordion from '@zag-js/accordion';
-import { ComponentPropsWithoutRef, Ref, ComponentProps } from 'react';
+import { Accordion as Accordion$2 } from '@base-ui-components/react/accordion';
+import { ComponentProps, Ref } from 'react';
 
-type ExtentedZagInterface = Omit<accordion.Props, 'id' | 'ids' | 'orientation' | 'getRootNode' | 'onValueChange'> & Omit<ComponentPropsWithoutRef<'div'>, 'defaultChecked'>;
-interface AccordionProps extends ExtentedZagInterface {
+type ExtentedZagInterface$3 = Omit<ComponentProps<typeof Accordion$2.Root>, 'openMultiple' | 'render'>;
+interface AccordionProps extends ExtentedZagInterface$3 {
     /**
      * 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.
+     * Whether multiple items can be open 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;
+    ({ asChild, children, design, hiddenUntilFound, multiple, className, ref, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface AccordionItemProps extends ComponentPropsWithoutRef<'div'> {
-    value: string;
+type ExtentedZagInterface$2 = Omit<ComponentProps<typeof Accordion$2.Item>, 'render'>;
+interface AccordionItemProps extends ExtentedZagInterface$2 {
     asChild?: boolean;
-    disabled?: boolean;
     ref?: Ref<HTMLDivElement>;
 }
 declare const Item: {
-    ({ asChild, className, children, disabled, value, ref, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+    ({ asChild, className, children, ref, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface AccordionItemContentProps extends ComponentPropsWithoutRef<'div'> {
+type ExtentedZagInterface$1 = Omit<ComponentProps<typeof Accordion$2.Panel>, 'render'>;
+interface AccordionItemContentProps extends ExtentedZagInterface$1 {
     asChild?: boolean;
     ref?: Ref<HTMLDivElement>;
 }
@@ -66,7 +53,8 @@ declare const ItemHeader: {
     displayName: string;
 };
 
-interface AccordionItemTriggerProps extends ComponentPropsWithoutRef<'button'> {
+type ExtentedZagInterface = Omit<ComponentProps<typeof Accordion$2.Trigger>, 'render'>;
+interface AccordionItemTriggerProps extends ExtentedZagInterface {
     asChild?: boolean;
     ref?: Ref<HTMLButtonElement>;
 }

package/dist/accordion/index.d.ts

@@ -1,54 +1,41 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as accordion from '@zag-js/accordion';
-import { ComponentPropsWithoutRef, Ref, ComponentProps } from 'react';
+import { Accordion as Accordion$2 } from '@base-ui-components/react/accordion';
+import { ComponentProps, Ref } from 'react';
 
-type ExtentedZagInterface = Omit<accordion.Props, 'id' | 'ids' | 'orientation' | 'getRootNode' | 'onValueChange'> & Omit<ComponentPropsWithoutRef<'div'>, 'defaultChecked'>;
-interface AccordionProps extends ExtentedZagInterface {
+type ExtentedZagInterface$3 = Omit<ComponentProps<typeof Accordion$2.Root>, 'openMultiple' | 'render'>;
+interface AccordionProps extends ExtentedZagInterface$3 {
     /**
      * 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.
+     * Whether multiple items can be open 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;
+    ({ asChild, children, design, hiddenUntilFound, multiple, className, ref, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface AccordionItemProps extends ComponentPropsWithoutRef<'div'> {
-    value: string;
+type ExtentedZagInterface$2 = Omit<ComponentProps<typeof Accordion$2.Item>, 'render'>;
+interface AccordionItemProps extends ExtentedZagInterface$2 {
     asChild?: boolean;
-    disabled?: boolean;
     ref?: Ref<HTMLDivElement>;
 }
 declare const Item: {
-    ({ asChild, className, children, disabled, value, ref, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+    ({ asChild, className, children, ref, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface AccordionItemContentProps extends ComponentPropsWithoutRef<'div'> {
+type ExtentedZagInterface$1 = Omit<ComponentProps<typeof Accordion$2.Panel>, 'render'>;
+interface AccordionItemContentProps extends ExtentedZagInterface$1 {
     asChild?: boolean;
     ref?: Ref<HTMLDivElement>;
 }
@@ -66,7 +53,8 @@ declare const ItemHeader: {
     displayName: string;
 };
 
-interface AccordionItemTriggerProps extends ComponentPropsWithoutRef<'button'> {
+type ExtentedZagInterface = Omit<ComponentProps<typeof Accordion$2.Trigger>, 'render'>;
+interface AccordionItemTriggerProps extends ExtentedZagInterface {
     asChild?: boolean;
     ref?: Ref<HTMLButtonElement>;
 }