@ark-ui/solid 1.0.1 → 1.1.0

package/types/color-picker/index.d.ts

@@ -1,3 +1,4 @@
+import type { ColorFormat } from '@zag-js/color-picker';
 import { type ColorPickerProps } from './color-picker';
 import { ColorPickerArea, type ColorPickerAreaProps } from './color-picker-area';
 import { ColorPickerAreaBackground, type ColorPickerAreaBackgroundProps } from './color-picker-area-background';
@@ -12,15 +13,18 @@ import { ColorPickerContent, type ColorPickerContentProps } from './color-picker
 import { useColorPickerContext, type ColorPickerContext } from './color-picker-context';
 import { ColorPickerControl, type ColorPickerControlProps } from './color-picker-control';
 import { ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerProps } from './color-picker-eye-dropper-trigger';
+import { ColorPickerFormatSelect, type ColorPickerFormatSelectProps } from './color-picker-format-select';
+import { ColorPickerFormatTrigger, type ColorPickerFormatTriggerProps } from './color-picker-format-trigger';
 import { ColorPickerLabel, type ColorPickerLabelProps } from './color-picker-label';
 import { ColorPickerPositioner, type ColorPickerPositionerProps } from './color-picker-positioner';
 import { ColorPickerSwatch, type ColorPickerSwatchProps } from './color-picker-swatch';
 import { ColorPickerSwatchGroup, type ColorPickerSwatchGroupProps } from './color-picker-swatch-group';
+import { ColorPickerSwatchIndicator, type ColorPickerSwatchIndicatorProps } from './color-picker-swatch-indicator';
 import { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerProps } from './color-picker-swatch-trigger';
 import { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridProps } from './color-picker-transparency-grid';
 import { ColorPickerTrigger, type ColorPickerTriggerProps } from './color-picker-trigger';
 import { ColorPickerValueText, type ColorPickerValueTextProps } from './color-picker-value-text';
