@spark-ui/components 13.1.2 → 13.1.4

package/dist/Input-N8AWWSmt.d.mts

@@ -0,0 +1,41 @@
+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;
+};
+
+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 InputGroupProps as I, type InputProps as a, InputGroup as b, Input as c };

package/dist/Input-N8AWWSmt.d.ts

@@ -0,0 +1,41 @@
+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;
+};
+
+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 InputGroupProps as I, type InputProps as a, InputGroup as b, Input as c };

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,73 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Accordion as Accordion$2 } from '@base-ui/react/accordion';
+import { ComponentProps, Ref } from 'react';
+
+type ExtentedZagInterface$3 = Omit<ComponentProps<typeof Accordion$2.Root>, 'multiple' | '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 the accordion items are disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether multiple items can be open at the same time.
+     */
+    multiple?: boolean;
+    design?: 'filled' | 'outlined';
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Accordion$1: {
+    ({ asChild, children, design, hiddenUntilFound, multiple, className, ref, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ExtentedZagInterface$2 = Omit<ComponentProps<typeof Accordion$2.Item>, 'render'>;
+interface AccordionItemProps extends ExtentedZagInterface$2 {
+    asChild?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Item: {
+    ({ asChild, className, children, ref, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ExtentedZagInterface$1 = Omit<ComponentProps<typeof Accordion$2.Panel>, 'render'>;
+interface AccordionItemContentProps extends ExtentedZagInterface$1 {
+    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;
+};
+
+type ExtentedZagInterface = Omit<ComponentProps<typeof Accordion$2.Trigger>, 'render'>;
+interface AccordionItemTriggerProps extends ExtentedZagInterface {
+    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 };

package/dist/accordion/index.d.ts

@@ -1,15 +1,73 @@
-import { Accordion as Root } from './Accordion';
-import { Item } from './AccordionItem';
-import { ItemContent } from './AccordionItemContent';
-import { ItemHeader } from './AccordionItemHeader';
-import { ItemTrigger } from './AccordionItemTrigger';
-export declare const Accordion: typeof Root & {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Accordion as Accordion$2 } from '@base-ui/react/accordion';
+import { ComponentProps, Ref } from 'react';
+
+type ExtentedZagInterface$3 = Omit<ComponentProps<typeof Accordion$2.Root>, 'multiple' | '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 the accordion items are disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether multiple items can be open at the same time.
+     */
+    multiple?: boolean;
+    design?: 'filled' | 'outlined';
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Accordion$1: {
+    ({ asChild, children, design, hiddenUntilFound, multiple, className, ref, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ExtentedZagInterface$2 = Omit<ComponentProps<typeof Accordion$2.Item>, 'render'>;
+interface AccordionItemProps extends ExtentedZagInterface$2 {
+    asChild?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Item: {
+    ({ asChild, className, children, ref, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ExtentedZagInterface$1 = Omit<ComponentProps<typeof Accordion$2.Panel>, 'render'>;
+interface AccordionItemContentProps extends ExtentedZagInterface$1 {
+    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;
+};
+
+type ExtentedZagInterface = Omit<ComponentProps<typeof Accordion$2.Trigger>, 'render'>;
+interface AccordionItemTriggerProps extends ExtentedZagInterface {
+    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 { type AccordionProps } from './Accordion';
-export { type AccordionItemHeaderProps } from './AccordionItemHeader';
-export { type AccordionItemContentProps } from './AccordionItemContent';
-export { type AccordionItemTriggerProps } from './AccordionItemTrigger';
+
+export { Accordion, type AccordionItemContentProps, type AccordionItemHeaderProps, type AccordionItemTriggerProps, type AccordionProps };