@spark-ui/components 17.2.2 → 17.2.3-beta.1

package/dist/src/tabs/TabsTrigger.styles.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const triggerVariants: (props?: ({
+    intent?: "main" | "support" | null | undefined;
+    size?: "sm" | "md" | "xs" | null | undefined;
+    hasMenu?: boolean | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type TabsTriggerVariantsProps = VariantProps<typeof triggerVariants>;

package/dist/src/tabs/index.d.mts

@@ -0,0 +1,13 @@
+import { Tabs as Root } from './Tabs';
+import { TabsContent as Content } from './TabsContent';
+import { TabsList as List } from './TabsList';
+import { TabsTrigger as Trigger } from './TabsTrigger';
+export declare const Tabs: typeof Root & {
+    List: typeof List;
+    Trigger: typeof Trigger;
+    Content: typeof Content;
+};
+export { type TabsContentProps } from './TabsContent';
+export { type TabsListProps } from './TabsList';
+export { type TabsProps, type TabsRootProps } from './Tabs';
+export { type TabsTriggerProps } from './TabsTrigger';

package/dist/src/tabs/index.d.ts

@@ -0,0 +1,13 @@
+import { Tabs as Root } from './Tabs';
+import { TabsContent as Content } from './TabsContent';
+import { TabsList as List } from './TabsList';
+import { TabsTrigger as Trigger } from './TabsTrigger';
+export declare const Tabs: typeof Root & {
+    List: typeof List;
+    Trigger: typeof Trigger;
+    Content: typeof Content;
+};
+export { type TabsContentProps } from './TabsContent';
+export { type TabsListProps } from './TabsList';
+export { type TabsProps, type TabsRootProps } from './Tabs';
+export { type TabsTriggerProps } from './TabsTrigger';

package/dist/src/tabs/useRenderSlot.d.ts

@@ -0,0 +1 @@
+export declare function useRenderSlot(asChild: boolean): (({ ...props }: object) => import("react/jsx-runtime").JSX.Element) | undefined;

package/dist/src/tabs/useResizeObserver.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+interface Size {
+    width?: number;
+    height?: number;
+}
+type ResizeCallback = (entry?: ResizeObserverEntry) => void;
+export declare const useResizeObserver: <T extends HTMLElement>(target: RefObject<T | null> | T | null, onResize?: ResizeCallback) => Size;
+export {};

package/dist/src/tag/Tag.d.ts

@@ -0,0 +1,17 @@
+import { ButtonHTMLAttributes, PropsWithChildren, Ref } from 'react';
+import { TagStylesProps } from './Tag.styles';
+interface BaseTagProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLSpanElement>>, TagStylesProps {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+}
+interface FilteredDesignIntent<Design extends TagProps['design'], K extends TagStylesProps['intent'] | never = never> {
+    design?: Design;
+    intent?: Exclude<TagStylesProps['intent'], K>;
+    ref?: Ref<HTMLButtonElement>;
+}
+export type ValidTagDesignIntent = FilteredDesignIntent<'tinted', 'surface'> | FilteredDesignIntent<'outlined', 'surface'> | FilteredDesignIntent<'filled'>;
+export type TagProps = BaseTagProps & ValidTagDesignIntent;
+export declare const Tag: ({ design, intent, size, shape, asChild, className, ref, ...others }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/tag/Tag.styles.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const tagStyles: (props?: ({
+    design?: "filled" | "outlined" | "tinted" | null | undefined;
+    size?: "md" | "lg" | null | undefined;
+    shape?: "square" | "rounded" | "pill" | null | undefined;
+    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type TagStylesProps = VariantProps<typeof tagStyles>;

package/dist/src/tag/index.d.mts

@@ -0,0 +1 @@
+export * from './Tag';

package/dist/src/tag/index.d.ts

@@ -0,0 +1 @@
+export * from './Tag';

package/dist/src/tag/variants/filled.d.ts

@@ -0,0 +1,37 @@
+export declare const filledVariants: readonly [{
+    readonly intent: "main";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "support";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "accent";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "info";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "surface";
+    readonly design: "filled";
+    readonly class: string[];
+}];

package/dist/src/tag/variants/index.d.mts

@@ -0,0 +1,3 @@
+export { filledVariants } from './filled';
+export { outlinedVariants } from './outlined';
+export { tintedVariants } from './tinted';

package/dist/src/tag/variants/index.d.ts

@@ -0,0 +1,3 @@
+export { filledVariants } from './filled';
+export { outlinedVariants } from './outlined';
+export { tintedVariants } from './tinted';

package/dist/src/tag/variants/outlined.d.ts

@@ -0,0 +1,33 @@
+export declare const outlinedVariants: readonly [{
+    readonly intent: "main";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "support";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "accent";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "info";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "outlined";
+    readonly class: string[];
+}];

package/dist/src/tag/variants/tinted.d.ts

@@ -0,0 +1,33 @@
+export declare const tintedVariants: readonly [{
+    readonly intent: "main";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "support";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "accent";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "info";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "tinted";
+    readonly class: string[];
+}];

package/dist/src/text-link/TextLink.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithRef } from 'react';
+declare const textLinkStyles: (props?: ({
+    intent?: "main" | "current" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | null | undefined;
+    bold?: boolean | null | undefined;
+    underline?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type StylesProps = VariantProps<typeof textLinkStyles>;
+export type TextLinkProps = ComponentPropsWithRef<'a'> & StylesProps & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+};
+export declare const TextLink: ({ asChild, bold, children, className, intent, underline, ref, ...props }: TextLinkProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/text-link/index.d.mts

@@ -0,0 +1 @@
+export * from './TextLink';

package/dist/src/text-link/index.d.ts

@@ -0,0 +1 @@
+export * from './TextLink';

package/dist/src/textarea/Textarea.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef, PropsWithChildren, Ref } from 'react';
+import { InputProps } from '../input';
+type TextareaPrimitiveProps = ComponentPropsWithoutRef<'textarea'>;
+export interface TextareaProps extends TextareaPrimitiveProps, Pick<InputProps, 'onValueChange'> {
+    isResizable?: boolean;
+    ref?: Ref<HTMLTextAreaElement>;
+}
+export declare const Textarea: {
+    ({ className, disabled, rows, isResizable, ref, onValueChange, ...others }: PropsWithChildren<TextareaProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    id: string;
+};
+export {};

package/dist/src/textarea/TextareaClearButton.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+export interface TextareaClearButtonProps extends ComponentPropsWithoutRef<'button'> {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const TextareaClearButton: {
+    (props: TextareaClearButtonProps): import("react/jsx-runtime").JSX.Element;
+    id: string;
+    displayName: string;
+};

package/dist/src/textarea/TextareaGroup.d.ts

@@ -0,0 +1,6 @@
+import { InputGroupProps } from '../input';
+export type TextareaGroupProps = InputGroupProps;
+export declare const TextareaGroup: {
+    (props: TextareaGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/textarea/TextareaLeadingIcon.d.ts

@@ -0,0 +1,7 @@
+import { InputLeadingIconProps } from '../input';
+export type TextareaLeadingIconProps = InputLeadingIconProps;
+export declare const TextareaLeadingIcon: {
+    (props: InputLeadingIconProps): import("react/jsx-runtime").JSX.Element;
+    id: string;
+    displayName: string;
+};

package/dist/src/textarea/TextareaTrailingIcon.d.ts

@@ -0,0 +1,7 @@
+import { InputTrailingIconProps } from '../input';
+export type TextareaTrailingIconProps = InputTrailingIconProps;
+export declare const TextareaTrailingIcon: {
+    (props: InputTrailingIconProps): import("react/jsx-runtime").JSX.Element;
+    id: string;
+    displayName: string;
+};

package/dist/src/textarea/index.d.mts

@@ -0,0 +1,14 @@
+import { TextareaClearButton } from './TextareaClearButton';
+import { TextareaGroup as Root } from './TextareaGroup';
+import { TextareaLeadingIcon } from './TextareaLeadingIcon';
+import { TextareaTrailingIcon } from './TextareaTrailingIcon';
+export * from './Textarea';
+export declare const TextareaGroup: typeof Root & {
+    LeadingIcon: typeof TextareaLeadingIcon;
+    TrailingIcon: typeof TextareaTrailingIcon;
+    ClearButton: typeof TextareaClearButton;
+};
+export { type TextareaGroupProps } from './TextareaGroup';
+export { type TextareaLeadingIconProps } from './TextareaLeadingIcon';
+export { type TextareaTrailingIconProps } from './TextareaTrailingIcon';
+export { type TextareaClearButtonProps } from './TextareaClearButton';

package/dist/src/textarea/index.d.ts

@@ -0,0 +1,14 @@
+import { TextareaClearButton } from './TextareaClearButton';
+import { TextareaGroup as Root } from './TextareaGroup';
+import { TextareaLeadingIcon } from './TextareaLeadingIcon';
+import { TextareaTrailingIcon } from './TextareaTrailingIcon';
+export * from './Textarea';
+export declare const TextareaGroup: typeof Root & {
+    LeadingIcon: typeof TextareaLeadingIcon;
+    TrailingIcon: typeof TextareaTrailingIcon;
+    ClearButton: typeof TextareaClearButton;
+};
+export { type TextareaGroupProps } from './TextareaGroup';
+export { type TextareaLeadingIconProps } from './TextareaLeadingIcon';
+export { type TextareaTrailingIconProps } from './TextareaTrailingIcon';
+export { type TextareaClearButtonProps } from './TextareaClearButton';

package/dist/src/toast/Toast.d.ts

@@ -0,0 +1,4 @@
+import { ToastObject } from './types';
+export declare function Toast({ toast }: {
+    toast: ToastObject;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/toast/Toast.styles.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const toastStyles: (props?: ({
+    design?: "filled" | "tinted" | null | undefined;
+    intent?: "main" | "alert" | "error" | "support" | "accent" | "success" | "info" | "neutral" | "surface" | "surfaceInverse" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const snackbarItemVariantContent: (props?: ({
+    actionOnNewline?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ToastVariantProps = VariantProps<typeof toastStyles>;
+export type SnackbarItemVariantContentProps = VariantProps<typeof snackbarItemVariantContent>;

package/dist/src/toast/index.d.mts

@@ -0,0 +1,20 @@
+import { Toast as BaseToast } from '@base-ui/react/toast';
+import { ToastData, ToastObject } from './types';
+import { useToastManager } from './useToastManager';
+import * as React from 'react';
+export * from './types';
+interface ToastProviderProps extends React.ComponentProps<typeof BaseToast.Provider> {
+    children: React.ReactNode;
+}
+export declare function ToastProvider({ children, limit, ...props }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+interface ToastTriggerProps extends Omit<React.ComponentPropsWithRef<'button'>, 'title'>, Pick<ToastObject, 'priority'>, Pick<ToastData, 'design' | 'intent' | 'icon' | 'isClosable' | 'action' | 'compact'> {
+    children: React.ReactNode;
+    asChild?: boolean;
+    title: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    timeout?: number;
+}
+export declare function ToastTrigger({ children, onClick, asChild, title, description, timeout, design, intent, isClosable, icon, action, compact, priority, }: ToastTriggerProps): import("react/jsx-runtime").JSX.Element;
+export type ToastManager = ReturnType<typeof BaseToast.createToastManager>;
+export declare const createToastManager: () => ToastManager;
+export { useToastManager };

package/dist/src/toast/index.d.ts

@@ -0,0 +1,20 @@
+import { Toast as BaseToast } from '@base-ui/react/toast';
+import { ToastData, ToastObject } from './types';
+import { useToastManager } from './useToastManager';
+import * as React from 'react';
+export * from './types';
+interface ToastProviderProps extends React.ComponentProps<typeof BaseToast.Provider> {
+    children: React.ReactNode;
+}
+export declare function ToastProvider({ children, limit, ...props }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+interface ToastTriggerProps extends Omit<React.ComponentPropsWithRef<'button'>, 'title'>, Pick<ToastObject, 'priority'>, Pick<ToastData, 'design' | 'intent' | 'icon' | 'isClosable' | 'action' | 'compact'> {
+    children: React.ReactNode;
+    asChild?: boolean;
+    title: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    timeout?: number;
+}
+export declare function ToastTrigger({ children, onClick, asChild, title, description, timeout, design, intent, isClosable, icon, action, compact, priority, }: ToastTriggerProps): import("react/jsx-runtime").JSX.Element;
+export type ToastManager = ReturnType<typeof BaseToast.createToastManager>;
+export declare const createToastManager: () => ToastManager;
+export { useToastManager };

package/dist/src/toast/types.d.ts

@@ -0,0 +1,44 @@
+import { Toast as BaseToast } from '@base-ui/react/toast';
+import { ButtonProps } from '../../button';
+import * as React from 'react';
+export type ToastIntent = /** @deprecated Use 'info', 'success', 'alert', or 'error' instead */ 'main' | /** @deprecated Use 'info', 'success', 'alert', or 'error' instead */ 'support' | /** @deprecated Use 'info', 'success', 'alert', or 'error' instead */ 'accent' | 'success' | 'alert' | 'error' | 'info' | /** @deprecated Use 'info', 'success', 'alert', or 'error' instead */ 'neutral' | /** @deprecated Use 'info', 'success', 'alert', or 'error' instead */ 'surface' | /** @deprecated Use 'info', 'success', 'alert', or 'error' instead */ 'surfaceInverse';
+export type ToastDesign = 'tinted' | 'filled';
+export interface ToastData {
+    icon?: React.ReactNode;
+    /**
+     * @deprecated The design prop is deprecated. All toasts now use the 'tinted' design.
+     */
+    design?: ToastDesign;
+    intent?: ToastIntent;
+    isClosable?: boolean;
+    closeLabel?: string;
+    compact?: boolean;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: {
+        close?: boolean;
+        label: string;
+        onClick: () => void;
+    } & ButtonProps;
+}
+export type ToastObject = BaseToast.Root.ToastObject<ToastData>;
+export interface AddOptions extends Omit<ToastObject, 'id' | 'animation' | 'height' | 'ref' | 'limited' | 'title' | 'description'> {
+    id?: string;
+    title?: string | React.ReactNode;
+    description?: string | React.ReactNode;
+}
+type UpdateOptions = Partial<AddOptions>;
+interface PromiseOptions<Value> {
+    loading: string | UpdateOptions;
+    success: string | UpdateOptions | ((result: Value) => string | UpdateOptions);
+    error: string | UpdateOptions | ((error: any) => string | UpdateOptions);
+}
+export interface UseToastManagerReturnValue {
+    toasts: ToastObject[];
+    add: (options: AddOptions) => string;
+    update: (toastId: string, options: UpdateOptions) => void;
+    close: (toastId: string) => void;
+    promise: <Value>(promise: Promise<Value>, options: PromiseOptions<Value>) => Promise<Value>;
+    closeAll: () => void;
+}
+export {};

package/dist/src/toast/useRenderSlot.d.ts

@@ -0,0 +1,3 @@
+export declare function useRenderSlot(asChild: boolean, defaultTag: string): (({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element) | undefined;

package/dist/src/toast/useToastManager.d.ts

@@ -0,0 +1,2 @@
+import { UseToastManagerReturnValue } from './types';
+export declare function useToastManager(): UseToastManagerReturnValue;

package/dist/src/visually-hidden/VisuallyHidden.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, PropsWithChildren, Ref } from 'react';
+export type VisuallyHiddenProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLElement>;
+};
+export declare const VisuallyHidden: {
+    ({ asChild, ref, ...props }: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/visually-hidden/index.d.mts

@@ -0,0 +1 @@
+export * from './VisuallyHidden';

package/dist/src/visually-hidden/index.d.ts

@@ -0,0 +1 @@
+export * from './VisuallyHidden';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/components",
-  "version": "17.2.2",
+  "version": "17.2.3-beta.1",
   "license": "MIT",
   "description": "Spark (Leboncoin design system) components.",
   "exports": {
@@ -10,12 +10,12 @@
       "require": "./dist/index.js"
     },
     "./form-field": {
-      "types": "./dist/form-field/index.d.ts",
+      "types": "./dist/src/form-field/index.d.ts",
       "import": "./dist/form-field/index.mjs",
       "require": "./dist/form-field/index.js"
     },
     "./*": {
-      "types": "./dist/*/index.d.ts",
+      "types": "./dist/src/*/index.d.ts",
       "import": "./dist/*/index.mjs",
       "require": "./dist/*/index.js"
     }
@@ -23,7 +23,7 @@
   "typesVersions": {
     "*": {
       "*": [
-        "./dist/*/index.d.ts"
+        "./dist/src/*/index.d.ts"
       ]
     }
   },
@@ -53,9 +53,9 @@
     "@react-aria/toast": "^3.0.0-beta.18",
     "@react-stately/numberfield": "3.9.11",
     "@react-stately/toast": "^3.0.0-beta.7",
-    "@spark-ui/hooks": "^17.2.2",
-    "@spark-ui/icons": "^17.2.2",
-    "@spark-ui/internal-utils": "^17.2.2",
+    "@spark-ui/hooks": "^17.2.3-beta.1",
+    "@spark-ui/icons": "^17.2.3-beta.1",
+    "@spark-ui/internal-utils": "^17.2.3-beta.1",
     "@zag-js/pagination": "1.30.0",
     "@zag-js/react": "1.30.0",
     "class-variance-authority": "0.7.1",