@alneas/appkit-react 0.1.0 → 0.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"DnDProvider.js","names":["DnDProvider","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","closestCenter"],"sources":["../../../../../src/tools/components/ui/dnd/DnDProvider.tsx"],"sourcesContent":["import React from 'react';\nimport '../../../types/dnd-react19';\nimport {\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  closestCenter,\n  type DragEndEvent,\n  type DragStartEvent,\n  type DragCancelEvent,\n} from '@dnd-kit/core';\nimport { sortableKeyboardCoordinates } from '@dnd-kit/sortable';\n\nexport interface DnDProviderProps {\n  children: React.ReactNode;\n  onDragStart?: (event: DragStartEvent) => void;\n  onDragEnd?: (event: DragEndEvent) => void;\n  onDragCancel?: (event: DragCancelEvent) => void;\n}\n\n/**\n * DnD 操作のコンテキストを提供するラッパーコンポーネント\n */\nexport function DnDProvider({ children, onDragStart, onDragEnd, onDragCancel }: DnDProviderProps) {\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 5, // 5px 以上動かした時にドラッグ開始（クリックとの誤爆防止）\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={closestCenter}\n      onDragStart={onDragStart}\n      onDragEnd={onDragEnd}\n      onDragCancel={onDragCancel}\n    >\n      {children}\n    </DndContext>\n  );\n}\n"],"mappings":";;;;;;AAyBA,SAAgBA,EAAY,EAAE,aAAU,gBAAa,cAAW,mBAAkC;CAChG,IAAMC,IAAUC,EACdC,EAAUC,GAAe,EACvB,sBAAsB,EACpB,UAAU,EACZ,EACF,CAAC,GACDD,EAAUE,GAAgB,EACxB,kBAAkBC,EACpB,CAAC,CACH;CAEA,OACE,kBAACC,GAAD;EACW;EACT,oBAAoBC;EACP;EACF;EACG;EAEb;CACS,CAAA;AAEhB"}
+{"version":3,"file":"DnDProvider.js","names":["sensors","defaults","sensor","PointerSensor","event","PointerActivationConstraints","plugins","Feedback","DnDProvider","customSensors","customPlugins","props","DragDropProvider"],"sources":["../../../../../src/tools/components/ui/dnd/DnDProvider.tsx"],"sourcesContent":["import type {ComponentProps} from 'react';\nimport {DragDropProvider} from '@dnd-kit/react';\nimport {Feedback, PointerSensor, PointerActivationConstraints} from '@dnd-kit/dom';\n\n/**\n * Native DragDropProvider props, including custom sensors/plugins and children.\n * @remarks Cancellation is delivered through onDragEnd with event.canceled;\n * the legacy onDragCancel callback is not supported. Native provider members\n * retain their upstream contracts. See the development migration guide.\n */\nexport type DnDProviderProps = ComponentProps<typeof DragDropProvider>;\nconst sensors: DnDProviderProps['sensors'] = defaults => [\n  ...defaults.filter(sensor => sensor !== PointerSensor),\n  PointerSensor.configure({activationConstraints: event => event.pointerType === 'touch'\n    ? [new PointerActivationConstraints.Delay({value: 250, tolerance: 5})]\n    : [new PointerActivationConstraints.Distance({value: 5})]}),\n];\nconst plugins: DnDProviderProps['plugins'] = defaults => [\n  ...defaults, Feedback.configure({feedback: 'clone', dropAnimation: {duration: 0}}),\n];\n\n/**\n * Provide a native drag context for Appkit registrations and host-owned children.\n * @param props - Native provider options and content; omitted sensors use 5px\n * mouse/pen movement and a 250ms touch hold with 5px tolerance. Omitted plugins\n * retain native accessibility and clone feedback with immediate drop completion.\n * @returns A provider element; no storage operations are performed by this wrapper.\n * @remarks Import Appkit CSS once. Do not mix legacy core registrations into this\n * context. Check event.canceled and nullable operation entities before persisting.\n * @example\n * ```tsx\n * import {DnDProvider} from '@alneas/appkit-react/tools/ui';\n * import '@alneas/appkit-react/styles';\n * export function DragArea() {\n *   return <DnDProvider onDragEnd={event => {\n *     if (!event.canceled) console.log(event.operation.target?.id);\n *   }}><div>Host content</div></DnDProvider>;\n * }\n * ```\n */\nexport function DnDProvider({children, sensors: customSensors = sensors, plugins: customPlugins = plugins, ...props}: DnDProviderProps) {\n  return <DragDropProvider sensors={customSensors} plugins={customPlugins} {...props}>{children}</DragDropProvider>;\n}\n"],"mappings":";;;;;AAWA,IAAMA,KAAuC,MAAY,CACvD,GAAGC,EAAS,QAAO,MAAUC,MAAWC,CAAa,GACrDA,EAAc,UAAU,EAAC,wBAAuB,MAASC,EAAM,gBAAgB,UAC3E,CAAC,IAAIC,EAA6B,MAAM;CAAC,OAAO;CAAK,WAAW;AAAC,CAAC,CAAC,IACnE,CAAC,IAAIA,EAA6B,SAAS,EAAC,OAAO,EAAC,CAAC,CAAC,EAAC,CAAC,CAC9D,GACMC,KAAuC,MAAY,CACvD,GAAGL,GAAUM,EAAS,UAAU;CAAC,UAAU;CAAS,eAAe,EAAC,UAAU,EAAC;AAAC,CAAC,CACnF;AAqBA,SAAgBC,EAAY,EAAC,aAAU,SAASC,IAAgBT,GAAS,SAASU,IAAgBJ,GAAS,GAAGK,KAA0B;CACtI,OAAO,kBAACC,GAAD;EAAkB,SAASH;EAAe,SAASC;EAAe,GAAIC;EAAQ;CAA2B,CAAA;AAClH"}

