@piying/view-react 1.4.1 → 1.5.1

package/component/field-template.d.ts

@@ -2,5 +2,4 @@ import type { PiResolvedViewFieldConfig } from '../type';
 export interface PiyingFieldTemplateProps {
     field: PiResolvedViewFieldConfig;
 }
-export declare const CVA: unique symbol;
 export declare function PiyingFieldTemplate(props: PiyingFieldTemplateProps): import("react/jsx-runtime").JSX.Element;

package/index.cjs

@@ -1,4 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),T=require("static-injector"),k=require("@piying/view-core");require("valibot");var A={exports:{}},x={};/**
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("react");
+const staticInjector = require("static-injector");
+const viewCore = require("@piying/view-core");
+require("valibot");
+var jsxRuntime = { exports: {} };
+var reactJsxRuntime_production = {};
+/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +14,37 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var H;function me(){if(H)return x;H=1;var r=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function t(l,o,a){var i=null;if(a!==void 0&&(i=""+a),o.key!==void 0&&(i=""+o.key),"key"in o){a={};for(var g in o)g!=="key"&&(a[g]=o[g])}else a=o;return o=a.ref,{$$typeof:r,type:l,key:i,ref:o!==void 0?o:null,props:a}}return x.Fragment=n,x.jsx=t,x.jsxs=t,x}var S={};/**
+ */
+var hasRequiredReactJsxRuntime_production;
+function requireReactJsxRuntime_production() {
+  if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
+  hasRequiredReactJsxRuntime_production = 1;
+  var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+  function jsxProd(type, config, maybeKey) {
+    var key = null;
+    void 0 !== maybeKey && (key = "" + maybeKey);
+    void 0 !== config.key && (key = "" + config.key);
+    if ("key" in config) {
+      maybeKey = {};
+      for (var propName in config)
+        "key" !== propName && (maybeKey[propName] = config[propName]);
+    } else maybeKey = config;
+    config = maybeKey.ref;
+    return {
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: void 0 !== config ? config : null,
+      props: maybeKey
+    };
+  }
+  reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
+  reactJsxRuntime_production.jsx = jsxProd;
+  reactJsxRuntime_production.jsxs = jsxProd;
+  return reactJsxRuntime_production;
+}
+var reactJsxRuntime_development = {};
+/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +52,602 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var X;function be(){return X||(X=1,process.env.NODE_ENV!=="production"&&function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ie?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case w:return"Fragment";case te:return"Profiler";case re:return"StrictMode";case se:return"Suspense";case le:return"SuspenseList";case ce:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case m:return"Portal";case oe:return(e.displayName||"Context")+".Provider";case ne:return(e._context.displayName||"Context")+".Consumer";case ue:var u=e.render;return e=e.displayName,e||(e=u.displayName||u.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ae:return u=e.displayName||null,u!==null?u:r(e.type)||"Memo";case $:u=e._payload,e=e._init;try{return r(e(u))}catch{}}return null}function n(e){return""+e}function t(e){try{n(e);var u=!1}catch{u=!0}if(u){u=console;var c=u.error,b=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return c.call(u,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",b),n(e)}}function l(e){if(e===w)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===$)return"<...>";try{var u=r(e);return u?"<"+u+">":"<...>"}catch{return"<...>"}}function o(){var e=I.A;return e===null?null:e.getOwner()}function a(){return Error("react-stack-top-frame")}function i(e){if(W.call(e,"key")){var u=Object.getOwnPropertyDescriptor(e,"key").get;if(u&&u.isReactWarning)return!1}return e.key!==void 0}function g(e,u){function c(){q||(q=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",u))}c.isReactWarning=!0,Object.defineProperty(e,"key",{get:c,configurable:!0})}function d(){var e=r(this.type);return U[e]||(U[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function v(e,u,c,b,_,R,N,F){return c=R.ref,e={$$typeof:y,type:e,key:u,props:R,_owner:_},(c!==void 0?c:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:d}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:F}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function O(e,u,c,b,_,R,N,F){var h=u.children;if(h!==void 0)if(b)if(de(h)){for(b=0;b<h.length;b++)j(h[b]);Object.freeze&&Object.freeze(h)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else j(h);if(W.call(u,"key")){h=r(e);var C=Object.keys(u).filter(function(fe){return fe!=="key"});b=0<C.length?"{key: someKey, "+C.join(": ..., ")+": ...}":"{key: someKey}",z[h+b]||(C=0<C.length?"{"+C.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,b,h,C,h),z[h+b]=!0)}if(h=null,c!==void 0&&(t(c),h=""+c),i(u)&&(t(u.key),h=""+u.key),"key"in u){c={};for(var Y in u)Y!=="key"&&(c[Y]=u[Y])}else c=u;return h&&g(c,typeof e=="function"?e.displayName||e.name||"Unknown":e),v(e,h,R,_,o(),c,N,F)}function j(e){typeof e=="object"&&e!==null&&e.$$typeof===y&&e._store&&(e._store.validated=1)}var E=s,y=Symbol.for("react.transitional.element"),m=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),re=Symbol.for("react.strict_mode"),te=Symbol.for("react.profiler"),ne=Symbol.for("react.consumer"),oe=Symbol.for("react.context"),ue=Symbol.for("react.forward_ref"),se=Symbol.for("react.suspense"),le=Symbol.for("react.suspense_list"),ae=Symbol.for("react.memo"),$=Symbol.for("react.lazy"),ce=Symbol.for("react.activity"),ie=Symbol.for("react.client.reference"),I=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,W=Object.prototype.hasOwnProperty,de=Array.isArray,M=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var q,U={},B=E.react_stack_bottom_frame.bind(E,a)(),J=M(l(a)),z={};S.Fragment=w,S.jsx=function(e,u,c,b,_){var R=1e4>I.recentlyCreatedOwnerStacks++;return O(e,u,c,!1,b,_,R?Error("react-stack-top-frame"):B,R?M(l(e)):J)},S.jsxs=function(e,u,c,b,_){var R=1e4>I.recentlyCreatedOwnerStacks++;return O(e,u,c,!0,b,_,R?Error("react-stack-top-frame"):B,R?M(l(e)):J)}}()),S}var Z;function he(){return Z||(Z=1,process.env.NODE_ENV==="production"?A.exports=me():A.exports=be()),A.exports}var f=he();const V=s.createContext(void 0),P=s.createContext(void 0);function p(r,n){const t=s.useContext(P),[l,o]=s.useState(s.useMemo(()=>n(r),[])),a=s.useRef(l);return s.useEffect(()=>{const i=n(r);Object.is(a.current,i)||(o(i),a.current=i);const g=T.effect(()=>{const d=n(r);Object.is(a.current,d)||(o(d),a.current=d)},{injector:t});return()=>{g.destroy()}},[r,s.useMemo(()=>n,[])]),l}function G(r){const n=s.useMemo(()=>r.wrappers.slice(1),[r.wrappers]),t=r.wrappers[0],l=p(t,()=>({...t?.inputs(),...t?.attributes(),...t?.outputs}));return f.jsx(f.Fragment,{children:t?f.jsx(t.type,{...l,children:f.jsx(G,{wrappers:n,children:r.children})}):r.children})}const Q=Symbol.for("ControlValueAccessor");function L(r){const n=p(r.field,m=>m.inputs()),t=p(r.field,m=>m.outputs()),l=p(r.field,m=>m.attributes()),o=s.useMemo(()=>({...l,...n,...t}),[l,n,t]),a=p(r.field,m=>m.renderConfig()),i=p(r.field,m=>m.children?.()),g=p(r.field,m=>m.wrappers()),d=r.field.form.control,v=r.field.define?.type,O=s.useMemo(()=>!!a.hidden||!v,[a.hidden,v]),j=s.useContext(P),E=s.useRef(void 0),y=s.useMemo(()=>({...o,[Q]:E}),[o,E]);return s.useEffect(()=>{let m;return E.current&&(m=k.createViewControlLink(()=>d,E.current,j)),()=>{m?.(),m=void 0}},[E.current,d,j]),f.jsx(f.Fragment,{children:f.jsx(V,{value:r.field,children:O?void 0:f.jsx(G,{wrappers:g,children:i?f.jsx(v,{...o}):r.field.form.control?f.jsx(v,{...y}):f.jsx(v,{...o})})})})}function ge(){const[r,n]=s.useState(void 0),[t,l]=s.useState(!1),o=s.useRef(void 0),a=s.useRef(void 0),i=s.useMemo(()=>({writeValue(d){n(d)},registerOnChange(d){o.current=d},registerOnTouched(d){a.current=d},setDisabledState(d){l(d)}}),[]),g=s.useMemo(()=>({value:r,disabled:t,valueChange:d=>{o.current?.(d),n(d)},touchedChange:()=>{a.current?.()}}),[r,t]);return s.useMemo(()=>({cva:i,cvaa:g}),[g])}function D(r,n){const t=s.useCallback(r,n),l=s.useRef(void 0);s.useMemo(()=>(l.current=t(),l.current),n),s.useEffect(()=>()=>{l.current?.(),l.current=void 0},[])}function Ee(){const r=s.useContext(V),n=p(r,t=>t?.children());return f.jsx(f.Fragment,{children:n.map((t,l)=>f.jsx(L,{field:t},l))})}class K extends k.CoreSchemaHandle{}class ee extends k.FormBuilder{}function Re(r){const n=s.useMemo(()=>T.createRootInjector({providers:[{provide:T.ChangeDetectionScheduler,useClass:T.ChangeDetectionSchedulerImpl}]}),[]),[t,l]=s.useMemo(()=>{const o=T.createInjector({providers:[],parent:n});return[k.convert(r.schema,{handle:K,builder:ee,injector:o,registerOnDestroy:i=>{o.get(T.DestroyRef).onDestroy(i)},...r.options}),o]},[r.schema,r.options]);return D(()=>{let o;if(t.form.control){const a=r.model;o=k.initListen(typeof a<"u"?a:void 0,t.form.control,l,i=>{T.untracked(()=>{t.form.control?.valueNoError$$()&&r.modelChange?.(i)})})}return()=>{l.destroy(),o?.destroy()}},[t]),D(()=>{t.form.control?.updateValue(r.model)},[t,r.model]),f.jsx(f.Fragment,{children:f.jsx(P,{value:n,children:f.jsx(L,{field:t})})})}const pe=[],_e={directives:"merge",formConfig:"merge",inputs:"merge",outputs:"merge",props:"merge",renderConfig:"merge",wrappers:"replace"};function ve(r,n){const t=s.useRef(!1);return s.useMemo(()=>{const l={value:r.value==null?"":r.value,disabled:r.disabled,onBlur:r.touchedChange};return n?{...l,onCompositionStart:()=>{t.current=!0},onCompositionEnd:o=>{t.current=!1,r.valueChange(o.target.value)}}:{...l,onInput:o=>r.valueChange(o.target.value)}},[r,n])}function Te(r){return s.useMemo(()=>({checked:r.value??!1,disabled:r.disabled,onBlur:r.touchedChange,onChange:n=>r.valueChange(n.target.checked)}),[r])}function Ce(r){return s.useMemo(()=>({value:r.value==null?"":r.value,disabled:r.disabled,onBlur:r.touchedChange,onInput:n=>{const t=n.target.value;r.valueChange(t==""?void 0:parseFloat(t))}}),[r])}function je(r,n){return s.useMemo(()=>({value:n,checked:Object.is(r.value,n),disabled:r.disabled,onBlur:r.touchedChange,onChange:()=>r.valueChange(n)}),[r])}function xe(r){return s.useMemo(()=>{const n=t=>{const l=t.target.value;r.valueChange(l==""?void 0:parseFloat(l))};return{value:r.value==null?"":r.value,disabled:r.disabled,onBlur:r.touchedChange,onInput:n,onChange:n}},[r])}function Se(r,n=!1){return s.useMemo(()=>({value:r.value,disabled:r.disabled,onBlur:r.touchedChange,onChange:t=>{const l=[],o=t.target;if(o.selectedOptions!==void 0)for(let a=0;a<o.selectedOptions.length;a++){const i=o.selectedOptions[a];if(l.push(i.value),!n)break}else for(let a=0;a<o.options.length;a++){const i=o.options[a];if(i.selected&&(l.push(i.value),!n))break}r.valueChange(n?l:l[0])}}),[r])}exports.CVA=Q;exports.EMPTY_ARRAY=pe;exports.InjectorToken=P;exports.NG_CONFIG_DEFAULT_MERGE_STRAGEGY=_e;exports.PI_VIEW_FIELD_TOKEN=V;exports.PiyingFieldTemplate=L;exports.PiyingGroup=Ee;exports.PiyingView=Re;exports.PiyingWrapper=G;exports.ReactFormBuilder=ee;exports.ReactSchemaHandle=K;exports.useControlValueAccessor=ge;exports.useEffectSync=D;exports.useInputCheckboxModel=Te;exports.useInputNumberModel=Ce;exports.useInputRadioModel=je;exports.useInputRangeModel=xe;exports.useInputTextModel=ve;exports.useSelectModel=Se;exports.useSignalToRef=p;
+ */
+var hasRequiredReactJsxRuntime_development;
+function requireReactJsxRuntime_development() {
+  if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
+  hasRequiredReactJsxRuntime_development = 1;
+  "production" !== process.env.NODE_ENV && function() {
+    function getComponentNameFromType(type) {
+      if (null == type) return null;
+      if ("function" === typeof type)
+        return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
+      if ("string" === typeof type) return type;
+      switch (type) {
+        case REACT_FRAGMENT_TYPE:
+          return "Fragment";
+        case REACT_PROFILER_TYPE:
+          return "Profiler";
+        case REACT_STRICT_MODE_TYPE:
+          return "StrictMode";
+        case REACT_SUSPENSE_TYPE:
+          return "Suspense";
+        case REACT_SUSPENSE_LIST_TYPE:
+          return "SuspenseList";
+        case REACT_ACTIVITY_TYPE:
+          return "Activity";
+      }
+      if ("object" === typeof type)
+        switch ("number" === typeof type.tag && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), type.$$typeof) {
+          case REACT_PORTAL_TYPE:
+            return "Portal";
+          case REACT_CONTEXT_TYPE:
+            return (type.displayName || "Context") + ".Provider";
+          case REACT_CONSUMER_TYPE:
+            return (type._context.displayName || "Context") + ".Consumer";
+          case REACT_FORWARD_REF_TYPE:
+            var innerType = type.render;
+            type = type.displayName;
+            type || (type = innerType.displayName || innerType.name || "", type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef");
+            return type;
+          case REACT_MEMO_TYPE:
+            return innerType = type.displayName || null, null !== innerType ? innerType : getComponentNameFromType(type.type) || "Memo";
+          case REACT_LAZY_TYPE:
+            innerType = type._payload;
+            type = type._init;
+            try {
+              return getComponentNameFromType(type(innerType));
+            } catch (x) {
+            }
+        }
+      return null;
+    }
+    function testStringCoercion(value) {
+      return "" + value;
+    }
+    function checkKeyStringCoercion(value) {
+      try {
+        testStringCoercion(value);
+        var JSCompiler_inline_result = false;
+      } catch (e) {
+        JSCompiler_inline_result = true;
+      }
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 = "function" === typeof Symbol && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          JSCompiler_inline_result$jscomp$0
+        );
+        return testStringCoercion(value);
+      }
+    }
+    function getTaskName(type) {
+      if (type === REACT_FRAGMENT_TYPE) return "<>";
+      if ("object" === typeof type && null !== type && type.$$typeof === REACT_LAZY_TYPE)
+        return "<...>";
+      try {
+        var name = getComponentNameFromType(type);
+        return name ? "<" + name + ">" : "<...>";
+      } catch (x) {
+        return "<...>";
+      }
+    }
+    function getOwner() {
+      var dispatcher = ReactSharedInternals.A;
+      return null === dispatcher ? null : dispatcher.getOwner();
+    }
+    function UnknownOwner() {
+      return Error("react-stack-top-frame");
+    }
+    function hasValidKey(config) {
+      if (hasOwnProperty.call(config, "key")) {
+        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
+        if (getter && getter.isReactWarning) return false;
+      }
+      return void 0 !== config.key;
+    }
+    function defineKeyPropWarningGetter(props, displayName) {
+      function warnAboutAccessingKey() {
+        specialPropKeyWarningShown || (specialPropKeyWarningShown = true, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          displayName
+        ));
+      }
+      warnAboutAccessingKey.isReactWarning = true;
+      Object.defineProperty(props, "key", {
+        get: warnAboutAccessingKey,
+        configurable: true
+      });
+    }
+    function elementRefGetterWithDeprecationWarning() {
+      var componentName = getComponentNameFromType(this.type);
+      didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = true, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      ));
+      componentName = this.props.ref;
+      return void 0 !== componentName ? componentName : null;
+    }
+    function ReactElement(type, key, self, source, owner, props, debugStack, debugTask) {
+      self = props.ref;
+      type = {
+        $$typeof: REACT_ELEMENT_TYPE,
+        type,
+        key,
+        props,
+        _owner: owner
+      };
+      null !== (void 0 !== self ? self : null) ? Object.defineProperty(type, "ref", {
+        enumerable: false,
+        get: elementRefGetterWithDeprecationWarning
+      }) : Object.defineProperty(type, "ref", { enumerable: false, value: null });
+      type._store = {};
+      Object.defineProperty(type._store, "validated", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: 0
+      });
+      Object.defineProperty(type, "_debugInfo", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: null
+      });
+      Object.defineProperty(type, "_debugStack", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: debugStack
+      });
+      Object.defineProperty(type, "_debugTask", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: debugTask
+      });
+      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
+      return type;
+    }
+    function jsxDEVImpl(type, config, maybeKey, isStaticChildren, source, self, debugStack, debugTask) {
+      var children = config.children;
+      if (void 0 !== children)
+        if (isStaticChildren)
+          if (isArrayImpl(children)) {
+            for (isStaticChildren = 0; isStaticChildren < children.length; isStaticChildren++)
+              validateChildKeys(children[isStaticChildren]);
+            Object.freeze && Object.freeze(children);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else validateChildKeys(children);
+      if (hasOwnProperty.call(config, "key")) {
+        children = getComponentNameFromType(type);
+        var keys = Object.keys(config).filter(function(k) {
+          return "key" !== k;
+        });
+        isStaticChildren = 0 < keys.length ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
+        didWarnAboutKeySpread[children + isStaticChildren] || (keys = 0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}", console.error(
+          'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
+          isStaticChildren,
+          children,
+          keys,
+          children
+        ), didWarnAboutKeySpread[children + isStaticChildren] = true);
+      }
+      children = null;
+      void 0 !== maybeKey && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
+      hasValidKey(config) && (checkKeyStringCoercion(config.key), children = "" + config.key);
+      if ("key" in config) {
+        maybeKey = {};
+        for (var propName in config)
+          "key" !== propName && (maybeKey[propName] = config[propName]);
+      } else maybeKey = config;
+      children && defineKeyPropWarningGetter(
+        maybeKey,
+        "function" === typeof type ? type.displayName || type.name || "Unknown" : type
+      );
+      return ReactElement(
+        type,
+        children,
+        self,
+        source,
+        getOwner(),
+        maybeKey,
+        debugStack,
+        debugTask
+      );
+    }
+    function validateChildKeys(node) {
+      "object" === typeof node && null !== node && node.$$typeof === REACT_ELEMENT_TYPE && node._store && (node._store.validated = 1);
+    }
+    var React = require$$0, REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler");
+    var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    React = {
+      react_stack_bottom_frame: function(callStackForError) {
+        return callStackForError();
+      }
+    };
+    var specialPropKeyWarningShown;
+    var didWarnAboutElementRef = {};
+    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(
+      React,
+      UnknownOwner
+    )();
+    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
+    var didWarnAboutKeySpread = {};
+    reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
+    reactJsxRuntime_development.jsx = function(type, config, maybeKey, source, self) {
+      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+      return jsxDEVImpl(
+        type,
+        config,
+        maybeKey,
+        false,
+        source,
+        self,
+        trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
+        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
+      );
+    };
+    reactJsxRuntime_development.jsxs = function(type, config, maybeKey, source, self) {
+      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+      return jsxDEVImpl(
+        type,
+        config,
+        maybeKey,
+        true,
+        source,
+        self,
+        trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
+        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
+      );
+    };
+  }();
+  return reactJsxRuntime_development;
+}
+var hasRequiredJsxRuntime;
+function requireJsxRuntime() {
+  if (hasRequiredJsxRuntime) return jsxRuntime.exports;
+  hasRequiredJsxRuntime = 1;
+  if (process.env.NODE_ENV === "production") {
+    jsxRuntime.exports = requireReactJsxRuntime_production();
+  } else {
+    jsxRuntime.exports = requireReactJsxRuntime_development();
+  }
+  return jsxRuntime.exports;
+}
+var jsxRuntimeExports = requireJsxRuntime();
+const PI_VIEW_FIELD_TOKEN = require$$0.createContext(void 0);
+const InjectorToken = require$$0.createContext(void 0);
+const CVA = Symbol.for("ControlValueAccessor");
+function useSignalToRef(listen, value) {
+  const injector = require$$0.useContext(InjectorToken);
+  const [result, setResult] = require$$0.useState(require$$0.useMemo(() => value(listen), []));
+  const resultRef = require$$0.useRef(result);
+  require$$0.useEffect(() => {
+    const currentValue = value(listen);
+    if (!Object.is(resultRef.current, currentValue)) {
+      setResult(currentValue);
+      resultRef.current = currentValue;
+    }
+    const ref = staticInjector.effect(
+      () => {
+        const currentValue2 = value(listen);
+        if (!Object.is(resultRef.current, currentValue2)) {
+          setResult(currentValue2);
+          resultRef.current = currentValue2;
+        }
+      },
+      { injector }
+    );
+    return () => {
+      ref.destroy();
+    };
+  }, [listen, require$$0.useMemo(() => value, [])]);
+  return result;
+}
+function PiyingWrapper(props) {
+  const restWrappers = require$$0.useMemo(
+    () => props.wrappers.slice(1),
+    [props.wrappers]
+  );
+  const wrapper = props.wrappers[0];
+  const inputs = useSignalToRef(wrapper, () => ({
+    ...wrapper?.inputs(),
+    ...wrapper?.attributes(),
+    ...wrapper?.outputs
+  }));
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: wrapper ? /* @__PURE__ */ jsxRuntimeExports.jsx(wrapper.type, { ...inputs, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PiyingWrapper, { wrappers: restWrappers, children: props.children }) }) : props.children });
+}
+function PiyingFieldTemplate(props) {
+  const fieldInputs = useSignalToRef(props.field, (field) => ({
+    ...field.attributes(),
+    ...field.inputs(),
+    ...field.outputs()
+  }));
+  const renderConfig = useSignalToRef(
+    props.field,
+    (field) => field.renderConfig()
+  );
+  const wrappers = useSignalToRef(props.field, (field) => field.wrappers());
+  const control = props.field.form.control;
+  const ComponentType = props.field.define?.type;
+  const isHidden = require$$0.useMemo(() => {
+    return !!renderConfig.hidden || !ComponentType;
+  }, [renderConfig.hidden, ComponentType]);
+  const injector = require$$0.useContext(InjectorToken);
+  const controlRef = require$$0.useRef(void 0);
+  const fieldControlInput = require$$0.useMemo(
+    () => ({ ...fieldInputs, [CVA]: controlRef }),
+    [fieldInputs, controlRef]
+  );
+  require$$0.useEffect(() => {
+    let dispose;
+    if (controlRef.current) {
+      dispose = viewCore.createViewControlLink(
+        () => control,
+        controlRef.current,
+        injector
+      );
+    }
+    return () => {
+      dispose?.();
+      dispose = void 0;
+    };
+  }, [controlRef.current, control, injector]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(PI_VIEW_FIELD_TOKEN, { value: props.field, children: !isHidden ? /* @__PURE__ */ jsxRuntimeExports.jsx(PiyingWrapper, { wrappers, children: props.field.form.control ? /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentType, { ...fieldControlInput }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentType, { ...fieldInputs }) }) : void 0 }) });
+}
+function useControlValueAccessor() {
+  const [value, setValue] = require$$0.useState(void 0);
+  const [disabled, setDisabled] = require$$0.useState(false);
+  const onChange = require$$0.useRef(void 0);
+  const touched = require$$0.useRef(void 0);
+  const cva = require$$0.useMemo(() => {
+    return {
+      writeValue(obj) {
+        setValue(obj);
+      },
+      registerOnChange(fn) {
+        onChange.current = fn;
+      },
+      registerOnTouched(fn) {
+        touched.current = fn;
+      },
+      setDisabledState(value2) {
+        setDisabled(value2);
+      }
+    };
+  }, []);
+  const cvaa = require$$0.useMemo(() => {
+    return {
+      value,
+      disabled,
+      valueChange: (value2) => {
+        onChange.current?.(value2);
+        setValue(value2);
+      },
+      touchedChange: () => {
+        touched.current?.();
+      }
+    };
+  }, [value, disabled]);
+  return require$$0.useMemo(() => {
+    return {
+      cva,
+      cvaa
+    };
+  }, [cvaa]);
+}
+function useEffectSync(fn, deps) {
+  const cb = require$$0.useCallback(fn, deps);
+  const dispose = require$$0.useRef(void 0);
+  require$$0.useMemo(() => {
+    dispose.current = cb();
+    return dispose.current;
+  }, deps);
+  require$$0.useEffect(() => {
+    return () => {
+      dispose.current?.();
+      dispose.current = void 0;
+    };
+  }, []);
+}
+function PiyingGroup() {
+  const field = require$$0.useContext(PI_VIEW_FIELD_TOKEN);
+  const children = useSignalToRef(field, (field2) => field2?.children());
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children.map((field2, index) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(PiyingFieldTemplate, { field: field2 }, index);
+  }) });
+}
+class ReactSchemaHandle extends viewCore.CoreSchemaHandle {
+}
+class ReactFormBuilder extends viewCore.FormBuilder {
+}
+function PiyingView(props) {
+  const rootInjector = require$$0.useMemo(() => {
+    return staticInjector.createRootInjector({
+      providers: [
+        {
+          provide: staticInjector.ChangeDetectionScheduler,
+          useClass: staticInjector.ChangeDetectionSchedulerImpl
+        }
+      ]
+    });
+  }, []);
+  const [field, subInjector] = require$$0.useMemo(() => {
+    const subInjector2 = staticInjector.createInjector({ providers: [], parent: rootInjector });
+    const field2 = viewCore.convert(props.schema, {
+      handle: ReactSchemaHandle,
+      builder: ReactFormBuilder,
+      injector: subInjector2,
+      registerOnDestroy: (fn) => {
+        subInjector2.get(staticInjector.DestroyRef).onDestroy(fn);
+      },
+      ...props.options
+    });
+    return [field2, subInjector2];
+  }, [props.schema, props.options]);
+  useEffectSync(() => {
+    let ref;
+    if (field.form.control) {
+      const model = props.model;
+      ref = viewCore.initListen(
+        typeof model !== "undefined" ? model : void 0,
+        field.form.control,
+        subInjector,
+        (value) => {
+          staticInjector.untracked(() => {
+            if (field.form.control?.valueNoError$$()) {
+              props.modelChange?.(value);
+            }
+          });
+        }
+      );
+    }
+    return () => {
+      subInjector.destroy();
+      ref?.destroy();
+    };
+  }, [field]);
+  useEffectSync(() => {
+    field.form.control?.updateValue(props.model);
+  }, [field, props.model]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(InjectorToken, { value: rootInjector, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PiyingFieldTemplate, { field }) }) });
+}
+function useInputTextModel(cvaa, compositionMode) {
+  const composing = require$$0.useRef(false);
+  return require$$0.useMemo(() => {
+    const obj = {
+      value: cvaa.value == null ? "" : cvaa.value,
+      disabled: cvaa.disabled,
+      onBlur: cvaa.touchedChange,
+      onInput: (event) => {
+        if (!compositionMode || compositionMode && !composing.current) {
+          cvaa.valueChange(event.target.value);
+        }
+      }
+    };
+    if (compositionMode) {
+      return {
+        ...obj,
+        onCompositionStart: () => {
+          composing.current = true;
+        },
+        onCompositionEnd: (event) => {
+          composing.current = false;
+          cvaa.valueChange(event.target.value);
+        }
+      };
+    }
+    return obj;
+  }, [cvaa, compositionMode, composing]);
+}
+function useInputCheckboxModel(cvaa) {
+  return require$$0.useMemo(() => {
+    return {
+      checked: cvaa.value ?? false,
+      disabled: cvaa.disabled,
+      onBlur: cvaa.touchedChange,
+      onChange: (event) => cvaa.valueChange(event.target.checked)
+    };
+  }, [cvaa]);
+}
+function useInputNumberModel(cvaa) {
+  return require$$0.useMemo(() => {
+    return {
+      value: cvaa.value == null ? "" : cvaa.value,
+      disabled: cvaa.disabled,
+      onBlur: cvaa.touchedChange,
+      onInput: (event) => {
+        const value = event.target.value;
+        cvaa.valueChange(value == "" ? void 0 : parseFloat(value));
+      }
+    };
+  }, [cvaa]);
+}
+function useInputRadioModel(cvaa, value) {
+  return require$$0.useMemo(() => {
+    return {
+      value,
+      checked: Object.is(cvaa.value, value),
+      disabled: cvaa.disabled,
+      onBlur: cvaa.touchedChange,
+      onChange: () => cvaa.valueChange(value)
+    };
+  }, [cvaa]);
+}
+function useInputRangeModel(cvaa) {
+  return require$$0.useMemo(() => {
+    const onInput = (event) => {
+      const value = event.target.value;
+      cvaa.valueChange(value == "" ? void 0 : parseFloat(value));
+    };
+    return {
+      value: cvaa.value == null ? "" : cvaa.value,
+      disabled: cvaa.disabled,
+      onBlur: cvaa.touchedChange,
+      onInput,
+      onChange: onInput
+    };
+  }, [cvaa]);
+}
+function useSelectModel(cvaa, multiple = false) {
+  return require$$0.useMemo(() => {
+    return {
+      value: cvaa.value,
+      disabled: cvaa.disabled,
+      onBlur: cvaa.touchedChange,
+      onChange: (event) => {
+        const selected = [];
+        const el = event.target;
+        if (el.selectedOptions !== void 0) {
+          for (let index = 0; index < el.selectedOptions.length; index++) {
+            const item = el.selectedOptions[index];
+            selected.push(item.value);
+            if (!multiple) {
+              break;
+            }
+          }
+        } else {
+          for (let index = 0; index < el.options.length; index++) {
+            const option = el.options[index];
+            if (option.selected) {
+              selected.push(option.value);
+              if (!multiple) {
+                break;
+              }
+            }
+          }
+        }
+        cvaa.valueChange(multiple ? selected : selected[0]);
+      }
+    };
+  }, [cvaa]);
+}
+exports.CVA = CVA;
+exports.InjectorToken = InjectorToken;
+exports.PI_VIEW_FIELD_TOKEN = PI_VIEW_FIELD_TOKEN;
+exports.PiyingFieldTemplate = PiyingFieldTemplate;
+exports.PiyingGroup = PiyingGroup;
+exports.PiyingView = PiyingView;
+exports.PiyingWrapper = PiyingWrapper;
+exports.ReactFormBuilder = ReactFormBuilder;
+exports.ReactSchemaHandle = ReactSchemaHandle;
+exports.useControlValueAccessor = useControlValueAccessor;
+exports.useEffectSync = useEffectSync;
+exports.useInputCheckboxModel = useInputCheckboxModel;
+exports.useInputNumberModel = useInputNumberModel;
+exports.useInputRadioModel = useInputRadioModel;
+exports.useInputRangeModel = useInputRangeModel;
+exports.useInputTextModel = useInputTextModel;
+exports.useSelectModel = useSelectModel;
+exports.useSignalToRef = useSignalToRef;
+//# sourceMappingURL=index.cjs.map