@alneas/appkit-react 0.2.0 → 0.3.1

package/dist/tools/components/ui/dnd/Droppable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Droppable.cjs","names":["useDroppable","_Fragment","require_runtime","react_jsx_runtime","react","_dnd_kit_core","Droppable","children"],"sources":["../../../../../src/tools/components/ui/dnd/Droppable.tsx"],"sourcesContent":["import React from 'react';\nimport { useDroppable } from '@dnd-kit/core';\n\nexport interface DroppableProps {\n  /** 一意識別子 */\n  id: string;\n  /** ドロップイベントに付随させるデータ */\n  data?: Record<string, any>;\n  /** 無効化フラグ */\n  disabled?: boolean;\n  /** 子要素 */\n  children: (props: {\n    setNodeRef: (node: HTMLElement | null) => void;\n    isOver: boolean;\n  }) => React.ReactNode;\n}\n\n/**\n * ドロップ可能な領域を作成するコンポーネント\n */\nexport function Droppable({ id, data, disabled, children }: DroppableProps) {\n  const { isOver, setNodeRef } = useDroppable({\n    id,\n    data,\n    disabled,\n  });\n\n  return <>{children({ setNodeRef, isOver })}</>;\n}\n"],"mappings":"A,oPAoBA,SAAgBM,EAAU,CAAE,KAAI,OAAM,WAAU,YAA4B,CAC1E,GAAM,CAAE,SAAQ,eAAA,EAAeN,EAAAA,aAAAA,CAAa,CAC1C,KACA,OACA,UACF,CAAC,EAED,OAAO,EAAAG,EAAA,IAAA,CAAAF,EAAAA,SAAA,CAAA,SAAGM,EAAS,CAAE,aAAY,QAAO,CAAC,CAAI,CAAA,CAC/C,C"}
+{"version":3,"file":"Droppable.cjs","names":["useDroppable","pointerIntersection","_Fragment","react_jsx_runtime","_dnd_kit_react","_dnd_kit_collision","Droppable","children"],"sources":["../../../../../src/tools/components/ui/dnd/Droppable.tsx"],"sourcesContent":["import type {ReactNode} from 'react';\nimport {useDroppable} from '@dnd-kit/react';\nimport {pointerIntersection} from '@dnd-kit/collision';\n\n/** Native target options; ids must be unique within the provider. */\nexport interface DroppableProps {\n  /** Unique target identifier within the provider. */\n  id: string;\n  /** Native target.data payload. */\n  data?: Record<string, any>;\n  /**\n   * Exclude the target from collisions.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /** Render the target and attach the native registration ref. */\n  children: (props: {\n    /** Attach to the target element; pass null on removal. */\n    ref: (element: Element | null) => void;\n    /** Whether the native operation currently targets this registration. */\n    isDropTarget: boolean;\n  }) => ReactNode;\n}\n\n/**\n * Register a native drop target using pointer intersection, including keyboard coordinates.\n * @param props - Target id, optional target.data payload, disabled flag and renderer.\n * @returns The rendered target inside a fragment.\n * @remarks Requires the same native DnDProvider as its source. Outside drops do\n * not choose the nearest target. This registration does not persist host data.\n * @example\n * ```tsx\n * import {DnDProvider, Droppable} from '@alneas/appkit-react/tools/ui';\n * import '@alneas/appkit-react/styles';\n * export function TargetArea() {\n *   return <DnDProvider><Droppable id=\"archive\" data={{kind: 'folder'}}>\n *     {({ref, isDropTarget}) => <div ref={ref} data-over={isDropTarget}>Archive</div>}\n *   </Droppable></DnDProvider>;\n * }\n * ```\n */\nexport function Droppable({id, data, disabled, children}: DroppableProps) {\n  const {ref, isDropTarget} = useDroppable({id, data, disabled, collisionDetector: pointerIntersection});\n  return <>{children({ref, isDropTarget})}</>;\n}\n"],"mappings":"A,+KAyCA,SAAgBM,EAAU,CAAC,KAAI,OAAM,WAAU,YAA2B,CACxE,GAAM,CAAC,MAAK,iBAAA,EAAgBN,EAAAA,aAAAA,CAAa,CAAC,KAAI,OAAM,WAAU,kBAAmBC,EAAAA,mBAAmB,CAAC,EACrG,OAAO,EAAAE,EAAA,IAAA,CAAAD,EAAAA,SAAA,CAAA,SAAGK,EAAS,CAAC,MAAK,cAAY,CAAC,CAAI,CAAA,CAC5C,C"}

package/dist/tools/components/ui/dnd/Droppable.d.cts

@@ -1,18 +1,38 @@
-import { default as React } from 'react';
+import { ReactNode } from 'react';
+/** Native target options; ids must be unique within the provider. */
 export interface DroppableProps {
-    /** 一意識別子 */
+    /** Unique target identifier within the provider. */
     id: string;
-    /** ドロップイベントに付随させるデータ */
+    /** Native target.data payload. */
     data?: Record<string, any>;
-    /** 無効化フラグ */
+    /**
+     * Exclude the target from collisions.
+     * @defaultValue false
+     */
     disabled?: boolean;
-    /** 子要素 */
+    /** Render the target and attach the native registration ref. */
     children: (props: {
-        setNodeRef: (node: HTMLElement | null) => void;
-        isOver: boolean;
-    }) => React.ReactNode;
+        /** Attach to the target element; pass null on removal. */
+        ref: (element: Element | null) => void;
+        /** Whether the native operation currently targets this registration. */
+        isDropTarget: boolean;
+    }) => ReactNode;
 }
 /**
- * ドロップ可能な領域を作成するコンポーネント
+ * Register a native drop target using pointer intersection, including keyboard coordinates.
+ * @param props - Target id, optional target.data payload, disabled flag and renderer.
+ * @returns The rendered target inside a fragment.
+ * @remarks Requires the same native DnDProvider as its source. Outside drops do
+ * not choose the nearest target. This registration does not persist host data.
+ * @example
+ * ```tsx
+ * import {DnDProvider, Droppable} from '@alneas/appkit-react/tools/ui';
+ * import '@alneas/appkit-react/styles';
+ * export function TargetArea() {
+ *   return <DnDProvider><Droppable id="archive" data={{kind: 'folder'}}>
+ *     {({ref, isDropTarget}) => <div ref={ref} data-over={isDropTarget}>Archive</div>}
+ *   </Droppable></DnDProvider>;
+ * }
+ * ```
  */
-export declare function Droppable({ id, data, disabled, children }: DroppableProps): React.JSX.Element;
+export declare function Droppable({ id, data, disabled, children }: DroppableProps): import('react').JSX.Element;

package/dist/tools/components/ui/dnd/Droppable.d.ts

@@ -1,18 +1,38 @@
-import { default as React } from 'react';
+import { ReactNode } from 'react';
+/** Native target options; ids must be unique within the provider. */
 export interface DroppableProps {
-    /** 一意識別子 */
+    /** Unique target identifier within the provider. */
     id: string;
-    /** ドロップイベントに付随させるデータ */
+    /** Native target.data payload. */
     data?: Record<string, any>;
-    /** 無効化フラグ */
+    /**
+     * Exclude the target from collisions.
+     * @defaultValue false
+     */
     disabled?: boolean;
-    /** 子要素 */
+    /** Render the target and attach the native registration ref. */
     children: (props: {
-        setNodeRef: (node: HTMLElement | null) => void;
-        isOver: boolean;
-    }) => React.ReactNode;
+        /** Attach to the target element; pass null on removal. */
+        ref: (element: Element | null) => void;
+        /** Whether the native operation currently targets this registration. */
+        isDropTarget: boolean;
+    }) => ReactNode;
 }
 /**
- * ドロップ可能な領域を作成するコンポーネント
+ * Register a native drop target using pointer intersection, including keyboard coordinates.
+ * @param props - Target id, optional target.data payload, disabled flag and renderer.
+ * @returns The rendered target inside a fragment.
+ * @remarks Requires the same native DnDProvider as its source. Outside drops do
+ * not choose the nearest target. This registration does not persist host data.
+ * @example
+ * ```tsx
+ * import {DnDProvider, Droppable} from '@alneas/appkit-react/tools/ui';
+ * import '@alneas/appkit-react/styles';
+ * export function TargetArea() {
+ *   return <DnDProvider><Droppable id="archive" data={{kind: 'folder'}}>
+ *     {({ref, isDropTarget}) => <div ref={ref} data-over={isDropTarget}>Archive</div>}
+ *   </Droppable></DnDProvider>;
+ * }
+ * ```
  */
-export declare function Droppable({ id, data, disabled, children }: DroppableProps): React.JSX.Element;
+export declare function Droppable({ id, data, disabled, children }: DroppableProps): import('react').JSX.Element;

package/dist/tools/components/ui/dnd/Droppable.js

@@ -1,20 +1,21 @@
 "use client";
 import { Fragment as e, jsx as t } from "react/jsx-runtime";
-import "react";
-import { useDroppable as n } from "@dnd-kit/core";
+import { useDroppable as n } from "@dnd-kit/react";
+import { pointerIntersection as r } from "@dnd-kit/collision";
 //#region src/tools/components/ui/dnd/Droppable.tsx
