@a-type/ui 6.1.38 → 6.1.40

package/src/components/textArea/TextArea.tsx

@@ -1,7 +1,7 @@
 import classNames from 'clsx';
 import { useCallback, useLayoutEffect, useRef, useState } from 'react';
-import { withClassName } from '../../hooks.js';
 import useMergedRef from '../../hooks/useMergedRef.js';
+import { withClassName } from '../../hooks/withClassName.js';
 import { Input, InputProps } from '../input/Input.js';
 import cls from './TextArea.module.css';
 

package/src/components/utility/HideWhileKeyboardOpen.tsx

@@ -1,25 +1,25 @@
-import clsx from 'clsx';
-import { HTMLAttributes } from 'react';
-import { useIsKeyboardOpen } from '../../hooks.js';
-import { SlotDiv } from './SlotDiv.js';
-
-export interface HideWhileKeyboardOpenProps
-	extends HTMLAttributes<HTMLDivElement> {}
-
-export const HideWhileKeyboardOpen = function HideWhileKeyboardOpen({
-	ref,
-	className,
-	...rest
-}: HideWhileKeyboardOpenProps & {
-	ref?: React.Ref<HTMLDivElement>;
-}) {
-	const isKeyboardOpen = useIsKeyboardOpen();
-
-	return (
-		<SlotDiv
-			ref={ref}
-			className={clsx(isKeyboardOpen && 'layer-responsive:hidden', className)}
-			{...rest}
-		/>
-	);
-};
+import clsx from 'clsx';
+import { HTMLAttributes } from 'react';
+import { useIsKeyboardOpen } from '../../hooks/useVisualViewportOffset.js';
+import { SlotDiv } from './SlotDiv.js';
+
+export interface HideWhileKeyboardOpenProps
+	extends HTMLAttributes<HTMLDivElement> {}
+
+export const HideWhileKeyboardOpen = function HideWhileKeyboardOpen({
+	ref,
+	className,
+	...rest
+}: HideWhileKeyboardOpenProps & {
+	ref?: React.Ref<HTMLDivElement>;
+}) {
+	const isKeyboardOpen = useIsKeyboardOpen();
+
+	return (
+		<SlotDiv
+			ref={ref}
+			className={clsx(isKeyboardOpen && 'layer-responsive:hidden', className)}
+			{...rest}
+		/>
+	);
+};

package/src/components/viewport/Viewport.tsx

@@ -10,8 +10,9 @@ import {
 	useState,
 } from 'react';
 import { createPortal } from 'react-dom';
-import { useSizeCssVars, useStableCallback } from '../../hooks.js';
 import useMergedRef from '../../hooks/useMergedRef.js';
+import { useSizeCssVars } from '../../hooks/useSize.js';
+import { useStableCallback } from '../../hooks/useStableCallback.js';
 import { Box, BoxProps } from '../box/Box.js';
 import {
 	useKeyboardControls,

package/src/hooks/useVisualViewportOffset.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { useConfig } from '../components/provider/Provider.js';
+import { useConfig } from '../systems/config.js';
 import { useStableCallback } from './useStableCallback.js';
 
 /**

package/src/systems/config.ts

@@ -0,0 +1,11 @@
+import { createContext, useContext } from 'react';
+
+export const ConfigContext = createContext<{
+	virtualKeyboardBehavior: 'overlay' | 'displace';
+}>({
+	virtualKeyboardBehavior: 'displace',
+});
+
+export function useConfig() {
+	return useContext(ConfigContext);
+}