npm - @tatamicks/checkbox - Versions diffs - 0.0.2 → 0.1.0 - Mend

@tatamicks/checkbox 0.0.2 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.js +4 -4
package/dist/index.js.map +1 -1
package/dist/index.mjs +128 -123
package/dist/index.mjs.map +1 -1
package/dist/src/CheckboxPlugin.d.ts.map +1 -1
package/package.json +68 -65

package/dist/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@tatamicks/core"),p=require("react");var w={exports:{}},_={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@tatamicks/core"),p=require("react");var w={exports:{}},_={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var V;function ne(){if(V)return _;V=1;var o=Symbol.for("react.transitional.element"),x=Symbol.for("react.fragment");function i(u,a,n){var m=null;if(n!==void 0&&(m=""+n),a.key!==void 0&&(m=""+a.key),"key"in a){n={};for(var b in a)b!=="key"&&(n[b]=a[b])}else n=a;return a=n.ref,{$$typeof:o,type:u,key:m,ref:a!==void 0?a:null,props:n}}return _.Fragment=x,_.jsx=i,_.jsxs=i,_}var T={};/**
+ */var L;function ne(){if(L)return _;L=1;var o=Symbol.for("react.transitional.element"),x=Symbol.for("react.fragment");function i(u,l,n){var m=null;if(n!==void 0&&(m=""+n),l.key!==void 0&&(m=""+l.key),"key"in l){n={};for(var b in l)b!=="key"&&(n[b]=l[b])}else n=l;return l=n.ref,{$$typeof:o,type:u,key:m,ref:l!==void 0?l:null,props:n}}return _.Fragment=x,_.jsx=i,_.jsxs=i,_}var T={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,10 +14,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var q;function ie(){return q||(q=1,process.env.NODE_ENV!=="production"&&(function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===re?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case y:return"Fragment";case P:return"Profiler";case l:return"StrictMode";case Z:return"Suspense";case Q:return"SuspenseList";case ee: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 A:return"Portal";case H:return e.displayName||"Context";case G:return(e._context.displayName||"Context")+".Consumer";case X:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case K:return t=e.displayName||null,t!==null?t:o(e.type)||"Memo";case I:t=e._payload,e=e._init;try{return o(e(t))}catch{}}return null}function x(e){return""+e}function i(e){try{x(e);var t=!1}catch{t=!0}if(t){t=console;var c=t.error,f=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return c.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",f),x(e)}}function u(e){if(e===y)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===I)return"<...>";try{var t=o(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function a(){var e=W.A;return e===null?null:e.getOwner()}function n(){return Error("react-stack-top-frame")}function m(e){if(Y.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function b(e,t){function c(){$||($=!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)",t))}c.isReactWarning=!0,Object.defineProperty(e,"key",{get:c,configurable:!0})}function v(){var e=o(this.type);return M[e]||(M[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 g(e,t,c,f,S,O){var h=c.ref;return e={$$typeof:E,type:e,key:t,props:c,_owner:f},(h!==void 0?h:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:v}):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:S}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function k(e,t,c,f,S,O){var h=t.children;if(h!==void 0)if(f)if(te(h)){for(f=0;f<h.length;f++)C(h[f]);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 C(h);if(Y.call(t,"key")){h=o(e);var R=Object.keys(t).filter(function(oe){return oe!=="key"});f=0<R.length?"{key: someKey, "+R.join(": ..., ")+": ...}":"{key: someKey}",L[h+f]||(R=0<R.length?"{"+R.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var q;function ie(){return q||(q=1,process.env.NODE_ENV!=="production"&&(function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===re?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case E:return"Fragment";case P:return"Profiler";case s:return"StrictMode";case Z:return"Suspense";case Q:return"SuspenseList";case ee: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 A:return"Portal";case H:return e.displayName||"Context";case G:return(e._context.displayName||"Context")+".Consumer";case X:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case K:return t=e.displayName||null,t!==null?t:o(e.type)||"Memo";case I:t=e._payload,e=e._init;try{return o(e(t))}catch{}}return null}function x(e){return""+e}function i(e){try{x(e);var t=!1}catch{t=!0}if(t){t=console;var d=t.error,f=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return d.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",f),x(e)}}function u(e){if(e===E)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===I)return"<...>";try{var t=o(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function l(){var e=W.A;return e===null?null:e.getOwner()}function n(){return Error("react-stack-top-frame")}function m(e){if(Y.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function b(e,t){function d(){$||($=!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)",t))}d.isReactWarning=!0,Object.defineProperty(e,"key",{get:d,configurable:!0})}function v(){var e=o(this.type);return M[e]||(M[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 g(e,t,d,f,S,z){var h=d.ref;return e={$$typeof:y,type:e,key:t,props:d,_owner:f},(h!==void 0?h:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:v}):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:S}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:z}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function k(e,t,d,f,S,z){var h=t.children;if(h!==void 0)if(f)if(te(h)){for(f=0;f<h.length;f++)C(h[f]);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 C(h);if(Y.call(t,"key")){h=o(e);var R=Object.keys(t).filter(function(oe){return oe!=="key"});f=0<R.length?"{key: someKey, "+R.join(": ..., ")+": ...}":"{key: someKey}",V[h+f]||(R=0<R.length?"{"+R.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} />`,f,h,R,h),L[h+f]=!0)}if(h=null,c!==void 0&&(i(c),h=""+c),m(t)&&(i(t.key),h=""+t.key),"key"in t){c={};for(var z in t)z!=="key"&&(c[z]=t[z])}else c=t;return h&&b(c,typeof e=="function"?e.displayName||e.name||"Unknown":e),g(e,h,c,a(),S,O)}function C(e){j(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===I&&(e._payload.status==="fulfilled"?j(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function j(e){return typeof e=="object"&&e!==null&&e.$$typeof===E}var s=p,E=Symbol.for("react.transitional.element"),A=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),P=Symbol.for("react.profiler"),G=Symbol.for("react.consumer"),H=Symbol.for("react.context"),X=Symbol.for("react.forward_ref"),Z=Symbol.for("react.suspense"),Q=Symbol.for("react.suspense_list"),K=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),ee=Symbol.for("react.activity"),re=Symbol.for("react.client.reference"),W=s.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Y=Object.prototype.hasOwnProperty,te=Array.isArray,N=console.createTask?console.createTask:function(){return null};s={react_stack_bottom_frame:function(e){return e()}};var $,M={},F=s.react_stack_bottom_frame.bind(s,n)(),U=N(u(n)),L={};T.Fragment=y,T.jsx=function(e,t,c){var f=1e4>W.recentlyCreatedOwnerStacks++;return k(e,t,c,!1,f?Error("react-stack-top-frame"):F,f?N(u(e)):U)},T.jsxs=function(e,t,c){var f=1e4>W.recentlyCreatedOwnerStacks++;return k(e,t,c,!0,f?Error("react-stack-top-frame"):F,f?N(u(e)):U)}})()),T}var J;function ae(){return J||(J=1,process.env.NODE_ENV==="production"?w.exports=ne():w.exports=ie()),w.exports}var r=ae();function le({size:o=16,checked:x=!1,borderWidth:i=1,borderColor:u="#d1d5db",checkWidth:a=3.5,checkColor:n="#2563eb",backgroundColor:m="#ffffff",checkedBackgroundColor:b}){const v=x&&b?b:m;return r.jsxs("svg",{width:o,height:o,viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",children:[r.jsx("rect",{x:i/2,y:i/2,width:20-i,height:20-i,fill:v,stroke:u,strokeWidth:i}),x?r.jsx("path",{d:"M3 11l4 4L17 4",fill:"none",stroke:n,strokeWidth:a}):null]})}const D=p.forwardRef(({props:o,value:x,onChange:i,readOnly:u},a)=>{const n=p.useRef(null);p.useImperativeHandle(a,()=>({focus:()=>{var l;(l=n.current)==null||l.focus(),!u&&i&&i(!(x??!1))}}),[u,i,x]);const m=x??!1,b=l=>{u||i(l.target.checked)},v=p.useMemo(()=>{const l={width:"100%",height:"100%",display:"flex",boxSizing:"border-box",overflow:"hidden"};switch(o.justifyContent){case d.HorizontalAlign.left:l.justifyContent="flex-start";break;case d.HorizontalAlign.right:l.justifyContent="flex-end";break;default:l.justifyContent="center";break}switch(o.alignItems){case d.VerticalAlign.top:l.alignItems="flex-start";break;case d.VerticalAlign.bottom:l.alignItems="flex-end";break;default:l.alignItems="center";break}if(o.isIndividual)o.top&&(l.paddingTop=d.toPx.fromDim(o.top)),o.right&&(l.paddingRight=d.toPx.fromDim(o.right)),o.bottom&&(l.paddingBottom=d.toPx.fromDim(o.bottom)),o.left&&(l.paddingLeft=d.toPx.fromDim(o.left));else if(o.all){const P=d.toPx.fromDim(o.all);l.padding=`${P}px`}return l},[o]),g=o.styleConfig??{},k=g.checkboxSize?d.toPx.fromDim(g.checkboxSize):16,C=g.borderWidth?d.toPx.fromDim(g.borderWidth):1,j=g.checkWidth?d.toPx.fromDim(g.checkWidth):3.5,s={position:"absolute",inset:0,margin:0,width:"100%",height:"100%",opacity:0,pointerEvents:"none"},E={pointerEvents:"none",position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center"},A={width:k,height:k,position:"relative"},y=()=>{!u&&i&&i(!m)};return r.jsxs("div",{style:{...v,cursor:u?"not-allowed":"pointer"},role:"switch","aria-checked":m,"aria-disabled":u,"aria-label":"Checkbox",tabIndex:u?-1:0,onClick:y,onKeyDown:l=>{!u&&(l.key===" "||l.key==="Enter")&&(l.preventDefault(),y())},children:[r.jsx("input",{ref:n,type:"checkbox",checked:m,onChange:b,disabled:u,style:s,tabIndex:-1,"aria-hidden":"true"}),r.jsx("div",{style:A,children:r.jsx("div",{style:E,"aria-hidden":"true",children:r.jsx(le,{size:k,checked:m,borderWidth:C,borderColor:g.borderColor??"#000000",checkWidth:j,checkColor:g.checkColor??"#000000",backgroundColor:g.backgroundColor??"#ffffff",checkedBackgroundColor:g.checkedBackgroundColor})})})]})});D.displayName="CheckboxRenderer";const B=({value:o,onChange:x,readOnly:i=!1})=>{const u=p.useMemo(()=>({checkboxSize:{value:16,unit:"px"},borderWidth:{value:1,unit:"px"},borderColor:"#d1d5db",checkWidth:{value:3.5,unit:"px"},checkColor:"#2563eb",backgroundColor:"#ffffff"}),[]),a=p.useMemo(()=>({...u,...o}),[o,u]),n=p.useCallback((s,E)=>{x({...o,[s]:E})},[o,x]),m=p.useCallback(s=>n("checkboxSize",s),[n]),b=p.useCallback(s=>n("borderWidth",s),[n]),v=p.useCallback(s=>n("borderColor",s),[n]),g=p.useCallback(s=>n("checkWidth",s),[n]),k=p.useCallback(s=>n("checkColor",s),[n]),C=p.useCallback(s=>n("backgroundColor",s),[n]),j=p.useCallback(s=>n("checkedBackgroundColor",s),[n]);return r.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px",padding:"12px"},children:[r.jsxs("div",{style:{padding:"16px",backgroundColor:"#f5f5f5",borderRadius:"4px",display:"flex",justifyContent:"center",alignItems:"center",gap:"16px"},children:[r.jsxs("div",{style:{textAlign:"center"},children:[r.jsx("div",{style:{fontSize:"12px",color:"#666",marginBottom:"8px"},children:"未チェック"}),r.jsx("div",{style:{width:"40px",height:"40px",backgroundColor:"#ddd",borderRadius:"4px"}})]}),r.jsxs("div",{style:{textAlign:"center"},children:[r.jsx("div",{style:{fontSize:"12px",color:"#666",marginBottom:"8px"},children:"チェック"}),r.jsx("div",{style:{width:"40px",height:"40px",backgroundColor:"#ddd",borderRadius:"4px"}})]})]}),r.jsxs("div",{children:[r.jsx("div",{style:{fontSize:"12px",fontWeight:"500",marginBottom:"4px"},children:"チェックボックスのサイズ"}),r.jsx(d.DimensionInput,{value:a.checkboxSize,onChange:m,readOnly:i,allowedUnits:["px"],config:{min:8,max:64,step:1,placeholder:"16px"}})]}),r.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"8px"},children:[r.jsxs("div",{children:[r.jsx("div",{style:{fontSize:"12px",fontWeight:"500",marginBottom:"4px"},children:"枠線の太さ"}),r.jsx(d.DimensionInput,{value:a.borderWidth,onChange:b,readOnly:i,allowedUnits:["px","%"],config:{min:0,step:.5,placeholder:"1px"}})]}),r.jsxs("div",{children:[r.jsx("div",{style:{fontSize:"12px",fontWeight:"500",marginBottom:"4px"},children:"枠線の色"}),r.jsx(d.ColorPicker,{value:a.borderColor,onChange:v,readOnly:i,showTextInput:!0,placeholder:"#d1d5db"})]})]}),r.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"8px"},children:[r.jsxs("div",{children:[r.jsx("div",{style:{fontSize:"12px",fontWeight:"500",marginBottom:"4px"},children:"チェックマークの太さ"}),r.jsx(d.DimensionInput,{value:a.checkWidth,onChange:g,readOnly:i,allowedUnits:["px","%"],config:{min:0,step:.5,placeholder:"3.5px"}})]}),r.jsxs("div",{children:[r.jsx("div",{style:{fontSize:"12px",fontWeight:"500",marginBottom:"4px"},children:"チェックマークの色"}),r.jsx(d.ColorPicker,{value:a.checkColor,onChange:k,readOnly:i,showTextInput:!0,placeholder:"#2563eb"})]})]}),r.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"8px"},children:[r.jsxs("div",{children:[r.jsx("div",{style:{fontSize:"12px",fontWeight:"500",marginBottom:"4px"},children:"背景色（未チェック）"}),r.jsx(d.ColorPicker,{value:a.backgroundColor,onChange:C,readOnly:i,showTextInput:!0,placeholder:"#ffffff"})]}),r.jsxs("div",{children:[r.jsx("div",{style:{fontSize:"12px",fontWeight:"500",marginBottom:"4px"},children:"背景色（チェック時）"}),r.jsx(d.ColorPicker,{value:a.checkedBackgroundColor,onChange:j,readOnly:i,showTextInput:!0,allowUndefined:!0,placeholder:"#ffffff"})]})]})]})};B.displayName="CheckboxStyleEditor";const se={kind:"checkbox",meta:{displayName:"チェックボックス",description:"チェック/非チェックを選択する入力ブロック",defaultSize:{w:2,h:2}},Renderer:D,properties:{...d.universalProperties,...d.sizeDefinition,styleConfig:{Component:B,label:"チェックボックススタイル",group:"スタイル",defaultValue:void 0}},validateProps:o=>o,validateValue:o=>typeof o=="boolean"?o:!1};exports.CheckboxPlugin=se;exports.CheckboxRenderer=D;exports.CheckboxStyleEditor=B;
+  <%s key={someKey} {...props} />`,f,h,R,h),V[h+f]=!0)}if(h=null,d!==void 0&&(i(d),h=""+d),m(t)&&(i(t.key),h=""+t.key),"key"in t){d={};for(var O in t)O!=="key"&&(d[O]=t[O])}else d=t;return h&&b(d,typeof e=="function"?e.displayName||e.name||"Unknown":e),g(e,h,d,l(),S,z)}function C(e){j(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===I&&(e._payload.status==="fulfilled"?j(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function j(e){return typeof e=="object"&&e!==null&&e.$$typeof===y}var c=p,y=Symbol.for("react.transitional.element"),A=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),P=Symbol.for("react.profiler"),G=Symbol.for("react.consumer"),H=Symbol.for("react.context"),X=Symbol.for("react.forward_ref"),Z=Symbol.for("react.suspense"),Q=Symbol.for("react.suspense_list"),K=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),ee=Symbol.for("react.activity"),re=Symbol.for("react.client.reference"),W=c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Y=Object.prototype.hasOwnProperty,te=Array.isArray,N=console.createTask?console.createTask:function(){return null};c={react_stack_bottom_frame:function(e){return e()}};var $,M={},F=c.react_stack_bottom_frame.bind(c,n)(),U=N(u(n)),V={};T.Fragment=E,T.jsx=function(e,t,d){var f=1e4>W.recentlyCreatedOwnerStacks++;return k(e,t,d,!1,f?Error("react-stack-top-frame"):F,f?N(u(e)):U)},T.jsxs=function(e,t,d){var f=1e4>W.recentlyCreatedOwnerStacks++;return k(e,t,d,!0,f?Error("react-stack-top-frame"):F,f?N(u(e)):U)}})()),T}var J;function ae(){return J||(J=1,process.env.NODE_ENV==="production"?w.exports=ne():w.exports=ie()),w.exports}var r=ae();function le({size:o=16,checked:x=!1,borderWidth:i=1,borderColor:u="#d1d5db",checkWidth:l=3.5,checkColor:n="#2563eb",backgroundColor:m="#ffffff",checkedBackgroundColor:b}){const v=x&&b?b:m;return r.jsxs("svg",{width:o,height:o,viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",children:[r.jsx("rect",{x:i/2,y:i/2,width:20-i,height:20-i,fill:v,stroke:u,strokeWidth:i}),x?r.jsx("path",{d:"M3 11l4 4L17 4",fill:"none",stroke:n,strokeWidth:l}):null]})}const D=p.forwardRef(({props:o,value:x,onChange:i,readOnly:u},l)=>{const n=p.useRef(null);p.useImperativeHandle(l,()=>({focus:()=>{var s;(s=n.current)==null||s.focus(),!u&&i&&i(!(x??!1))}}),[u,i,x]);const m=x??!1,b=s=>{u||i(s.target.checked)},v=p.useMemo(()=>{const s={width:"100%",height:"100%",display:"flex",boxSizing:"border-box",overflow:"hidden"};switch(o.justifyContent){case a.HorizontalAlign.left:s.justifyContent="flex-start";break;case a.HorizontalAlign.right:s.justifyContent="flex-end";break;default:s.justifyContent="center";break}switch(o.alignItems){case a.VerticalAlign.top:s.alignItems="flex-start";break;case a.VerticalAlign.bottom:s.alignItems="flex-end";break;default:s.alignItems="center";break}if(o.isIndividual)o.top&&(s.paddingTop=a.toPx.fromDim(o.top)),o.right&&(s.paddingRight=a.toPx.fromDim(o.right)),o.bottom&&(s.paddingBottom=a.toPx.fromDim(o.bottom)),o.left&&(s.paddingLeft=a.toPx.fromDim(o.left));else if(o.all){const P=a.toPx.fromDim(o.all);s.padding=`${P}px`}return s},[o]),g=o.styleConfig??{},k=g.checkboxSize?a.toPx.fromDim(g.checkboxSize):16,C=g.borderWidth?a.toPx.fromDim(g.borderWidth):1,j=g.checkWidth?a.toPx.fromDim(g.checkWidth):3.5,c={position:"absolute",inset:0,margin:0,width:"100%",height:"100%",opacity:0,pointerEvents:"none"},y={pointerEvents:"none",position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center"},A={width:k,height:k,position:"relative"},E=()=>{!u&&i&&i(!m)};return r.jsxs("div",{style:{...v,cursor:u?"not-allowed":"pointer"},role:"switch","aria-checked":m,"aria-disabled":u,"aria-label":"Checkbox",tabIndex:u?-1:0,onClick:E,onKeyDown:s=>{!u&&(s.key===" "||s.key==="Enter")&&(s.preventDefault(),E())},children:[r.jsx("input",{ref:n,type:"checkbox",checked:m,onChange:b,disabled:u,style:c,tabIndex:-1,"aria-hidden":"true"}),r.jsx("div",{style:A,children:r.jsx("div",{style:y,"aria-hidden":"true",children:r.jsx(le,{size:k,checked:m,borderWidth:C,borderColor:g.borderColor??"#000000",checkWidth:j,checkColor:g.checkColor??"#000000",backgroundColor:g.backgroundColor??"#ffffff",checkedBackgroundColor:g.checkedBackgroundColor})})})]})});D.displayName="CheckboxRenderer";const B=({value:o,onChange:x,readOnly:i=!1})=>{const u=p.useMemo(()=>({checkboxSize:{value:16,unit:"px"},borderWidth:{value:1,unit:"px"},borderColor:"#d1d5db",checkWidth:{value:3.5,unit:"px"},checkColor:"#2563eb",backgroundColor:"#ffffff"}),[]),l=p.useMemo(()=>({...u,...o}),[o,u]),n=p.useCallback((c,y)=>{x({...o,[c]:y})},[o,x]),m=p.useCallback(c=>n("checkboxSize",c),[n]),b=p.useCallback(c=>n("borderWidth",c),[n]),v=p.useCallback(c=>n("borderColor",c),[n]),g=p.useCallback(c=>n("checkWidth",c),[n]),k=p.useCallback(c=>n("checkColor",c),[n]),C=p.useCallback(c=>n("backgroundColor",c),[n]),j=p.useCallback(c=>n("checkedBackgroundColor",c),[n]);return r.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px",padding:"12px"},children:[r.jsxs("div",{style:{padding:"16px",backgroundColor:"#f5f5f5",borderRadius:"4px",display:"flex",justifyContent:"center",alignItems:"center",gap:"16px"},children:[r.jsxs("div",{style:{textAlign:"center"},children:[r.jsx("div",{style:{fontSize:"12px",color:"#666",marginBottom:"8px"},children:"未チェック"}),r.jsx("div",{style:{width:"40px",height:"40px",backgroundColor:"#ddd",borderRadius:"4px"}})]}),r.jsxs("div",{style:{textAlign:"center"},children:[r.jsx("div",{style:{fontSize:"12px",color:"#666",marginBottom:"8px"},children:"チェック"}),r.jsx("div",{style:{width:"40px",height:"40px",backgroundColor:"#ddd",borderRadius:"4px"}})]})]}),r.jsxs("div",{children:[r.jsx("div",{style:{fontSize:"12px",fontWeight:"500",marginBottom:"4px"},children:"チェックボックスのサイズ"}),r.jsx(a.DimensionInput,{value:l.checkboxSize,onChange:m,readOnly:i,allowedUnits:["px"],config:{min:8,max:64,step:1,placeholder:"16px"}})]}),r.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"8px"},children:[r.jsxs("div",{children:[r.jsx("div",{style:{fontSize:"12px",fontWeight:"500",marginBottom:"4px"},children:"枠線の太さ"}),r.jsx(a.DimensionInput,{value:l.borderWidth,onChange:b,readOnly:i,allowedUnits:["px","%"],config:{min:0,step:.5,placeholder:"1px"}})]}),r.jsxs("div",{children:[r.jsx("div",{style:{fontSize:"12px",fontWeight:"500",marginBottom:"4px"},children:"枠線の色"}),r.jsx(a.ColorPicker,{value:l.borderColor,onChange:v,readOnly:i,showTextInput:!0,placeholder:"#d1d5db"})]})]}),r.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"8px"},children:[r.jsxs("div",{children:[r.jsx("div",{style:{fontSize:"12px",fontWeight:"500",marginBottom:"4px"},children:"チェックマークの太さ"}),r.jsx(a.DimensionInput,{value:l.checkWidth,onChange:g,readOnly:i,allowedUnits:["px","%"],config:{min:0,step:.5,placeholder:"3.5px"}})]}),r.jsxs("div",{children:[r.jsx("div",{style:{fontSize:"12px",fontWeight:"500",marginBottom:"4px"},children:"チェックマークの色"}),r.jsx(a.ColorPicker,{value:l.checkColor,onChange:k,readOnly:i,showTextInput:!0,placeholder:"#2563eb"})]})]}),r.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"8px"},children:[r.jsxs("div",{children:[r.jsx("div",{style:{fontSize:"12px",fontWeight:"500",marginBottom:"4px"},children:"背景色（未チェック）"}),r.jsx(a.ColorPicker,{value:l.backgroundColor,onChange:C,readOnly:i,showTextInput:!0,placeholder:"#ffffff"})]}),r.jsxs("div",{children:[r.jsx("div",{style:{fontSize:"12px",fontWeight:"500",marginBottom:"4px"},children:"背景色（チェック時）"}),r.jsx(a.ColorPicker,{value:l.checkedBackgroundColor,onChange:j,readOnly:i,showTextInput:!0,allowUndefined:!0,placeholder:"#ffffff"})]})]})]})};B.displayName="CheckboxStyleEditor";const se={kind:"checkbox",meta:{displayName:"チェックボックス",description:"チェック/非チェックを選択する入力ブロック",defaultSize:{w:2,h:2}},Renderer:D,properties:{...a.universalProperties,justifyContent:a.universalProperties.justifyContent!==!1?{...a.universalProperties.justifyContent,defaultValue:a.HorizontalAlign.center}:!1,...a.sizeDefinition,styleConfig:{Component:B,label:"チェックボックススタイル",group:"スタイル",defaultValue:void 0}},validateProps:o=>o,validateValue:o=>typeof o=="boolean"?o:!1};exports.CheckboxPlugin=se;exports.CheckboxRenderer=D;exports.CheckboxStyleEditor=B;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../node_modules/react/cjs/react-jsx-runtime.production.js","../../../node_modules/react/cjs/react-jsx-runtime.development.js","../../../node_modules/react/jsx-runtime.js","../src/CheckboxRenderer.tsx","../src/CheckboxStyleEditor.tsx","../src/CheckboxPlugin.ts"],"sourcesContent":["/*\n @license React\n * react-jsx-runtime.production.js\n \n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n var key = null;\n void 0 !== maybeKey && (key = \"\" + maybeKey);\n void 0 !== config.key && (key = \"\" + config.key);\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n config = maybeKey.ref;\n return {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n ref: void 0 !== config ? config : null,\n props: maybeKey\n };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/\n @license React\n * react-jsx-runtime.development.js\n \n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n (function () {\n function getComponentNameFromType(type) {\n if (null == type) return null;\n if (\"function\" === typeof type)\n return type.$$typeof === REACT_CLIENT_REFERENCE\n ? null\n : type.displayName \|\| type.name \|\| null;\n if (\"string\" === typeof type) return type;\n switch (type) {\n case REACT_FRAGMENT_TYPE:\n return \"Fragment\";\n case REACT_PROFILER_TYPE:\n return \"Profiler\";\n case REACT_STRICT_MODE_TYPE:\n return \"StrictMode\";\n case REACT_SUSPENSE_TYPE:\n return \"Suspense\";\n case REACT_SUSPENSE_LIST_TYPE:\n return \"SuspenseList\";\n case REACT_ACTIVITY_TYPE:\n return \"Activity\";\n }\n if (\"object\" === typeof type)\n switch (\n (\"number\" === typeof type.tag &&\n console.error(\n \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n ),\n type.$$typeof)\n ) {\n case REACT_PORTAL_TYPE:\n return \"Portal\";\n case REACT_CONTEXT_TYPE:\n return type.displayName \|\| \"Context\";\n case REACT_CONSUMER_TYPE:\n return (type._context.displayName \|\| \"Context\") + \".Consumer\";\n case REACT_FORWARD_REF_TYPE:\n var innerType = type.render;\n type = type.displayName;\n type \|\|\n ((type = innerType.displayName \|\| innerType.name \|\| \"\"),\n (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n return type;\n case REACT_MEMO_TYPE:\n return (\n (innerType = type.displayName \|\| null),\n null !== innerType\n ? innerType\n : getComponentNameFromType(type.type) \|\| \"Memo\"\n );\n case REACT_LAZY_TYPE:\n innerType = type._payload;\n type = type._init;\n try {\n return getComponentNameFromType(type(innerType));\n } catch (x) {}\n }\n return null;\n }\n function testStringCoercion(value) {\n return \"\" + value;\n }\n function checkKeyStringCoercion(value) {\n try {\n testStringCoercion(value);\n var JSCompiler_inline_result = !1;\n } catch (e) {\n JSCompiler_inline_result = !0;\n }\n if (JSCompiler_inline_result) {\n JSCompiler_inline_result = console;\n var JSCompiler_temp_const = JSCompiler_inline_result.error;\n var JSCompiler_inline_result$jscomp$0 =\n (\"function\" === typeof Symbol &&\n Symbol.toStringTag &&\n value[Symbol.toStringTag]) \|\|\n value.constructor.name \|\|\n \"Object\";\n JSCompiler_temp_const.call(\n JSCompiler_inline_result,\n \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n JSCompiler_inline_result$jscomp$0\n );\n return testStringCoercion(value);\n }\n }\n function getTaskName(type) {\n if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n if (\n \"object\" === typeof type &&\n null !== type &&\n type.$$typeof === REACT_LAZY_TYPE\n )\n return \"<...>\";\n try {\n var name = getComponentNameFromType(type);\n return name ? \"<\" + name + \">\" : \"<...>\";\n } catch (x) {\n return \"<...>\";\n }\n }\n function getOwner() {\n var dispatcher = ReactSharedInternals.A;\n return null === dispatcher ? null : dispatcher.getOwner();\n }\n function UnknownOwner() {\n return Error(\"react-stack-top-frame\");\n }\n function hasValidKey(config) {\n if (hasOwnProperty.call(config, \"key\")) {\n var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n if (getter && getter.isReactWarning) return !1;\n }\n return void 0 !== config.key;\n }\n function defineKeyPropWarningGetter(props, displayName) {\n function warnAboutAccessingKey() {\n specialPropKeyWarningShown \|\|\n ((specialPropKeyWarningShown = !0),\n console.error(\n \"%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)\",\n displayName\n ));\n }\n warnAboutAccessingKey.isReactWarning = !0;\n Object.defineProperty(props, \"key\", {\n get: warnAboutAccessingKey,\n configurable: !0\n });\n }\n function elementRefGetterWithDeprecationWarning() {\n var componentName = getComponentNameFromType(this.type);\n didWarnAboutElementRef[componentName] \|\|\n ((didWarnAboutElementRef[componentName] = !0),\n console.error(\n \"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.\"\n ));\n componentName = this.props.ref;\n return void 0 !== componentName ? componentName : null;\n }\n function ReactElement(type, key, props, owner, debugStack, debugTask) {\n var refProp = props.ref;\n type = {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n props: props,\n _owner: owner\n };\n null !== (void 0 !== refProp ? refProp : null)\n ? Object.defineProperty(type, \"ref\", {\n enumerable: !1,\n get: elementRefGetterWithDeprecationWarning\n })\n : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n type._store = {};\n Object.defineProperty(type._store, \"validated\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: 0\n });\n Object.defineProperty(type, \"_debugInfo\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: null\n });\n Object.defineProperty(type, \"_debugStack\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugStack\n });\n Object.defineProperty(type, \"_debugTask\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugTask\n });\n Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n return type;\n }\n function jsxDEVImpl(\n type,\n config,\n maybeKey,\n isStaticChildren,\n debugStack,\n debugTask\n ) {\n var children = config.children;\n if (void 0 !== children)\n if (isStaticChildren)\n if (isArrayImpl(children)) {\n for (\n isStaticChildren = 0;\n isStaticChildren < children.length;\n isStaticChildren++\n )\n validateChildKeys(children[isStaticChildren]);\n Object.freeze && Object.freeze(children);\n } else\n console.error(\n \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n );\n else validateChildKeys(children);\n if (hasOwnProperty.call(config, \"key\")) {\n children = getComponentNameFromType(type);\n var keys = Object.keys(config).filter(function (k) {\n return \"key\" !== k;\n });\n isStaticChildren =\n 0 < keys.length\n ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n : \"{key: someKey}\";\n didWarnAboutKeySpread[children + isStaticChildren] \|\|\n ((keys =\n 0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n console.error(\n '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} />',\n isStaticChildren,\n children,\n keys,\n children\n ),\n (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n }\n children = null;\n void 0 !== maybeKey &&\n (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n hasValidKey(config) &&\n (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n children &&\n defineKeyPropWarningGetter(\n maybeKey,\n \"function\" === typeof type\n ? type.displayName \|\| type.name \|\| \"Unknown\"\n : type\n );\n return ReactElement(\n type,\n children,\n maybeKey,\n getOwner(),\n debugStack,\n debugTask\n );\n }\n function validateChildKeys(node) {\n isValidElement(node)\n ? node._store && (node._store.validated = 1)\n : \"object\" === typeof node &&\n null !== node &&\n node.$$typeof === REACT_LAZY_TYPE &&\n (\"fulfilled\" === node._payload.status\n ? isValidElement(node._payload.value) &&\n node._payload.value._store &&\n (node._payload.value._store.validated = 1)\n : node._store && (node._store.validated = 1));\n }\n function isValidElement(object) {\n return (\n \"object\" === typeof object &&\n null !== object &&\n object.$$typeof === REACT_ELEMENT_TYPE\n );\n }\n var React = require(\"react\"),\n REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n ReactSharedInternals =\n React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n hasOwnProperty = Object.prototype.hasOwnProperty,\n isArrayImpl = Array.isArray,\n createTask = console.createTask\n ? console.createTask\n : function () {\n return null;\n };\n React = {\n react_stack_bottom_frame: function (callStackForError) {\n return callStackForError();\n }\n };\n var specialPropKeyWarningShown;\n var didWarnAboutElementRef = {};\n var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n React,\n UnknownOwner\n )();\n var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n var didWarnAboutKeySpread = {};\n exports.Fragment = REACT_FRAGMENT_TYPE;\n exports.jsx = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !1,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n exports.jsxs = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !0,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import {\r\n\ttype CSSProperties,\r\n\tforwardRef,\r\n\tuseImperativeHandle,\r\n\tuseMemo,\r\n\tuseRef,\r\n} from \"react\";\r\nimport {\r\n\ttype BlockRef,\r\n\tHorizontalAlign,\r\n\ttype RendererProps,\r\n\ttoPx,\r\n\tVerticalAlign,\r\n} from \"@tatamicks/core\";\r\n\r\nimport type { CheckboxProps, CheckboxValue } from \"./types\";\r\n\r\n/\r\n カスタムチェックボックスのSVGビジュアル\r\n /\r\nfunction ClassicCheckboxVisual({\r\n\tsize = 16,\r\n\tchecked = false,\r\n\tborderWidth = 1,\r\n\tborderColor = \"#d1d5db\",\r\n\tcheckWidth = 3.5,\r\n\tcheckColor = \"#2563eb\",\r\n\tbackgroundColor = \"#ffffff\",\r\n\tcheckedBackgroundColor,\r\n}: {\r\n\tsize?: number;\r\n\tchecked?: boolean;\r\n\tborderWidth?: number;\r\n\tborderColor?: string;\r\n\tcheckWidth?: number;\r\n\tcheckColor?: string;\r\n\tbackgroundColor?: string;\r\n\tcheckedBackgroundColor?: string;\r\n}) {\r\n\tconst bgColor =\r\n\t\tchecked && checkedBackgroundColor\r\n\t\t\t? checkedBackgroundColor\r\n\t\t\t: backgroundColor;\r\n\r\n\treturn (\r\n\t\t<svg\r\n\t\t\twidth={size}\r\n\t\t\theight={size}\r\n\t\t\tviewBox=\"0 0 20 20\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\tfocusable=\"false\"\r\n\t\t>\r\n\t\t\t<rect\r\n\t\t\t\tx={borderWidth / 2}\r\n\t\t\t\ty={borderWidth / 2}\r\n\t\t\t\twidth={20 - borderWidth}\r\n\t\t\t\theight={20 - borderWidth}\r\n\t\t\t\tfill={bgColor}\r\n\t\t\t\tstroke={borderColor}\r\n\t\t\t\tstrokeWidth={borderWidth}\r\n\t\t\t/>\r\n\t\t\t{checked ? (\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M3 11l4 4L17 4\"\r\n\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\tstroke={checkColor}\r\n\t\t\t\t\tstrokeWidth={checkWidth}\r\n\t\t\t\t/>\r\n\t\t\t) : null}\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\n/\r\n Checkboxレンダラーコンポーネント\r\n /\r\nexport const CheckboxRenderer = forwardRef<\r\n\tBlockRef,\r\n\tRendererProps<CheckboxProps, CheckboxValue>\r\n>(({ props: checkboxProps, value, onChange, readOnly }, ref) => {\r\n\tconst inputRef = useRef<HTMLInputElement>(null);\r\n\r\n\t// BlockRefの実装\r\n\tuseImperativeHandle(\r\n\t\tref,\r\n\t\t() => ({\r\n\t\t\tfocus: () => {\r\n\t\t\t\tinputRef.current?.focus();\r\n\t\t\t\t// ダブルクリックでフォーカスが入った瞬間にチェックをトグル\r\n\t\t\t\tif (!readOnly && onChange) {\r\n\t\t\t\t\tonChange(!(value ?? false));\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t}),\r\n\t\t[readOnly, onChange, value],\r\n\t);\r\n\r\n\tconst isChecked = value ?? false;\r\n\r\n\tconst handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\tif (!readOnly) {\r\n\t\t\tonChange(e.target.checked);\r\n\t\t}\r\n\t};\r\n\r\n\t// コンテナスタイル（Flexboxで配置を制御）\r\n\tconst containerStyle = useMemo((): CSSProperties => {\r\n\t\tconst css: CSSProperties = {\r\n\t\t\twidth: \"100%\",\r\n\t\t\theight: \"100%\",\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tboxSizing: \"border-box\",\r\n\t\t\toverflow: \"hidden\",\r\n\t\t};\r\n\r\n\t\t// 水平方向\r\n\t\tswitch (checkboxProps.justifyContent) {\r\n\t\t\tcase HorizontalAlign.left:\r\n\t\t\t\tcss.justifyContent = \"flex-start\";\r\n\t\t\t\tbreak;\r\n\t\t\tcase HorizontalAlign.right:\r\n\t\t\t\tcss.justifyContent = \"flex-end\";\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tcss.justifyContent = \"center\";\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\t// 垂直方向\r\n\t\tswitch (checkboxProps.alignItems) {\r\n\t\t\tcase VerticalAlign.top:\r\n\t\t\t\tcss.alignItems = \"flex-start\";\r\n\t\t\t\tbreak;\r\n\t\t\tcase VerticalAlign.bottom:\r\n\t\t\t\tcss.alignItems = \"flex-end\";\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tcss.alignItems = \"center\";\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\t// Padding\r\n\t\tif (checkboxProps.isIndividual) {\r\n\t\t\tif (checkboxProps.top) css.paddingTop = toPx.fromDim(checkboxProps.top);\r\n\t\t\tif (checkboxProps.right)\r\n\t\t\t\tcss.paddingRight = toPx.fromDim(checkboxProps.right);\r\n\t\t\tif (checkboxProps.bottom)\r\n\t\t\t\tcss.paddingBottom = toPx.fromDim(checkboxProps.bottom);\r\n\t\t\tif (checkboxProps.left)\r\n\t\t\t\tcss.paddingLeft = toPx.fromDim(checkboxProps.left);\r\n\t\t} else if (checkboxProps.all) {\r\n\t\t\tconst p = toPx.fromDim(checkboxProps.all);\r\n\t\t\tcss.padding = `${p}px`;\r\n\t\t}\r\n\r\n\t\treturn css;\r\n\t}, [checkboxProps]);\r\n\r\n\t// スタイル設定を取得（デフォルト値付き）\r\n\tconst styleConfig = checkboxProps.styleConfig ?? {};\r\n\tconst boxSizePx = styleConfig.checkboxSize\r\n\t\t? toPx.fromDim(styleConfig.checkboxSize)\r\n\t\t: 16;\r\n\tconst borderWidthPx = styleConfig.borderWidth\r\n\t\t? toPx.fromDim(styleConfig.borderWidth)\r\n\t\t: 1;\r\n\tconst checkWidthPx = styleConfig.checkWidth\r\n\t\t? toPx.fromDim(styleConfig.checkWidth)\r\n\t\t: 3.5;\r\n\r\n\t// 非表示のinputスタイル（クリックイベントは受け取らない）\r\n\tconst hiddenInputStyle: CSSProperties = {\r\n\t\tposition: \"absolute\",\r\n\t\tinset: 0,\r\n\t\tmargin: 0,\r\n\t\twidth: \"100%\",\r\n\t\theight: \"100%\",\r\n\t\topacity: 0,\r\n\t\tpointerEvents: \"none\", // クリックイベントを受け取らない\r\n\t};\r\n\r\n\t// SVGコンテナのスタイル\r\n\tconst svgContainerStyle: CSSProperties = {\r\n\t\tpointerEvents: \"none\",\r\n\t\tposition: \"absolute\",\r\n\t\tinset: 0,\r\n\t\tdisplay: \"flex\",\r\n\t\talignItems: \"center\",\r\n\t\tjustifyContent: \"center\",\r\n\t};\r\n\r\n\t// チェックボックスのラッパースタイル\r\n\tconst checkboxWrapperStyle: CSSProperties = {\r\n\t\twidth: boxSizePx,\r\n\t\theight: boxSizePx,\r\n\t\tposition: \"relative\",\r\n\t};\r\n\r\n\t// ブロック全体をクリック可能にする\r\n\tconst handleBlockClick = () => {\r\n\t\tif (!readOnly && onChange) {\r\n\t\t\tonChange(!isChecked);\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tstyle={{\r\n\t\t\t\t...containerStyle,\r\n\t\t\t\tcursor: readOnly ? \"not-allowed\" : \"pointer\",\r\n\t\t\t}}\r\n\t\t\trole=\"switch\"\r\n\t\t\taria-checked={isChecked}\r\n\t\t\taria-disabled={readOnly}\r\n\t\t\taria-label=\"Checkbox\"\r\n\t\t\ttabIndex={readOnly ? -1 : 0}\r\n\t\t\tonClick={handleBlockClick}\r\n\t\t\tonKeyDown={(e) => {\r\n\t\t\t\tif (!readOnly && (e.key === \" \" \|\| e.key === \"Enter\")) {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\thandleBlockClick();\r\n\t\t\t\t}\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t<input\r\n\t\t\t\tref={inputRef}\r\n\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\tchecked={isChecked}\r\n\t\t\t\tonChange={handleChange}\r\n\t\t\t\tdisabled={readOnly}\r\n\t\t\t\tstyle={hiddenInputStyle}\r\n\t\t\t\ttabIndex={-1}\r\n\t\t\t\taria-hidden=\"true\"\r\n\t\t\t/>\r\n\t\t\t<div style={checkboxWrapperStyle}>\r\n\t\t\t\t<div style={svgContainerStyle} aria-hidden=\"true\">\r\n\t\t\t\t\t<ClassicCheckboxVisual\r\n\t\t\t\t\t\tsize={boxSizePx}\r\n\t\t\t\t\t\tchecked={isChecked}\r\n\t\t\t\t\t\tborderWidth={borderWidthPx}\r\n\t\t\t\t\t\tborderColor={styleConfig.borderColor ?? \"#000000\"}\r\n\t\t\t\t\t\tcheckWidth={checkWidthPx}\r\n\t\t\t\t\t\tcheckColor={styleConfig.checkColor ?? \"#000000\"}\r\n\t\t\t\t\t\tbackgroundColor={styleConfig.backgroundColor ?? \"#ffffff\"}\r\n\t\t\t\t\t\tcheckedBackgroundColor={styleConfig.checkedBackgroundColor}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n});\r\n\r\nCheckboxRenderer.displayName = \"CheckboxRenderer\";\r\n","/\r\n @file CheckboxStyleEditor.tsx\r\n * @description チェックボックスの見た目設定を編集するUIコンポーネント\r\n /\r\n\r\nimport { useCallback, useMemo } from \"react\";\r\nimport {\r\n\tColorPicker,\r\n\tDimensionInput,\r\n\ttype PropertyComponentProps,\r\n} from \"@tatamicks/core\";\r\n\r\nimport type { CheckboxStyleConfig } from \"./types\";\r\n\r\n/\r\n チェックボックススタイル編集コンポーネント\r\n * BorderPanelを参考にした構造\r\n /\r\nexport const CheckboxStyleEditor = ({\r\n\tvalue,\r\n\tonChange,\r\n\treadOnly = false,\r\n}: PropertyComponentProps<\r\n\tCheckboxStyleConfig \| undefined\r\n>): React.ReactElement => {\r\n\t// デフォルト値\r\n\tconst defaultConfig: CheckboxStyleConfig = useMemo(\r\n\t\t() => ({\r\n\t\t\tcheckboxSize: { value: 16, unit: \"px\" },\r\n\t\t\tborderWidth: { value: 1, unit: \"px\" },\r\n\t\t\tborderColor: \"#d1d5db\",\r\n\t\t\tcheckWidth: { value: 3.5, unit: \"px\" },\r\n\t\t\tcheckColor: \"#2563eb\",\r\n\t\t\tbackgroundColor: \"#ffffff\",\r\n\t\t}),\r\n\t\t[],\r\n\t);\r\n\r\n\t// 現在の値（デフォルト値とマージ）\r\n\tconst currentConfig = useMemo(\r\n\t\t() => ({\r\n\t\t\t...defaultConfig,\r\n\t\t\t...value,\r\n\t\t}),\r\n\t\t[value, defaultConfig],\r\n\t);\r\n\r\n\t// プロパティ変更ハンドラ\r\n\tconst handleChange = useCallback(\r\n\t\t(\r\n\t\t\tprop: keyof CheckboxStyleConfig,\r\n\t\t\tval: CheckboxStyleConfig[keyof CheckboxStyleConfig],\r\n\t\t) => {\r\n\t\t\tonChange({\r\n\t\t\t\t...value,\r\n\t\t\t\t[prop]: val,\r\n\t\t\t});\r\n\t\t},\r\n\t\t[value, onChange],\r\n\t);\r\n\r\n\t// 各プロパティの変更ハンドラ\r\n\tconst handleCheckboxSizeChange = useCallback(\r\n\t\t(val: CheckboxStyleConfig[\"checkboxSize\"]) =>\r\n\t\t\thandleChange(\"checkboxSize\", val),\r\n\t\t[handleChange],\r\n\t);\r\n\r\n\tconst handleBorderWidthChange = useCallback(\r\n\t\t(val: CheckboxStyleConfig[\"borderWidth\"]) =>\r\n\t\t\thandleChange(\"borderWidth\", val),\r\n\t\t[handleChange],\r\n\t);\r\n\r\n\tconst handleBorderColorChange = useCallback(\r\n\t\t(val: CheckboxStyleConfig[\"borderColor\"]) =>\r\n\t\t\thandleChange(\"borderColor\", val),\r\n\t\t[handleChange],\r\n\t);\r\n\r\n\tconst handleCheckWidthChange = useCallback(\r\n\t\t(val: CheckboxStyleConfig[\"checkWidth\"]) => handleChange(\"checkWidth\", val),\r\n\t\t[handleChange],\r\n\t);\r\n\r\n\tconst handleCheckColorChange = useCallback(\r\n\t\t(val: CheckboxStyleConfig[\"checkColor\"]) => handleChange(\"checkColor\", val),\r\n\t\t[handleChange],\r\n\t);\r\n\r\n\tconst handleBackgroundColorChange = useCallback(\r\n\t\t(val: CheckboxStyleConfig[\"backgroundColor\"]) =>\r\n\t\t\thandleChange(\"backgroundColor\", val),\r\n\t\t[handleChange],\r\n\t);\r\n\r\n\tconst handleCheckedBackgroundColorChange = useCallback(\r\n\t\t(val: CheckboxStyleConfig[\"checkedBackgroundColor\"]) =>\r\n\t\t\thandleChange(\"checkedBackgroundColor\", val),\r\n\t\t[handleChange],\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tstyle={{\r\n\t\t\t\tdisplay: \"flex\",\r\n\t\t\t\tflexDirection: \"column\",\r\n\t\t\t\tgap: \"12px\",\r\n\t\t\t\tpadding: \"12px\",\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t{/ プレビュー /}\r\n\t\t\t<div\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\tpadding: \"16px\",\r\n\t\t\t\t\tbackgroundColor: \"#f5f5f5\",\r\n\t\t\t\t\tborderRadius: \"4px\",\r\n\t\t\t\t\tdisplay: \"flex\",\r\n\t\t\t\t\tjustifyContent: \"center\",\r\n\t\t\t\t\talignItems: \"center\",\r\n\t\t\t\t\tgap: \"16px\",\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<div style={{ textAlign: \"center\" }}>\r\n\t\t\t\t\t<div style={{ fontSize: \"12px\", color: \"#666\", marginBottom: \"8px\" }}>\r\n\t\t\t\t\t\t未チェック\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{/ TODO: プレビュー実装 /}\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\twidth: \"40px\",\r\n\t\t\t\t\t\t\theight: \"40px\",\r\n\t\t\t\t\t\t\tbackgroundColor: \"#ddd\",\r\n\t\t\t\t\t\t\tborderRadius: \"4px\",\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div style={{ textAlign: \"center\" }}>\r\n\t\t\t\t\t<div style={{ fontSize: \"12px\", color: \"#666\", marginBottom: \"8px\" }}>\r\n\t\t\t\t\t\tチェック\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{/ TODO: プレビュー実装 /}\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\twidth: \"40px\",\r\n\t\t\t\t\t\t\theight: \"40px\",\r\n\t\t\t\t\t\t\tbackgroundColor: \"#ddd\",\r\n\t\t\t\t\t\t\tborderRadius: \"4px\",\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t{/ サイズ設定 /}\r\n\t\t\t<div>\r\n\t\t\t\t<div\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\tfontSize: \"12px\",\r\n\t\t\t\t\t\tfontWeight: \"500\",\r\n\t\t\t\t\t\tmarginBottom: \"4px\",\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\tチェックボックスのサイズ\r\n\t\t\t\t</div>\r\n\t\t\t\t<DimensionInput\r\n\t\t\t\t\tvalue={currentConfig.checkboxSize}\r\n\t\t\t\t\tonChange={handleCheckboxSizeChange}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\tallowedUnits={[\"px\"]}\r\n\t\t\t\t\tconfig={{\r\n\t\t\t\t\t\tmin: 8,\r\n\t\t\t\t\t\tmax: 64,\r\n\t\t\t\t\t\tstep: 1,\r\n\t\t\t\t\t\tplaceholder: \"16px\",\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\r\n\t\t\t{/ 枠線設定 /}\r\n\t\t\t<div\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\tdisplay: \"grid\",\r\n\t\t\t\t\tgridTemplateColumns: \"1fr 1fr\",\r\n\t\t\t\t\tgap: \"8px\",\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\tfontSize: \"12px\",\r\n\t\t\t\t\t\t\tfontWeight: \"500\",\r\n\t\t\t\t\t\t\tmarginBottom: \"4px\",\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t枠線の太さ\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<DimensionInput\r\n\t\t\t\t\t\tvalue={currentConfig.borderWidth}\r\n\t\t\t\t\t\tonChange={handleBorderWidthChange}\r\n\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\tallowedUnits={[\"px\", \"%\"]}\r\n\t\t\t\t\t\tconfig={{\r\n\t\t\t\t\t\t\tmin: 0,\r\n\t\t\t\t\t\t\tstep: 0.5,\r\n\t\t\t\t\t\t\tplaceholder: \"1px\",\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\tfontSize: \"12px\",\r\n\t\t\t\t\t\t\tfontWeight: \"500\",\r\n\t\t\t\t\t\t\tmarginBottom: \"4px\",\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t枠線の色\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<ColorPicker\r\n\t\t\t\t\t\tvalue={currentConfig.borderColor}\r\n\t\t\t\t\t\tonChange={handleBorderColorChange}\r\n\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\tshowTextInput={true}\r\n\t\t\t\t\t\tplaceholder=\"#d1d5db\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t{/ チェックマーク設定 /}\r\n\t\t\t<div\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\tdisplay: \"grid\",\r\n\t\t\t\t\tgridTemplateColumns: \"1fr 1fr\",\r\n\t\t\t\t\tgap: \"8px\",\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\tfontSize: \"12px\",\r\n\t\t\t\t\t\t\tfontWeight: \"500\",\r\n\t\t\t\t\t\t\tmarginBottom: \"4px\",\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tチェックマークの太さ\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<DimensionInput\r\n\t\t\t\t\t\tvalue={currentConfig.checkWidth}\r\n\t\t\t\t\t\tonChange={handleCheckWidthChange}\r\n\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\tallowedUnits={[\"px\", \"%\"]}\r\n\t\t\t\t\t\tconfig={{\r\n\t\t\t\t\t\t\tmin: 0,\r\n\t\t\t\t\t\t\tstep: 0.5,\r\n\t\t\t\t\t\t\tplaceholder: \"3.5px\",\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\tfontSize: \"12px\",\r\n\t\t\t\t\t\t\tfontWeight: \"500\",\r\n\t\t\t\t\t\t\tmarginBottom: \"4px\",\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tチェックマークの色\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<ColorPicker\r\n\t\t\t\t\t\tvalue={currentConfig.checkColor}\r\n\t\t\t\t\t\tonChange={handleCheckColorChange}\r\n\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\tshowTextInput={true}\r\n\t\t\t\t\t\tplaceholder=\"#2563eb\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t{/ 背景色設定 */}\r\n\t\t\t<div\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\tdisplay: \"grid\",\r\n\t\t\t\t\tgridTemplateColumns: \"1fr 1fr\",\r\n\t\t\t\t\tgap: \"8px\",\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\tfontSize: \"12px\",\r\n\t\t\t\t\t\t\tfontWeight: \"500\",\r\n\t\t\t\t\t\t\tmarginBottom: \"4px\",\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t背景色（未チェック）\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<ColorPicker\r\n\t\t\t\t\t\tvalue={currentConfig.backgroundColor}\r\n\t\t\t\t\t\tonChange={handleBackgroundColorChange}\r\n\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\tshowTextInput={true}\r\n\t\t\t\t\t\tplaceholder=\"#ffffff\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\tfontSize: \"12px\",\r\n\t\t\t\t\t\t\tfontWeight: \"500\",\r\n\t\t\t\t\t\t\tmarginBottom: \"4px\",\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t背景色（チェック時）\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<ColorPicker\r\n\t\t\t\t\t\tvalue={currentConfig.checkedBackgroundColor}\r\n\t\t\t\t\t\tonChange={handleCheckedBackgroundColorChange}\r\n\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\tshowTextInput={true}\r\n\t\t\t\t\t\tallowUndefined={true}\r\n\t\t\t\t\t\tplaceholder=\"#ffffff\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nCheckboxStyleEditor.displayName = \"CheckboxStyleEditor\";\r\n","import {\r\n\ttype BlockPlugin,\r\n\tsizeDefinition,\r\n\tuniversalProperties,\r\n} from \"@tatamicks/core\";\r\n\r\nimport { CheckboxRenderer } from \"./CheckboxRenderer\";\r\nimport { CheckboxStyleEditor } from \"./CheckboxStyleEditor\";\r\n\r\nimport type { CheckboxProps, CheckboxValue } from \"./types\";\r\n\r\nexport const CheckboxPlugin: BlockPlugin<CheckboxProps, CheckboxValue> = {\r\n\tkind: \"checkbox\",\r\n\r\n\tmeta: {\r\n\t\tdisplayName: \"チェックボックス\",\r\n\t\tdescription: \"チェック/非チェックを選択する入力ブロック\",\r\n\t\tdefaultSize: { w: 2, h: 2 },\r\n\t},\r\n\r\n\tRenderer: CheckboxRenderer,\r\n\r\n\tproperties: {\r\n\t\t...universalProperties, // alignment + padding\r\n\t\t...sizeDefinition,\r\n\t\tstyleConfig: {\r\n\t\t\tComponent: CheckboxStyleEditor,\r\n\t\t\tlabel: \"チェックボックススタイル\",\r\n\t\t\tgroup: \"スタイル\",\r\n\t\t\tdefaultValue: undefined,\r\n\t\t},\r\n\t},\r\n\r\n\tvalidateProps: (props: unknown): CheckboxProps => {\r\n\t\treturn props as CheckboxProps;\r\n\t},\r\n\r\n\tvalidateValue: (value: unknown): CheckboxValue => {\r\n\t\tif (typeof value === \"boolean\") return value;\r\n\t\treturn false;\r\n\t},\r\n};\r\n"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","ClassicCheckboxVisual","size","checked","borderWidth","borderColor","checkWidth","checkColor","backgroundColor","checkedBackgroundColor","bgColor","jsxs","jsx","CheckboxRenderer","forwardRef","checkboxProps","onChange","readOnly","ref","inputRef","useRef","useImperativeHandle","_a","isChecked","handleChange","e","containerStyle","useMemo","css","HorizontalAlign","VerticalAlign","toPx","p","styleConfig","boxSizePx","borderWidthPx","checkWidthPx","hiddenInputStyle","svgContainerStyle","checkboxWrapperStyle","handleBlockClick","CheckboxStyleEditor","defaultConfig","currentConfig","useCallback","prop","val","handleCheckboxSizeChange","handleBorderWidthChange","handleBorderColorChange","handleCheckWidthChange","handleCheckColorChange","handleBackgroundColorChange","handleCheckedBackgroundColorChange","DimensionInput","ColorPicker","CheckboxPlugin","universalProperties","sizeDefinition"],"mappings":"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","x_google_ignoreList":[0,1,2]}
1	+ {"version":3,"file":"index.js","sources":["../../../node_modules/react/cjs/react-jsx-runtime.production.js","../../../node_modules/react/cjs/react-jsx-runtime.development.js","../../../node_modules/react/jsx-runtime.js","../src/CheckboxRenderer.tsx","../src/CheckboxStyleEditor.tsx","../src/CheckboxPlugin.ts"],"sourcesContent":["/*\n @license React\n * react-jsx-runtime.production.js\n \n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n var key = null;\n void 0 !== maybeKey && (key = \"\" + maybeKey);\n void 0 !== config.key && (key = \"\" + config.key);\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n config = maybeKey.ref;\n return {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n ref: void 0 !== config ? config : null,\n props: maybeKey\n };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/\n @license React\n * react-jsx-runtime.development.js\n \n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n (function () {\n function getComponentNameFromType(type) {\n if (null == type) return null;\n if (\"function\" === typeof type)\n return type.$$typeof === REACT_CLIENT_REFERENCE\n ? null\n : type.displayName \|\| type.name \|\| null;\n if (\"string\" === typeof type) return type;\n switch (type) {\n case REACT_FRAGMENT_TYPE:\n return \"Fragment\";\n case REACT_PROFILER_TYPE:\n return \"Profiler\";\n case REACT_STRICT_MODE_TYPE:\n return \"StrictMode\";\n case REACT_SUSPENSE_TYPE:\n return \"Suspense\";\n case REACT_SUSPENSE_LIST_TYPE:\n return \"SuspenseList\";\n case REACT_ACTIVITY_TYPE:\n return \"Activity\";\n }\n if (\"object\" === typeof type)\n switch (\n (\"number\" === typeof type.tag &&\n console.error(\n \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n ),\n type.$$typeof)\n ) {\n case REACT_PORTAL_TYPE:\n return \"Portal\";\n case REACT_CONTEXT_TYPE:\n return type.displayName \|\| \"Context\";\n case REACT_CONSUMER_TYPE:\n return (type._context.displayName \|\| \"Context\") + \".Consumer\";\n case REACT_FORWARD_REF_TYPE:\n var innerType = type.render;\n type = type.displayName;\n type \|\|\n ((type = innerType.displayName \|\| innerType.name \|\| \"\"),\n (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n return type;\n case REACT_MEMO_TYPE:\n return (\n (innerType = type.displayName \|\| null),\n null !== innerType\n ? innerType\n : getComponentNameFromType(type.type) \|\| \"Memo\"\n );\n case REACT_LAZY_TYPE:\n innerType = type._payload;\n type = type._init;\n try {\n return getComponentNameFromType(type(innerType));\n } catch (x) {}\n }\n return null;\n }\n function testStringCoercion(value) {\n return \"\" + value;\n }\n function checkKeyStringCoercion(value) {\n try {\n testStringCoercion(value);\n var JSCompiler_inline_result = !1;\n } catch (e) {\n JSCompiler_inline_result = !0;\n }\n if (JSCompiler_inline_result) {\n JSCompiler_inline_result = console;\n var JSCompiler_temp_const = JSCompiler_inline_result.error;\n var JSCompiler_inline_result$jscomp$0 =\n (\"function\" === typeof Symbol &&\n Symbol.toStringTag &&\n value[Symbol.toStringTag]) \|\|\n value.constructor.name \|\|\n \"Object\";\n JSCompiler_temp_const.call(\n JSCompiler_inline_result,\n \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n JSCompiler_inline_result$jscomp$0\n );\n return testStringCoercion(value);\n }\n }\n function getTaskName(type) {\n if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n if (\n \"object\" === typeof type &&\n null !== type &&\n type.$$typeof === REACT_LAZY_TYPE\n )\n return \"<...>\";\n try {\n var name = getComponentNameFromType(type);\n return name ? \"<\" + name + \">\" : \"<...>\";\n } catch (x) {\n return \"<...>\";\n }\n }\n function getOwner() {\n var dispatcher = ReactSharedInternals.A;\n return null === dispatcher ? null : dispatcher.getOwner();\n }\n function UnknownOwner() {\n return Error(\"react-stack-top-frame\");\n }\n function hasValidKey(config) {\n if (hasOwnProperty.call(config, \"key\")) {\n var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n if (getter && getter.isReactWarning) return !1;\n }\n return void 0 !== config.key;\n }\n function defineKeyPropWarningGetter(props, displayName) {\n function warnAboutAccessingKey() {\n specialPropKeyWarningShown \|\|\n ((specialPropKeyWarningShown = !0),\n console.error(\n \"%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)\",\n displayName\n ));\n }\n warnAboutAccessingKey.isReactWarning = !0;\n Object.defineProperty(props, \"key\", {\n get: warnAboutAccessingKey,\n configurable: !0\n });\n }\n function elementRefGetterWithDeprecationWarning() {\n var componentName = getComponentNameFromType(this.type);\n didWarnAboutElementRef[componentName] \|\|\n ((didWarnAboutElementRef[componentName] = !0),\n console.error(\n \"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.\"\n ));\n componentName = this.props.ref;\n return void 0 !== componentName ? componentName : null;\n }\n function ReactElement(type, key, props, owner, debugStack, debugTask) {\n var refProp = props.ref;\n type = {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n props: props,\n _owner: owner\n };\n null !== (void 0 !== refProp ? refProp : null)\n ? Object.defineProperty(type, \"ref\", {\n enumerable: !1,\n get: elementRefGetterWithDeprecationWarning\n })\n : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n type._store = {};\n Object.defineProperty(type._store, \"validated\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: 0\n });\n Object.defineProperty(type, \"_debugInfo\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: null\n });\n Object.defineProperty(type, \"_debugStack\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugStack\n });\n Object.defineProperty(type, \"_debugTask\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugTask\n });\n Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n return type;\n }\n function jsxDEVImpl(\n type,\n config,\n maybeKey,\n isStaticChildren,\n debugStack,\n debugTask\n ) {\n var children = config.children;\n if (void 0 !== children)\n if (isStaticChildren)\n if (isArrayImpl(children)) {\n for (\n isStaticChildren = 0;\n isStaticChildren < children.length;\n isStaticChildren++\n )\n validateChildKeys(children[isStaticChildren]);\n Object.freeze && Object.freeze(children);\n } else\n console.error(\n \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n );\n else validateChildKeys(children);\n if (hasOwnProperty.call(config, \"key\")) {\n children = getComponentNameFromType(type);\n var keys = Object.keys(config).filter(function (k) {\n return \"key\" !== k;\n });\n isStaticChildren =\n 0 < keys.length\n ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n : \"{key: someKey}\";\n didWarnAboutKeySpread[children + isStaticChildren] \|\|\n ((keys =\n 0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n console.error(\n '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} />',\n isStaticChildren,\n children,\n keys,\n children\n ),\n (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n }\n children = null;\n void 0 !== maybeKey &&\n (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n hasValidKey(config) &&\n (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n children &&\n defineKeyPropWarningGetter(\n maybeKey,\n \"function\" === typeof type\n ? type.displayName \|\| type.name \|\| \"Unknown\"\n : type\n );\n return ReactElement(\n type,\n children,\n maybeKey,\n getOwner(),\n debugStack,\n debugTask\n );\n }\n function validateChildKeys(node) {\n isValidElement(node)\n ? node._store && (node._store.validated = 1)\n : \"object\" === typeof node &&\n null !== node &&\n node.$$typeof === REACT_LAZY_TYPE &&\n (\"fulfilled\" === node._payload.status\n ? isValidElement(node._payload.value) &&\n node._payload.value._store &&\n (node._payload.value._store.validated = 1)\n : node._store && (node._store.validated = 1));\n }\n function isValidElement(object) {\n return (\n \"object\" === typeof object &&\n null !== object &&\n object.$$typeof === REACT_ELEMENT_TYPE\n );\n }\n var React = require(\"react\"),\n REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n ReactSharedInternals =\n React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n hasOwnProperty = Object.prototype.hasOwnProperty,\n isArrayImpl = Array.isArray,\n createTask = console.createTask\n ? console.createTask\n : function () {\n return null;\n };\n React = {\n react_stack_bottom_frame: function (callStackForError) {\n return callStackForError();\n }\n };\n var specialPropKeyWarningShown;\n var didWarnAboutElementRef = {};\n var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n React,\n UnknownOwner\n )();\n var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n var didWarnAboutKeySpread = {};\n exports.Fragment = REACT_FRAGMENT_TYPE;\n exports.jsx = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !1,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n exports.jsxs = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !0,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import {\n\ttype CSSProperties,\n\tforwardRef,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n} from \"react\";\nimport {\n\ttype BlockRef,\n\tHorizontalAlign,\n\ttype RendererProps,\n\ttoPx,\n\tVerticalAlign,\n} from \"@tatamicks/core\";\n\nimport type { CheckboxProps, CheckboxValue } from \"./types\";\n\n/\n カスタムチェックボックスのSVGビジュアル\n /\nfunction ClassicCheckboxVisual({\n\tsize = 16,\n\tchecked = false,\n\tborderWidth = 1,\n\tborderColor = \"#d1d5db\",\n\tcheckWidth = 3.5,\n\tcheckColor = \"#2563eb\",\n\tbackgroundColor = \"#ffffff\",\n\tcheckedBackgroundColor,\n}: {\n\tsize?: number;\n\tchecked?: boolean;\n\tborderWidth?: number;\n\tborderColor?: string;\n\tcheckWidth?: number;\n\tcheckColor?: string;\n\tbackgroundColor?: string;\n\tcheckedBackgroundColor?: string;\n}) {\n\tconst bgColor =\n\t\tchecked && checkedBackgroundColor\n\t\t\t? checkedBackgroundColor\n\t\t\t: backgroundColor;\n\n\treturn (\n\t\t<svg\n\t\t\twidth={size}\n\t\t\theight={size}\n\t\t\tviewBox=\"0 0 20 20\"\n\t\t\taria-hidden=\"true\"\n\t\t\tfocusable=\"false\"\n\t\t>\n\t\t\t<rect\n\t\t\t\tx={borderWidth / 2}\n\t\t\t\ty={borderWidth / 2}\n\t\t\t\twidth={20 - borderWidth}\n\t\t\t\theight={20 - borderWidth}\n\t\t\t\tfill={bgColor}\n\t\t\t\tstroke={borderColor}\n\t\t\t\tstrokeWidth={borderWidth}\n\t\t\t/>\n\t\t\t{checked ? (\n\t\t\t\t<path\n\t\t\t\t\td=\"M3 11l4 4L17 4\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke={checkColor}\n\t\t\t\t\tstrokeWidth={checkWidth}\n\t\t\t\t/>\n\t\t\t) : null}\n\t\t</svg>\n\t);\n}\n\n/\n Checkboxレンダラーコンポーネント\n /\nexport const CheckboxRenderer = forwardRef<\n\tBlockRef,\n\tRendererProps<CheckboxProps, CheckboxValue>\n>(({ props: checkboxProps, value, onChange, readOnly }, ref) => {\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\n\t// BlockRefの実装\n\tuseImperativeHandle(\n\t\tref,\n\t\t() => ({\n\t\t\tfocus: () => {\n\t\t\t\tinputRef.current?.focus();\n\t\t\t\t// ダブルクリックでフォーカスが入った瞬間にチェックをトグル\n\t\t\t\tif (!readOnly && onChange) {\n\t\t\t\t\tonChange(!(value ?? false));\n\t\t\t\t}\n\t\t\t},\n\t\t}),\n\t\t[readOnly, onChange, value],\n\t);\n\n\tconst isChecked = value ?? false;\n\n\tconst handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (!readOnly) {\n\t\t\tonChange(e.target.checked);\n\t\t}\n\t};\n\n\t// コンテナスタイル（Flexboxで配置を制御）\n\tconst containerStyle = useMemo((): CSSProperties => {\n\t\tconst css: CSSProperties = {\n\t\t\twidth: \"100%\",\n\t\t\theight: \"100%\",\n\t\t\tdisplay: \"flex\",\n\t\t\tboxSizing: \"border-box\",\n\t\t\toverflow: \"hidden\",\n\t\t};\n\n\t\t// 水平方向\n\t\tswitch (checkboxProps.justifyContent) {\n\t\t\tcase HorizontalAlign.left:\n\t\t\t\tcss.justifyContent = \"flex-start\";\n\t\t\t\tbreak;\n\t\t\tcase HorizontalAlign.right:\n\t\t\t\tcss.justifyContent = \"flex-end\";\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tcss.justifyContent = \"center\";\n\t\t\t\tbreak;\n\t\t}\n\n\t\t// 垂直方向\n\t\tswitch (checkboxProps.alignItems) {\n\t\t\tcase VerticalAlign.top:\n\t\t\t\tcss.alignItems = \"flex-start\";\n\t\t\t\tbreak;\n\t\t\tcase VerticalAlign.bottom:\n\t\t\t\tcss.alignItems = \"flex-end\";\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tcss.alignItems = \"center\";\n\t\t\t\tbreak;\n\t\t}\n\n\t\t// Padding\n\t\tif (checkboxProps.isIndividual) {\n\t\t\tif (checkboxProps.top) css.paddingTop = toPx.fromDim(checkboxProps.top);\n\t\t\tif (checkboxProps.right)\n\t\t\t\tcss.paddingRight = toPx.fromDim(checkboxProps.right);\n\t\t\tif (checkboxProps.bottom)\n\t\t\t\tcss.paddingBottom = toPx.fromDim(checkboxProps.bottom);\n\t\t\tif (checkboxProps.left)\n\t\t\t\tcss.paddingLeft = toPx.fromDim(checkboxProps.left);\n\t\t} else if (checkboxProps.all) {\n\t\t\tconst p = toPx.fromDim(checkboxProps.all);\n\t\t\tcss.padding = `${p}px`;\n\t\t}\n\n\t\treturn css;\n\t}, [checkboxProps]);\n\n\t// スタイル設定を取得（デフォルト値付き）\n\tconst styleConfig = checkboxProps.styleConfig ?? {};\n\tconst boxSizePx = styleConfig.checkboxSize\n\t\t? toPx.fromDim(styleConfig.checkboxSize)\n\t\t: 16;\n\tconst borderWidthPx = styleConfig.borderWidth\n\t\t? toPx.fromDim(styleConfig.borderWidth)\n\t\t: 1;\n\tconst checkWidthPx = styleConfig.checkWidth\n\t\t? toPx.fromDim(styleConfig.checkWidth)\n\t\t: 3.5;\n\n\t// 非表示のinputスタイル（クリックイベントは受け取らない）\n\tconst hiddenInputStyle: CSSProperties = {\n\t\tposition: \"absolute\",\n\t\tinset: 0,\n\t\tmargin: 0,\n\t\twidth: \"100%\",\n\t\theight: \"100%\",\n\t\topacity: 0,\n\t\tpointerEvents: \"none\", // クリックイベントを受け取らない\n\t};\n\n\t// SVGコンテナのスタイル\n\tconst svgContainerStyle: CSSProperties = {\n\t\tpointerEvents: \"none\",\n\t\tposition: \"absolute\",\n\t\tinset: 0,\n\t\tdisplay: \"flex\",\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t};\n\n\t// チェックボックスのラッパースタイル\n\tconst checkboxWrapperStyle: CSSProperties = {\n\t\twidth: boxSizePx,\n\t\theight: boxSizePx,\n\t\tposition: \"relative\",\n\t};\n\n\t// ブロック全体をクリック可能にする\n\tconst handleBlockClick = () => {\n\t\tif (!readOnly && onChange) {\n\t\t\tonChange(!isChecked);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\t...containerStyle,\n\t\t\t\tcursor: readOnly ? \"not-allowed\" : \"pointer\",\n\t\t\t}}\n\t\t\trole=\"switch\"\n\t\t\taria-checked={isChecked}\n\t\t\taria-disabled={readOnly}\n\t\t\taria-label=\"Checkbox\"\n\t\t\ttabIndex={readOnly ? -1 : 0}\n\t\t\tonClick={handleBlockClick}\n\t\t\tonKeyDown={(e) => {\n\t\t\t\tif (!readOnly && (e.key === \" \" \|\| e.key === \"Enter\")) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\thandleBlockClick();\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t<input\n\t\t\t\tref={inputRef}\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tchecked={isChecked}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tdisabled={readOnly}\n\t\t\t\tstyle={hiddenInputStyle}\n\t\t\t\ttabIndex={-1}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t/>\n\t\t\t<div style={checkboxWrapperStyle}>\n\t\t\t\t<div style={svgContainerStyle} aria-hidden=\"true\">\n\t\t\t\t\t<ClassicCheckboxVisual\n\t\t\t\t\t\tsize={boxSizePx}\n\t\t\t\t\t\tchecked={isChecked}\n\t\t\t\t\t\tborderWidth={borderWidthPx}\n\t\t\t\t\t\tborderColor={styleConfig.borderColor ?? \"#000000\"}\n\t\t\t\t\t\tcheckWidth={checkWidthPx}\n\t\t\t\t\t\tcheckColor={styleConfig.checkColor ?? \"#000000\"}\n\t\t\t\t\t\tbackgroundColor={styleConfig.backgroundColor ?? \"#ffffff\"}\n\t\t\t\t\t\tcheckedBackgroundColor={styleConfig.checkedBackgroundColor}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nCheckboxRenderer.displayName = \"CheckboxRenderer\";\n","/\n @file CheckboxStyleEditor.tsx\n * @description チェックボックスの見た目設定を編集するUIコンポーネント\n /\n\nimport { useCallback, useMemo } from \"react\";\nimport {\n\tColorPicker,\n\tDimensionInput,\n\ttype PropertyComponentProps,\n} from \"@tatamicks/core\";\n\nimport type { CheckboxStyleConfig } from \"./types\";\n\n/\n チェックボックススタイル編集コンポーネント\n * BorderPanelを参考にした構造\n /\nexport const CheckboxStyleEditor = ({\n\tvalue,\n\tonChange,\n\treadOnly = false,\n}: PropertyComponentProps<\n\tCheckboxStyleConfig \| undefined\n>): React.ReactElement => {\n\t// デフォルト値\n\tconst defaultConfig: CheckboxStyleConfig = useMemo(\n\t\t() => ({\n\t\t\tcheckboxSize: { value: 16, unit: \"px\" },\n\t\t\tborderWidth: { value: 1, unit: \"px\" },\n\t\t\tborderColor: \"#d1d5db\",\n\t\t\tcheckWidth: { value: 3.5, unit: \"px\" },\n\t\t\tcheckColor: \"#2563eb\",\n\t\t\tbackgroundColor: \"#ffffff\",\n\t\t}),\n\t\t[],\n\t);\n\n\t// 現在の値（デフォルト値とマージ）\n\tconst currentConfig = useMemo(\n\t\t() => ({\n\t\t\t...defaultConfig,\n\t\t\t...value,\n\t\t}),\n\t\t[value, defaultConfig],\n\t);\n\n\t// プロパティ変更ハンドラ\n\tconst handleChange = useCallback(\n\t\t(\n\t\t\tprop: keyof CheckboxStyleConfig,\n\t\t\tval: CheckboxStyleConfig[keyof CheckboxStyleConfig],\n\t\t) => {\n\t\t\tonChange({\n\t\t\t\t...value,\n\t\t\t\t[prop]: val,\n\t\t\t});\n\t\t},\n\t\t[value, onChange],\n\t);\n\n\t// 各プロパティの変更ハンドラ\n\tconst handleCheckboxSizeChange = useCallback(\n\t\t(val: CheckboxStyleConfig[\"checkboxSize\"]) =>\n\t\t\thandleChange(\"checkboxSize\", val),\n\t\t[handleChange],\n\t);\n\n\tconst handleBorderWidthChange = useCallback(\n\t\t(val: CheckboxStyleConfig[\"borderWidth\"]) =>\n\t\t\thandleChange(\"borderWidth\", val),\n\t\t[handleChange],\n\t);\n\n\tconst handleBorderColorChange = useCallback(\n\t\t(val: CheckboxStyleConfig[\"borderColor\"]) =>\n\t\t\thandleChange(\"borderColor\", val),\n\t\t[handleChange],\n\t);\n\n\tconst handleCheckWidthChange = useCallback(\n\t\t(val: CheckboxStyleConfig[\"checkWidth\"]) => handleChange(\"checkWidth\", val),\n\t\t[handleChange],\n\t);\n\n\tconst handleCheckColorChange = useCallback(\n\t\t(val: CheckboxStyleConfig[\"checkColor\"]) => handleChange(\"checkColor\", val),\n\t\t[handleChange],\n\t);\n\n\tconst handleBackgroundColorChange = useCallback(\n\t\t(val: CheckboxStyleConfig[\"backgroundColor\"]) =>\n\t\t\thandleChange(\"backgroundColor\", val),\n\t\t[handleChange],\n\t);\n\n\tconst handleCheckedBackgroundColorChange = useCallback(\n\t\t(val: CheckboxStyleConfig[\"checkedBackgroundColor\"]) =>\n\t\t\thandleChange(\"checkedBackgroundColor\", val),\n\t\t[handleChange],\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: \"flex\",\n\t\t\t\tflexDirection: \"column\",\n\t\t\t\tgap: \"12px\",\n\t\t\t\tpadding: \"12px\",\n\t\t\t}}\n\t\t>\n\t\t\t{/ プレビュー /}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tpadding: \"16px\",\n\t\t\t\t\tbackgroundColor: \"#f5f5f5\",\n\t\t\t\t\tborderRadius: \"4px\",\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\tgap: \"16px\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div style={{ textAlign: \"center\" }}>\n\t\t\t\t\t<div style={{ fontSize: \"12px\", color: \"#666\", marginBottom: \"8px\" }}>\n\t\t\t\t\t\t未チェック\n\t\t\t\t\t</div>\n\t\t\t\t\t{/ TODO: プレビュー実装 /}\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: \"40px\",\n\t\t\t\t\t\t\theight: \"40px\",\n\t\t\t\t\t\t\tbackgroundColor: \"#ddd\",\n\t\t\t\t\t\t\tborderRadius: \"4px\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div style={{ textAlign: \"center\" }}>\n\t\t\t\t\t<div style={{ fontSize: \"12px\", color: \"#666\", marginBottom: \"8px\" }}>\n\t\t\t\t\t\tチェック\n\t\t\t\t\t</div>\n\t\t\t\t\t{/ TODO: プレビュー実装 /}\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: \"40px\",\n\t\t\t\t\t\t\theight: \"40px\",\n\t\t\t\t\t\t\tbackgroundColor: \"#ddd\",\n\t\t\t\t\t\t\tborderRadius: \"4px\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/ サイズ設定 /}\n\t\t\t<div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tfontSize: \"12px\",\n\t\t\t\t\t\tfontWeight: \"500\",\n\t\t\t\t\t\tmarginBottom: \"4px\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tチェックボックスのサイズ\n\t\t\t\t</div>\n\t\t\t\t<DimensionInput\n\t\t\t\t\tvalue={currentConfig.checkboxSize}\n\t\t\t\t\tonChange={handleCheckboxSizeChange}\n\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\tallowedUnits={[\"px\"]}\n\t\t\t\t\tconfig={{\n\t\t\t\t\t\tmin: 8,\n\t\t\t\t\t\tmax: 64,\n\t\t\t\t\t\tstep: 1,\n\t\t\t\t\t\tplaceholder: \"16px\",\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t{/ 枠線設定 /}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: \"grid\",\n\t\t\t\t\tgridTemplateColumns: \"1fr 1fr\",\n\t\t\t\t\tgap: \"8px\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontSize: \"12px\",\n\t\t\t\t\t\t\tfontWeight: \"500\",\n\t\t\t\t\t\t\tmarginBottom: \"4px\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t枠線の太さ\n\t\t\t\t\t</div>\n\t\t\t\t\t<DimensionInput\n\t\t\t\t\t\tvalue={currentConfig.borderWidth}\n\t\t\t\t\t\tonChange={handleBorderWidthChange}\n\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\tallowedUnits={[\"px\", \"%\"]}\n\t\t\t\t\t\tconfig={{\n\t\t\t\t\t\t\tmin: 0,\n\t\t\t\t\t\t\tstep: 0.5,\n\t\t\t\t\t\t\tplaceholder: \"1px\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontSize: \"12px\",\n\t\t\t\t\t\t\tfontWeight: \"500\",\n\t\t\t\t\t\t\tmarginBottom: \"4px\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t枠線の色\n\t\t\t\t\t</div>\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\tvalue={currentConfig.borderColor}\n\t\t\t\t\t\tonChange={handleBorderColorChange}\n\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\tshowTextInput={true}\n\t\t\t\t\t\tplaceholder=\"#d1d5db\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/ チェックマーク設定 /}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: \"grid\",\n\t\t\t\t\tgridTemplateColumns: \"1fr 1fr\",\n\t\t\t\t\tgap: \"8px\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontSize: \"12px\",\n\t\t\t\t\t\t\tfontWeight: \"500\",\n\t\t\t\t\t\t\tmarginBottom: \"4px\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tチェックマークの太さ\n\t\t\t\t\t</div>\n\t\t\t\t\t<DimensionInput\n\t\t\t\t\t\tvalue={currentConfig.checkWidth}\n\t\t\t\t\t\tonChange={handleCheckWidthChange}\n\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\tallowedUnits={[\"px\", \"%\"]}\n\t\t\t\t\t\tconfig={{\n\t\t\t\t\t\t\tmin: 0,\n\t\t\t\t\t\t\tstep: 0.5,\n\t\t\t\t\t\t\tplaceholder: \"3.5px\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontSize: \"12px\",\n\t\t\t\t\t\t\tfontWeight: \"500\",\n\t\t\t\t\t\t\tmarginBottom: \"4px\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tチェックマークの色\n\t\t\t\t\t</div>\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\tvalue={currentConfig.checkColor}\n\t\t\t\t\t\tonChange={handleCheckColorChange}\n\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\tshowTextInput={true}\n\t\t\t\t\t\tplaceholder=\"#2563eb\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/ 背景色設定 */}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: \"grid\",\n\t\t\t\t\tgridTemplateColumns: \"1fr 1fr\",\n\t\t\t\t\tgap: \"8px\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontSize: \"12px\",\n\t\t\t\t\t\t\tfontWeight: \"500\",\n\t\t\t\t\t\t\tmarginBottom: \"4px\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t背景色（未チェック）\n\t\t\t\t\t</div>\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\tvalue={currentConfig.backgroundColor}\n\t\t\t\t\t\tonChange={handleBackgroundColorChange}\n\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\tshowTextInput={true}\n\t\t\t\t\t\tplaceholder=\"#ffffff\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontSize: \"12px\",\n\t\t\t\t\t\t\tfontWeight: \"500\",\n\t\t\t\t\t\t\tmarginBottom: \"4px\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t背景色（チェック時）\n\t\t\t\t\t</div>\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\tvalue={currentConfig.checkedBackgroundColor}\n\t\t\t\t\t\tonChange={handleCheckedBackgroundColorChange}\n\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\tshowTextInput={true}\n\t\t\t\t\t\tallowUndefined={true}\n\t\t\t\t\t\tplaceholder=\"#ffffff\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nCheckboxStyleEditor.displayName = \"CheckboxStyleEditor\";\n","import {\n\ttype BlockPlugin,\n\tHorizontalAlign,\n\tsizeDefinition,\n\tuniversalProperties,\n} from \"@tatamicks/core\";\n\nimport { CheckboxRenderer } from \"./CheckboxRenderer\";\nimport { CheckboxStyleEditor } from \"./CheckboxStyleEditor\";\n\nimport type { CheckboxProps, CheckboxValue } from \"./types\";\n\nexport const CheckboxPlugin: BlockPlugin<CheckboxProps, CheckboxValue> = {\n\tkind: \"checkbox\",\n\n\tmeta: {\n\t\tdisplayName: \"チェックボックス\",\n\t\tdescription: \"チェック/非チェックを選択する入力ブロック\",\n\t\tdefaultSize: { w: 2, h: 2 },\n\t},\n\n\tRenderer: CheckboxRenderer,\n\n\tproperties: {\n\t\t...universalProperties, // alignment + padding\n\t\t// チェックボックスは中央配置をデフォルトに\n\t\tjustifyContent:\n\t\t\tuniversalProperties.justifyContent !== false\n\t\t\t\t? {\n\t\t\t\t\t\t...universalProperties.justifyContent,\n\t\t\t\t\t\tdefaultValue: HorizontalAlign.center,\n\t\t\t\t\t}\n\t\t\t\t: false,\n\t\t...sizeDefinition,\n\t\tstyleConfig: {\n\t\t\tComponent: CheckboxStyleEditor,\n\t\t\tlabel: \"チェックボックススタイル\",\n\t\t\tgroup: \"スタイル\",\n\t\t\tdefaultValue: undefined,\n\t\t},\n\t},\n\n\tvalidateProps: (props: unknown): CheckboxProps => {\n\t\treturn props as CheckboxProps;\n\t},\n\n\tvalidateValue: (value: unknown): CheckboxValue => {\n\t\tif (typeof value === \"boolean\") return value;\n\t\treturn false;\n\t},\n};\n"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","ClassicCheckboxVisual","size","checked","borderWidth","borderColor","checkWidth","checkColor","backgroundColor","checkedBackgroundColor","bgColor","jsxs","jsx","CheckboxRenderer","forwardRef","checkboxProps","onChange","readOnly","ref","inputRef","useRef","useImperativeHandle","_a","isChecked","handleChange","e","containerStyle","useMemo","css","HorizontalAlign","VerticalAlign","toPx","p","styleConfig","boxSizePx","borderWidthPx","checkWidthPx","hiddenInputStyle","svgContainerStyle","checkboxWrapperStyle","handleBlockClick","CheckboxStyleEditor","defaultConfig","currentConfig","useCallback","prop","val","handleCheckboxSizeChange","handleBorderWidthChange","handleBorderColorChange","handleCheckWidthChange","handleCheckColorChange","handleBackgroundColorChange","handleCheckedBackgroundColorChange","DimensionInput","ColorPicker","CheckboxPlugin","universalProperties","sizeDefinition"],"mappings":"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","x_google_ignoreList":[0,1,2]}