-import { type ColorPickerViewProps } from './color-picker-view';
+import { ColorPickerView, type ColorPickerViewProps } from './color-picker-view';
 declare const ColorPicker: ((props: ColorPickerProps) => import("solid-js").JSX.Element) & {
     Root: (props: ColorPickerProps) => import("solid-js").JSX.Element;
     Area: (props: ColorPickerAreaProps) => import("solid-js").JSX.Element;
@@ -33,15 +37,18 @@ declare const ColorPicker: ((props: ColorPickerProps) => import("solid-js").JSX.
     Content: (props: ColorPickerContentProps) => import("solid-js").JSX.Element;
     Control: (props: ColorPickerControlProps) => import("solid-js").JSX.Element;
     EyeDropperTrigger: (props: ColorPickerEyeDropperTriggerProps) => import("solid-js").JSX.Element;
+    FormatTrigger: (props: ColorPickerFormatTriggerProps) => import("solid-js").JSX.Element;
+    FormatSelect: (props: ColorPickerFormatSelectProps) => import("solid-js").JSX.Element;
     Label: (props: ColorPickerLabelProps) => import("solid-js").JSX.Element;
     Positioner: (props: ColorPickerPositionerProps) => import("solid-js").JSX.Element;
     Swatch: (props: ColorPickerSwatchProps) => import("solid-js").JSX.Element;
     SwatchGroup: (props: ColorPickerSwatchGroupProps) => import("solid-js").JSX.Element;
+    SwatchIndicator: (props: ColorPickerSwatchIndicatorProps) => import("solid-js").JSX.Element;
     SwatchTrigger: (props: ColorPickerSwatchTriggerProps) => import("solid-js").JSX.Element;
     TransparencyGrid: (props: ColorPickerTransparencyGridProps) => import("solid-js").JSX.Element;
     Trigger: (props: ColorPickerTriggerProps) => import("solid-js").JSX.Element;
     ValueText: (props: ColorPickerValueTextProps) => import("solid-js").JSX.Element;
     View: (props: ColorPickerViewProps) => import("solid-js").JSX.Element;
 };
-export { ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerContent, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerLabel, ColorPickerPositioner, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueText, useColorPickerAreaContext, useColorPickerChannelSliderContext, useColorPickerContext, };
-export type { ColorPickerAreaBackgroundProps, ColorPickerAreaContext, ColorPickerAreaProps, ColorPickerAreaThumbProps, ColorPickerChannelInputProps, ColorPickerChannelSliderContext, ColorPickerChannelSliderProps, ColorPickerChannelSliderThumbProps, ColorPickerChannelSliderTrackProps, ColorPickerContentProps, ColorPickerContext, ColorPickerControlProps, ColorPickerEyeDropperTriggerProps, ColorPickerLabelProps, ColorPickerPositionerProps, ColorPickerProps, ColorPickerSwatchGroupProps, ColorPickerSwatchProps, ColorPickerSwatchTriggerProps, ColorPickerTransparencyGridProps, ColorPickerTriggerProps, ColorPickerValueTextProps, ColorPickerViewProps, };
+export { ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerContent, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerLabel, ColorPickerPositioner, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueText, ColorPickerView, useColorPickerAreaContext, useColorPickerChannelSliderContext, useColorPickerContext, };
+export type { ColorFormat, ColorPickerAreaBackgroundProps, ColorPickerAreaContext, ColorPickerAreaProps, ColorPickerAreaThumbProps, ColorPickerChannelInputProps, ColorPickerChannelSliderContext, ColorPickerChannelSliderProps, ColorPickerChannelSliderThumbProps, ColorPickerChannelSliderTrackProps, ColorPickerContentProps, ColorPickerContext, ColorPickerControlProps, ColorPickerEyeDropperTriggerProps, ColorPickerFormatSelectProps, ColorPickerFormatTriggerProps, ColorPickerLabelProps, ColorPickerPositionerProps, ColorPickerProps, ColorPickerSwatchGroupProps, ColorPickerSwatchIndicatorProps, ColorPickerSwatchProps, ColorPickerSwatchTriggerProps, ColorPickerTransparencyGridProps, ColorPickerTriggerProps, ColorPickerValueTextProps, ColorPickerViewProps, };

package/types/color-picker/use-color-picker.d.ts

@@ -3,6 +3,9 @@ import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
 export interface UseColorPickerProps extends Optional<Omit<colorPicker.Context, 'value'>, 'id'> {
+    /**
+     * The current value of the color picker.
+     */
     value?: string;
 }
 export interface UseColorPickerReturn extends Accessor<colorPicker.Api<PropTypes>> {

package/types/file-upload/file-upload-context.d.ts

@@ -0,0 +1,4 @@
+import { type UseFileUploadReturn } from './use-file-upload';
+export interface FileUploadContext extends UseFileUploadReturn {
+}
+export declare const FileUploadProvider: import("solid-js").ContextProviderComponent<FileUploadContext>, useFileUploadContext: () => FileUploadContext;

package/types/file-upload/file-upload-dropzone.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface FileUploadDropzoneProps extends HTMLArkProps<'div'> {
+}
+export declare const FileUploadDropzone: (props: FileUploadDropzoneProps) => import("solid-js").JSX.Element;

package/types/file-upload/file-upload-item-context.d.ts

@@ -0,0 +1,4 @@
+import { type ItemProps } from '@zag-js/file-upload';
+export interface FileUploadItemContext extends ItemProps {
+}
+export declare const FileUploadItemProvider: import("solid-js").ContextProviderComponent<FileUploadItemContext>, useFileUploadItemContext: () => FileUploadItemContext;

package/types/file-upload/file-upload-item-delete-trigger.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface FileUploadItemDeleteTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const FileUploadItemDeleteTrigger: (props: FileUploadItemDeleteTriggerProps) => import("solid-js").JSX.Element;

package/types/file-upload/file-upload-item-group.d.ts

@@ -0,0 +1,8 @@
+import { type Accessor, type JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export interface FileUploadItemGroupProps extends Assign<HTMLArkProps<'ul'>, {
+    children?: JSX.Element | ((state: Accessor<File[]>) => JSX.Element);
+}> {
+}
+export declare const FileUploadItemGroup: (props: FileUploadItemGroupProps) => JSX.Element;

package/types/file-upload/file-upload-item-name.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface FileUploadItemNameProps extends HTMLArkProps<'div'> {
+}
+export declare const FileUploadItemName: (props: FileUploadItemNameProps) => import("solid-js").JSX.Element;

package/types/file-upload/file-upload-item-preview.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface FileUploadItemPreviewProps extends HTMLArkProps<'img'> {
+}
+export declare const FileUploadItemPreview: (props: FileUploadItemPreviewProps) => import("solid-js").JSX.Element;

package/types/file-upload/file-upload-item-size-text.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface FileUploadItemSizeTextProps extends HTMLArkProps<'div'> {
+}
+export declare const FileUploadItemSizeText: (props: FileUploadItemSizeTextProps) => import("solid-js").JSX.Element;

package/types/file-upload/file-upload-item.d.ts

@@ -0,0 +1,6 @@
+import type { ItemProps } from '@zag-js/file-upload';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export interface FileUploadItemProps extends Assign<HTMLArkProps<'li'>, ItemProps> {
+}
+export declare const FileUploadItem: (props: FileUploadItemProps) => import("solid-js").JSX.Element;

package/types/file-upload/file-upload-label.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface FileUploadLabelProps extends HTMLArkProps<'label'> {
+}
+export declare const FileUploadLabel: (props: FileUploadLabelProps) => import("solid-js").JSX.Element;

package/types/file-upload/file-upload-trigger.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface FileUploadTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const FileUploadTrigger: (props: FileUploadTriggerProps) => import("solid-js").JSX.Element;

package/types/file-upload/file-upload.d.ts

@@ -0,0 +1,9 @@
+import { type JSX } from 'solid-js/jsx-runtime';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import { type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload';
+export interface FileUploadProps extends Assign<HTMLArkProps<'div'>, UseFileUploadProps & {
+    children?: ((api: UseFileUploadReturn) => JSX.Element) | JSX.Element;
+}> {
+}
+export declare const FileUpload: (props: FileUploadProps) => JSX.Element;

package/types/file-upload/index.d.ts

@@ -0,0 +1,25 @@
+import { type FileUploadProps } from './file-upload';
+import { useFileUploadContext, type FileUploadContext } from './file-upload-context';
+import { FileUploadDropzone, type FileUploadDropzoneProps } from './file-upload-dropzone';
+import { FileUploadItem, type FileUploadItemProps } from './file-upload-item';
+import { FileUploadItemDeleteTrigger, type FileUploadItemDeleteTriggerProps } from './file-upload-item-delete-trigger';
+import { FileUploadItemGroup, type FileUploadItemGroupProps } from './file-upload-item-group';
+import { FileUploadItemName, type FileUploadItemNameProps } from './file-upload-item-name';
+import { FileUploadItemPreview, type FileUploadItemPreviewProps } from './file-upload-item-preview';
+import { FileUploadItemSizeText, type FileUploadItemSizeTextProps } from './file-upload-item-size-text';
+import { FileUploadLabel, type FileUploadLabelProps } from './file-upload-label';
+import { FileUploadTrigger, type FileUploadTriggerProps } from './file-upload-trigger';
+declare const FileUpload: ((props: FileUploadProps) => import("solid-js").JSX.Element) & {
+    Root: (props: FileUploadProps) => import("solid-js").JSX.Element;
+    Dropzone: (props: FileUploadDropzoneProps) => import("solid-js").JSX.Element;
+    Label: (props: FileUploadLabelProps) => import("solid-js").JSX.Element;
+    Trigger: (props: FileUploadTriggerProps) => import("solid-js").JSX.Element;
+    ItemGroup: (props: FileUploadItemGroupProps) => import("solid-js").JSX.Element;
+    Item: (props: FileUploadItemProps) => import("solid-js").JSX.Element;
+    ItemName: (props: FileUploadItemNameProps) => import("solid-js").JSX.Element;
+    ItemPreview: (props: FileUploadItemPreviewProps) => import("solid-js").JSX.Element;
+    ItemSizeText: (props: FileUploadItemSizeTextProps) => import("solid-js").JSX.Element;
+    ItemDeleteTrigger: (props: FileUploadItemDeleteTriggerProps) => import("solid-js").JSX.Element;
+};
+export { FileUpload, FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemSizeText, FileUploadLabel, FileUploadTrigger, useFileUploadContext, };
+export type { FileUploadContext, FileUploadDropzoneProps, FileUploadItemDeleteTriggerProps, FileUploadItemGroupProps, FileUploadItemNameProps, FileUploadItemPreviewProps, FileUploadItemProps, FileUploadItemSizeTextProps, FileUploadLabelProps, FileUploadProps, FileUploadTriggerProps, };

package/types/file-upload/use-file-upload.d.ts

@@ -0,0 +1,9 @@
+import * as fileUpload from '@zag-js/file-upload';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
+import { type Optional } from '../types';
+export interface UseFileUploadProps extends Optional<fileUpload.Context, 'id'> {
+}
+export interface UseFileUploadReturn extends Accessor<fileUpload.Api<PropTypes>> {
+}
+export declare const useFileUpload: (props: UseFileUploadProps) => UseFileUploadReturn;

package/types/index.d.ts

@@ -9,6 +9,7 @@ export * from './dialog';
 export * from './editable';
 export * from './environment';
 export * from './factory';
+export * from './file-upload';
 export * from './hover-card';
 export * from './menu';
 export * from './number-input';

package/types/number-input/number-input.d.ts

@@ -1,6 +1,9 @@
+import { type JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-import { type UseNumberInputProps } from './use-number-input';
-export interface NumberInputProps extends Assign<HTMLArkProps<'div'>, UseNumberInputProps> {
+import { type UseNumberInputProps, type UseNumberInputReturn } from './use-number-input';
+export interface NumberInputProps extends Assign<Assign<HTMLArkProps<'div'>, {
+    children?: JSX.Element | ((api: UseNumberInputReturn) => JSX.Element);
+}>, UseNumberInputProps> {
 }
-export declare const NumberInput: (props: NumberInputProps) => import("solid-js").JSX.Element;
+export declare const NumberInput: (props: NumberInputProps) => JSX.Element;

package/types/toast/create-toaster.d.ts

@@ -3,14 +3,15 @@ import * as toast from '@zag-js/toast';
 import { type Accessor, type JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Optional } from '../types';
+import { type Options } from './toast-context';
 type GroupContext = Partial<toast.GroupMachineContext>;
 export interface CreateToasterProps extends Omit<Optional<GroupContext, 'id'>, 'render'> {
     placement: toast.Placement;
-    render: (api: toast.Api<PropTypes>) => JSX.Element;
+    render: (api: Accessor<toast.Api<PropTypes, Options>>) => JSX.Element;
 }
 export type CreateToasterReturn = [
     (props: HTMLArkProps<'ol'>) => JSX.Element,
-    Accessor<toast.GroupApi<PropTypes>>
+    Accessor<toast.GroupApi<PropTypes, Options>>
 ];
 export declare const createToaster: (props: CreateToasterProps) => CreateToasterReturn;
 export {};

package/types/toast/toast-context.d.ts

@@ -1,6 +1,11 @@
 import type { PropTypes } from '@zag-js/solid';
 import * as toast from '@zag-js/toast';
-import type { Accessor } from 'solid-js';
-export interface ToastContext extends Accessor<toast.Api<PropTypes>> {
+import type { Accessor, JSX } from 'solid-js';
+export interface Options {
+    render: (api: Accessor<toast.Api<PropTypes, Options>>) => JSX.Element;
+    title: JSX.Element;
+    description: JSX.Element;
+}
+export interface ToastContext extends Accessor<toast.Api<PropTypes, Options>> {
 }
 export declare const ToastProvider: import("solid-js").ContextProviderComponent<ToastContext>, useToastContext: () => ToastContext;