package/dist/tools/components/ui/dnd/Draggable.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs");let t=require("react/jsx-runtime"),n=require("react");n=e.__toESM(n,1);let r=require("@dnd-kit/core"),i=require("@dnd-kit/utilities");function a({id:e,data:n,children:a}){let{attributes:o,listeners:s,setNodeRef:c,transform:l,isDragging:u}=(0,r.useDraggable)({id:e,data:n}),d={transform:i.CSS.Translate.toString(l),opacity:u?.5:void 0,cursor:`grab`};return(0,t.jsx)(t.Fragment,{children:a({attributes:o,listeners:s,setNodeRef:c,isDragging:u,style:d})})}exports.Draggable=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react/jsx-runtime"),t=require("@dnd-kit/react");function n({id:n,data:r,children:i}){let{ref:a,handleRef:o,isDragging:s}=(0,t.useDraggable)({id:n,data:r});return(0,e.jsx)(e.Fragment,{children:i({ref:a,handleRef:o,isDragging:s,style:{opacity:s?.5:void 0,cursor:`grab`}})})}exports.Draggable=n;
 //# sourceMappingURL=Draggable.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Draggable.cjs","names":["useDraggable","CSS","_Fragment","require_runtime","react_jsx_runtime","react","_dnd_kit_core","_dnd_kit_utilities","Draggable","style","transform","isDragging","children"],"sources":["../../../../../src/tools/components/ui/dnd/Draggable.tsx"],"sourcesContent":["import React from 'react';\nimport { useDraggable } from '@dnd-kit/core';\nimport { CSS } from '@dnd-kit/utilities';\n\nexport interface DraggableProps {\n  /** 一意識別子 */\n  id: string;\n  /** ドラッグイベントに付随させるデータ */\n  data?: Record<string, any>;\n  /** 子要素 */\n  children: (props: {\n    attributes: any;\n    listeners: any;\n    setNodeRef: (node: HTMLElement | null) => void;\n    isDragging: boolean;\n    style: React.CSSProperties;\n  }) => React.ReactNode;\n}\n\n/**\n * ドラッグ可能な要素を作成するコンポーネント\n */\nexport function Draggable({ id, data, children }: DraggableProps) {\n  const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable({\n    id,\n    data,\n  });\n\n  const style: React.CSSProperties = {\n    transform: CSS.Translate.toString(transform),\n    opacity: isDragging ? 0.5 : undefined,\n    cursor: 'grab',\n  };\n\n  return <>{children({ attributes, listeners, setNodeRef, isDragging, style })}</>;\n}\n"],"mappings":"A,oRAsBA,SAAgBQ,EAAU,CAAE,KAAI,OAAM,YAA4B,CAChE,GAAM,CAAE,aAAY,YAAW,aAAY,YAAW,eAAA,EAAeR,EAAAA,aAAAA,CAAa,CAChF,KACA,MACF,CAAC,EAEKS,EAA6B,CACjC,UAAWR,EAAAA,IAAI,UAAU,SAASS,CAAS,EAC3C,QAASC,EAAa,GAAM,IAAA,GAC5B,OAAQ,MACV,EAEA,OAAO,EAAAP,EAAA,IAAA,CAAAF,EAAAA,SAAA,CAAA,SAAGU,EAAS,CAAE,aAAY,YAAW,aAAY,aAAY,OAAM,CAAC,CAAI,CAAA,CACjF,C"}
