@ark-ui/react 3.2.1 → 3.3.0

package/dist/components/signature-pad/signature-pad-guide.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSignaturePadContext } from './use-signature-pad-context.js';
+
+const SignaturePadGuide = forwardRef(
+  (props, ref) => {
+    const signaturePad = useSignaturePadContext();
+    const mergedProps = mergeProps(signaturePad.getGuideProps(), props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+SignaturePadGuide.displayName = "SignaturePadGuide";
+
+export { SignaturePadGuide };

package/dist/components/signature-pad/signature-pad-label.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useSignaturePadContext = require('./use-signature-pad-context.cjs');
+
+const SignaturePadLabel = react.forwardRef(
+  (props, ref) => {
+    const signaturePad = useSignaturePadContext.useSignaturePadContext();
+    const mergedProps = react$1.mergeProps(signaturePad.getLabelProps(), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
+  }
+);
+SignaturePadLabel.displayName = "SignaturePadLabel";
+
+exports.SignaturePadLabel = SignaturePadLabel;

package/dist/components/signature-pad/signature-pad-label.d.cts

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SignaturePadLabelProps extends HTMLArkProps<'label'> {
+}
+export declare const SignaturePadLabel: ForwardRefExoticComponent<SignaturePadLabelProps & RefAttributes<HTMLLabelElement>>;

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

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SignaturePadLabelProps extends HTMLArkProps<'label'> {
+}
+export declare const SignaturePadLabel: ForwardRefExoticComponent<SignaturePadLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/signature-pad/signature-pad-label.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSignaturePadContext } from './use-signature-pad-context.js';
+
+const SignaturePadLabel = forwardRef(
+  (props, ref) => {
+    const signaturePad = useSignaturePadContext();
+    const mergedProps = mergeProps(signaturePad.getLabelProps(), props);
+    return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
+  }
+);
+SignaturePadLabel.displayName = "SignaturePadLabel";
+
+export { SignaturePadLabel };

package/dist/components/signature-pad/signature-pad-root-provider.cjs

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useSignaturePadContext = require('./use-signature-pad-context.cjs');
+
+const SignaturePadRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: signaturePad }, localProps] = createSplitProps.createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = react$1.mergeProps(signaturePad.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useSignaturePadContext.SignaturePadProvider, { value: signaturePad, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+SignaturePadRootProvider.displayName = "SignaturePadRootProvider";
+
+exports.SignaturePadRootProvider = SignaturePadRootProvider;

package/dist/components/signature-pad/signature-pad-root-provider.d.cts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseSignaturePadReturn } from './use-signature-pad';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseSignaturePadReturn;
+}
+export interface SignaturePadRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const SignaturePadRootProvider: ForwardRefExoticComponent<SignaturePadRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseSignaturePadReturn } from './use-signature-pad';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseSignaturePadReturn;
+}
+export interface SignaturePadRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const SignaturePadRootProvider: ForwardRefExoticComponent<SignaturePadRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/signature-pad/signature-pad-root-provider.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { SignaturePadProvider } from './use-signature-pad-context.js';
+
+const SignaturePadRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: signaturePad }, localProps] = createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = mergeProps(signaturePad.getRootProps(), localProps);
+    return /* @__PURE__ */ jsx(SignaturePadProvider, { value: signaturePad, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  }
+);
+SignaturePadRootProvider.displayName = "SignaturePadRootProvider";
+
+export { SignaturePadRootProvider };

package/dist/components/signature-pad/signature-pad-root.cjs

