@ark-ui/react 3.6.2 → 3.8.0

package/dist/components/timer/timer-item.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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useTimerContext = require('./use-timer-context.cjs');
+
+const TimerItem = react.forwardRef((props, ref) => {
+  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["type"]);
+  const timer = useTimerContext.useTimerContext();
+  const mergedProps = react$1.mergeProps(timer.getItemProps(itemProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: timer.formattedTime[itemProps.type] });
+});
+TimerItem.displayName = "TimerItem";
+
+exports.TimerItem = TimerItem;

package/dist/components/timer/timer-item.d.cts

@@ -0,0 +1,9 @@
+import { ItemProps } from '@zag-js/timer';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface TimerItemBaseProps extends ItemProps, PolymorphicProps {
+}
+export interface TimerItemProps extends HTMLProps<'div'>, TimerItemBaseProps {
+}
+export declare const TimerItem: ForwardRefExoticComponent<TimerItemProps & RefAttributes<HTMLDivElement>>;

package/dist/components/timer/timer-item.d.ts

@@ -0,0 +1,9 @@
+import { ItemProps } from '@zag-js/timer';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface TimerItemBaseProps extends ItemProps, PolymorphicProps {
+}
+export interface TimerItemProps extends HTMLProps<'div'>, TimerItemBaseProps {
+}
+export declare const TimerItem: ForwardRefExoticComponent<TimerItemProps & RefAttributes<HTMLDivElement>>;

package/dist/components/timer/timer-item.js

@@ -0,0 +1,17 @@
+'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 { useTimerContext } from './use-timer-context.js';
+
+const TimerItem = forwardRef((props, ref) => {
+  const [itemProps, localProps] = createSplitProps()(props, ["type"]);
+  const timer = useTimerContext();
+  const mergedProps = mergeProps(timer.getItemProps(itemProps), localProps);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: timer.formattedTime[itemProps.type] });
+});
+TimerItem.displayName = "TimerItem";
+
+export { TimerItem };

package/dist/components/timer/timer-root-provider.cjs

@@ -0,0 +1,22 @@
+'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 useTimerContext = require('./use-timer-context.cjs');
+
+const TimerRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: timer }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+    const mergedProps = react$1.mergeProps(timer.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useTimerContext.TimerProvider, { value: timer, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+TimerRootProvider.displayName = "TimerRootProvider";
+
+exports.TimerRootProvider = TimerRootProvider;

package/dist/components/timer/timer-root-provider.d.cts

@@ -0,0 +1,13 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseTimerReturn } from './use-timer';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseTimerReturn;
+}
+export interface TimerRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface TimerRootProviderProps extends HTMLProps<'div'>, TimerRootProviderBaseProps {
+}
+export declare const TimerRootProvider: ForwardRefExoticComponent<TimerRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/timer/timer-root-provider.d.ts

@@ -0,0 +1,13 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseTimerReturn } from './use-timer';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseTimerReturn;
+}
+export interface TimerRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface TimerRootProviderProps extends HTMLProps<'div'>, TimerRootProviderBaseProps {
+}
+export declare const TimerRootProvider: ForwardRefExoticComponent<TimerRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/timer/timer-root-provider.js

@@ -0,0 +1,18 @@
+'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 { TimerProvider } from './use-timer-context.js';
+
+const TimerRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: timer }, localProps] = createSplitProps()(props, ["value"]);
+    const mergedProps = mergeProps(timer.getRootProps(), localProps);
+    return /* @__PURE__ */ jsx(TimerProvider, { value: timer, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  }
+);
+TimerRootProvider.displayName = "TimerRootProvider";
+
+export { TimerRootProvider };