+{"version":3,"file":"Draggable.cjs","names":["useDraggable","_Fragment","react_jsx_runtime","_dnd_kit_react","Draggable","children","isDragging"],"sources":["../../../../../src/tools/components/ui/dnd/Draggable.tsx"],"sourcesContent":["import type {CSSProperties, ReactNode} from 'react';\nimport {useDraggable} from '@dnd-kit/react';\n\n/** Native draggable options; render refs replace legacy attributes/listeners. */\nexport interface DraggableProps {\n  /** Unique identifier within the provider. */\n  id: string;\n  /** Native source.data payload. */\n  data?: Record<string, any>;\n  /** Attach ref to the moving element and optional handleRef to its activator. */\n  children: (props: {\n    /** Attach to the element moved by native feedback; pass null on removal. */\n    ref: (element: Element | null) => void;\n    /** Optional separate activator; otherwise the element itself activates dragging. */\n    handleRef: (element: Element | null) => void;\n    /** Whether this registration is the current dragging source. */\n    isDragging: boolean;\n    /** Cursor/opacity presentation only; native feedback owns movement transforms. */\n    style: CSSProperties;\n  }) => ReactNode;\n}\n\n/**\n * Register an element and optional separate handle with the native provider.\n * @param props - Unique string id, optional source.data payload and render callback.\n * @returns The rendered child inside a fragment; input listeners are installed natively.\n * @remarks Place under DnDProvider. Keep nested interactive controls outside the\n * handle when they must remain independently clickable. See the migration guide\n * for native event and feedback semantics.\n * @example\n * ```tsx\n * import {DnDProvider, Draggable} from '@alneas/appkit-react/tools/ui';\n * import '@alneas/appkit-react/styles';\n * export function MovableItem() {\n *   return <DnDProvider><Draggable id=\"report\" data={{name: 'Report'}}>\n *     {({ref, handleRef, style}) => <div ref={ref} style={style}>\n *       <button ref={handleRef}>Move report</button>\n *     </div>}\n *   </Draggable></DnDProvider>;\n * }\n * ```\n */\nexport function Draggable({id, data, children}: DraggableProps) {\n  const {ref, handleRef, isDragging} = useDraggable({id, data});\n  return <>{children({ref, handleRef, isDragging, style: {opacity: isDragging ? 0.5 : undefined, cursor: 'grab'}})}</>;\n}\n"],"mappings":"A,+IA0CA,SAAgBI,EAAU,CAAC,KAAI,OAAM,YAA2B,CAC9D,GAAM,CAAC,MAAK,YAAW,eAAA,EAAcJ,EAAAA,aAAAA,CAAa,CAAC,KAAI,MAAI,CAAC,EAC5D,OAAO,EAAAE,EAAA,IAAA,CAAAD,EAAAA,SAAA,CAAA,SAAGI,EAAS,CAAC,MAAK,YAAW,aAAY,MAAO,CAAC,QAASC,EAAa,GAAM,IAAA,GAAW,OAAQ,MAAM,CAAC,CAAC,CAAI,CAAA,CACrH,C"}

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