-function r({ id: r, data: i, disabled: a, children: o }) {
-	let { isOver: s, setNodeRef: c } = n({
-		id: r,
-		data: i,
-		disabled: a
+function i({ id: i, data: a, disabled: o, children: s }) {
+	let { ref: c, isDropTarget: l } = n({
+		id: i,
+		data: a,
+		disabled: o,
+		collisionDetector: r
 	});
-	return /* @__PURE__ */ t(e, { children: o({
-		setNodeRef: c,
-		isOver: s
+	return /* @__PURE__ */ t(e, { children: s({
+		ref: c,
+		isDropTarget: l
 	}) });
 }
 //#endregion
-export { r as Droppable };
+export { i as Droppable };
 
 //# sourceMappingURL=Droppable.js.map

package/dist/tools/components/ui/dnd/Droppable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Droppable.js","names":["_Fragment","Droppable","useDroppable","Fragment","children"],"sources":["../../../../../src/tools/components/ui/dnd/Droppable.tsx"],"sourcesContent":["import React from 'react';\nimport { useDroppable } from '@dnd-kit/core';\n\nexport interface DroppableProps {\n  /** 一意識別子 */\n  id: string;\n  /** ドロップイベントに付随させるデータ */\n  data?: Record<string, any>;\n  /** 無効化フラグ */\n  disabled?: boolean;\n  /** 子要素 */\n  children: (props: {\n    setNodeRef: (node: HTMLElement | null) => void;\n    isOver: boolean;\n  }) => React.ReactNode;\n}\n\n/**\n * ドロップ可能な領域を作成するコンポーネント\n */\nexport function Droppable({ id, data, disabled, children }: DroppableProps) {\n  const { isOver, setNodeRef } = useDroppable({\n    id,\n    data,\n    disabled,\n  });\n\n  return <>{children({ setNodeRef, isOver })}</>;\n}\n"],"mappings":";;;;;AAoBA,SAAgBC,EAAU,EAAE,OAAI,SAAM,aAAU,eAA4B;CAC1E,IAAM,EAAE,WAAQ,kBAAeC,EAAa;EAC1C;EACA;EACA;CACF,CAAC;CAED,OAAO,kBAAAF,GAAA,EAAA,UAAGI,EAAS;EAAE;EAAY;CAAO,CAAC,EAAI,CAAA;AAC/C"}
+{"version":3,"file":"Droppable.js","names":["_Fragment","Droppable","useDroppable","pointerIntersection","Fragment","children"],"sources":["../../../../../src/tools/components/ui/dnd/Droppable.tsx"],"sourcesContent":["import type {ReactNode} from 'react';\nimport {useDroppable} from '@dnd-kit/react';\nimport {pointerIntersection} from '@dnd-kit/collision';\n\n/** Native target options; ids must be unique within the provider. */\nexport interface DroppableProps {\n  /** Unique target identifier within the provider. */\n  id: string;\n  /** Native target.data payload. */\n  data?: Record<string, any>;\n  /**\n   * Exclude the target from collisions.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /** Render the target and attach the native registration ref. */\n  children: (props: {\n    /** Attach to the target element; pass null on removal. */\n    ref: (element: Element | null) => void;\n    /** Whether the native operation currently targets this registration. */\n    isDropTarget: boolean;\n  }) => ReactNode;\n}\n\n/**\n * Register a native drop target using pointer intersection, including keyboard coordinates.\n * @param props - Target id, optional target.data payload, disabled flag and renderer.\n * @returns The rendered target inside a fragment.\n * @remarks Requires the same native DnDProvider as its source. Outside drops do\n * not choose the nearest target. This registration does not persist host data.\n * @example\n * ```tsx\n * import {DnDProvider, Droppable} from '@alneas/appkit-react/tools/ui';\n * import '@alneas/appkit-react/styles';\n * export function TargetArea() {\n *   return <DnDProvider><Droppable id=\"archive\" data={{kind: 'folder'}}>\n *     {({ref, isDropTarget}) => <div ref={ref} data-over={isDropTarget}>Archive</div>}\n *   </Droppable></DnDProvider>;\n * }\n * ```\n */\nexport function Droppable({id, data, disabled, children}: DroppableProps) {\n  const {ref, isDropTarget} = useDroppable({id, data, disabled, collisionDetector: pointerIntersection});\n  return <>{children({ref, isDropTarget})}</>;\n}\n"],"mappings":";;;;;AAyCA,SAAgBC,EAAU,EAAC,OAAI,SAAM,aAAU,eAA2B;CACxE,IAAM,EAAC,QAAK,oBAAgBC,EAAa;EAAC;EAAI;EAAM;EAAU,mBAAmBC;CAAmB,CAAC;CACrG,OAAO,kBAAAH,GAAA,EAAA,UAAGK,EAAS;EAAC;EAAK;CAAY,CAAC,EAAI,CAAA;AAC5C"}

package/dist/tools/components/ui/dnd/use-accessible-drag-ref.cjs

@@ -0,0 +1,2 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react");function t(t,n=!0){return(0,e.useCallback)(e=>{if(!n)return t(e);if(!e){t(null);return}let r=()=>{e.hasAttribute(`aria-grabbed`)&&e.removeAttribute(`aria-grabbed`)},i=e.ownerDocument.defaultView.MutationObserver,a=new i(r);a.observe(e,{attributes:!0,attributeFilter:[`aria-grabbed`]});let o=t(e);return r(),()=>{a.disconnect(),typeof o==`function`?o():t(null)}},[t,n])}exports.useAccessibleDragRef=t;
+//# sourceMappingURL=use-accessible-drag-ref.cjs.map

package/dist/tools/components/ui/dnd/use-accessible-drag-ref.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-accessible-drag-ref.cjs","names":["useCallback","react","useAccessibleDragRef","enabled","handleRef","element","removeDeprecatedState","Observer","observer","cleanup"],"sources":["../../../../../src/tools/components/ui/dnd/use-accessible-drag-ref.ts"],"sourcesContent":["import {useCallback, type RefCallback} from 'react';\n\n/**\n * Keep native drag refs and modern button state while dnd-kit 0.5.1 also writes\n * the deprecated aria-grabbed attribute. Its Accessibility options cannot select\n * attributes; observing only this attribute preserves its instructions, live\n * announcements, aria-pressed state, keyboard sensor and pointer sensor.\n */\nexport function useAccessibleDragRef<T extends Element>(handleRef: RefCallback<T>, enabled = true): RefCallback<T> {\n  return useCallback((element: T | null) => {\n    if (!enabled) return handleRef(element);\n    if (!element) {\n      handleRef(null);\n      return;\n    }\n    const removeDeprecatedState = () => {\n      if (element.hasAttribute('aria-grabbed')) element.removeAttribute('aria-grabbed');\n    };\n    const Observer = element.ownerDocument.defaultView!.MutationObserver;\n    const observer = new Observer(removeDeprecatedState);\n    observer.observe(element, {attributes: true, attributeFilter: ['aria-grabbed']});\n    const cleanup = handleRef(element);\n    removeDeprecatedState();\n    return () => {\n      observer.disconnect();\n      if (typeof cleanup === 'function') cleanup();\n      else handleRef(null);\n    };\n  }, [handleRef, enabled]);\n}\n"],"mappings":"A,uGAQA,SAAgBE,EAAwC,EAA2B,EAAU,GAAsB,CACjH,OAAA,EAAOF,EAAAA,YAAAA,CAAa,GAAsB,CACxC,GAAI,CAACG,EAAS,OAAOC,EAAUC,CAAO,EACtC,GAAI,CAACA,EAAS,CACZD,EAAU,IAAI,EACd,MACF,CACA,IAAME,MAA8B,CAC9BD,EAAQ,aAAa,cAAc,GAAGA,EAAQ,gBAAgB,cAAc,CAClF,EACME,EAAWF,EAAQ,cAAc,YAAa,iBAC9CG,EAAW,IAAID,EAASD,CAAqB,EACnDE,EAAS,QAAQH,EAAS,CAAC,WAAY,GAAM,gBAAiB,CAAC,cAAc,CAAC,CAAC,EAC/E,IAAMI,EAAUL,EAAUC,CAAO,EAEjC,OADAC,EAAsB,MACT,CACXE,EAAS,WAAW,EAChB,OAAOC,GAAY,WAAYA,EAAQ,EACtCL,EAAU,IAAI,CACrB,CACF,EAAG,CAACA,EAAWD,CAAO,CAAC,CACzB,C"}

package/dist/tools/components/ui/dnd/use-accessible-drag-ref.d.cts

@@ -0,0 +1,8 @@
+import { RefCallback } from 'react';
+/**
+ * Keep native drag refs and modern button state while dnd-kit 0.5.1 also writes
+ * the deprecated aria-grabbed attribute. Its Accessibility options cannot select
+ * attributes; observing only this attribute preserves its instructions, live
+ * announcements, aria-pressed state, keyboard sensor and pointer sensor.
+ */
+export declare function useAccessibleDragRef<T extends Element>(handleRef: RefCallback<T>, enabled?: boolean): RefCallback<T>;

package/dist/tools/components/ui/dnd/use-accessible-drag-ref.d.ts

@@ -0,0 +1,8 @@
+import { RefCallback } from 'react';
+/**
+ * Keep native drag refs and modern button state while dnd-kit 0.5.1 also writes
+ * the deprecated aria-grabbed attribute. Its Accessibility options cannot select
+ * attributes; observing only this attribute preserves its instructions, live
+ * announcements, aria-pressed state, keyboard sensor and pointer sensor.
+ */
+export declare function useAccessibleDragRef<T extends Element>(handleRef: RefCallback<T>, enabled?: boolean): RefCallback<T>;

package/dist/tools/components/ui/dnd/use-accessible-drag-ref.js

@@ -0,0 +1,27 @@
+"use client";
+import { useCallback as e } from "react";
+//#region src/tools/components/ui/dnd/use-accessible-drag-ref.ts
+function t(t, n = !0) {
+	return e((e) => {
+		if (!n) return t(e);
+		if (!e) {
+			t(null);
+			return;
+		}
+		let r = () => {
+			e.hasAttribute("aria-grabbed") && e.removeAttribute("aria-grabbed");
+		}, i = e.ownerDocument.defaultView.MutationObserver, a = new i(r);
+		a.observe(e, {
+			attributes: !0,
+			attributeFilter: ["aria-grabbed"]
+		});
+		let o = t(e);
+		return r(), () => {
+			a.disconnect(), typeof o == "function" ? o() : t(null);
+		};
+	}, [t, n]);
+}
+//#endregion
+export { t as useAccessibleDragRef };
+
+//# sourceMappingURL=use-accessible-drag-ref.js.map

package/dist/tools/components/ui/dnd/use-accessible-drag-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-accessible-drag-ref.js","names":["useAccessibleDragRef","useCallback","enabled","handleRef","element","removeDeprecatedState","Observer","observer","cleanup"],"sources":["../../../../../src/tools/components/ui/dnd/use-accessible-drag-ref.ts"],"sourcesContent":["import {useCallback, type RefCallback} from 'react';\n\n/**\n * Keep native drag refs and modern button state while dnd-kit 0.5.1 also writes\n * the deprecated aria-grabbed attribute. Its Accessibility options cannot select\n * attributes; observing only this attribute preserves its instructions, live\n * announcements, aria-pressed state, keyboard sensor and pointer sensor.\n */\nexport function useAccessibleDragRef<T extends Element>(handleRef: RefCallback<T>, enabled = true): RefCallback<T> {\n  return useCallback((element: T | null) => {\n    if (!enabled) return handleRef(element);\n    if (!element) {\n      handleRef(null);\n      return;\n    }\n    const removeDeprecatedState = () => {\n      if (element.hasAttribute('aria-grabbed')) element.removeAttribute('aria-grabbed');\n    };\n    const Observer = element.ownerDocument.defaultView!.MutationObserver;\n    const observer = new Observer(removeDeprecatedState);\n    observer.observe(element, {attributes: true, attributeFilter: ['aria-grabbed']});\n    const cleanup = handleRef(element);\n    removeDeprecatedState();\n    return () => {\n      observer.disconnect();\n      if (typeof cleanup === 'function') cleanup();\n      else handleRef(null);\n    };\n  }, [handleRef, enabled]);\n}\n"],"mappings":";;;AAQA,SAAgBA,EAAwC,GAA2B,IAAU,IAAsB;CACjH,OAAOC,GAAa,MAAsB;EACxC,IAAI,CAACC,GAAS,OAAOC,EAAUC,CAAO;EACtC,IAAI,CAACA,GAAS;GACZ,EAAU,IAAI;GACd;EACF;EACA,IAAMC,UAA8B;GAClC,AAAID,EAAQ,aAAa,cAAc,KAAGA,EAAQ,gBAAgB,cAAc;EAClF,GACME,IAAWF,EAAQ,cAAc,YAAa,kBAC9CG,IAAW,IAAID,EAASD,CAAqB;EACnD,EAAS,QAAQD,GAAS;GAAC,YAAY;GAAM,iBAAiB,CAAC,cAAc;EAAC,CAAC;EAC/E,IAAMI,IAAUL,EAAUC,CAAO;EAEjC,OADAC,EAAsB,SACT;GAEX,AADAE,EAAS,WAAW,GAChB,OAAOC,KAAY,aAAYA,EAAQ,IACtCL,EAAU,IAAI;EACrB;CACF,GAAG,CAACA,GAAWD,CAAO,CAAC;AACzB"}

package/dist/tools/components/ui/field.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs"),n=require("../../../ui/components/ui/checkbox.cjs"),r=require("../../../ui/components/ui/textarea.cjs"),i=require("../../../ui/components/ui/select.cjs"),a=require("../../../ui/components/ui/field.cjs"),o=require("../filter/filter-types.cjs");let s=require("react/jsx-runtime"),c=require("react");c=e.__toESM(c,1);let l=require("@alneas/appkit-core/data");var u=new Set([`text`,`number`,`password`,`email`,`select`,`textarea`,`checkbox`]),d=e=>{if(e)return u.has(e)?e:void 0},f=c.forwardRef(({testId:e,label:c,children:u,labelPosition:f,labelWidth:p,overlappingLabel:m,showPlaceholderOnAll:h,description:g,error:_,required:v,className:y,type:b,options:x,inputProps:S,jsonSchema:C,schema:w,field:T,orientation:E,...D},O)=>{let k={label:c,type:b,options:x,labelPosition:f,labelWidth:p,overlappingLabel:m,showPlaceholderOnAll:h,inputProps:S,description:g};if(C){let e=S?.name||``,t=(0,l.extractUIConfig)(C,e,[]);k.label=c||t.label,k.type=b||d(t.type),k.options=x||t.options?.map(e=>({label:e.label,value:String(e.value)}));let n=C[`x-ui`]||{};k.labelPosition=f||(n.layout?.section,`top`),k.overlappingLabel=m,(t.placeholder||n.prefix||n.suffix)&&(k.inputProps={...S,placeholder:t.placeholder}),!g&&t.help&&(k.description=t.help)}else if(w&&T){let e=o.resolveFilterField(T,w);if(k.label=c||e.label,k.labelPosition=f||e.labelPosition||`top`,k.labelWidth=p||e.labelWidth,k.overlappingLabel=m===void 0?e.overlappingLabel:m,!b)switch(e.type){case`number`:k.type=`number`;break;case`boolean`:k.type=`checkbox`;break;case`enum`:k.type=`select`;break;case`date`:k.type=`text`;break;default:k.type=`text`}!x&&e.options&&(k.options=e.options.map(e=>({label:e.label,value:String(e.value)}))),e.placeholder&&(k.inputProps={...S,placeholder:e.placeholder})}let{label:A,type:j,options:M,labelPosition:N=`top`,labelWidth:P,overlappingLabel:F=!1,inputProps:I,description:L}=k,R=N===`none`,z=R&&F,B=j===`checkbox`,V=N===`responsive`,H=(B?`left`:N)===`left`||V,U=E||(V?`responsive`:H?`horizontal`:`vertical`),W=()=>{if(typeof u==`function`)return(0,s.jsx)(a.FieldControl,{render:u(I)});if(u){let e=u;return typeof e?.type==`function`||typeof e?.type==`object`?e:(0,s.jsx)(a.FieldControl,{render:e})}switch(j){case`select`:return(0,s.jsx)(a.FieldControl,{render:(0,s.jsxs)(i.Select,{...I,value:I?.value===null?void 0:I?.value,defaultValue:I?.defaultValue,children:[(0,s.jsx)(i.SelectTrigger,{children:(0,s.jsx)(i.SelectValue,{placeholder:k.showPlaceholderOnAll?k.label:void 0,children:k.showPlaceholderOnAll&&(I?.value===void 0||I?.value===null||I?.value===``)?(0,s.jsx)(`span`,{className:`text-muted-foreground`,children:k.label}):void 0})}),(0,s.jsx)(i.SelectContent,{children:M?.map(e=>(0,s.jsx)(i.SelectItem,{value:e.value,children:e.label},e.value))})]})});case`textarea`:return(0,s.jsx)(a.FieldControl,{render:(0,s.jsx)(r.Textarea,{...I})});case`checkbox`:return(0,s.jsx)(a.FieldControl,{render:(0,s.jsx)(n.Checkbox,{...I})});default:return(0,s.jsx)(a.FieldControl,{type:j,className:t.cn(`dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`),...I})}};return(0,s.jsxs)(a.Field,{ref:O,"data-testid":e,orientation:U,className:t.cn(z&&`relative mt-1`,y),...D,children:[z&&A&&(0,s.jsx)(`div`,{className:`absolute -top-1.5 left-2 px-1 bg-background z-10 pointer-events-none`,children:(0,s.jsx)(`span`,{className:t.cn(`text-[10px] font-medium leading-none text-muted-foreground uppercase`,v&&`after:content-['*'] after:ml-0.5 after:text-destructive`),children:A})}),A&&!R&&!B&&(0,s.jsx)(a.FieldLabel,{className:t.cn(v&&`after:content-['*'] after:ml-0.5 after:text-destructive`),style:H&&P?{width:P}:void 0,children:A}),H&&!B?(0,s.jsxs)(a.FieldContent,{children:[W(),L&&!_&&(typeof L==`string`?(0,s.jsx)(a.FieldDescription,{children:L}):L),_&&(typeof _==`string`?(0,s.jsx)(a.FieldError,{children:_}):_)]}):(0,s.jsxs)(s.Fragment,{children:[W(),B&&A&&!R&&(0,s.jsx)(a.FieldLabel,{className:t.cn(v&&`after:content-['*'] after:ml-0.5 after:text-destructive`),children:A}),L&&!_&&(typeof L==`string`?(0,s.jsx)(a.FieldDescription,{children:L}):L),_&&(typeof _==`string`?(0,s.jsx)(a.FieldError,{children:_}):_)]})]})});f.displayName=`FieldFactory`,exports.Field=a.Field,exports.FieldContent=a.FieldContent,exports.FieldControl=a.FieldControl,exports.FieldDescription=a.FieldDescription,exports.FieldError=a.FieldError,exports.FieldFactory=f,exports.FieldGroup=a.FieldGroup,exports.FieldLabel=a.FieldLabel,exports.FieldLegend=a.FieldLegend,exports.FieldSeparator=a.FieldSeparator,exports.FieldSet=a.FieldSet,exports.FieldTitle=a.FieldTitle,exports.FieldValidity=a.FieldValidity;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs"),n=require("../../../ui/components/ui/checkbox.cjs"),r=require("../../../ui/components/ui/textarea.cjs"),i=require("../../../ui/components/ui/select.cjs"),a=require("../../../ui/components/ui/field.cjs"),o=require("../filter/filter-types.cjs");let s=require("react/jsx-runtime"),c=require("react");c=e.__toESM(c,1);let l=require("@alneas/appkit-core/data");var u=new Set([`text`,`number`,`password`,`email`,`select`,`textarea`,`checkbox`]),d=e=>{if(e)return u.has(e)?e:void 0};function f({ref:e,testId:c,label:u,children:f,labelPosition:p,labelWidth:m,overlappingLabel:h,showPlaceholderOnAll:g,description:_,error:v,required:y,className:b,type:x,options:S,inputProps:C,jsonSchema:w,schema:T,field:E,orientation:D,...O}){let k={label:u,type:x,options:S,labelPosition:p,labelWidth:m,overlappingLabel:h,showPlaceholderOnAll:g,inputProps:C,description:_};if(w){let e=C?.name||``,t=(0,l.extractUIConfig)(w,e,[]);k.label=u||t.label,k.type=x||d(t.type),k.options=S||t.options?.map(e=>({label:e.label,value:String(e.value)}));let n=w[`x-ui`]||{};k.labelPosition=p||(n.layout?.section,`top`),k.overlappingLabel=h,(t.placeholder||n.prefix||n.suffix)&&(k.inputProps={...C,placeholder:t.placeholder}),!_&&t.help&&(k.description=t.help)}else if(T&&E){let e=o.resolveFilterField(E,T);if(k.label=u||e.label,k.labelPosition=p||e.labelPosition||`top`,k.labelWidth=m||e.labelWidth,k.overlappingLabel=h===void 0?e.overlappingLabel:h,!x)switch(e.type){case`number`:k.type=`number`;break;case`boolean`:k.type=`checkbox`;break;case`enum`:k.type=`select`;break;case`date`:k.type=`text`;break;default:k.type=`text`}!S&&e.options&&(k.options=e.options.map(e=>({label:e.label,value:String(e.value)}))),e.placeholder&&(k.inputProps={...C,placeholder:e.placeholder})}let{label:A,type:j,options:M,labelPosition:N=`top`,labelWidth:P,overlappingLabel:F=!1,inputProps:I,description:L}=k,R=N===`none`,z=R&&F,B=j===`checkbox`,V=N===`responsive`,H=(B?`left`:N)===`left`||V,U=D||(V?`responsive`:H?`horizontal`:`vertical`),W=()=>{if(typeof f==`function`)return(0,s.jsx)(a.FieldControl,{render:f(I)});if(f){let e=f;return typeof e?.type==`function`||typeof e?.type==`object`?e:(0,s.jsx)(a.FieldControl,{render:e})}switch(j){case`select`:return(0,s.jsx)(a.FieldControl,{render:(0,s.jsxs)(i.Select,{...I,value:I?.value===null?void 0:I?.value,defaultValue:I?.defaultValue,children:[(0,s.jsx)(i.SelectTrigger,{children:(0,s.jsx)(i.SelectValue,{placeholder:k.showPlaceholderOnAll?k.label:void 0,children:k.showPlaceholderOnAll&&(I?.value===void 0||I?.value===null||I?.value===``)?(0,s.jsx)(`span`,{className:`text-muted-foreground`,children:k.label}):void 0})}),(0,s.jsx)(i.SelectContent,{children:M?.map(e=>(0,s.jsx)(i.SelectItem,{value:e.value,children:e.label},e.value))})]})});case`textarea`:return(0,s.jsx)(a.FieldControl,{render:(0,s.jsx)(r.Textarea,{...I})});case`checkbox`:return(0,s.jsx)(a.FieldControl,{render:(0,s.jsx)(n.Checkbox,{...I})});default:return(0,s.jsx)(a.FieldControl,{type:j,className:t.cn(`dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`),...I})}};return(0,s.jsxs)(a.Field,{ref:e,"data-testid":c,orientation:U,className:t.cn(z&&`relative mt-1`,b),...O,children:[z&&A&&(0,s.jsx)(`div`,{className:`absolute -top-1.5 left-2 px-1 bg-background z-10 pointer-events-none`,children:(0,s.jsx)(`span`,{className:t.cn(`text-[10px] font-medium leading-none text-muted-foreground uppercase`,y&&`after:content-['*'] after:ml-0.5 after:text-destructive`),children:A})}),A&&!R&&!B&&(0,s.jsx)(a.FieldLabel,{className:t.cn(y&&`after:content-['*'] after:ml-0.5 after:text-destructive`),style:H&&P?{width:P}:void 0,children:A}),H&&!B?(0,s.jsxs)(a.FieldContent,{children:[W(),L&&!v&&(typeof L==`string`?(0,s.jsx)(a.FieldDescription,{children:L}):L),v&&(typeof v==`string`?(0,s.jsx)(a.FieldError,{children:v}):v)]}):(0,s.jsxs)(s.Fragment,{children:[W(),B&&A&&!R&&(0,s.jsx)(a.FieldLabel,{className:t.cn(y&&`after:content-['*'] after:ml-0.5 after:text-destructive`),children:A}),L&&!v&&(typeof L==`string`?(0,s.jsx)(a.FieldDescription,{children:L}):L),v&&(typeof v==`string`?(0,s.jsx)(a.FieldError,{children:v}):v)]})]})}f.displayName=`FieldFactory`,exports.Field=a.Field,exports.FieldContent=a.FieldContent,exports.FieldControl=a.FieldControl,exports.FieldDescription=a.FieldDescription,exports.FieldError=a.FieldError,exports.FieldFactory=f,exports.FieldGroup=a.FieldGroup,exports.FieldLabel=a.FieldLabel,exports.FieldLegend=a.FieldLegend,exports.FieldSeparator=a.FieldSeparator,exports.FieldSet=a.FieldSet,exports.FieldTitle=a.FieldTitle,exports.FieldValidity=a.FieldValidity;
 //# sourceMappingURL=field.cjs.map

package/dist/tools/components/ui/field.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"field.cjs","names":["React","extractUIConfig","resolveFilterField","FieldControl","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","Textarea","Checkbox","cn","Field","FieldLabel","FieldContent","FieldDescription","FieldError","_Fragment","require_runtime","require_ui_lib_utils","require_ui_components_ui_checkbox","require_ui_components_ui_textarea","require_ui_components_ui_select","require_ui_components_ui_field","require_tools_components_filter_filter_types","react_jsx_runtime","react","_alneas_appkit_core_data","fieldInputTypes","toFieldInputType","value","FieldFactory","props","resolvedProps","jsonSchema","fieldName","inputProps","config","label","type","options","o","xui","labelPosition","overlappingLabel","description","schema","field","resolved","labelWidth","effectiveLabel","effectiveType","effectiveOptions","effectiveLabelPositionProp","effectiveLabelWidth","effectiveOverlappingLabel","effectiveInputProps","effectiveDescription","isNone","isOverlapping","isCheckbox","isResponsive","effectiveIsLeft","derivedOrientation","orientation","renderInput","children","childElement","opt","testId","className","required","error"],"sources":["../../../../src/tools/components/ui/field.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Field, FieldLabel, FieldControl, FieldError, FieldDescription, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, FieldValidity, cn } from \"../../../ui\";\nimport { Textarea } from './textarea';\nimport { Checkbox } from './checkbox';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select';\nimport { CollectionSchema, resolveFilterField, FilterFieldSpec } from '../filter/filter-types';\nimport type { JSONSchemaProperty } from '../../lib/schema/types';\nimport { extractUIConfig } from '../../lib/schema/json-schema';\ntype FieldInputProps = any;\n\ntype FieldInputType = 'text' | 'number' | 'password' | 'email' | 'select' | 'textarea' | 'checkbox';\n\nconst fieldInputTypes = new Set<FieldInputType>([\n  'text',\n  'number',\n  'password',\n  'email',\n  'select',\n  'textarea',\n  'checkbox',\n]);\n\nconst toFieldInputType = (value?: string): FieldInputType | undefined => {\n  if (!value) return undefined;\n  return fieldInputTypes.has(value as FieldInputType) ? (value as FieldInputType) : undefined;\n};\n\n// ============================================================================\n// SMART FIELD IMPLEMENTATION\n// ============================================================================\n\n/**\n * FieldFactory プロパティ\n *\n * プリミティブな `Field` コンポーネントの高レベルラッパー用プロパティ。\n * スキーマ定義やレイアウト設定を受け取り、ラベル、エラー、入力コンポーネントを自動構成します。\n */\nexport interface FieldFactoryProps extends Omit<\n  React.ComponentPropsWithoutRef<typeof Field>,\n  'children'\n> {\n  children?: React.ReactNode | ((props: FieldInputProps | undefined) => React.ReactNode);\n  /**\n   * AI/E2E Test用の安定ID / Stable test identifier for AI and E2E tests\n   *\n   * Also generates derived IDs for error messages: `{testId}-error`\n   * @example testId=\"email-field\" → data-testid=\"email-field\" + error id=\"email-field-error\"\n   */\n  testId?: string;\n\n  /**\n   * 表示ラベル / Display label\n   *\n   * Override schema label or set manually.\n   */\n  label?: string;\n\n  /**\n   * ラベルの位置 / Label position\n   * - \"top\": Label above input (vertical layout)\n   * - \"left\": Label left of input (horizontal layout)\n   * - \"responsive\": Vertical on narrow containers, horizontal on wider ones\n   * - \"none\": No label displayed\n   * @default \"top\"\n   */\n  labelPosition?: 'top' | 'left' | 'responsive' | 'none';\n\n  /**\n   * ラベルの固定幅（leftポジション時） / Fixed width for label (when position is left)\n   *\n   * Useful for alignment in left-label layouts.\n   */\n  labelWidth?: string | number;\n\n  /**\n   * 重複ラベルを表示（position=\"none\"時） / Show overlapping label\n   *\n   * Displays a small label on the top border when main label is hidden (position=\"none\").\n   * @default false\n   */\n  overlappingLabel?: boolean;\n\n  /**\n   * 未選択時にラベルをプレースホルダーとして表示フラグ\n   * Show label as placeholder when the field value is empty.\n   */\n  showPlaceholderOnAll?: boolean;\n\n  /** 詳細説明 / Description text */\n  description?: string | React.ReactNode;\n\n  /** エラーメッセージ / Error message */\n  error?: string | React.ReactNode;\n\n  /** 必須フラグ / Required flag */\n  required?: boolean;\n\n  /**\n   * 入力タイプ（自動生成用） / Input type\n   *\n   * If children are not provided, Field will auto-generate an input based on this type.\n   * Derived from schema if provided.\n   */\n  type?: FieldInputType;\n\n  /**\n   * 選択肢（type=\"select\"用） / Options\n   *\n   * Required if type is 'select'. Derived from schema enum if provided.\n   */\n  options?: { label: string; value: string }[];\n\n  /**\n   * 入力コンポーネント用Props / Props for inner input\n   *\n   * Passed directly to the auto-generated input component (Input, Select, Checkbox, etc).\n   */\n\n  inputProps?: FieldInputProps;\n\n  /**\n   * JSON Schema プロパティ (推奨)\n   *\n   * Pass a JSON Schema property to auto-configure field from x-ui metadata.\n   */\n  jsonSchema?: JSONSchemaProperty;\n\n  /**\n   * スキーマ（自動設定用） / Collection Schema (Legacy)\n   *\n   * Pass a centralized schema definition to auto-configure label, type, options, and behaviors.\n   * @deprecated Use jsonSchema prop instead\n   */\n  schema?: CollectionSchema;\n\n  /**\n   * スキーマ内のフィールド名 / Field Name\n   *\n   * Key in the schema to lookup configuration from.\n   * @deprecated Use jsonSchema prop instead\n   */\n  field?: string | FilterFieldSpec;\n}\n\n/**\n * FieldFactory (旧 Field)\n *\n * フォームコントロールのための汎用ラッパーコンポーネント。\n * ラベル、エラーメッセージ、説明文、レイアウト（垂直/水平）を一括で処理します。\n * スキーマ (`CollectionSchema`) を渡すことで、型やラベルを自動設定することも可能です。\n *\n * @example\n * ```tsx\n * // 基本的な使い方\n * <FieldFactory label=\"メールアドレス\" type=\"email\" required>\n *   <Input />\n * </FieldFactory>\n *\n * // スキーマからの自動生成\n * <FieldFactory schema={userSchema} field=\"email\" inputProps={{ placeholder: \"user@example.com\" }} />\n * ```\n */\nconst FieldFactory = React.forwardRef<HTMLDivElement, FieldFactoryProps>(\n  (\n    {\n      testId,\n      label,\n      children,\n      labelPosition,\n      labelWidth,\n      overlappingLabel,\n      showPlaceholderOnAll,\n      description,\n      error,\n      required,\n      className,\n      type,\n      options,\n      inputProps,\n      jsonSchema,\n      schema,\n      field,\n      // Capture orientation if passed to force it, otherwise derive from labelPosition\n      orientation,\n      ...props\n    },\n    ref,\n  ) => {\n    // Resolve props from schema if provided\n    const resolvedProps = {\n      label,\n      type,\n      options,\n      labelPosition,\n      labelWidth,\n      overlappingLabel,\n      showPlaceholderOnAll,\n      inputProps,\n      description,\n    };\n\n    // NEW: JSON Schema resolution (preferred)\n    if (jsonSchema) {\n      const fieldName = (inputProps?.name as string) || '';\n      const config = extractUIConfig(jsonSchema, fieldName, []);\n\n      resolvedProps.label = label || config.label;\n\n      resolvedProps.type = type || toFieldInputType(config.type);\n      resolvedProps.options =\n        options ||\n        config.options?.map((o) => ({\n          label: o.label,\n          value: String(o.value),\n        }));\n\n      const xui = jsonSchema['x-ui'] || {};\n      resolvedProps.labelPosition = labelPosition || (xui.layout?.section ? 'top' : 'top');\n      resolvedProps.overlappingLabel = overlappingLabel;\n\n      if (config.placeholder || xui.prefix || xui.suffix) {\n        resolvedProps.inputProps = {\n          ...inputProps,\n          placeholder: config.placeholder,\n        };\n      }\n\n      if (!description && config.help) {\n        resolvedProps.description = config.help;\n      }\n    }\n    // Legacy: CollectionSchema resolution\n    else if (schema && field) {\n      const spec = typeof field === 'string' ? field : field;\n      const resolved = resolveFilterField(spec, schema);\n\n      // Map resolved filter field to Field props\n      resolvedProps.label = label || resolved.label;\n      resolvedProps.labelPosition = labelPosition || resolved.labelPosition || 'top';\n      resolvedProps.labelWidth = labelWidth || resolved.labelWidth;\n      resolvedProps.overlappingLabel =\n        overlappingLabel !== undefined ? overlappingLabel : resolved.overlappingLabel;\n\n      // Map types\n      if (!type) {\n        switch (resolved.type) {\n          case 'number':\n            resolvedProps.type = 'number';\n            break;\n          case 'boolean':\n            resolvedProps.type = 'checkbox';\n            break;\n          case 'enum':\n            resolvedProps.type = 'select';\n            break;\n          case 'date':\n            resolvedProps.type = 'text';\n            break; // Placeholder for date\n          default:\n            resolvedProps.type = 'text';\n        }\n      }\n\n      // Map options\n      if (!options && resolved.options) {\n        resolvedProps.options = resolved.options.map((o) => ({\n          label: o.label,\n          value: String(o.value),\n        }));\n      }\n\n      // Map placeholder\n      if (resolved.placeholder) {\n        resolvedProps.inputProps = { ...inputProps, placeholder: resolved.placeholder };\n      }\n    }\n\n    const {\n      label: effectiveLabel,\n      type: effectiveType,\n      options: effectiveOptions,\n      labelPosition: effectiveLabelPositionProp = 'top',\n      labelWidth: effectiveLabelWidth,\n      overlappingLabel: effectiveOverlappingLabel = false,\n      inputProps: effectiveInputProps,\n      description: effectiveDescription,\n    } = resolvedProps;\n\n    const isNone = effectiveLabelPositionProp === 'none';\n    const isOverlapping = isNone && effectiveOverlappingLabel;\n    const isCheckbox = effectiveType === 'checkbox';\n    const isResponsive = effectiveLabelPositionProp === 'responsive';\n\n    // Map labelPosition to orientation\n    // Checkbox is always horizontal row effectively in new design, but let's handle it custom\n    const effectiveLabelPosition = isCheckbox ? 'left' : effectiveLabelPositionProp;\n    const effectiveIsLeft = effectiveLabelPosition === 'left' || isResponsive;\n\n    // Derive orientation from labelPosition\n    const derivedOrientation =\n      orientation || (isResponsive ? 'responsive' : effectiveIsLeft ? 'horizontal' : 'vertical');\n\n    // Auto-generate input if Children is missing and Type is present\n    const renderInput = () => {\n      if (typeof children === 'function') {\n        return <FieldControl render={children(effectiveInputProps) as React.ReactElement} />;\n      }\n      if (children) {\n        // If children is a React component (not a native element), render it directly\n        // without FieldControl to avoid Base UI's onChange interception which causes\n        // errors with custom onChange handlers (e.g. FilterInput).\n        // FieldControl is only needed for native input elements.\n        const childElement = children as React.ReactElement;\n        if (typeof childElement?.type === 'function' || typeof childElement?.type === 'object') {\n          return childElement;\n        }\n        return <FieldControl render={childElement} />;\n      }\n\n      switch (effectiveType) {\n        case 'select':\n          // Select: FieldControl should wrap the Select Root (or be passed via render)\n          // Pattern: <Field.Control render={<Select.Root ... />} />\n          return (\n            <FieldControl\n              render={\n                <Select\n                  {...effectiveInputProps}\n                  value={\n                    effectiveInputProps?.value === null ? undefined : effectiveInputProps?.value\n                  }\n                  defaultValue={effectiveInputProps?.defaultValue as string | undefined}\n                >\n                  <SelectTrigger>\n                    <SelectValue\n                      placeholder={\n                        resolvedProps.showPlaceholderOnAll ? resolvedProps.label : undefined\n                      }\n                    >\n                      {resolvedProps.showPlaceholderOnAll &&\n                      (effectiveInputProps?.value === undefined ||\n                        effectiveInputProps?.value === null ||\n                        effectiveInputProps?.value === '') ? (\n                        <span className='text-muted-foreground'>{resolvedProps.label}</span>\n                      ) : undefined}\n                    </SelectValue>\n                  </SelectTrigger>\n                  <SelectContent>\n                    {effectiveOptions?.map((opt) => (\n                      <SelectItem key={opt.value} value={opt.value}>\n                        {opt.label}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              }\n            />\n          );\n        case 'textarea':\n          return <FieldControl render={<Textarea {...effectiveInputProps} />} />;\n        case 'checkbox':\n          return <FieldControl render={<Checkbox {...effectiveInputProps} />} />;\n        default:\n          // Use FieldControl directly as the input, applying the Input styles manually\n          return (\n            <FieldControl\n              type={effectiveType}\n              className={cn(\n                'dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n              )}\n              {...effectiveInputProps}\n            />\n          );\n      }\n    };\n\n    return (\n      <Field\n        ref={ref}\n        data-testid={testId}\n        orientation={derivedOrientation}\n        className={cn(isOverlapping && 'relative mt-1', className)}\n        {...props}\n      >\n        {/* Overlapping Label (Pre-label absolute) */}\n        {isOverlapping && effectiveLabel && (\n          <div className='absolute -top-1.5 left-2 px-1 bg-background z-10 pointer-events-none'>\n            <span\n              className={cn(\n                'text-[10px] font-medium leading-none text-muted-foreground uppercase',\n                required && \"after:content-['*'] after:ml-0.5 after:text-destructive\",\n              )}\n            >\n              {effectiveLabel}\n            </span>\n          </div>\n        )}\n\n        {/* Normal Label (Top or Left handled by FieldRoot orientation) - Render here if NOT checkbox */}\n        {effectiveLabel && !isNone && !isCheckbox && (\n          <FieldLabel\n            className={cn(required && \"after:content-['*'] after:ml-0.5 after:text-destructive\")}\n            style={\n              effectiveIsLeft && effectiveLabelWidth ? { width: effectiveLabelWidth } : undefined\n            }\n          >\n            {effectiveLabel}\n          </FieldLabel>\n        )}\n\n        {/* Input Control */}\n        {/* FieldControl is now handled inside renderInput to support different wrappers (e.g. SelectTrigger) */}\n\n        {effectiveIsLeft && !isCheckbox ? (\n          /* Horizontal Layout needs Content Wrapper if there's description/error? */\n          /* erp Field horizontal: [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start */\n          /* So we should wrap input + desc + error in FieldContent if horizontal */\n          <FieldContent>\n            {renderInput() as React.ReactElement}\n            {effectiveDescription &&\n              !error &&\n              (typeof effectiveDescription === 'string' ? (\n                <FieldDescription>{effectiveDescription}</FieldDescription>\n              ) : (\n                effectiveDescription\n              ))}\n            {error && (typeof error === 'string' ? <FieldError>{error}</FieldError> : error)}\n          </FieldContent>\n        ) : (\n          /* Vertical or Checkbox */\n          <>\n            {renderInput() as React.ReactElement}\n\n            {/* For Checkbox, Label comes AFTER the control */}\n            {isCheckbox && effectiveLabel && !isNone && (\n              <FieldLabel\n                className={cn(\n                  required && \"after:content-['*'] after:ml-0.5 after:text-destructive\",\n                )}\n              >\n                {effectiveLabel}\n              </FieldLabel>\n            )}\n\n            {effectiveDescription &&\n              !error &&\n              (typeof effectiveDescription === 'string' ? (\n                <FieldDescription>{effectiveDescription}</FieldDescription>\n              ) : (\n                effectiveDescription\n              ))}\n            {error && (typeof error === 'string' ? <FieldError>{error}</FieldError> : error)}\n          </>\n        )}\n      </Field>\n    );\n  },\n);\nFieldFactory.displayName = 'FieldFactory';\n\nexport { Field, FieldLabel, FieldControl, FieldError, FieldDescription, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, FieldValidity, FieldFactory };\n"],"mappings":"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"}
+{"version":3,"file":"field.cjs","names":["extractUIConfig","resolveFilterField","FieldControl","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","Textarea","Checkbox","cn","Field","FieldLabel","FieldContent","FieldDescription","FieldError","_Fragment","require_runtime","require_ui_lib_utils","require_ui_components_ui_checkbox","require_ui_components_ui_textarea","require_ui_components_ui_select","require_ui_components_ui_field","require_tools_components_filter_filter_types","react_jsx_runtime","react","_alneas_appkit_core_data","fieldInputTypes","toFieldInputType","value","FieldFactory","props","resolvedProps","jsonSchema","fieldName","inputProps","config","label","type","options","o","xui","labelPosition","overlappingLabel","description","schema","field","resolved","labelWidth","effectiveLabel","effectiveType","effectiveOptions","effectiveLabelPositionProp","effectiveLabelWidth","effectiveOverlappingLabel","effectiveInputProps","effectiveDescription","isNone","isOverlapping","isCheckbox","isResponsive","effectiveIsLeft","derivedOrientation","orientation","renderInput","children","childElement","opt","testId","className","required","error"],"sources":["../../../../src/tools/components/ui/field.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Field, FieldLabel, FieldControl, FieldError, FieldDescription, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, FieldValidity, cn } from \"../../../ui\";\nimport { Textarea } from './textarea';\nimport { Checkbox } from './checkbox';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select';\nimport { CollectionSchema, resolveFilterField, FilterFieldSpec } from '../filter/filter-types';\nimport type { JSONSchemaProperty } from '../../lib/schema/types';\nimport { extractUIConfig } from '../../lib/schema/json-schema';\ntype FieldInputProps = any;\n\ntype FieldInputType = 'text' | 'number' | 'password' | 'email' | 'select' | 'textarea' | 'checkbox';\n\nconst fieldInputTypes = new Set<FieldInputType>([\n  'text',\n  'number',\n  'password',\n  'email',\n  'select',\n  'textarea',\n  'checkbox',\n]);\n\nconst toFieldInputType = (value?: string): FieldInputType | undefined => {\n  if (!value) return undefined;\n  return fieldInputTypes.has(value as FieldInputType) ? (value as FieldInputType) : undefined;\n};\n\n// ============================================================================\n// SMART FIELD IMPLEMENTATION\n// ============================================================================\n\n/**\n * FieldFactory プロパティ\n *\n * プリミティブな `Field` コンポーネントの高レベルラッパー用プロパティ。\n * スキーマ定義やレイアウト設定を受け取り、ラベル、エラー、入力コンポーネントを自動構成します。\n */\nexport interface FieldFactoryProps extends Omit<\n  React.ComponentPropsWithoutRef<typeof Field>,\n  'children'\n> {\n  children?: React.ReactNode | ((props: FieldInputProps | undefined) => React.ReactNode);\n  /**\n   * AI/E2E Test用の安定ID / Stable test identifier for AI and E2E tests\n   *\n   * Also generates derived IDs for error messages: `{testId}-error`\n   * @example testId=\"email-field\" → data-testid=\"email-field\" + error id=\"email-field-error\"\n   */\n  testId?: string;\n\n  /**\n   * 表示ラベル / Display label\n   *\n   * Override schema label or set manually.\n   */\n  label?: string;\n\n  /**\n   * ラベルの位置 / Label position\n   * - \"top\": Label above input (vertical layout)\n   * - \"left\": Label left of input (horizontal layout)\n   * - \"responsive\": Vertical on narrow containers, horizontal on wider ones\n   * - \"none\": No label displayed\n   * @default \"top\"\n   */\n  labelPosition?: 'top' | 'left' | 'responsive' | 'none';\n\n  /**\n   * ラベルの固定幅（leftポジション時） / Fixed width for label (when position is left)\n   *\n   * Useful for alignment in left-label layouts.\n   */\n  labelWidth?: string | number;\n\n  /**\n   * 重複ラベルを表示（position=\"none\"時） / Show overlapping label\n   *\n   * Displays a small label on the top border when main label is hidden (position=\"none\").\n   * @default false\n   */\n  overlappingLabel?: boolean;\n\n  /**\n   * 未選択時にラベルをプレースホルダーとして表示フラグ\n   * Show label as placeholder when the field value is empty.\n   */\n  showPlaceholderOnAll?: boolean;\n\n  /** 詳細説明 / Description text */\n  description?: string | React.ReactNode;\n\n  /** エラーメッセージ / Error message */\n  error?: string | React.ReactNode;\n\n  /** 必須フラグ / Required flag */\n  required?: boolean;\n\n  /**\n   * 入力タイプ（自動生成用） / Input type\n   *\n   * If children are not provided, Field will auto-generate an input based on this type.\n   * Derived from schema if provided.\n   */\n  type?: FieldInputType;\n\n  /**\n   * 選択肢（type=\"select\"用） / Options\n   *\n   * Required if type is 'select'. Derived from schema enum if provided.\n   */\n  options?: { label: string; value: string }[];\n\n  /**\n   * 入力コンポーネント用Props / Props for inner input\n   *\n   * Passed directly to the auto-generated input component (Input, Select, Checkbox, etc).\n   */\n\n  inputProps?: FieldInputProps;\n\n  /**\n   * JSON Schema プロパティ (推奨)\n   *\n   * Pass a JSON Schema property to auto-configure field from x-ui metadata.\n   */\n  jsonSchema?: JSONSchemaProperty;\n\n  /**\n   * スキーマ（自動設定用） / Collection Schema (Legacy)\n   *\n   * Pass a centralized schema definition to auto-configure label, type, options, and behaviors.\n   * @deprecated Use jsonSchema prop instead\n   */\n  schema?: CollectionSchema;\n\n  /**\n   * スキーマ内のフィールド名 / Field Name\n   *\n   * Key in the schema to lookup configuration from.\n   * @deprecated Use jsonSchema prop instead\n   */\n  field?: string | FilterFieldSpec;\n}\n\n/**\n * FieldFactory (旧 Field)\n *\n * フォームコントロールのための汎用ラッパーコンポーネント。\n * ラベル、エラーメッセージ、説明文、レイアウト（垂直/水平）を一括で処理します。\n * スキーマ (`CollectionSchema`) を渡すことで、型やラベルを自動設定することも可能です。\n *\n * @example\n * ```tsx\n * // 基本的な使い方\n * <FieldFactory label=\"メールアドレス\" type=\"email\" required>\n *   <Input />\n * </FieldFactory>\n *\n * // スキーマからの自動生成\n * <FieldFactory schema={userSchema} field=\"email\" inputProps={{ placeholder: \"user@example.com\" }} />\n * ```\n */\nfunction FieldFactory({\n  ref,\n  testId,\n  label,\n  children,\n  labelPosition,\n  labelWidth,\n  overlappingLabel,\n  showPlaceholderOnAll,\n  description,\n  error,\n  required,\n  className,\n  type,\n  options,\n  inputProps,\n  jsonSchema,\n  schema,\n  field,\n  // Capture orientation if passed to force it, otherwise derive from labelPosition\n  orientation,\n  ...props\n}: React.PropsWithoutRef<FieldFactoryProps> & React.RefAttributes<HTMLDivElement>) {\n  // Resolve props from schema if provided\n  const resolvedProps = {\n    label,\n    type,\n    options,\n    labelPosition,\n    labelWidth,\n    overlappingLabel,\n    showPlaceholderOnAll,\n    inputProps,\n    description,\n  };\n\n  // NEW: JSON Schema resolution (preferred)\n  if (jsonSchema) {\n    const fieldName = (inputProps?.name as string) || '';\n    const config = extractUIConfig(jsonSchema, fieldName, []);\n\n    resolvedProps.label = label || config.label;\n\n    resolvedProps.type = type || toFieldInputType(config.type);\n    resolvedProps.options =\n      options ||\n      config.options?.map((o) => ({\n        label: o.label,\n        value: String(o.value),\n      }));\n\n    const xui = jsonSchema['x-ui'] || {};\n    resolvedProps.labelPosition = labelPosition || (xui.layout?.section ? 'top' : 'top');\n    resolvedProps.overlappingLabel = overlappingLabel;\n\n    if (config.placeholder || xui.prefix || xui.suffix) {\n      resolvedProps.inputProps = {\n        ...inputProps,\n        placeholder: config.placeholder,\n      };\n    }\n\n    if (!description && config.help) {\n      resolvedProps.description = config.help;\n    }\n  }\n  // Legacy: CollectionSchema resolution\n  else if (schema && field) {\n    const spec = typeof field === 'string' ? field : field;\n    const resolved = resolveFilterField(spec, schema);\n\n    // Map resolved filter field to Field props\n    resolvedProps.label = label || resolved.label;\n    resolvedProps.labelPosition = labelPosition || resolved.labelPosition || 'top';\n    resolvedProps.labelWidth = labelWidth || resolved.labelWidth;\n    resolvedProps.overlappingLabel =\n      overlappingLabel !== undefined ? overlappingLabel : resolved.overlappingLabel;\n\n    // Map types\n    if (!type) {\n      switch (resolved.type) {\n        case 'number':\n          resolvedProps.type = 'number';\n          break;\n        case 'boolean':\n          resolvedProps.type = 'checkbox';\n          break;\n        case 'enum':\n          resolvedProps.type = 'select';\n          break;\n        case 'date':\n          resolvedProps.type = 'text';\n          break; // Placeholder for date\n        default:\n          resolvedProps.type = 'text';\n      }\n    }\n\n    // Map options\n    if (!options && resolved.options) {\n      resolvedProps.options = resolved.options.map((o) => ({\n        label: o.label,\n        value: String(o.value),\n      }));\n    }\n\n    // Map placeholder\n    if (resolved.placeholder) {\n      resolvedProps.inputProps = { ...inputProps, placeholder: resolved.placeholder };\n    }\n  }\n\n  const {\n    label: effectiveLabel,\n    type: effectiveType,\n    options: effectiveOptions,\n    labelPosition: effectiveLabelPositionProp = 'top',\n    labelWidth: effectiveLabelWidth,\n    overlappingLabel: effectiveOverlappingLabel = false,\n    inputProps: effectiveInputProps,\n    description: effectiveDescription,\n  } = resolvedProps;\n\n  const isNone = effectiveLabelPositionProp === 'none';\n  const isOverlapping = isNone && effectiveOverlappingLabel;\n  const isCheckbox = effectiveType === 'checkbox';\n  const isResponsive = effectiveLabelPositionProp === 'responsive';\n\n  // Map labelPosition to orientation\n  // Checkbox is always horizontal row effectively in new design, but let's handle it custom\n  const effectiveLabelPosition = isCheckbox ? 'left' : effectiveLabelPositionProp;\n  const effectiveIsLeft = effectiveLabelPosition === 'left' || isResponsive;\n\n  // Derive orientation from labelPosition\n  const derivedOrientation =\n    orientation || (isResponsive ? 'responsive' : effectiveIsLeft ? 'horizontal' : 'vertical');\n\n  // Auto-generate input if Children is missing and Type is present\n  const renderInput = () => {\n    if (typeof children === 'function') {\n      return <FieldControl render={children(effectiveInputProps) as React.ReactElement} />;\n    }\n    if (children) {\n      // If children is a React component (not a native element), render it directly\n      // without FieldControl to avoid Base UI's onChange interception which causes\n      // errors with custom onChange handlers (e.g. FilterInput).\n      // FieldControl is only needed for native input elements.\n      const childElement = children as React.ReactElement;\n      if (typeof childElement?.type === 'function' || typeof childElement?.type === 'object') {\n        return childElement;\n      }\n      return <FieldControl render={childElement} />;\n    }\n\n    switch (effectiveType) {\n      case 'select':\n        // Select: FieldControl should wrap the Select Root (or be passed via render)\n        // Pattern: <Field.Control render={<Select.Root ... />} />\n        return (\n          <FieldControl\n            render={\n              <Select\n                {...effectiveInputProps}\n                value={effectiveInputProps?.value === null ? undefined : effectiveInputProps?.value}\n                defaultValue={effectiveInputProps?.defaultValue as string | undefined}\n              >\n                <SelectTrigger>\n                  <SelectValue\n                    placeholder={\n                      resolvedProps.showPlaceholderOnAll ? resolvedProps.label : undefined\n                    }\n                  >\n                    {resolvedProps.showPlaceholderOnAll &&\n                    (effectiveInputProps?.value === undefined ||\n                      effectiveInputProps?.value === null ||\n                      effectiveInputProps?.value === '') ? (\n                      <span className='text-muted-foreground'>{resolvedProps.label}</span>\n                    ) : undefined}\n                  </SelectValue>\n                </SelectTrigger>\n                <SelectContent>\n                  {effectiveOptions?.map((opt) => (\n                    <SelectItem key={opt.value} value={opt.value}>\n                      {opt.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            }\n          />\n        );\n      case 'textarea':\n        return <FieldControl render={<Textarea {...effectiveInputProps} />} />;\n      case 'checkbox':\n        return <FieldControl render={<Checkbox {...effectiveInputProps} />} />;\n      default:\n        // Use FieldControl directly as the input, applying the Input styles manually\n        return (\n          <FieldControl\n            type={effectiveType}\n            className={cn(\n              'dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n            )}\n            {...effectiveInputProps}\n          />\n        );\n    }\n  };\n\n  return (\n    <Field\n      ref={ref}\n      data-testid={testId}\n      orientation={derivedOrientation}\n      className={cn(isOverlapping && 'relative mt-1', className)}\n      {...props}\n    >\n      {/* Overlapping Label (Pre-label absolute) */}\n      {isOverlapping && effectiveLabel && (\n        <div className='absolute -top-1.5 left-2 px-1 bg-background z-10 pointer-events-none'>\n          <span\n            className={cn(\n              'text-[10px] font-medium leading-none text-muted-foreground uppercase',\n              required && \"after:content-['*'] after:ml-0.5 after:text-destructive\",\n            )}\n          >\n            {effectiveLabel}\n          </span>\n        </div>\n      )}\n\n      {/* Normal Label (Top or Left handled by FieldRoot orientation) - Render here if NOT checkbox */}\n      {effectiveLabel && !isNone && !isCheckbox && (\n        <FieldLabel\n          className={cn(required && \"after:content-['*'] after:ml-0.5 after:text-destructive\")}\n          style={\n            effectiveIsLeft && effectiveLabelWidth ? { width: effectiveLabelWidth } : undefined\n          }\n        >\n          {effectiveLabel}\n        </FieldLabel>\n      )}\n\n      {/* Input Control */}\n      {/* FieldControl is now handled inside renderInput to support different wrappers (e.g. SelectTrigger) */}\n\n      {effectiveIsLeft && !isCheckbox ? (\n        /* Horizontal Layout needs Content Wrapper if there's description/error? */\n        /* erp Field horizontal: [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start */\n        /* So we should wrap input + desc + error in FieldContent if horizontal */\n        <FieldContent>\n          {renderInput() as React.ReactElement}\n          {effectiveDescription &&\n            !error &&\n            (typeof effectiveDescription === 'string' ? (\n              <FieldDescription>{effectiveDescription}</FieldDescription>\n            ) : (\n              effectiveDescription\n            ))}\n          {error && (typeof error === 'string' ? <FieldError>{error}</FieldError> : error)}\n        </FieldContent>\n      ) : (\n        /* Vertical or Checkbox */\n        <>\n          {renderInput() as React.ReactElement}\n\n          {/* For Checkbox, Label comes AFTER the control */}\n          {isCheckbox && effectiveLabel && !isNone && (\n            <FieldLabel\n              className={cn(required && \"after:content-['*'] after:ml-0.5 after:text-destructive\")}\n            >\n              {effectiveLabel}\n            </FieldLabel>\n          )}\n\n          {effectiveDescription &&\n            !error &&\n            (typeof effectiveDescription === 'string' ? (\n              <FieldDescription>{effectiveDescription}</FieldDescription>\n            ) : (\n              effectiveDescription\n            ))}\n          {error && (typeof error === 'string' ? <FieldError>{error}</FieldError> : error)}\n        </>\n      )}\n    </Field>\n  );\n}\nFieldFactory.displayName = 'FieldFactory';\n\nexport { Field, FieldLabel, FieldControl, FieldError, FieldDescription, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, FieldValidity, FieldFactory };\n"],"mappings":"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"}

package/dist/tools/components/ui/field.d.cts

@@ -119,5 +119,8 @@ export interface FieldFactoryProps extends Omit<React.ComponentPropsWithoutRef<t
  * <FieldFactory schema={userSchema} field="email" inputProps={{ placeholder: "user@example.com" }} />
  * ```
  */
-declare const FieldFactory: React.ForwardRefExoticComponent<FieldFactoryProps & React.RefAttributes<HTMLDivElement>>;
+declare function FieldFactory({ ref, testId, label, children, labelPosition, labelWidth, overlappingLabel, showPlaceholderOnAll, description, error, required, className, type, options, inputProps, jsonSchema, schema, field, orientation, ...props }: React.PropsWithoutRef<FieldFactoryProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace FieldFactory {
+    var displayName: string;
+}
 export { Field, FieldLabel, FieldControl, FieldError, FieldDescription, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, FieldValidity, FieldFactory };

package/dist/tools/components/ui/field.d.ts

@@ -119,5 +119,8 @@ export interface FieldFactoryProps extends Omit<React.ComponentPropsWithoutRef<t
  * <FieldFactory schema={userSchema} field="email" inputProps={{ placeholder: "user@example.com" }} />
  * ```
  */
-declare const FieldFactory: React.ForwardRefExoticComponent<FieldFactoryProps & React.RefAttributes<HTMLDivElement>>;
+declare function FieldFactory({ ref, testId, label, children, labelPosition, labelWidth, overlappingLabel, showPlaceholderOnAll, description, error, required, className, type, options, inputProps, jsonSchema, schema, field, orientation, ...props }: React.PropsWithoutRef<FieldFactoryProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace FieldFactory {
+    var displayName: string;
+}
 export { Field, FieldLabel, FieldControl, FieldError, FieldDescription, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, FieldValidity, FieldFactory };

package/dist/tools/components/ui/field.js

@@ -5,11 +5,11 @@ import { Textarea as n } from "../../../ui/components/ui/textarea.js";
 import { Select as r, SelectContent as i, SelectItem as a, SelectTrigger as o, SelectValue as s } from "../../../ui/components/ui/select.js";
 import { Field as c, FieldContent as l, FieldControl as u, FieldDescription as d, FieldError as f, FieldGroup as p, FieldLabel as m, FieldLegend as h, FieldSeparator as g, FieldSet as _, FieldTitle as v, FieldValidity as y } from "../../../ui/components/ui/field.js";
 import { resolveFilterField as b } from "../filter/filter-types.js";
-import { extractUIConfig as x } from "../../lib/schema/json-schema.js";
-import { Fragment as ee, jsx as S, jsxs as C } from "react/jsx-runtime";
-import * as w from "react";
+import { extractUIConfig as ee } from "../../lib/schema/json-schema.js";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import "react";
 //#region src/tools/components/ui/field.tsx
-var T = /* @__PURE__ */ new Set([
+var w = /* @__PURE__ */ new Set([
 	"text",
 	"number",
 	"password",
@@ -17,34 +17,35 @@ var T = /* @__PURE__ */ new Set([
 	"select",
 	"textarea",
 	"checkbox"
-]), E = (e) => {
-	if (e) return T.has(e) ? e : void 0;
-}, D = w.forwardRef(({ testId: p, label: h, children: g, labelPosition: _, labelWidth: v, overlappingLabel: y, showPlaceholderOnAll: w, description: T, error: D, required: O, className: k, type: A, options: j, inputProps: M, jsonSchema: N, schema: P, field: F, orientation: I, ...L }, R) => {
+]), T = (e) => {
+	if (e) return w.has(e) ? e : void 0;
+};
+function E({ ref: p, testId: h, label: g, children: _, labelPosition: v, labelWidth: y, overlappingLabel: w, showPlaceholderOnAll: E, description: D, error: O, required: k, className: A, type: j, options: M, inputProps: N, jsonSchema: P, schema: F, field: I, orientation: L, ...R }) {
 	let z = {
-		label: h,
-		type: A,
-		options: j,
-		labelPosition: _,
-		labelWidth: v,
-		overlappingLabel: y,
-		showPlaceholderOnAll: w,
-		inputProps: M,
-		description: T
+		label: g,
+		type: j,
+		options: M,
+		labelPosition: v,
+		labelWidth: y,
+		overlappingLabel: w,
+		showPlaceholderOnAll: E,
+		inputProps: N,
+		description: D
 	};
-	if (N) {
-		let e = M?.name || "", t = x(N, e, []);
-		z.label = h || t.label, z.type = A || E(t.type), z.options = j || t.options?.map((e) => ({
+	if (P) {
+		let e = N?.name || "", t = ee(P, e, []);
+		z.label = g || t.label, z.type = j || T(t.type), z.options = M || t.options?.map((e) => ({
 			label: e.label,
 			value: String(e.value)
 		}));
-		let n = N["x-ui"] || {};
-		z.labelPosition = _ || (n.layout?.section, "top"), z.overlappingLabel = y, (t.placeholder || n.prefix || n.suffix) && (z.inputProps = {
-			...M,
+		let n = P["x-ui"] || {};
+		z.labelPosition = v || (n.layout?.section, "top"), z.overlappingLabel = w, (t.placeholder || n.prefix || n.suffix) && (z.inputProps = {
+			...N,
 			placeholder: t.placeholder
-		}), !T && t.help && (z.description = t.help);
-	} else if (P && F) {
-		let e = b(F, P);
-		if (z.label = h || e.label, z.labelPosition = _ || e.labelPosition || "top", z.labelWidth = v || e.labelWidth, z.overlappingLabel = y === void 0 ? e.overlappingLabel : y, !A) switch (e.type) {
+		}), !D && t.help && (z.description = t.help);
+	} else if (F && I) {
+		let e = b(I, F);
+		if (z.label = g || e.label, z.labelPosition = v || e.labelPosition || "top", z.labelWidth = y || e.labelWidth, z.overlappingLabel = w === void 0 ? e.overlappingLabel : w, !j) switch (e.type) {
 			case "number":
 				z.type = "number";
 				break;
@@ -59,18 +60,18 @@ var T = /* @__PURE__ */ new Set([
 				break;
 			default: z.type = "text";
 		}
-		!j && e.options && (z.options = e.options.map((e) => ({
+		!M && e.options && (z.options = e.options.map((e) => ({
 			label: e.label,
 			value: String(e.value)
 		}))), e.placeholder && (z.inputProps = {
-			...M,
+			...N,
 			placeholder: e.placeholder
 		});
 	}
-	let { label: B, type: V, options: H, labelPosition: U = "top", labelWidth: W, overlappingLabel: G = !1, inputProps: K, description: q } = z, J = U === "none", Y = J && G, X = V === "checkbox", Z = U === "responsive", Q = (X ? "left" : U) === "left" || Z, te = I || (Z ? "responsive" : Q ? "horizontal" : "vertical"), $ = () => {
-		if (typeof g == "function") return /* @__PURE__ */ S(u, { render: g(K) });
-		if (g) {
-			let e = g;
+	let { label: B, type: V, options: H, labelPosition: U = "top", labelWidth: W, overlappingLabel: G = !1, inputProps: K, description: q } = z, J = U === "none", Y = J && G, X = V === "checkbox", Z = U === "responsive", Q = (X ? "left" : U) === "left" || Z, te = L || (Z ? "responsive" : Q ? "horizontal" : "vertical"), $ = () => {
+		if (typeof _ == "function") return /* @__PURE__ */ S(u, { render: _(K) });
+		if (_) {
+			let e = _;
 			return typeof e?.type == "function" || typeof e?.type == "object" ? e : /* @__PURE__ */ S(u, { render: e });
 		}
 		switch (V) {
@@ -99,42 +100,42 @@ var T = /* @__PURE__ */ new Set([
 		}
 	};
 	return /* @__PURE__ */ C(c, {
-		ref: R,
-		"data-testid": p,
+		ref: p,
+		"data-testid": h,
 		orientation: te,
-		className: e(Y && "relative mt-1", k),
-		...L,
+		className: e(Y && "relative mt-1", A),
+		...R,
 		children: [
 			Y && B && /* @__PURE__ */ S("div", {
 				className: "absolute -top-1.5 left-2 px-1 bg-background z-10 pointer-events-none",
 				children: /* @__PURE__ */ S("span", {
-					className: e("text-[10px] font-medium leading-none text-muted-foreground uppercase", O && "after:content-['*'] after:ml-0.5 after:text-destructive"),
+					className: e("text-[10px] font-medium leading-none text-muted-foreground uppercase", k && "after:content-['*'] after:ml-0.5 after:text-destructive"),
 					children: B
 				})
 			}),
 			B && !J && !X && /* @__PURE__ */ S(m, {
-				className: e(O && "after:content-['*'] after:ml-0.5 after:text-destructive"),
+				className: e(k && "after:content-['*'] after:ml-0.5 after:text-destructive"),
 				style: Q && W ? { width: W } : void 0,
 				children: B
 			}),
 			Q && !X ? /* @__PURE__ */ C(l, { children: [
 				$(),
-				q && !D && (typeof q == "string" ? /* @__PURE__ */ S(d, { children: q }) : q),
-				D && (typeof D == "string" ? /* @__PURE__ */ S(f, { children: D }) : D)
-			] }) : /* @__PURE__ */ C(ee, { children: [
+				q && !O && (typeof q == "string" ? /* @__PURE__ */ S(d, { children: q }) : q),
+				O && (typeof O == "string" ? /* @__PURE__ */ S(f, { children: O }) : O)
+			] }) : /* @__PURE__ */ C(x, { children: [
 				$(),
 				X && B && !J && /* @__PURE__ */ S(m, {
-					className: e(O && "after:content-['*'] after:ml-0.5 after:text-destructive"),
+					className: e(k && "after:content-['*'] after:ml-0.5 after:text-destructive"),
 					children: B
 				}),
-				q && !D && (typeof q == "string" ? /* @__PURE__ */ S(d, { children: q }) : q),
-				D && (typeof D == "string" ? /* @__PURE__ */ S(f, { children: D }) : D)
+				q && !O && (typeof q == "string" ? /* @__PURE__ */ S(d, { children: q }) : q),
+				O && (typeof O == "string" ? /* @__PURE__ */ S(f, { children: O }) : O)
 			] })
 		]
 	});
-});
-D.displayName = "FieldFactory";
+}
+E.displayName = "FieldFactory";
 //#endregion
-export { c as Field, l as FieldContent, u as FieldControl, d as FieldDescription, f as FieldError, D as FieldFactory, p as FieldGroup, m as FieldLabel, h as FieldLegend, g as FieldSeparator, _ as FieldSet, v as FieldTitle, y as FieldValidity };
+export { c as Field, l as FieldContent, u as FieldControl, d as FieldDescription, f as FieldError, E as FieldFactory, p as FieldGroup, m as FieldLabel, h as FieldLegend, g as FieldSeparator, _ as FieldSet, v as FieldTitle, y as FieldValidity };
 
 //# sourceMappingURL=field.js.map