@ark-ui/solid 3.2.1 → 3.3.0

package/dist/types/components/combobox/index.d.ts

@@ -12,6 +12,7 @@ export { ComboboxItemGroupLabel, type ComboboxItemGroupLabelProps, } from './com
 export { ComboboxItemIndicator, type ComboboxItemIndicatorProps } from './combobox-item-indicator';
 export { ComboboxItemText, type ComboboxItemTextProps } from './combobox-item-text';
 export { ComboboxLabel, type ComboboxLabelProps } from './combobox-label';
+export { ComboboxList, type ComboboxListProps } from './combobox-list';
 export { ComboboxPositioner, type ComboboxPositionerProps } from './combobox-positioner';
 export { ComboboxRoot, type ComboboxRootProps } from './combobox-root';
 export { ComboboxRootProvider, type ComboboxRootProviderProps } from './combobox-root-provider';

package/dist/types/components/index.d.ts

@@ -20,10 +20,12 @@ export * from './pin-input';
 export * from './popover';
 export * from './presence';
 export * from './progress';
+export * from './qr-code';
 export * from './radio-group';
 export * from './rating-group';
 export * from './segment-group';
 export * from './select';
+export * from './signature-pad';
 export * from './slider';
 export * from './splitter';
 export * from './switch';

package/dist/types/components/presence/split-presence-props.d.ts

@@ -1,2 +1,2 @@
 import type { UsePresenceProps } from './use-presence';
-export declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [Pick<T, Extract<("lazyMount" | "unmountOnExit" | "onExitComplete" | "present")[], readonly (keyof T)[]>[number]>, { [P in keyof T as Exclude<P, "lazyMount" | "unmountOnExit" | "onExitComplete" | "present">]: T[P]; }];
+export declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [Pick<T, Extract<("lazyMount" | "unmountOnExit" | "onExitComplete" | "present" | "immediate")[], readonly (keyof T)[]>[number]>, { [P in keyof T as Exclude<P, "lazyMount" | "unmountOnExit" | "onExitComplete" | "present" | "immediate">]: T[P]; }];

package/dist/types/components/qr-code/index.d.ts

@@ -0,0 +1,10 @@
+export type { QrCodeGenerateOptions, QrCodeGenerateResult } from '@zag-js/qr-code';
+export { QrCodeContext, type QrCodeContextProps } from './qr-code-context';
+export { QrCodeFrame, type QrCodeFrameProps } from './qr-code-frame';
+export { QrCodeOverlay, type QrCodeOverlayProps } from './qr-code-overlay';
+export { QrCodePattern, type QrCodePatternProps } from './qr-code-pattern';
+export { QrCodeRoot, type QrCodeRootProps } from './qr-code-root';
+export { QrCodeRootProvider, type QrCodeRootProviderProps } from './qr-code-root-provider';
+export { useQrCode, type UseQrCodeProps, type UseQrCodeReturn } from './use-qr-code';
+export { useQrCodeContext, type UseQrCodeContext } from './use-qr-code-context';
+export * as QrCode from './qr-code';

package/dist/types/components/qr-code/qr-code-context.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from 'solid-js';
+import { type UseQrCodeContext } from './use-qr-code-context';
+export interface QrCodeContextProps {
+    children: (context: UseQrCodeContext) => JSX.Element;
+}
+export declare const QrCodeContext: (props: QrCodeContextProps) => JSX.Element;

package/dist/types/components/qr-code/qr-code-frame.d.ts

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

package/dist/types/components/qr-code/qr-code-overlay.d.ts

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

package/dist/types/components/qr-code/qr-code-pattern.d.ts

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

package/dist/types/components/qr-code/qr-code-root-provider.d.ts

@@ -0,0 +1,9 @@
+import { type HTMLArkProps } from '../factory';
+import type { UseQrCodeReturn } from './use-qr-code';
+interface RootProviderProps {
+    value: UseQrCodeReturn;
+}
+export interface QrCodeRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const QrCodeRootProvider: (props: QrCodeRootProviderProps) => import("solid-js").JSX.Element;
+export {};

package/dist/types/components/qr-code/qr-code-root.d.ts

@@ -0,0 +1,6 @@
+import type { Assign } from '../../types';
+import { type HTMLArkProps } from '../factory';
+import { type UseQrCodeProps } from './use-qr-code';
+export interface QrCodeRootProps extends Assign<HTMLArkProps<'div'>, UseQrCodeProps> {
+}
+export declare const QrCodeRoot: (props: QrCodeRootProps) => import("solid-js").JSX.Element;

package/dist/types/components/qr-code/qr-code.d.ts

