@ilokesto/utilinent 0.0.20 → 0.0.22

package/README.md

@@ -23,7 +23,7 @@ pnpm add @ilokesto/utilinent
 기본적으로 다음 컴포넌트들을 가져와 사용할 수 있습니다.
 
 ```tsx
-import { Show, For, Repeat, Observer, OptionalWrapper } from '@ilokesto/utilinent';
+import { Show, For, Repeat, Observer, OptionalWrapper, useIntersectionObserver } from '@ilokesto/utilinent';
 ```
 
 #### `<Show>`
@@ -134,12 +134,35 @@ function Post({ post, withLink }) {
 }
 ```
 
+### 훅(Hooks)
+
+#### `useIntersectionObserver`
+
+Intersection Observer API를 React 훅으로 감싼 것입니다. 컴포넌트의 뷰포트 내 가시성을 추적하는 데 사용됩니다.
+
+**사용 예시:**
+
+```tsx
+import { useIntersectionObserver } from '@ilokesto/utilinent';
+import { useRef } from 'react';
+
+function MyComponent() {
+  const { ref, isIntersecting } = useIntersectionObserver({ threshold: 0.5 });
+
+  return (
+    <div ref={ref} style={{ transition: 'opacity 0.5s', opacity: isIntersecting ? 1 : 0.2 }}>
+      {isIntersecting ? '이제 화면에 보입니다!' : '화면 밖에 있습니다.'}
+    </div>
+  );
+}
+```
+
 ### 실험적 기능
 
 실험적인 컴포넌트 및 훅은 `experimental` 경로에서 가져올 수 있습니다. 이 기능들은 API가 변경될 수 있습니다.
 
 ```tsx
-import { Mount, Slacker, createSwitcher, useIntersectionObserver, Slot, Slottable } from '@ilokesto/utilinent/experimental';
+import { Mount, Slacker, createSwitcher, Slot, Slottable } from '@ilokesto/utilinent/experimental';
 ```
 
 #### `<Slot>` 및 `<Slottable>`
@@ -257,27 +280,6 @@ function Media() {
 }
 ```
 
-#### `useIntersectionObserver`
-
-Intersection Observer API를 React 훅으로 감싼 것입니다. 컴포넌트의 뷰포트 내 가시성을 추적하는 데 사용됩니다.
-
-**사용 예시:**
-
-```tsx
-import { useIntersectionObserver } from '@ilokesto/utilinent/experimental';
-import { useRef } from 'react';
-
-function MyComponent() {
-  const { ref, isIntersecting } = useIntersectionObserver({ threshold: 0.5 });
-
-  return (
-    <div ref={ref} style={{ transition: 'opacity 0.5s', opacity: isIntersecting ? 1 : 0.2 }}>
-      {isIntersecting ? '이제 화면에 보입니다!' : '화면 밖에 있습니다.'}
-    </div>
-  );
-}
-```
-
 ## 라이선스
 
 [MIT](./LICENSE)

package/dist/experimental.d.ts

@@ -2,4 +2,3 @@ export * from './experimental/Mount';
 export * from './experimental/Slacker';
 export * from './experimental/Switch';
 export * from './experimental/Slot';
-export * from './hooks/useIntersectionObserver';

package/dist/experimental.js

@@ -2,4 +2,3 @@ export * from './experimental/Mount';
 export * from './experimental/Slacker';
 export * from './experimental/Switch';
 export * from './experimental/Slot';
-export * from './hooks/useIntersectionObserver';

package/dist/index.d.ts

@@ -3,3 +3,4 @@ export * from './components/Observer';
 export * from './components/OptionalWrapper';
 export * from './components/Repeat';
 export * from './components/Show';
+export * from './hooks/useIntersectionObserver';

package/dist/index.js

@@ -3,3 +3,4 @@ export * from './components/Observer';
 export * from './components/OptionalWrapper';
 export * from './components/Repeat';
 export * from './components/Show';
+export * from './hooks/useIntersectionObserver';

package/dist/types/for.d.ts

@@ -5,7 +5,7 @@ export interface ForProps<T extends Array<unknown>> extends Fallback {
     children: (item: T[number], index: number) => React.ReactNode;
 }
 type ForTagHelper<K extends keyof JSX.IntrinsicElements> = {
-    <T extends Array<unknown>>(props: ForProps<T> & ComponentPropsWithRef<K>): React.ReactNode;
+    <T extends Array<unknown>>(props: ForProps<T> & Omit<ComponentPropsWithRef<K>, 'children'>): React.ReactNode;
 };
 export interface ForType {
     <T extends Array<unknown>>(props: ForProps<T>): React.ReactNode;

package/dist/types/show.d.ts

@@ -9,12 +9,12 @@ export interface ShowProps<T = unknown> extends Fallback {
     children: React.ReactNode | ((item: NonNullable<T>) => React.ReactNode);
 }
 type ShowTagHelper<K extends keyof JSX.IntrinsicElements> = {
-    <T extends unknown>(props: ShowProps<T> & ComponentPropsWithRef<K>): React.ReactNode;
     <T extends unknown[]>(props: ShowPropsArray<T> & ComponentPropsWithRef<K>): React.ReactNode;
+    <T extends unknown>(props: ShowProps<T> & ComponentPropsWithRef<K>): React.ReactNode;
 };
 export interface ShowType {
-    <T extends unknown>(props: ShowProps<T>): React.ReactNode;
     <T extends unknown[]>(props: ShowPropsArray<T>): React.ReactNode;
+    <T extends unknown>(props: ShowProps<T>): React.ReactNode;
     a: ShowTagHelper<"a">;
     abbr: ShowTagHelper<"abbr">;
     address: ShowTagHelper<"address">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilokesto/utilinent",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ilokesto/utilinent.git"