@@ -0,0 +1,31 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useSignaturePad = require('./use-signature-pad.cjs');
+const useSignaturePadContext = require('./use-signature-pad-context.cjs');
+
+const SignaturePadRoot = react.forwardRef((props, ref) => {
+  const [useSignaturePadProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "id",
+    "ids",
+    "drawing",
+    "disabled",
+    "readOnly",
+    "name",
+    "onDraw",
+    "onDrawEnd"
+  ]);
+  const signaturePad = useSignaturePad.useSignaturePad(useSignaturePadProps);
+  const mergedProps = react$1.mergeProps(signaturePad.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useSignaturePadContext.SignaturePadProvider, { value: signaturePad, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+SignaturePadRoot.displayName = "SignaturePadRoot";
+
+exports.SignaturePadRoot = SignaturePadRoot;

package/dist/components/signature-pad/signature-pad-root.d.cts

@@ -0,0 +1,8 @@
+import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UseSignaturePadProps } from './use-signature-pad';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SignaturePadRootProps extends Assign<HTMLArkProps<'div'>, UseSignaturePadProps> {
+}
+export declare const SignaturePadRoot: ForwardRefExoticComponent<SignaturePadRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UseSignaturePadProps } from './use-signature-pad';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SignaturePadRootProps extends Assign<HTMLArkProps<'div'>, UseSignaturePadProps> {
+}
+export declare const SignaturePadRoot: ForwardRefExoticComponent<SignaturePadRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/signature-pad/signature-pad-root.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useSignaturePad } from './use-signature-pad.js';
+import { SignaturePadProvider } from './use-signature-pad-context.js';
+
+const SignaturePadRoot = forwardRef((props, ref) => {
+  const [useSignaturePadProps, localProps] = createSplitProps()(props, [
+    "id",
+    "ids",
+    "drawing",
+    "disabled",
+    "readOnly",
+    "name",
+    "onDraw",
+    "onDrawEnd"
+  ]);
+  const signaturePad = useSignaturePad(useSignaturePadProps);
+  const mergedProps = mergeProps(signaturePad.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(SignaturePadProvider, { value: signaturePad, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+SignaturePadRoot.displayName = "SignaturePadRoot";
+
+export { SignaturePadRoot };

package/dist/components/signature-pad/signature-pad-segment.cjs

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useSignaturePadContext = require('./use-signature-pad-context.cjs');
+
+const SignaturePadSegment = react.forwardRef(
+  (props, ref) => {
+    const signaturePad = useSignaturePadContext.useSignaturePadContext();
+    const mergedProps = react$1.mergeProps(signaturePad.getSegmentProps(), props);
+    return /* @__PURE__ */ jsxRuntime.jsxs(factory.ark.svg, { ...mergedProps, ref, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Signature" }),
+      signaturePad.paths.map((path, i) => /* @__PURE__ */ jsxRuntime.jsx("path", { ...signaturePad.getSegmentPathProps({ path }) }, i)),
+      signaturePad.currentPath && /* @__PURE__ */ jsxRuntime.jsx("path", { ...signaturePad.getSegmentPathProps({ path: signaturePad.currentPath }) })
+    ] });
+  }
+);
+SignaturePadSegment.displayName = "SignaturePadSegment";
+
+exports.SignaturePadSegment = SignaturePadSegment;

package/dist/components/signature-pad/signature-pad-segment.d.cts

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SignaturePadSegmentProps extends HTMLArkProps<'svg'> {
+}
+export declare const SignaturePadSegment: ForwardRefExoticComponent<SignaturePadSegmentProps & RefAttributes<SVGSVGElement>>;

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

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SignaturePadSegmentProps extends HTMLArkProps<'svg'> {
+}
+export declare const SignaturePadSegment: ForwardRefExoticComponent<SignaturePadSegmentProps & RefAttributes<SVGSVGElement>>;

package/dist/components/signature-pad/signature-pad-segment.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSignaturePadContext } from './use-signature-pad-context.js';
+
+const SignaturePadSegment = forwardRef(
+  (props, ref) => {
+    const signaturePad = useSignaturePadContext();
+    const mergedProps = mergeProps(signaturePad.getSegmentProps(), props);
+    return /* @__PURE__ */ jsxs(ark.svg, { ...mergedProps, ref, children: [
+      /* @__PURE__ */ jsx("title", { children: "Signature" }),
+      signaturePad.paths.map((path, i) => /* @__PURE__ */ jsx("path", { ...signaturePad.getSegmentPathProps({ path }) }, i)),
+      signaturePad.currentPath && /* @__PURE__ */ jsx("path", { ...signaturePad.getSegmentPathProps({ path: signaturePad.currentPath }) })
+    ] });
+  }
+);
+SignaturePadSegment.displayName = "SignaturePadSegment";
+
+export { SignaturePadSegment };

package/dist/components/signature-pad/signature-pad.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const signaturePadClearTrigger = require('./signature-pad-clear-trigger.cjs');
+const signaturePadContext = require('./signature-pad-context.cjs');
+const signaturePadControl = require('./signature-pad-control.cjs');
+const signaturePadGuide = require('./signature-pad-guide.cjs');
+const signaturePadLabel = require('./signature-pad-label.cjs');
+const signaturePadRoot = require('./signature-pad-root.cjs');
+const signaturePadRootProvider = require('./signature-pad-root-provider.cjs');
+const signaturePadSegment = require('./signature-pad-segment.cjs');
+
+
+
+exports.ClearTrigger = signaturePadClearTrigger.SignaturePadClearTrigger;
+exports.Context = signaturePadContext.SignaturePadContext;
+exports.Control = signaturePadControl.SignaturePadControl;
+exports.Guide = signaturePadGuide.SignaturePadGuide;
+exports.Label = signaturePadLabel.SignaturePadLabel;
+exports.Root = signaturePadRoot.SignaturePadRoot;
+exports.RootProvider = signaturePadRootProvider.SignaturePadRootProvider;
+exports.Segment = signaturePadSegment.SignaturePadSegment;

package/dist/components/signature-pad/signature-pad.d.cts

@@ -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/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/components/signature-pad/signature-pad.js

@@ -0,0 +1,8 @@
+export { SignaturePadClearTrigger as ClearTrigger } from './signature-pad-clear-trigger.js';
+export { SignaturePadContext as Context } from './signature-pad-context.js';
+export { SignaturePadControl as Control } from './signature-pad-control.js';
+export { SignaturePadGuide as Guide } from './signature-pad-guide.js';
+export { SignaturePadLabel as Label } from './signature-pad-label.js';
+export { SignaturePadRoot as Root } from './signature-pad-root.js';
+export { SignaturePadRootProvider as RootProvider } from './signature-pad-root-provider.js';
+export { SignaturePadSegment as Segment } from './signature-pad-segment.js';

package/dist/components/signature-pad/use-signature-pad-context.cjs

@@ -0,0 +1,17 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [SignaturePadProvider, useSignaturePadContext] = createContext.createContext(
+  {
+    name: "SignaturePadContext",
+    hookName: "useSignaturePadContext",
+    providerName: "<SignaturePadProvider />"
+  }
+);
+
+exports.SignaturePadProvider = SignaturePadProvider;
+exports.useSignaturePadContext = useSignaturePadContext;

package/dist/components/signature-pad/use-signature-pad-context.d.cts

@@ -0,0 +1,6 @@
+import { UseSignaturePadReturn } from './use-signature-pad';
+import { Provider } from 'react';
+
+export interface UseSignaturePadContext extends UseSignaturePadReturn {
+}
+export declare const SignaturePadProvider: Provider<UseSignaturePadContext>, useSignaturePadContext: () => UseSignaturePadContext;

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

@@ -0,0 +1,6 @@
+import { UseSignaturePadReturn } from './use-signature-pad';
+import { Provider } from 'react';
+
+export interface UseSignaturePadContext extends UseSignaturePadReturn {
+}
+export declare const SignaturePadProvider: Provider<UseSignaturePadContext>, useSignaturePadContext: () => UseSignaturePadContext;

package/dist/components/signature-pad/use-signature-pad-context.js

@@ -0,0 +1,12 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [SignaturePadProvider, useSignaturePadContext] = createContext(
+  {
+    name: "SignaturePadContext",
+    hookName: "useSignaturePadContext",
+    providerName: "<SignaturePadProvider />"
+  }
+);
+
+export { SignaturePadProvider, useSignaturePadContext };

package/dist/components/signature-pad/use-signature-pad.cjs

@@ -0,0 +1,51 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react$1 = require('@zag-js/react');
+const signaturePad = require('@zag-js/signature-pad');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+const useEvent = require('../../utils/use-event.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const signaturePad__namespace = /*#__PURE__*/_interopNamespaceDefault(signaturePad);
+
+const useSignaturePad = (props) => {
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const { dir } = useLocaleContext.useLocaleContext();
+  const initialContext = {
+    id: react.useId(),
+    dir,
+    getRootNode,
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    drawing: props.drawing,
+    onDraw: useEvent.useEvent(props.onDraw),
+    onDrawEnd: useEvent.useEvent(props.onDrawEnd)
+  };
+  const [state, send] = react$1.useMachine(signaturePad__namespace.machine(initialContext), { context });
+  return signaturePad__namespace.connect(state, send, react$1.normalizeProps);
+};
+
+exports.useSignaturePad = useSignaturePad;

package/dist/components/signature-pad/use-signature-pad.d.cts

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

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

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

package/dist/components/signature-pad/use-signature-pad.js

@@ -0,0 +1,28 @@
+'use client';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import * as signaturePad from '@zag-js/signature-pad';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+import { useEvent } from '../../utils/use-event.js';
+
+const useSignaturePad = (props) => {
+  const { getRootNode } = useEnvironmentContext();
+  const { dir } = useLocaleContext();
+  const initialContext = {
+    id: useId(),
+    dir,
+    getRootNode,
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    drawing: props.drawing,
+    onDraw: useEvent(props.onDraw),
+    onDrawEnd: useEvent(props.onDrawEnd)
+  };
+  const [state, send] = useMachine(signaturePad.machine(initialContext), { context });
+  return signaturePad.connect(state, send, normalizeProps);
+};
+
+export { useSignaturePad };

package/dist/components/tabs/tab-content.cjs

@@ -19,7 +19,8 @@ const TabContent = react.forwardRef((props, ref) => {
   const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
   const presence = usePresence.usePresence({
     ...renderStrategyProps,
-    present: tabs.value === props.value
+    present: tabs.value === props.value,
+    immediate: true
   });
   const mergedProps = react$1.mergeProps(
     tabs.getContentProps(contentProps),

package/dist/components/tabs/tab-content.js

@@ -15,7 +15,8 @@ const TabContent = forwardRef((props, ref) => {
   const renderStrategyProps = useRenderStrategyPropsContext();
   const presence = usePresence({
     ...renderStrategyProps,
-    present: tabs.value === props.value
+    present: tabs.value === props.value,
+    immediate: true
   });
   const mergedProps = mergeProps(
     tabs.getContentProps(contentProps),

package/dist/components/tree-view/use-tree-view-depth-context.d.cts

@@ -1,4 +1,3 @@
 import { Provider } from 'react';
-/// <reference types="react" />
 export type UseTreeViewDepthContext = number;
 export declare const TreeViewDepthProvider: Provider<number>, useTreeViewDepthContext: () => number;

package/dist/components/tree-view/use-tree-view-depth-context.d.ts

@@ -1,4 +1,3 @@
 import { Provider } from 'react';
-/// <reference types="react" />
 export type UseTreeViewDepthContext = number;
 export declare const TreeViewDepthProvider: Provider<number>, useTreeViewDepthContext: () => number;

package/dist/components/tree-view/use-tree-view.cjs

@@ -42,6 +42,8 @@ const useTreeView = (props = {}) => {
   };
   const context = {
     ...initialContext,
+    selectedValue: props.selectedValue,
+    expandedValue: props.expandedValue,
     onFocusChange: useEvent.useEvent(props.onFocusChange, { sync: true }),
     onExpandedChange: useEvent.useEvent(props.onExpandedChange),
     onSelectionChange: useEvent.useEvent(props.onSelectionChange)

package/dist/components/tree-view/use-tree-view.js

@@ -19,6 +19,8 @@ const useTreeView = (props = {}) => {
   };
   const context = {
     ...initialContext,
+    selectedValue: props.selectedValue,
+    expandedValue: props.expandedValue,
     onFocusChange: useEvent(props.onFocusChange, { sync: true }),
     onExpandedChange: useEvent(props.onExpandedChange),
     onSelectionChange: useEvent(props.onSelectionChange)