@@ -0,0 +1,7 @@
+export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult, } from '@zag-js/qr-code';
+export { QrCodeContext, type QrCodeContextProps } from './qr-code-context';
+export { QrCodeFrame as Frame, type QrCodeFrameProps as FrameProps } from './qr-code-frame';
+export { QrCodeOverlay as Overlay, type QrCodeOverlayProps as OverlayProps, } from './qr-code-overlay';
+export { QrCodePattern as Pattern, type QrCodePatternProps as PatternProps, } from './qr-code-pattern';
+export { QrCodeRoot as Root, type QrCodeRootProps as RootProps } from './qr-code-root';
+export { QrCodeRootProvider as RootProvider, type QrCodeRootProviderProps as RootProviderProps, } from './qr-code-root-provider';

package/dist/types/components/qr-code/use-qr-code-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseQrCodeReturn } from './use-qr-code';
+export interface UseQrCodeContext extends UseQrCodeReturn {
+}
+export declare const QrCodeProvider: import("solid-js").ContextProviderComponent<UseQrCodeContext>, useQrCodeContext: () => UseQrCodeContext;

package/dist/types/components/qr-code/use-qr-code.d.ts

@@ -0,0 +1,9 @@
+import * as qrCode from '@zag-js/qr-code';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
+import type { Optional } from '../../types';
+export interface UseQrCodeProps extends Optional<Omit<qrCode.Context, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseQrCodeReturn extends Accessor<qrCode.Api<PropTypes>> {
+}
+export declare const useQrCode: (props: UseQrCodeProps) => UseQrCodeReturn;

package/dist/types/components/select/index.d.ts

@@ -13,6 +13,7 @@ export { SelectItemGroupLabel, type SelectItemGroupLabelProps } from './select-i
 export { SelectItemIndicator, type SelectItemIndicatorProps } from './select-item-indicator';
 export { SelectItemText, type SelectItemTextProps } from './select-item-text';
 export { SelectLabel, type SelectLabelProps } from './select-label';
+export { SelectList, type SelectListProps } from './select-list';
 export { SelectPositioner, type SelectPositionerProps } from './select-positioner';
 export { SelectRoot, type SelectRootProps } from './select-root';
 export { SelectRootProvider, type SelectRootProviderProps } from './select-root-provider';

package/dist/types/components/select/select-list.d.ts

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

package/dist/types/components/select/select.d.ts

