@ilokesto/utilinent 1.0.9 → 1.0.11

package/dist/components/For.d.ts

@@ -0,0 +1,2 @@
+import type { ForType } from "../types/for";
+export declare const For: ForType;

package/dist/components/For.js

@@ -0,0 +1,18 @@
+import { Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement, forwardRef } from "react";
+import { htmlTags } from "../constants/htmlTags";
+function BaseFor({ each, children, fallback = null, before, after, }) {
+    const content = each && each.length > 0 ? each.map(children) : fallback;
+    return (_jsxs(_Fragment, { children: [before, content, after] }));
+}
+const renderForTag = (tag) => 
+// forward ref so consumers can attach a ref to the underlying DOM element
+forwardRef(({ each, children, fallback = null, before, after, ...props }, ref) => {
+    const content = each && each.length > 0 ? each.map(children) : fallback;
+    return createElement(tag, { ...props, ref }, before, content, after);
+});
+const tagEntries = htmlTags.reduce((acc, tag) => {
+    acc[tag] = renderForTag(tag);
+    return acc;
+}, {});
+export const For = Object.assign(BaseFor, tagEntries);

package/dist/components/Show.d.ts

@@ -0,0 +1,2 @@
+import type { ShowType } from "../types/show";
+export declare const Show: ShowType;

package/dist/components/Show.js

@@ -0,0 +1,26 @@
+import { createElement, forwardRef } from "react";
+import { htmlTags } from "../constants/htmlTags";
+const BaseShow = ({ when, children, fallback = null }) => {
+    const shouldRender = Array.isArray(when) ? when.every(Boolean) : !!when;
+    return shouldRender
+        ? typeof children === "function"
+            ? children(when)
+            : children
+        : fallback;
+};
+const renderForTag = (tag) => 
+// forward ref so consumers like Observer can pass a ref to the real DOM element
+forwardRef(function Render({ when, children, fallback = null, ...props }, ref) {
+    const shouldRender = Array.isArray(when) ? when.every(Boolean) : !!when;
+    const content = shouldRender
+        ? typeof children === "function"
+            ? children(when)
+            : children
+        : fallback;
+    return createElement(tag, { ...props, ref }, content);
+});
+const tagEntries = htmlTags.reduce((acc, tag) => {
+    acc[tag] = renderForTag(tag);
+    return acc;
+}, {});
+export const Show = Object.assign(BaseShow, tagEntries);

package/dist/constants/htmlTags.d.ts