package/dist/components/timer/timer-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 useTimer = require('./use-timer.cjs');
+const useTimerContext = require('./use-timer-context.cjs');
+
+const TimerRoot = react.forwardRef((props, ref) => {
+  const [useTimerProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "id",
+    "autoStart",
+    "interval",
+    "countdown",
+    "startMs",
+    "targetMs",
+    "onComplete",
+    "onTick"
+  ]);
+  const timer = useTimer.useTimer(useTimerProps);
+  const mergedProps = react$1.mergeProps(timer.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useTimerContext.TimerProvider, { value: timer, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+TimerRoot.displayName = "TimerRoot";
+
+exports.TimerRoot = TimerRoot;

package/dist/components/timer/timer-root.d.cts

@@ -0,0 +1,9 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseTimerProps } from './use-timer';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface TimerRootBaseProps extends UseTimerProps, PolymorphicProps {
+}
+export interface TimerRootProps extends HTMLProps<'div'>, TimerRootBaseProps {
+}
+export declare const TimerRoot: ForwardRefExoticComponent<TimerRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/timer/timer-root.d.ts

@@ -0,0 +1,9 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseTimerProps } from './use-timer';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface TimerRootBaseProps extends UseTimerProps, PolymorphicProps {
+}
+export interface TimerRootProps extends HTMLProps<'div'>, TimerRootBaseProps {
+}
+export declare const TimerRoot: ForwardRefExoticComponent<TimerRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/timer/timer-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 { useTimer } from './use-timer.js';
+import { TimerProvider } from './use-timer-context.js';
+
+const TimerRoot = forwardRef((props, ref) => {
+  const [useTimerProps, localProps] = createSplitProps()(props, [
+    "id",
+    "autoStart",
+    "interval",
+    "countdown",
+    "startMs",
+    "targetMs",
+    "onComplete",
+    "onTick"
+  ]);
+  const timer = useTimer(useTimerProps);
+  const mergedProps = mergeProps(timer.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(TimerProvider, { value: timer, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+TimerRoot.displayName = "TimerRoot";
+
+export { TimerRoot };

package/dist/components/timer/timer-separator.cjs

@@ -0,0 +1,19 @@
+'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 useTimerContext = require('./use-timer-context.cjs');
+
+const TimerSeparator = react.forwardRef((props, ref) => {
+  const timer = useTimerContext.useTimerContext();
+  const mergedProps = react$1.mergeProps(timer.getSeparatorProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+TimerSeparator.displayName = "TimerSeparator";
+
+exports.TimerSeparator = TimerSeparator;

package/dist/components/timer/timer-separator.d.cts

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface TimerSeparatorBaseProps extends PolymorphicProps {
+}
+export interface TimerSeparatorProps extends HTMLProps<'div'>, TimerSeparatorBaseProps {
+}
+export declare const TimerSeparator: ForwardRefExoticComponent<TimerSeparatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/timer/timer-separator.d.ts

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface TimerSeparatorBaseProps extends PolymorphicProps {
+}
+export interface TimerSeparatorProps extends HTMLProps<'div'>, TimerSeparatorBaseProps {
+}
+export declare const TimerSeparator: ForwardRefExoticComponent<TimerSeparatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/timer/timer-separator.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useTimerContext } from './use-timer-context.js';
+
+const TimerSeparator = forwardRef((props, ref) => {
+  const timer = useTimerContext();
+  const mergedProps = mergeProps(timer.getSeparatorProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+TimerSeparator.displayName = "TimerSeparator";
+
+export { TimerSeparator };

package/dist/components/timer/timer.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const timerContext = require('./timer-context.cjs');
+const timerActionTrigger = require('./timer-action-trigger.cjs');
+const timerItem = require('./timer-item.cjs');
+const timerSeparator = require('./timer-separator.cjs');
+const timerRoot = require('./timer-root.cjs');
+const timerRootProvider = require('./timer-root-provider.cjs');
+
+
+
+exports.Context = timerContext.TimerContext;
+exports.ActionTrigger = timerActionTrigger.TimerActionTrigger;
+exports.Item = timerItem.TimerItem;
+exports.Separator = timerSeparator.TimerSeparator;
+exports.Root = timerRoot.TimerRoot;
+exports.RootProvider = timerRootProvider.TimerRootProvider;

package/dist/components/timer/timer.d.cts

@@ -0,0 +1,6 @@
+export { TimerContext as Context, type TimerContextProps as ContextProps, } from './timer-context';
+export { TimerActionTrigger as ActionTrigger, type TimerActionTriggerBaseProps as ActionTriggerBaseProps, type TimerActionTriggerProps as ActionTriggerProps, } from './timer-action-trigger';
+export { TimerItem as Item, type TimerItemProps as ItemProps, type TimerItemBaseProps as ItemBaseProps, } from './timer-item';
+export { TimerSeparator as Separator, type TimerSeparatorProps as SeparatorProps, type TimerSeparatorBaseProps as SeparatorBaseProps, } from './timer-separator';
+export { TimerRoot as Root, type TimerRootProps as RootProps, type TimerRootBaseProps as RootBaseProps, } from './timer-root';
+export { TimerRootProvider as RootProvider, type TimerRootProviderProps as RootProviderBaseProps, type TimerRootProviderBaseProps as RootProviderProps, } from './timer-root-provider';

package/dist/components/timer/timer.d.ts

@@ -0,0 +1,6 @@
+export { TimerContext as Context, type TimerContextProps as ContextProps, } from './timer-context';
+export { TimerActionTrigger as ActionTrigger, type TimerActionTriggerBaseProps as ActionTriggerBaseProps, type TimerActionTriggerProps as ActionTriggerProps, } from './timer-action-trigger';
+export { TimerItem as Item, type TimerItemProps as ItemProps, type TimerItemBaseProps as ItemBaseProps, } from './timer-item';
+export { TimerSeparator as Separator, type TimerSeparatorProps as SeparatorProps, type TimerSeparatorBaseProps as SeparatorBaseProps, } from './timer-separator';
+export { TimerRoot as Root, type TimerRootProps as RootProps, type TimerRootBaseProps as RootBaseProps, } from './timer-root';
+export { TimerRootProvider as RootProvider, type TimerRootProviderProps as RootProviderBaseProps, type TimerRootProviderBaseProps as RootProviderProps, } from './timer-root-provider';

package/dist/components/timer/timer.js

@@ -0,0 +1,6 @@
+export { TimerContext as Context } from './timer-context.js';
+export { TimerActionTrigger as ActionTrigger } from './timer-action-trigger.js';
+export { TimerItem as Item } from './timer-item.js';
+export { TimerSeparator as Separator } from './timer-separator.js';
+export { TimerRoot as Root } from './timer-root.js';
+export { TimerRootProvider as RootProvider } from './timer-root-provider.js';

package/dist/components/timer/use-timer-context.cjs

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

package/dist/components/timer/use-timer-context.d.cts

@@ -0,0 +1,6 @@
+import { UseTimerReturn } from './use-timer';
+import { Provider } from 'react';
+
+export interface UseTimerContext extends UseTimerReturn {
+}
+export declare const TimerProvider: Provider<UseTimerContext>, useTimerContext: () => UseTimerContext;

package/dist/components/timer/use-timer-context.d.ts

@@ -0,0 +1,6 @@
+import { UseTimerReturn } from './use-timer';
+import { Provider } from 'react';
+
+export interface UseTimerContext extends UseTimerReturn {
+}
+export declare const TimerProvider: Provider<UseTimerContext>, useTimerContext: () => UseTimerContext;

package/dist/components/timer/use-timer-context.js

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

package/dist/components/timer/use-timer.cjs

@@ -0,0 +1,47 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react$1 = require('@zag-js/react');
+const timer = require('@zag-js/timer');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-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 timer__namespace = /*#__PURE__*/_interopNamespaceDefault(timer);
+
+const useTimer = (props) => {
+  const env = useEnvironmentContext.useEnvironmentContext();
+  const initialContext = {
+    id: react.useId(),
+    getRootNode: env.getRootNode,
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    onComplete: useEvent.useEvent(props.onComplete),
+    onTick: useEvent.useEvent(props.onTick)
+  };
+  const [state, send] = react$1.useMachine(timer__namespace.machine(initialContext), { context });
+  return timer__namespace.connect(state, send, react$1.normalizeProps);
+};
+
+exports.useTimer = useTimer;

package/dist/components/timer/use-timer.d.cts

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

package/dist/components/timer/use-timer.d.ts

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

package/dist/components/timer/use-timer.js

@@ -0,0 +1,24 @@
+'use client';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import * as timer from '@zag-js/timer';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
+import { useEvent } from '../../utils/use-event.js';
+
+const useTimer = (props) => {
+  const env = useEnvironmentContext();
+  const initialContext = {
+    id: useId(),
+    getRootNode: env.getRootNode,
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    onComplete: useEvent(props.onComplete),
+    onTick: useEvent(props.onTick)
+  };
+  const [state, send] = useMachine(timer.machine(initialContext), { context });
+  return timer.connect(state, send, normalizeProps);
+};
+
+export { useTimer };

package/dist/index.cjs

@@ -491,6 +491,15 @@ const timePickerTrigger = require('./components/time-picker/time-picker-trigger.
 const useTimePicker = require('./components/time-picker/use-time-picker.cjs');
 const useTimePickerContext = require('./components/time-picker/use-time-picker-context.cjs');
 const timePicker = require('./components/time-picker/time-picker.cjs');
+const timerContext = require('./components/timer/timer-context.cjs');
+const timerActionTrigger = require('./components/timer/timer-action-trigger.cjs');
+const timerItem = require('./components/timer/timer-item.cjs');
+const timerSeparator = require('./components/timer/timer-separator.cjs');
+const timerRoot = require('./components/timer/timer-root.cjs');
+const timerRootProvider = require('./components/timer/timer-root-provider.cjs');
+const useTimer = require('./components/timer/use-timer.cjs');
+const useTimerContext = require('./components/timer/use-timer-context.cjs');
+const timer = require('./components/timer/timer.cjs');
 const createToaster = require('./components/toast/create-toaster.cjs');
 const toastActionTrigger = require('./components/toast/toast-action-trigger.cjs');
 const toastCloseTrigger = require('./components/toast/toast-close-trigger.cjs');
@@ -1065,6 +1074,15 @@ exports.TimePickerTrigger = timePickerTrigger.TimePickerTrigger;
 exports.useTimePicker = useTimePicker.useTimePicker;
 exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
 exports.TimePicker = timePicker;
+exports.TimerContext = timerContext.TimerContext;
+exports.TimerActionTrigger = timerActionTrigger.TimerActionTrigger;
+exports.TimerItem = timerItem.TimerItem;
+exports.TimerSeparator = timerSeparator.TimerSeparator;
+exports.TimerRoot = timerRoot.TimerRoot;
+exports.TimerRootProvider = timerRootProvider.TimerRootProvider;
+exports.useTimer = useTimer.useTimer;
+exports.useTimerContext = useTimerContext.useTimerContext;
+exports.Timer = timer;
 exports.createToaster = createToaster.createToaster;
 exports.ToastActionTrigger = toastActionTrigger.ToastActionTrigger;
 exports.ToastCloseTrigger = toastCloseTrigger.ToastCloseTrigger;

package/dist/index.js

@@ -521,6 +521,16 @@ export { useTimePicker } from './components/time-picker/use-time-picker.js';
 export { useTimePickerContext } from './components/time-picker/use-time-picker-context.js';
 import * as timePicker from './components/time-picker/time-picker.js';
 export { timePicker as TimePicker };
+export { TimerContext } from './components/timer/timer-context.js';
+export { TimerActionTrigger } from './components/timer/timer-action-trigger.js';
+export { TimerItem } from './components/timer/timer-item.js';
+export { TimerSeparator } from './components/timer/timer-separator.js';
+export { TimerRoot } from './components/timer/timer-root.js';
+export { TimerRootProvider } from './components/timer/timer-root-provider.js';
+export { useTimer } from './components/timer/use-timer.js';
+export { useTimerContext } from './components/timer/use-timer-context.js';
+import * as timer from './components/timer/timer.js';
+export { timer as Timer };
 export { createToaster } from './components/toast/create-toaster.js';
 export { ToastActionTrigger } from './components/toast/toast-action-trigger.js';
 export { ToastCloseTrigger } from './components/toast/toast-close-trigger.js';

package/dist/utils/use-safe-layout-effect.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+const useSafeLayoutEffect = typeof window !== "undefined" ? react.useLayoutEffect : react.useEffect;
+
+exports.useSafeLayoutEffect = useSafeLayoutEffect;

package/dist/utils/use-safe-layout-effect.d.cts

@@ -0,0 +1,3 @@
+import { useLayoutEffect } from 'react';
+
+export declare const useSafeLayoutEffect: typeof useLayoutEffect;

package/dist/utils/use-safe-layout-effect.d.ts

@@ -0,0 +1,3 @@
+import { useLayoutEffect } from 'react';
+
+export declare const useSafeLayoutEffect: typeof useLayoutEffect;

package/dist/utils/use-safe-layout-effect.js

@@ -0,0 +1,6 @@
+'use client';
+import { useLayoutEffect, useEffect } from 'react';
+
+const useSafeLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+
+export { useSafeLayoutEffect };