@@ -13,6 +13,7 @@ export { SelectItemGroupLabel as ItemGroupLabel, type SelectItemGroupLabelProps
 export { SelectItemIndicator as ItemIndicator, type SelectItemIndicatorProps as ItemIndicatorProps, } from './select-item-indicator';
 export { SelectItemText as ItemText, type SelectItemTextProps as ItemTextProps, } from './select-item-text';
 export { SelectLabel as Label, type SelectLabelProps as LabelProps } from './select-label';
+export { SelectList as List, type SelectListProps as ListProps } from './select-list';
 export { SelectPositioner as Positioner, type SelectPositionerProps as PositionerProps, } from './select-positioner';
 export { SelectRoot as Root, type SelectRootProps as RootProps } from './select-root';
 export { SelectRootProvider as RootProvider, type SelectRootProviderProps as RootProviderProps, } from './select-root-provider';

package/dist/types/components/signature-pad/index.d.ts

@@ -0,0 +1,12 @@
+export type { DrawDetails as SignaturePadDrawDetails, DrawEndDetails as SignaturePadDrawEndDetails, DrawingOptions as SignaturePadDrawingOptions, } from '@zag-js/signature-pad';
+export { SignaturePadClearTrigger, type SignaturePadClearTriggerProps, } from './signature-pad-clear-trigger';
+export { SignaturePadContext, type SignaturePadContextProps } from './signature-pad-context';
+export { SignaturePadControl, type SignaturePadControlProps } from './signature-pad-control';
+export { SignaturePadGuide, type SignaturePadGuideProps } from './signature-pad-guide';
+export { SignaturePadLabel, type SignaturePadLabelProps } from './signature-pad-label';
+export { SignaturePadRoot, type SignaturePadRootProps } from './signature-pad-root';
+export { SignaturePadRootProvider, type SignaturePadRootProviderProps, } from './signature-pad-root-provider';
+export { SignaturePadSegment, type SignaturePadSegmentProps } from './signature-pad-segment';
+export { useSignaturePad, type UseSignaturePadProps, type UseSignaturePadReturn, } from './use-signature-pad';
+export { useSignaturePadContext, type UseSignaturePadContext } from './use-signature-pad-context';
+export * as SignaturePad from './signature-pad';

package/dist/types/components/signature-pad/signature-pad-clear-trigger.d.ts

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

package/dist/types/components/signature-pad/signature-pad-context.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from 'solid-js';
+import { type UseSignaturePadContext } from './use-signature-pad-context';
+export interface SignaturePadContextProps {
+    children: (context: UseSignaturePadContext) => JSX.Element;
+}
+export declare const SignaturePadContext: (props: SignaturePadContextProps) => JSX.Element;

package/dist/types/components/signature-pad/signature-pad-control.d.ts

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

package/dist/types/components/signature-pad/signature-pad-guide.d.ts

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

package/dist/types/components/signature-pad/signature-pad-label.d.ts

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

package/dist/types/components/signature-pad/signature-pad-root-provider.d.ts

@@ -0,0 +1,9 @@
+import { type HTMLArkProps } from '../factory';
+import type { UseSignaturePadReturn } from './use-signature-pad';
+interface RootProviderProps {
+    value: UseSignaturePadReturn;
+}
+export interface SignaturePadRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const SignaturePadRootProvider: (props: SignaturePadRootProviderProps) => import("solid-js").JSX.Element;
+export {};

package/dist/types/components/signature-pad/signature-pad-root.d.ts

@@ -0,0 +1,6 @@
+import type { Assign } from '../../types';
+import { type HTMLArkProps } from '../factory';
+import { type UseSignaturePadProps } from './use-signature-pad';
+export interface SignaturePadRootProps extends Assign<HTMLArkProps<'div'>, UseSignaturePadProps> {
+}
+export declare const SignaturePadRoot: (props: SignaturePadRootProps) => import("solid-js").JSX.Element;

package/dist/types/components/signature-pad/signature-pad-segment.d.ts

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

package/dist/types/components/signature-pad/signature-pad.d.ts

@@ -0,0 +1,9 @@
+export type { DrawDetails, DrawEndDetails, DrawingOptions } from '@zag-js/signature-pad';
+export { SignaturePadClearTrigger as ClearTrigger, type SignaturePadClearTriggerProps as ClearTriggerProps, } from './signature-pad-clear-trigger';
+export { SignaturePadContext as Context, type SignaturePadContextProps as ContextProps, } from './signature-pad-context';
+export { SignaturePadControl as Control, type SignaturePadControlProps as ControlProps, } from './signature-pad-control';
+export { SignaturePadGuide as Guide, type SignaturePadGuideProps as GuideProps, } from './signature-pad-guide';
+export { SignaturePadLabel as Label, type SignaturePadLabelProps as LabelProps, } from './signature-pad-label';
+export { SignaturePadRoot as Root, type SignaturePadRootProps as RootProps, } from './signature-pad-root';
+export { SignaturePadRootProvider as RootProvider, type SignaturePadRootProviderProps as RootProviderProps, } from './signature-pad-root-provider';
+export { SignaturePadSegment as Segment, type SignaturePadSegmentProps as SegmentProps, } from './signature-pad-segment';

package/dist/types/components/signature-pad/use-signature-pad-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseSignaturePadReturn } from './use-signature-pad';
+export interface UseSignaturePadContext extends UseSignaturePadReturn {
+}
+export declare const SignaturePadProvider: import("solid-js").ContextProviderComponent<UseSignaturePadContext>, useSignaturePadContext: () => UseSignaturePadContext;

package/dist/types/components/signature-pad/use-signature-pad.d.ts

@@ -0,0 +1,9 @@
+import * as signaturePad from '@zag-js/signature-pad';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
+import type { Optional } from '../../types';
+export interface UseSignaturePadProps extends Optional<Omit<signaturePad.Context, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseSignaturePadReturn extends Accessor<signaturePad.Api<PropTypes>> {
+}
+export declare const useSignaturePad: (props: UseSignaturePadProps) => UseSignaturePadReturn;

package/dist/types/utils/use-controllable-state.d.ts

@@ -0,0 +1,7 @@
+import { type Accessor } from 'solid-js';
+export interface UseControllableStateProps<T> {
+    value?: Accessor<T | undefined>;
+    defaultValue?: Accessor<T | undefined> | T;
+    onChange?: (value: T) => void;
+}
+export declare function useControllableState<T>(props: UseControllableStateProps<T>): readonly [Accessor<T>, (next: Exclude<T, Function> | ((prev: T) => T)) => void];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "3.2.1",
+  "version": "3.3.0",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -26,6 +26,7 @@
     "rating group",
     "segment group",
     "select",
+    "signature pad",
     "slider",
     "splitter",
     "switch",