@@ -1,19 +1,40 @@
-import { default as React } from 'react';
+import { CSSProperties, ReactNode } from 'react';
+/** Native draggable options; render refs replace legacy attributes/listeners. */
 export interface DraggableProps {
-    /** 一意識別子 */
+    /** Unique identifier within the provider. */
     id: string;
-    /** ドラッグイベントに付随させるデータ */
+    /** Native source.data payload. */
     data?: Record<string, any>;
-    /** 子要素 */
+    /** Attach ref to the moving element and optional handleRef to its activator. */
     children: (props: {
-        attributes: any;
-        listeners: any;
-        setNodeRef: (node: HTMLElement | null) => void;
+        /** Attach to the element moved by native feedback; pass null on removal. */
+        ref: (element: Element | null) => void;
+        /** Optional separate activator; otherwise the element itself activates dragging. */
+        handleRef: (element: Element | null) => void;
+        /** Whether this registration is the current dragging source. */
         isDragging: boolean;
-        style: React.CSSProperties;
-    }) => React.ReactNode;
+        /** Cursor/opacity presentation only; native feedback owns movement transforms. */
+        style: CSSProperties;
+    }) => ReactNode;
 }
 /**
- * ドラッグ可能な要素を作成するコンポーネント
+ * Register an element and optional separate handle with the native provider.
+ * @param props - Unique string id, optional source.data payload and render callback.
+ * @returns The rendered child inside a fragment; input listeners are installed natively.
+ * @remarks Place under DnDProvider. Keep nested interactive controls outside the
+ * handle when they must remain independently clickable. See the migration guide
+ * for native event and feedback semantics.
+ * @example
+ * ```tsx
+ * import {DnDProvider, Draggable} from '@alneas/appkit-react/tools/ui';
+ * import '@alneas/appkit-react/styles';
+ * export function MovableItem() {
+ *   return <DnDProvider><Draggable id="report" data={{name: 'Report'}}>
+ *     {({ref, handleRef, style}) => <div ref={ref} style={style}>
+ *       <button ref={handleRef}>Move report</button>
+ *     </div>}
+ *   </Draggable></DnDProvider>;
+ * }
+ * ```
  */
-export declare function Draggable({ id, data, children }: DraggableProps): React.JSX.Element;
+export declare function Draggable({ id, data, children }: DraggableProps): import('react').JSX.Element;

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

@@ -1,19 +1,40 @@
-import { default as React } from 'react';
+import { CSSProperties, ReactNode } from 'react';
+/** Native draggable options; render refs replace legacy attributes/listeners. */
 export interface DraggableProps {
-    /** 一意識別子 */
+    /** Unique identifier within the provider. */
     id: string;
-    /** ドラッグイベントに付随させるデータ */
+    /** Native source.data payload. */
     data?: Record<string, any>;
-    /** 子要素 */
+    /** Attach ref to the moving element and optional handleRef to its activator. */
     children: (props: {
-        attributes: any;
-        listeners: any;
-        setNodeRef: (node: HTMLElement | null) => void;
+        /** Attach to the element moved by native feedback; pass null on removal. */
+        ref: (element: Element | null) => void;
+        /** Optional separate activator; otherwise the element itself activates dragging. */
+        handleRef: (element: Element | null) => void;
+        /** Whether this registration is the current dragging source. */
         isDragging: boolean;
-        style: React.CSSProperties;
-    }) => React.ReactNode;
+        /** Cursor/opacity presentation only; native feedback owns movement transforms. */
+        style: CSSProperties;
+    }) => ReactNode;
 }
 /**
- * ドラッグ可能な要素を作成するコンポーネント
+ * Register an element and optional separate handle with the native provider.
+ * @param props - Unique string id, optional source.data payload and render callback.
+ * @returns The rendered child inside a fragment; input listeners are installed natively.
+ * @remarks Place under DnDProvider. Keep nested interactive controls outside the
+ * handle when they must remain independently clickable. See the migration guide
+ * for native event and feedback semantics.
+ * @example
+ * ```tsx
+ * import {DnDProvider, Draggable} from '@alneas/appkit-react/tools/ui';
+ * import '@alneas/appkit-react/styles';
+ * export function MovableItem() {
+ *   return <DnDProvider><Draggable id="report" data={{name: 'Report'}}>
+ *     {({ref, handleRef, style}) => <div ref={ref} style={style}>
+ *       <button ref={handleRef}>Move report</button>
+ *     </div>}
+ *   </Draggable></DnDProvider>;
+ * }
+ * ```
  */
