@spark-ui/components 10.8.2 → 10.10.0

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 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
+
+- **components:** added fade scroll indicator on Drawer ([4bc8f20](https://github.com/leboncoin/spark-web/commit/4bc8f2008a4daa12c13060b91929b5dc73eaaf2c))
+- **components:** fade scroll effect on Dialog ([4b5d171](https://github.com/leboncoin/spark-web/commit/4b5d171a20e6433a61bbd6ccf7b680aa1e74c0ed))
+
 ## [10.8.2](https://github.com/leboncoin/spark-web/compare/v10.8.1...v10.8.2) (2025-07-01)
 
 **Note:** Version bump only for package @spark-ui/components

package/dist/{DialogTrigger-5SI4dvpK.d.mts → DialogTrigger-woU7vsJi.d.mts}

@@ -1,8 +1,8 @@
 import { Dialog as Dialog$1 } from 'radix-ui';
 import { ReactElement, ReactNode, Ref } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 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 {
     /**
@@ -25,25 +25,25 @@ interface DialogProps {
      * Specifies if the dialog is a modal.
      */
     modal?: Dialog$1.DialogProps['modal'];
+    /**
+     * Specifies if the dialog should have a fade animation on its body (in case it is scrollable).
+     */
+    withFade?: boolean;
 }
 declare const Dialog: {
-    ({ children, ...rest }: DialogProps): ReactElement;
+    ({ children, withFade, ...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 {
+interface BodyProps {
     children: ReactNode;
     className?: string;
     tabIndex?: number;
     ref?: Ref<HTMLDivElement>;
+    inset?: boolean;
 }
 declare const Body: {
-    ({ children, className, inset, ref, ...rest }: BodyProps): ReactElement;
+    ({ children, className, inset, ref: forwardedRef, ...rest }: BodyProps): ReactElement;
     displayName: string;
 };
 

package/dist/{DialogTrigger-5SI4dvpK.d.ts → DialogTrigger-woU7vsJi.d.ts}

@@ -1,8 +1,8 @@
 import { Dialog as Dialog$1 } from 'radix-ui';
 import { ReactElement, ReactNode, Ref } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 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 {
     /**
@@ -25,25 +25,25 @@ interface DialogProps {
      * Specifies if the dialog is a modal.
      */
     modal?: Dialog$1.DialogProps['modal'];
+    /**
+     * Specifies if the dialog should have a fade animation on its body (in case it is scrollable).
+     */
+    withFade?: boolean;
 }
 declare const Dialog: {
-    ({ children, ...rest }: DialogProps): ReactElement;
+    ({ children, withFade, ...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 {
+interface BodyProps {
     children: ReactNode;
     className?: string;
     tabIndex?: number;
     ref?: Ref<HTMLDivElement>;
+    inset?: boolean;
 }
 declare const Body: {
-    ({ children, className, inset, ref, ...rest }: BodyProps): ReactElement;
+    ({ children, className, inset, ref: forwardedRef, ...rest }: BodyProps): ReactElement;
     displayName: string;
 };
 

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>;
 }