@@ -80,59 +81,59 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@ark-ui/anatomy": "^3.2.0",
-    "@zag-js/accordion": "0.54.0",
-    "@zag-js/avatar": "0.54.0",
-    "@zag-js/carousel": "0.54.0",
-    "@zag-js/checkbox": "0.54.0",
-    "@zag-js/clipboard": "0.54.0",
-    "@zag-js/collapsible": "0.54.0",
-    "@zag-js/color-picker": "0.54.0",
-    "@zag-js/combobox": "0.54.0",
-    "@zag-js/date-picker": "0.54.0",
-    "@zag-js/dialog": "0.54.0",
-    "@zag-js/dom-query": "0.54.0",
-    "@zag-js/editable": "0.54.0",
-    "@zag-js/file-upload": "0.54.0",
-    "@zag-js/hover-card": "0.54.0",
-    "@zag-js/file-utils": "0.54.0",
-    "@zag-js/i18n-utils": "0.54.0",
-    "@zag-js/menu": "0.54.0",
-    "@zag-js/number-input": "0.54.0",
-    "@zag-js/pagination": "0.54.0",
-    "@zag-js/pin-input": "0.54.0",
-    "@zag-js/popover": "0.54.0",
-    "@zag-js/presence": "0.54.0",
-    "@zag-js/progress": "0.54.0",
-    "@zag-js/radio-group": "0.54.0",
-    "@zag-js/rating-group": "0.54.0",
-    "@zag-js/select": "0.54.0",
-    "@zag-js/slider": "0.54.0",
-    "@zag-js/solid": "0.54.0",
-    "@zag-js/splitter": "0.54.0",
-    "@zag-js/switch": "0.54.0",
-    "@zag-js/tabs": "0.54.0",
-    "@zag-js/tags-input": "0.54.0",
-    "@zag-js/toast": "0.54.0",
-    "@zag-js/toggle-group": "0.54.0",
-    "@zag-js/tooltip": "0.54.0",
-    "@zag-js/tree-view": "0.54.0",
-    "@zag-js/types": "0.54.0"
+    "@ark-ui/anatomy": "^3.3.1",
+    "@zag-js/accordion": "0.56.1",
+    "@zag-js/avatar": "0.56.1",
+    "@zag-js/carousel": "0.56.1",
+    "@zag-js/checkbox": "0.56.1",
+    "@zag-js/clipboard": "0.56.1",
+    "@zag-js/collapsible": "0.56.1",
+    "@zag-js/color-picker": "0.56.1",
+    "@zag-js/combobox": "0.56.1",
+    "@zag-js/date-picker": "0.56.1",
+    "@zag-js/dialog": "0.56.1",
+    "@zag-js/dom-query": "0.56.1",
+    "@zag-js/editable": "0.56.1",
+    "@zag-js/file-upload": "0.56.1",
+    "@zag-js/hover-card": "0.56.1",
+    "@zag-js/file-utils": "0.56.1",
+    "@zag-js/i18n-utils": "0.56.1",
+    "@zag-js/menu": "0.56.1",
+    "@zag-js/number-input": "0.56.1",
+    "@zag-js/pagination": "0.56.1",
+    "@zag-js/pin-input": "0.56.1",
+    "@zag-js/popover": "0.56.1",
+    "@zag-js/presence": "0.56.1",
+    "@zag-js/progress": "0.56.1",
+    "@zag-js/qr-code": "0.56.1",
+    "@zag-js/radio-group": "0.56.1",
+    "@zag-js/rating-group": "0.56.1",
+    "@zag-js/select": "0.56.1",
+    "@zag-js/slider": "0.56.1",
+    "@zag-js/solid": "0.56.1",
+    "@zag-js/splitter": "0.56.1",
+    "@zag-js/switch": "0.56.1",
+    "@zag-js/tabs": "0.56.1",
+    "@zag-js/tags-input": "0.56.1",
+    "@zag-js/toast": "0.56.1",
+    "@zag-js/toggle-group": "0.56.1",
+    "@zag-js/tooltip": "0.56.1",
+    "@zag-js/tree-view": "0.56.1",
+    "@zag-js/types": "0.56.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.8.0",
+    "@biomejs/biome": "1.8.1",
     "@release-it/keep-a-changelog": "5.0.0",
     "@solidjs/testing-library": "0.8.8",
     "@storybook/addon-a11y": "8.1.6",
     "@storybook/addon-essentials": "8.1.6",
     "@testing-library/dom": "10.1.0",
-    "@testing-library/jest-dom": "6.4.5",
+    "@testing-library/jest-dom": "6.4.6",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.7",
-    "@types/testing-library__jest-dom": "5.14.9",
     "globby": "14.0.1",
     "jsdom": "24.1.0",
-    "lucide-solid": "0.383.0",
+    "lucide-solid": "0.394.0",
     "release-it": "17.3.0",
     "resize-observer-polyfill": "1.5.1",
     "rollup": "4.18.0",
@@ -142,7 +143,7 @@
     "storybook-solidjs": "1.0.0-beta.2",
     "storybook-solidjs-vite": "1.0.0-beta.2",
     "typescript": "5.4.5",
-    "vite": "5.2.12",
+    "vite": "5.2.13",
     "vite-plugin-solid": "2.10.2",
     "vitest": "1.6.0"
   },