@@ -1,15 +1 @@
-/**
- * 지원되는 HTML 태그 목록
- * const assertion을 사용하여 타입 레벨에서도 활용 가능
- *
- * 제외된 태그:
- * - data: 일반적인 prop 이름과 충돌
- * - map: Array.prototype.map, Map 객체와 충돌
- * - var: JavaScript 예약어 (속성으로는 사용 가능하나 혼동 방지)
- * - s: 너무 짧고 흔한 변수명
- */
-export declare const htmlTags: readonly ["a", "abbr", "address", "article", "aside", "b", "bdi", "bdo", "blockquote", "button", "canvas", "cite", "code", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hr", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "mark", "menu", "meter", "nav", "ol", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "samp", "section", "select", "small", "span", "strong", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "u", "ul", "video"];
-/**
- * HTML 태그 이름의 유니온 타입
- */
-export type HtmlTag = typeof htmlTags[number];
+export declare const htmlTags: string[];

package/dist/constants/htmlTags.js

@@ -1,13 +1,3 @@
-/**
- * 지원되는 HTML 태그 목록
- * const assertion을 사용하여 타입 레벨에서도 활용 가능
- *
- * 제외된 태그:
- * - data: 일반적인 prop 이름과 충돌
- * - map: Array.prototype.map, Map 객체와 충돌
- * - var: JavaScript 예약어 (속성으로는 사용 가능하나 혼동 방지)
- * - s: 너무 짧고 흔한 변수명
- */
 export const htmlTags = [
-    "a", "abbr", "address", "article", "aside", "b", "bdi", "bdo", "blockquote", "button", "canvas", "cite", "code", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hr", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "mark", "menu", "meter", "nav", "ol", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "samp", "section", "select", "small", "span", "strong", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "u", "ul", "video"
+    "a", "abbr", "address", "article", "aside", "b", "bdi", "bdo", "blockquote", "button", "canvas", "cite", "code", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hr", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "menu", "meter", "nav", "ol", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "section", "select", "small", "span", "strong", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "u", "ul", "var", "video"
 ];

package/dist/types/for.d.ts

@@ -1,24 +1,100 @@
-import { ComponentPropsWithRef } from "react";
-import { Fallback, HtmlTagHelpers } from ".";
-/**
- * For 컴포넌트의 props 타입
- * each가 null/undefined이거나 빈 배열이면 fallback 렌더링
- */
+import { Fallback } from ".";
 export interface ForProps<T extends Array<unknown>> extends Fallback {
     each: T | null | undefined;
-    children: ((item: T[number], index: number) => React.ReactNode) | React.ReactNode;
+    children: (item: T[number], index: number) => React.ReactNode;
+    before?: React.ReactNode;
+    after?: React.ReactNode;
 }
-/**
- * 특정 HTML 태그를 위한 For 헬퍼 타입
- */
 type ForTagHelper<K extends keyof JSX.IntrinsicElements> = {
-    <T extends Array<unknown>>(props: ForProps<T> & Omit<ComponentPropsWithRef<K>, 'children'>): React.ReactNode;
+    <const T extends Array<unknown>>(props: ForProps<T> & Omit<React.ComponentPropsWithRef<K>, 'children'>): React.ReactNode;
 };
-/**
- * For 컴포넌트의 전체 타입
- * 기본 사용과 HTML 태그별 헬퍼를 모두 포함
- */
-export interface ForType extends HtmlTagHelpers<ForTagHelper<any>> {
-    <T extends Array<unknown>>(props: ForProps<T>): React.ReactNode;
+export interface ForType {
+    <const T extends Array<unknown>>(props: ForProps<T>): React.ReactNode;
+    a: ForTagHelper<"a">;
+    abbr: ForTagHelper<"abbr">;
+    address: ForTagHelper<"address">;
+    article: ForTagHelper<"article">;
+    aside: ForTagHelper<"aside">;
+    b: ForTagHelper<"b">;
+    bdi: ForTagHelper<"bdi">;
+    bdo: ForTagHelper<"bdo">;
+    blockquote: ForTagHelper<"blockquote">;
+    button: ForTagHelper<"button">;
+    canvas: ForTagHelper<"canvas">;
+    cite: ForTagHelper<"cite">;
+    code: ForTagHelper<"code">;
+    data: ForTagHelper<"data">;
+    datalist: ForTagHelper<"datalist">;
+    dd: ForTagHelper<"dd">;
+    del: ForTagHelper<"del">;
+    details: ForTagHelper<"details">;
+    dfn: ForTagHelper<"dfn">;
+    dialog: ForTagHelper<"dialog">;
+    div: ForTagHelper<"div">;
+    dl: ForTagHelper<"dl">;
+    dt: ForTagHelper<"dt">;
+    em: ForTagHelper<"em">;
+    fieldset: ForTagHelper<"fieldset">;
+    figcaption: ForTagHelper<"figcaption">;
+    figure: ForTagHelper<"figure">;
+    footer: ForTagHelper<"footer">;
+    form: ForTagHelper<"form">;
+    h1: ForTagHelper<"h1">;
+    h2: ForTagHelper<"h2">;
+    h3: ForTagHelper<"h3">;
+    h4: ForTagHelper<"h4">;
+    h5: ForTagHelper<"h5">;
+    h6: ForTagHelper<"h6">;
+    header: ForTagHelper<"header">;
+    hr: ForTagHelper<"hr">;
+    i: ForTagHelper<"i">;
+    img: ForTagHelper<"img">;
+    input: ForTagHelper<"input">;
+    ins: ForTagHelper<"ins">;
+    kbd: ForTagHelper<"kbd">;
+    label: ForTagHelper<"label">;
+    legend: ForTagHelper<"legend">;
+    li: ForTagHelper<"li">;
+    main: ForTagHelper<"main">;
+    map: ForTagHelper<"map">;
+    mark: ForTagHelper<"mark">;
+    menu: ForTagHelper<"menu">;
+    meter: ForTagHelper<"meter">;
+    nav: ForTagHelper<"nav">;
+    ol: ForTagHelper<"ol">;
+    option: ForTagHelper<"option">;
+    output: ForTagHelper<"output">;
+    p: ForTagHelper<"p">;
+    picture: ForTagHelper<"picture">;
+    pre: ForTagHelper<"pre">;
+    progress: ForTagHelper<"progress">;
+    q: ForTagHelper<"q">;
+    rp: ForTagHelper<"rp">;
+    rt: ForTagHelper<"rt">;
+    ruby: ForTagHelper<"ruby">;
+    s: ForTagHelper<"s">;
+    samp: ForTagHelper<"samp">;
+    section: ForTagHelper<"section">;
+    select: ForTagHelper<"select">;
+    small: ForTagHelper<"small">;
+    span: ForTagHelper<"span">;
+    strong: ForTagHelper<"strong">;
+    sub: ForTagHelper<"sub">;
+    summary: ForTagHelper<"summary">;
+    sup: ForTagHelper<"sup">;
+    table: ForTagHelper<"table">;
+    tbody: ForTagHelper<"tbody">;
+    td: ForTagHelper<"td">;
+    textarea: ForTagHelper<"textarea">;
+    tfoot: ForTagHelper<"tfoot">;
+    th: ForTagHelper<"th">;
+    thead: ForTagHelper<"thead">;
+    time: ForTagHelper<"time">;
+    tr: ForTagHelper<"tr">;
+    u: ForTagHelper<"u">;
+    ul: ForTagHelper<"ul">;
+    var: ForTagHelper<"var">;
+    video: ForTagHelper<"video">;
+    [x: string]: ForTagHelper<any>;
 }
 export {};

package/dist/types/index.d.ts

@@ -1,22 +1,10 @@
 import type { ReactElement } from "react";
-import type { HtmlTag } from "../constants/htmlTags";
 export interface Fallback {
     fallback?: React.ReactNode;
 }
 export type NonNullableElements<T extends readonly any[]> = {
     -readonly [P in keyof T]: NonNullable<T[P]>;
 };
-/**
- * HTML 태그별 헬퍼 타입을 자동 생성하는 유틸리티
- * @template Helper - 각 태그에 대한 헬퍼 타입
- */
-export type HtmlTagHelpers<Helper> = {
-    [K in HtmlTag]: Helper extends {
-        tag: infer _T;
-    } ? Helper : Helper;
-} & {
-    [x: string]: Helper;
-};
 export interface OptionalWrapperProps {
     when: boolean;
     children: React.ReactNode;

package/dist/types/repeat.d.ts

@@ -1,24 +1,99 @@
 import { ComponentPropsWithRef } from "react";
-import { Fallback, HtmlTagHelpers } from ".";
-/**
- * Repeat 컴포넌트의 props 타입
- * times만큼 children을 반복 렌더링
- */
+import { Fallback } from ".";
 export interface RepeatProps extends Fallback {
     times: number;
     children: (index: number) => React.ReactNode;
 }
-/**
- * 특정 HTML 태그를 위한 Repeat 헬퍼 타입
- */
 type RepeatTagHelper<K extends keyof JSX.IntrinsicElements> = {
     (props: RepeatProps & Omit<ComponentPropsWithRef<K>, "children">): React.ReactNode;
 };
-/**
- * Repeat 컴포넌트의 전체 타입
- * 기본 사용과 HTML 태그별 헬퍼를 모두 포함
- */
-export interface RepeatType extends HtmlTagHelpers<RepeatTagHelper<any>> {
+export interface RepeatType {
     (props: RepeatProps): React.ReactNode;
+    a: RepeatTagHelper<"a">;
+    abbr: RepeatTagHelper<"abbr">;
+    address: RepeatTagHelper<"address">;
+    article: RepeatTagHelper<"article">;
+    aside: RepeatTagHelper<"aside">;
+    b: RepeatTagHelper<"b">;
+    bdi: RepeatTagHelper<"bdi">;
+    bdo: RepeatTagHelper<"bdo">;
+    blockquote: RepeatTagHelper<"blockquote">;
+    button: RepeatTagHelper<"button">;
+    canvas: RepeatTagHelper<"canvas">;
+    cite: RepeatTagHelper<"cite">;
+    code: RepeatTagHelper<"code">;
+    data: RepeatTagHelper<"data">;
+    datalist: RepeatTagHelper<"datalist">;
+    dd: RepeatTagHelper<"dd">;
+    del: RepeatTagHelper<"del">;
+    details: RepeatTagHelper<"details">;
+    dfn: RepeatTagHelper<"dfn">;
+    dialog: RepeatTagHelper<"dialog">;
+    div: RepeatTagHelper<"div">;
+    dl: RepeatTagHelper<"dl">;
+    dt: RepeatTagHelper<"dt">;
+    em: RepeatTagHelper<"em">;
+    fieldset: RepeatTagHelper<"fieldset">;
+    figcaption: RepeatTagHelper<"figcaption">;
+    figure: RepeatTagHelper<"figure">;
+    footer: RepeatTagHelper<"footer">;
+    form: RepeatTagHelper<"form">;
+    h1: RepeatTagHelper<"h1">;
+    h2: RepeatTagHelper<"h2">;
+    h3: RepeatTagHelper<"h3">;
+    h4: RepeatTagHelper<"h4">;
+    h5: RepeatTagHelper<"h5">;
+    h6: RepeatTagHelper<"h6">;
+    header: RepeatTagHelper<"header">;
+    hr: RepeatTagHelper<"hr">;
+    i: RepeatTagHelper<"i">;
+    img: RepeatTagHelper<"img">;
+    input: RepeatTagHelper<"input">;
+    ins: RepeatTagHelper<"ins">;
+    kbd: RepeatTagHelper<"kbd">;
+    label: RepeatTagHelper<"label">;
+    legend: RepeatTagHelper<"legend">;
+    li: RepeatTagHelper<"li">;
+    main: RepeatTagHelper<"main">;
+    map: RepeatTagHelper<"map">;
+    mark: RepeatTagHelper<"mark">;
+    menu: RepeatTagHelper<"menu">;
+    meter: RepeatTagHelper<"meter">;
+    nav: RepeatTagHelper<"nav">;
+    ol: RepeatTagHelper<"ol">;
+    option: RepeatTagHelper<"option">;
+    output: RepeatTagHelper<"output">;
+    p: RepeatTagHelper<"p">;
+    picture: RepeatTagHelper<"picture">;
+    pre: RepeatTagHelper<"pre">;
+    progress: RepeatTagHelper<"progress">;
+    q: RepeatTagHelper<"q">;
+    rp: RepeatTagHelper<"rp">;
+    rt: RepeatTagHelper<"rt">;
+    ruby: RepeatTagHelper<"ruby">;
+    s: RepeatTagHelper<"s">;
+    samp: RepeatTagHelper<"samp">;
+    section: RepeatTagHelper<"section">;
+    select: RepeatTagHelper<"select">;
+    small: RepeatTagHelper<"small">;
+    span: RepeatTagHelper<"span">;
+    strong: RepeatTagHelper<"strong">;
+    sub: RepeatTagHelper<"sub">;
+    summary: RepeatTagHelper<"summary">;
+    sup: RepeatTagHelper<"sup">;
+    table: RepeatTagHelper<"table">;
+    tbody: RepeatTagHelper<"tbody">;
+    td: RepeatTagHelper<"td">;
+    textarea: RepeatTagHelper<"textarea">;
+    tfoot: RepeatTagHelper<"tfoot">;
+    th: RepeatTagHelper<"th">;
+    thead: RepeatTagHelper<"thead">;
+    time: RepeatTagHelper<"time">;
+    tr: RepeatTagHelper<"tr">;
+    u: RepeatTagHelper<"u">;
+    ul: RepeatTagHelper<"ul">;
+    var: RepeatTagHelper<"var">;
+    video: RepeatTagHelper<"video">;
+    [x: string]: RepeatTagHelper<any>;
 }
 export {};

package/dist/types/show.d.ts

@@ -1,35 +1,105 @@
 import { ComponentPropsWithRef } from "react";
-import { Fallback, HtmlTagHelpers, NonNullableElements } from "./";
-/**
- * Show 컴포넌트의 배열 props 타입
- * when이 배열인 경우 모든 요소가 truthy여야 렌더링
- */
+import { Fallback, NonNullableElements } from "./";
 export interface ShowPropsArray<T extends unknown[]> extends Fallback {
     when: T;
     children: React.ReactNode | ((item: NonNullableElements<T>) => React.ReactNode);
 }
-/**
- * Show 컴포넌트의 기본 props 타입
- * when이 truthy일 때 children 렌더링
- */
 export interface ShowProps<T = unknown> extends Fallback {
     when: T;
     children: React.ReactNode | ((item: NonNullable<T>) => React.ReactNode);
 }
-/**
- * 특정 HTML 태그를 위한 Show 헬퍼 타입
- * 배열과 단일 값 모두 지원
- */
 type ShowTagHelper<K extends keyof JSX.IntrinsicElements> = {
-    <T extends unknown[]>(props: Omit<ComponentPropsWithRef<K>, "children"> & ShowPropsArray<T>): React.ReactNode;
-    <T extends unknown>(props: Omit<ComponentPropsWithRef<K>, "children"> & ShowProps<T>): React.ReactNode;
+    <const T extends unknown[]>(props: Omit<ComponentPropsWithRef<K>, "children"> & ShowPropsArray<T>): React.ReactNode;
+    <const T extends unknown>(props: Omit<ComponentPropsWithRef<K>, "children"> & ShowProps<T>): React.ReactNode;
 };
-/**
- * Show 컴포넌트의 전체 타입
- * 기본 사용과 HTML 태그별 헬퍼를 모두 포함
- */
-export interface ShowType extends HtmlTagHelpers<ShowTagHelper<any>> {
-    <T extends unknown[]>(props: ShowPropsArray<T>): React.ReactNode;
-    <T extends unknown>(props: ShowProps<T>): React.ReactNode;
+export interface ShowType {
+    <const T extends unknown[]>(props: ShowPropsArray<T>): React.ReactNode;
+    <const T extends unknown>(props: ShowProps<T>): React.ReactNode;
+    a: ShowTagHelper<"a">;
+    abbr: ShowTagHelper<"abbr">;
+    address: ShowTagHelper<"address">;
+    article: ShowTagHelper<"article">;
+    aside: ShowTagHelper<"aside">;
+    b: ShowTagHelper<"b">;
+    bdi: ShowTagHelper<"bdi">;
+    bdo: ShowTagHelper<"bdo">;
+    blockquote: ShowTagHelper<"blockquote">;
+    button: ShowTagHelper<"button">;
+    canvas: ShowTagHelper<"canvas">;
+    cite: ShowTagHelper<"cite">;
+    code: ShowTagHelper<"code">;
+    data: ShowTagHelper<"data">;
+    datalist: ShowTagHelper<"datalist">;
+    dd: ShowTagHelper<"dd">;
+    del: ShowTagHelper<"del">;
+    details: ShowTagHelper<"details">;
+    dfn: ShowTagHelper<"dfn">;
+    dialog: ShowTagHelper<"dialog">;
+    div: ShowTagHelper<"div">;
+    dl: ShowTagHelper<"dl">;
+    dt: ShowTagHelper<"dt">;
+    em: ShowTagHelper<"em">;
+    fieldset: ShowTagHelper<"fieldset">;
+    figcaption: ShowTagHelper<"figcaption">;
+    figure: ShowTagHelper<"figure">;
+    footer: ShowTagHelper<"footer">;
+    form: ShowTagHelper<"form">;
+    h1: ShowTagHelper<"h1">;
+    h2: ShowTagHelper<"h2">;
+    h3: ShowTagHelper<"h3">;
+    h4: ShowTagHelper<"h4">;
+    h5: ShowTagHelper<"h5">;
+    h6: ShowTagHelper<"h6">;
+    header: ShowTagHelper<"header">;
+    hr: ShowTagHelper<"hr">;
+    i: ShowTagHelper<"i">;
+    img: ShowTagHelper<"img">;
+    input: ShowTagHelper<"input">;
+    ins: ShowTagHelper<"ins">;
+    kbd: ShowTagHelper<"kbd">;
+    label: ShowTagHelper<"label">;
+    legend: ShowTagHelper<"legend">;
+    li: ShowTagHelper<"li">;
+    main: ShowTagHelper<"main">;
+    map: ShowTagHelper<"map">;
+    mark: ShowTagHelper<"mark">;
+    menu: ShowTagHelper<"menu">;
+    meter: ShowTagHelper<"meter">;
+    nav: ShowTagHelper<"nav">;
+    ol: ShowTagHelper<"ol">;
+    option: ShowTagHelper<"option">;
+    output: ShowTagHelper<"output">;
+    p: ShowTagHelper<"p">;
+    picture: ShowTagHelper<"picture">;
+    pre: ShowTagHelper<"pre">;
+    progress: ShowTagHelper<"progress">;
+    q: ShowTagHelper<"q">;
+    rp: ShowTagHelper<"rp">;
+    rt: ShowTagHelper<"rt">;
+    ruby: ShowTagHelper<"ruby">;
+    s: ShowTagHelper<"s">;
+    samp: ShowTagHelper<"samp">;
+    section: ShowTagHelper<"section">;
+    select: ShowTagHelper<"select">;
+    small: ShowTagHelper<"small">;
+    span: ShowTagHelper<"span">;
+    strong: ShowTagHelper<"strong">;
+    sub: ShowTagHelper<"sub">;
+    summary: ShowTagHelper<"summary">;
+    sup: ShowTagHelper<"sup">;
+    table: ShowTagHelper<"table">;
+    tbody: ShowTagHelper<"tbody">;
+    td: ShowTagHelper<"td">;
+    textarea: ShowTagHelper<"textarea">;
+    tfoot: ShowTagHelper<"tfoot">;
+    th: ShowTagHelper<"th">;
+    thead: ShowTagHelper<"thead">;
+    time: ShowTagHelper<"time">;
+    tr: ShowTagHelper<"tr">;
+    u: ShowTagHelper<"u">;
+    ul: ShowTagHelper<"ul">;
+    var: ShowTagHelper<"var">;
+    video: ShowTagHelper<"video">;
+    [x: string]: ShowTagHelper<any>;
 }
 export {};

package/package.json

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

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

@@ -1,5 +0,0 @@
-import type { ForType } from "../../types/for";
-export declare const Forrable: ({ children }: {
-    children: React.ReactNode | ((...args: any[]) => React.ReactNode);
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const For: ForType;

package/dist/components/For/index.js

@@ -1,32 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { createElement, forwardRef } from "react";
-import { htmlTags } from "../../constants/htmlTags";
-import { processForrable } from "./processForrable";
-export const Forrable = ({ children }) => {
-    return _jsx(_Fragment, { children: children });
-};
-function BaseFor({ each, children, fallback = null, }) {
-    // children이 함수인 경우 (기존 방식)
-    if (typeof children === "function") {
-        const content = each && each.length > 0 ? each.map(children) : fallback;
-        return _jsx(_Fragment, { children: content });
-    }
-    // children이 ReactNode인 경우 (Forrable 패턴)
-    return _jsx(_Fragment, { children: processForrable(children, each, fallback) });
-}
-const renderForTag = (tag) => 
-// forward ref so consumers can attach a ref to the underlying DOM element
-forwardRef(({ each, children, fallback = null, ...props }, ref) => {
-    // children이 함수인 경우 (기존 방식)
-    if (typeof children === "function") {
-        const content = each && each.length > 0 ? each.map(children) : fallback;
-        return createElement(tag, { ...props, ref }, content);
-    }
-    // children이 ReactNode인 경우 (Forrable 패턴)
-    return createElement(tag, { ...props, ref }, processForrable(children, each, fallback));
-});
-const tagEntries = htmlTags.reduce((acc, tag) => {
-    acc[tag] = renderForTag(tag);
-    return acc;
-}, {});
-export const For = Object.assign(BaseFor, tagEntries);

package/dist/components/For/processForrable.d.ts

@@ -1,4 +0,0 @@
-/**
- * Forrable 패턴을 처리하는 공통 함수
- */
-export declare function processForrable<T extends Array<unknown>>(children: React.ReactNode, each: T | null | undefined, fallback: React.ReactNode): import("react").ReactNode;

package/dist/components/For/processForrable.js

@@ -1,28 +0,0 @@
-import { Children, isValidElement } from "react";
-import { Forrable } from ".";
-/**
- * Forrable 컴포넌트인지 확인하는 헬퍼 함수
- */
-function isForrable(child) {
-    return isValidElement(child) && child.type === Forrable;
-}
-/**
- * Forrable 패턴을 처리하는 공통 함수
- */
-export function processForrable(children, each, fallback) {
-    const childrenArray = Children.toArray(children);
-    const forrable = childrenArray.find(isForrable);
-    if (forrable) {
-        const forrableChildren = forrable.props.children;
-        if (typeof forrableChildren === "function") {
-            const content = each && each.length > 0 ? each.map(forrableChildren) : fallback;
-            return childrenArray.map((child) => {
-                if (child === forrable) {
-                    return content;
-                }
-                return child;
-            });
-        }
-    }
-    return children;
-}

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

@@ -1,11 +0,0 @@
-import type { ShowType } from "../../types/show";
-/**
- * Showable 컴포넌트는 실제로는 렌더링되지 않고,
- * Show 컴포넌트가 이를 찾아서 when 값을 전달하고 조건부 렌더링 처리
- * Forrable과 동일한 패턴
- */
-export declare const Showable: ({ children, fallback }: {
-    children: React.ReactNode | ((value: any) => React.ReactNode);
-    fallback?: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Show: ShowType;

package/dist/components/Show/index.js

@@ -1,25 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { createElement, forwardRef } from "react";
-import { htmlTags } from "../../constants/htmlTags";
-import { renderShowContent } from "./renderShowContent";
-/**
- * Showable 컴포넌트는 실제로는 렌더링되지 않고,
- * Show 컴포넌트가 이를 찾아서 when 값을 전달하고 조건부 렌더링 처리
- * Forrable과 동일한 패턴
- */
-export const Showable = ({ children, fallback = null }) => {
-    return _jsx(_Fragment, { children: children });
-};
-const BaseShow = ({ when, children, fallback = null }) => {
-    return _jsx(_Fragment, { children: renderShowContent(when, children, fallback) });
-};
-const renderForTag = (tag) => 
-// forward ref so consumers like Observer can pass a ref to the real DOM element
-forwardRef(function Render({ when, children, fallback = null, ...props }, ref) {
-    return createElement(tag, { ...props, ref }, renderShowContent(when, children, fallback));
-});
-const tagEntries = htmlTags.reduce((acc, tag) => {
-    acc[tag] = renderForTag(tag);
-    return acc;
-}, {});
-export const Show = Object.assign(BaseShow, tagEntries);

package/dist/components/Show/processShowable.d.ts

@@ -1,9 +0,0 @@
-/**
- * Showable 패턴을 처리하는 공통 함수
- *
- * Forrable과 동일한 패턴:
- * - Showable을 찾아서 when 값을 기반으로 조건부 렌더링
- * - 다른 children은 그대로 유지
- * - Showable 위치에 렌더링 결과 삽입
- */
-export declare function processShowable(children: React.ReactNode, when: any, fallback: React.ReactNode): import("react").ReactNode;

package/dist/components/Show/processShowable.js

@@ -1,45 +0,0 @@
-import { Children, isValidElement } from "react";
-import { Showable } from ".";
-/**
- * Showable 컴포넌트인지 확인하는 헬퍼 함수
- */
-function isShowable(child) {
-    return isValidElement(child) && child.type === Showable;
-}
-/**
- * Showable 패턴을 처리하는 공통 함수
- *
- * Forrable과 동일한 패턴:
- * - Showable을 찾아서 when 값을 기반으로 조건부 렌더링
- * - 다른 children은 그대로 유지
- * - Showable 위치에 렌더링 결과 삽입
- */
-export function processShowable(children, when, fallback) {
-    const childrenArray = Children.toArray(children);
-    const showable = childrenArray.find(isShowable);
-    const shouldRender = Array.isArray(when) ? when.every(Boolean) : !!when;
-    // Showable이 없으면 children 그대로 반환 (일반 children들)
-    if (!showable) {
-        return children;
-    }
-    // Showable을 찾아서 조건부 렌더링 처리
-    const showableChildren = showable.props.children;
-    const showableFallback = showable.props.fallback ?? fallback;
-    // when 조건에 따라 Showable의 content 결정
-    let showableContent;
-    if (typeof showableChildren === "function") {
-        // 함수인 경우: when 값을 전달하고 조건부 렌더링
-        showableContent = shouldRender ? showableChildren(when) : showableFallback;
-    }
-    else {
-        // ReactNode인 경우: 조건부 렌더링
-        showableContent = shouldRender ? showableChildren : showableFallback;
-    }
-    // children 배열에서 Showable만 교체
-    return childrenArray.map((child) => {
-        if (child === showable) {
-            return showableContent;
-        }
-        return child;
-    });
-}

package/dist/components/Show/renderShowContent.d.ts

@@ -1,8 +0,0 @@
-/**
- * children 렌더링을 처리하는 공통 함수
- *
- * 두 가지 사용 패턴:
- * 1. 함수 children: Show 자체가 조건부 렌더링 (<Show when={x}>{(val) => ...}</Show>)
- * 2. ReactNode children: Show는 항상 렌더링, Showable만 조건부 (<Show.div when={x}><Showable>...</Showable></Show.div>)
- */
-export declare function renderShowContent(when: any, children: React.ReactNode | ((value: any) => React.ReactNode), fallback: React.ReactNode): React.ReactNode;

package/dist/components/Show/renderShowContent.js

@@ -1,17 +0,0 @@
-import { processShowable } from "./processShowable";
-/**
- * children 렌더링을 처리하는 공통 함수
- *
- * 두 가지 사용 패턴:
- * 1. 함수 children: Show 자체가 조건부 렌더링 (<Show when={x}>{(val) => ...}</Show>)
- * 2. ReactNode children: Show는 항상 렌더링, Showable만 조건부 (<Show.div when={x}><Showable>...</Showable></Show.div>)
- */
-export function renderShowContent(when, children, fallback) {
-    // children이 함수인 경우 (기존 방식 - Show 자체가 조건부 렌더링)
-    if (typeof children === "function") {
-        const shouldRender = Array.isArray(when) ? when.every(Boolean) : !!when;
-        return shouldRender ? children(when) : fallback;
-    }
-    // children이 ReactNode인 경우 (Showable 패턴 - Show는 항상 렌더링, Showable만 조건부)
-    return processShowable(children, when, fallback);
-}