-export declare function Draggable({ id, data, children }: DraggableProps): React.JSX.Element;
+export declare function Draggable({ id, data, children }: DraggableProps): import('react').JSX.Element;

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

@@ -1,27 +1,23 @@
 "use client";
 import { Fragment as e, jsx as t } from "react/jsx-runtime";
-import "react";
-import { useDraggable as n } from "@dnd-kit/core";
-import { CSS as r } from "@dnd-kit/utilities";
+import { useDraggable as n } from "@dnd-kit/react";
 //#region src/tools/components/ui/dnd/Draggable.tsx
-function i({ id: i, data: a, children: o }) {
-	let { attributes: s, listeners: c, setNodeRef: l, transform: u, isDragging: d } = n({
-		id: i,
-		data: a
-	}), f = {
-		transform: r.Translate.toString(u),
-		opacity: d ? .5 : void 0,
-		cursor: "grab"
-	};
-	return /* @__PURE__ */ t(e, { children: o({
-		attributes: s,
-		listeners: c,
-		setNodeRef: l,
-		isDragging: d,
-		style: f
+function r({ id: r, data: i, children: a }) {
+	let { ref: o, handleRef: s, isDragging: c } = n({
+		id: r,
+		data: i
+	});
+	return /* @__PURE__ */ t(e, { children: a({
+		ref: o,
+		handleRef: s,
+		isDragging: c,
+		style: {
+			opacity: c ? .5 : void 0,
+			cursor: "grab"
+		}
 	}) });
 }
 //#endregion
-export { i as Draggable };
+export { r as Draggable };
 
 //# sourceMappingURL=Draggable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Draggable.js","names":["_Fragment","Draggable","useDraggable","style","CSS","transform","isDragging","Fragment","children"],"sources":["../../../../../src/tools/components/ui/dnd/Draggable.tsx"],"sourcesContent":["import React from 'react';\nimport { useDraggable } from '@dnd-kit/core';\nimport { CSS } from '@dnd-kit/utilities';\n\nexport interface DraggableProps {\n  /** 一意識別子 */\n  id: string;\n  /** ドラッグイベントに付随させるデータ */\n  data?: Record<string, any>;\n  /** 子要素 */\n  children: (props: {\n    attributes: any;\n    listeners: any;\n    setNodeRef: (node: HTMLElement | null) => void;\n    isDragging: boolean;\n    style: React.CSSProperties;\n  }) => React.ReactNode;\n}\n\n/**\n * ドラッグ可能な要素を作成するコンポーネント\n */\nexport function Draggable({ id, data, children }: DraggableProps) {\n  const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable({\n    id,\n    data,\n  });\n\n  const style: React.CSSProperties = {\n    transform: CSS.Translate.toString(transform),\n    opacity: isDragging ? 0.5 : undefined,\n    cursor: 'grab',\n  };\n\n  return <>{children({ attributes, listeners, setNodeRef, isDragging, style })}</>;\n}\n"],"mappings":";;;;;;AAsBA,SAAgBC,EAAU,EAAE,OAAI,SAAM,eAA4B;CAChE,IAAM,EAAE,eAAY,cAAW,eAAY,cAAW,kBAAeC,EAAa;EAChF;EACA;CACF,CAAC,GAEKC,IAA6B;EACjC,WAAWC,EAAI,UAAU,SAASC,CAAS;EAC3C,SAASC,IAAa,KAAM,KAAA;EAC5B,QAAQ;CACV;CAEA,OAAO,kBAAAN,GAAA,EAAA,UAAGQ,EAAS;EAAE;EAAY;EAAW;EAAY;EAAY;CAAM,CAAC,EAAI,CAAA;AACjF"}
+{"version":3,"file":"Draggable.js","names":["_Fragment","Draggable","useDraggable","Fragment","children","isDragging"],"sources":["../../../../../src/tools/components/ui/dnd/Draggable.tsx"],"sourcesContent":["import type {CSSProperties, ReactNode} from 'react';\nimport {useDraggable} from '@dnd-kit/react';\n\n/** Native draggable options; render refs replace legacy attributes/listeners. */\nexport interface DraggableProps {\n  /** Unique identifier within the provider. */\n  id: string;\n  /** Native source.data payload. */\n  data?: Record<string, any>;\n  /** Attach ref to the moving element and optional handleRef to its activator. */\n  children: (props: {\n    /** Attach to the element moved by native feedback; pass null on removal. */\n    ref: (element: Element | null) => void;\n    /** Optional separate activator; otherwise the element itself activates dragging. */\n    handleRef: (element: Element | null) => void;\n    /** Whether this registration is the current dragging source. */\n    isDragging: boolean;\n    /** Cursor/opacity presentation only; native feedback owns movement transforms. */\n    style: CSSProperties;\n  }) => ReactNode;\n}\n\n/**\n * Register an element and optional separate handle with the native provider.\n * @param props - Unique string id, optional source.data payload and render callback.\n * @returns The rendered child inside a fragment; input listeners are installed natively.\n * @remarks Place under DnDProvider. Keep nested interactive controls outside the\n * handle when they must remain independently clickable. See the migration guide\n * for native event and feedback semantics.\n * @example\n * ```tsx\n * import {DnDProvider, Draggable} from '@alneas/appkit-react/tools/ui';\n * import '@alneas/appkit-react/styles';\n * export function MovableItem() {\n *   return <DnDProvider><Draggable id=\"report\" data={{name: 'Report'}}>\n *     {({ref, handleRef, style}) => <div ref={ref} style={style}>\n *       <button ref={handleRef}>Move report</button>\n *     </div>}\n *   </Draggable></DnDProvider>;\n * }\n * ```\n */\nexport function Draggable({id, data, children}: DraggableProps) {\n  const {ref, handleRef, isDragging} = useDraggable({id, data});\n  return <>{children({ref, handleRef, isDragging, style: {opacity: isDragging ? 0.5 : undefined, cursor: 'grab'}})}</>;\n}\n"],"mappings":";;;;AA0CA,SAAgBC,EAAU,EAAC,OAAI,SAAM,eAA2B;CAC9D,IAAM,EAAC,QAAK,cAAW,kBAAcC,EAAa;EAAC;EAAI;CAAI,CAAC;CAC5D,OAAO,kBAAAF,GAAA,EAAA,UAAGI,EAAS;EAAC;EAAK;EAAW;EAAY,OAAO;GAAC,SAASC,IAAa,KAAM,KAAA;GAAW,QAAQ;EAAM;CAAC,CAAC,EAAI,CAAA;AACrH"}

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

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs");let t=require("react/jsx-runtime"),n=require("react");n=e.__toESM(n,1);let r=require("@dnd-kit/core");function i({id:e,data:n,disabled:i,children:a}){let{isOver:o,setNodeRef:s}=(0,r.useDroppable)({id:e,data:n,disabled:i});return(0,t.jsx)(t.Fragment,{children:a({setNodeRef:s,isOver:o})})}exports.Droppable=i;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react/jsx-runtime"),t=require("@dnd-kit/react"),n=require("@dnd-kit/collision");function r({id:r,data:i,disabled:a,children:o}){let{ref:s,isDropTarget:c}=(0,t.useDroppable)({id:r,data:i,disabled:a,collisionDetector:n.pointerIntersection});return(0,e.jsx)(e.Fragment,{children:o({ref:s,isDropTarget:c})})}exports.Droppable=r;
 //# sourceMappingURL=Droppable.cjs.map

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/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 };