@mrreality255/turbo-react 0.0.4

package/README.md

@@ -0,0 +1 @@
+# TurboReact

package/dist/index.css

@@ -0,0 +1 @@
+button{cursor:pointer}button:disabled{color:#bbb!important;cursor:not-allowed;pointer-events:none}button._text_1pooi_25:before{content:"[ "}button._text_1pooi_25:after{content:" ]"}button._fill_1pooi_41{width:100%;height:100%}button._btn_1pooi_55{font-weight:700;color:#333;background-color:#090;font-family:monospace;padding:.2em 1em;margin:0 .5em .5em 0;border-style:none;box-shadow:.5em .65em 3px #00000080}button._default_1pooi_77._btn_1pooi_55{color:#0ff}button._btn_1pooi_55:focus{color:#fff}button._btn_1pooi_55:hover:not(:disabled){color:#fff;transform:translate3d(.05em,.05em,.9em);box-shadow:.4em .4em 3px #00000080}button._btn_1pooi_55:active:not(:disabled){transform:translate3d(.25em,.25em,10em);box-shadow:0 0 #00000080;background:#32cd32}button._btn_1pooi_55:focus{outline:red}button._plain_1pooi_127{font-weight:bolder;margin:0;display:inline-block;padding:4px 10px;font-family:monospace;font-size:.9em;text-align:center;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s;color:#000;background-color:#777;border:0px solid #666;box-shadow:0 0 4px #666}button._plain_1pooi_127:hover{background-color:#bbb;color:#000;box-shadow:0 0 6px #ddd}button._plain_1pooi_127:active{transform:translate(1px,1px) scale(.98)}button._link_1pooi_189{background-color:inherit;color:#0f0;font-family:monospace;border:none;margin:0;padding:0}button._link_1pooi_189:hover{color:#ff0}button._link_1pooi_189:active{color:#ff0;transform:scale(.95)}._plain_1pooi_127._default_1pooi_77{color:#fff}._plain_1pooi_127._green_1pooi_237{color:#0f0;background-color:#030;border:1px solid #00ff00;box-shadow:0 0 4px #0f0}._plain_1pooi_127._green_1pooi_237:hover{background-color:#050;color:#0f8;box-shadow:0 0 6px #0f8}._plain_1pooi_127._green_1pooi_237._default_1pooi_77{color:#ff0}._plain_1pooi_127._blue_1pooi_273{color:#000;background-color:#099;border:1px solid #099}._plain_1pooi_127._blue_1pooi_273:hover{background-color:#099;color:#0ff;box-shadow:0 0 6px #0f8}._plain_1pooi_127._blue_1pooi_273._default_1pooi_77{color:#aff}._link_1pooi_189._blue_1pooi_273:hover:not(:disabled){background-color:#090;color:#ff0}._plain_1pooi_127._cyan_1pooi_321{color:#000;background-color:#099;border:1px solid #099}._plain_1pooi_127._cyan_1pooi_321:hover{background-color:#055;color:#0fa;box-shadow:0 0 6px #0f8}._plain_1pooi_127._cyan_1pooi_321._default_1pooi_77{color:#0ff}._link_1pooi_189._cyan_1pooi_321{color:#fff}._link_1pooi_189._cyan_1pooi_321:hover:not(:disabled){background-color:#000;color:#ff7}._plain_1pooi_127._dark_1pooi_373{color:#ff0}._plain_1pooi_127._dark_1pooi_373._default_1pooi_77{color:#fff}._link_1pooi_189._dark_1pooi_373{color:#bb0}._link_1pooi_189._dark_1pooi_373:hover:not(:disabled){background-color:#bb0;color:#000}button._btn_1pooi_55._grey_1pooi_409{background-color:#ddd}button._btn_1pooi_55._grey_1pooi_409:active:not(:disabled){background-color:#ddd}._link_1pooi_189._grey_1pooi_409{color:#222}._link_1pooi_189._grey_1pooi_409:hover:not(:disabled){background-color:#090;color:#000}._link_1pooi_189._dialog_1pooi_443{color:#ff0}._link_1pooi_189._dialog_1pooi_443:hover:not(:disabled){background-color:#090;color:#fff}button._btn_1pooi_55._red_1pooi_463{background-color:red;color:#ff0}button._btn_1pooi_55._red_1pooi_463:active:not(:disabled){background:red}._link_1pooi_189._red_1pooi_463{color:#fff}._link_1pooi_189._red_1pooi_463:hover:not(:disabled){background-color:red;color:#ff0}._plain_1pooi_127._red_1pooi_463{color:#ff0;background-color:#900;border:1px solid #900;box-shadow:0 0 4px red}._plain_1pooi_127._red_1pooi_463:hover{background-color:#500;color:#ff0;box-shadow:0 0 6px red}._plain_1pooi_127._default_1pooi_77._red_1pooi_463{color:#fff}button._btn_1pooi_55._mono_1pooi_533{background-color:#ddd}button._btn_1pooi_55._mono_1pooi_533:active:not(:disabled){background-color:#ddd}._link_1pooi_189._mono_1pooi_533{color:#999}._link_1pooi_189._mono_1pooi_533:hover:not(:disabled){background-color:#999;color:#000}button._btn_1pooi_55._dark_1pooi_373{background-color:#aa0;color:#000}button._btn_1pooi_55._dark_1pooi_373:active:not(:disabled){background-color:#bb0}label._cb_1824p_1{cursor:pointer}input._cb_1824p_1:before{content:"[ ]"}input._cb_1824p_1:checked:before{content:"[x]"}input._cb_1824p_1{cursor:pointer;font-family:monospace;color:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none}input._cb_1824p_1:disabled{color:#999!important}label._cb_1824p_1._disabled_1824p_51{color:#999!important}input._cb_1824p_1+label._cb_1824p_1:hover{color:#fff}input._cb_1824p_1:hover{color:#fff}input._cb_1824p_1._mono_1824p_75:disabled{color:#444!important}label._cb_1824p_1._mono_1824p_75._disabled_1824p_51{color:#444!important}input._cb_1824p_1._dialog_1824p_91:disabled{color:#999}label._cb_1824p_1._dialog_1824p_91._disabled_1824p_51{color:#999}input._cb_1824p_1._green_1824p_107+label._cb_1824p_1:hover{color:#ff0}input._cb_1824p_1._green_1824p_107:hover{color:#ff0}input._cb_1824p_1._dialog_1824p_91+label._cb_1824p_1:hover{color:#ff0}input._cb_1824p_1._dialog_1824p_91:hover{color:#ff0}label._cb_1824p_1._dialog_1824p_91,input._cb_1824p_1._dialog_1824p_91{color:#fff}input._tb_16rjd_1{flex-grow:1;margin:.5em 0;padding:0;border-style:solid;border-width:0;font-family:monospace;text-decoration:none;outline:none;background-color:inherit;color:inherit}input._tb_16rjd_1:disabled{color:#999}input._tb_16rjd_1[type=number]::-webkit-inner-spin-button,input._tb_16rjd_1[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}div._tb_16rjd_1{background-color:#000;color:#ff0;width:100%;display:flex}div._tb_16rjd_1:focus-within{background-color:#222}div._tb_16rjd_1>div._prefix_16rjd_73{min-width:1em;padding-top:.5em;padding-left:.5em}div._tb_16rjd_1>div._prefix_16rjd_73._empty_16rjd_85{min-width:.25em}div._tb_16rjd_1._dialog_16rjd_97{background-color:#006;color:#fff}div._tb_16rjd_1._dialog_16rjd_97:focus-within{background-color:#008}div._tb_16rjd_1._blue_16rjd_115{background-color:#000}div._tb_16rjd_1._blue_16rjd_115:focus-within{background-color:#222}div._tb_16rjd_1._grey_16rjd_131{color:#fff}div._tb_16rjd_1._mono_16rjd_139{background-color:#333;color:#fff}div._tb_16rjd_1._red_16rjd_149{background-color:#600;color:#ff0}div._tb_16rjd_1._red_16rjd_149:focus-within{background-color:#000;color:#ff0}div._tb_16rjd_1._green_16rjd_169{background-color:#020}div._tb_16rjd_1._green_16rjd_169:focus-within{background-color:#000}html{overscroll-behavior-x:none}div._glass_zhks7_9{position:fixed;inset:0;z-index:2}div._glass_zhks7_9._backdrop_zhks7_27{background-color:#000;opacity:.4;z-index:1}div._clickable_1kzi9_3{cursor:pointer}div._fullSize_1kzi9_11{width:100%;height:100%}div._main_1kzi9_21{position:relative}div._shadow_1kzi9_29{box-shadow:.5em .5em #000000bf}div._frameStd_1kzi9_37{border-style:double;border-width:3px;position:relative}div._frameStd_1kzi9_37._single_1kzi9_49{border-style:solid;border-width:2px}div._frameStd_1kzi9_37._borderless_1kzi9_59{border-style:hidden;border-width:2px}div._contentWithTitle_1kzi9_69{margin-top:.75em}div._close_1kzi9_77{position:absolute}div._titleWrapper_1kzi9_85{background-color:unset;text-align:center;width:calc(100% - 8em);position:absolute;left:4em;top:-.5em}div._title_1kzi9_85{display:inline-block;width:auto;background-color:inherit;padding:0 .5em}div._close_1kzi9_77 button._btn_1kzi9_117{background-color:inherit;color:inherit;margin:0;padding:0;border-style:none;cursor:pointer;transition:transform .1s ease;transform:scale(1.25);outline:none}div._close_1kzi9_77 button._btn_1kzi9_117:active{transform:scale(1)}div._contentInsideWrapper_1kzi9_149{width:100%;height:100%;overflow:auto}div._outerBox_1kzi9_163{width:100%;height:100%;position:relative}div._outerBox_1kzi9_163._shadow_1kzi9_29{width:calc(100% - .5em);height:calc(100% - .5em);position:relative}div._outerBox_1kzi9_163>div>div>div._frameStd_1kzi9_37{position:absolute;inset:6px}div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div>div._title_1kzi9_85{top:-.555em;left:3em}div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203._padding_1kzi9_213{top:1em;left:1em;height:calc(100% - 2em);width:calc(100% - 2em);position:relative}div._outerBox_1kzi9_163 div._content_1kzi9_69{height:calc(100% - 1em);overflow:auto;position:relative}div._outerBox_1kzi9_163 div._content_1kzi9_69{height:100%;overflow:auto}div._outerBox_1kzi9_163 div._content_1kzi9_69._contentPadding_1kzi9_251{height:calc(100% - 1em);margin-right:.5em}div._outerBox_1kzi9_163 div._content_1kzi9_69._contentPaddingSpace_1kzi9_261{height:calc(100% - 3em)}div._outerBox_1kzi9_163 div._contentWithTitle_1kzi9_69{height:calc(100% - .75em)}div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div._close_1kzi9_77{top:-.75em;left:.5em}div._outerMargin_1kzi9_291{padding:6px}div._autoSize_1kzi9_299._space_1kzi9_299{margin-bottom:.5em}div._autoSize_1kzi9_299 div._shadow_1kzi9_29{width:calc(100% - .5em)}div._autoSize_1kzi9_299 div._padding_1kzi9_213{padding:1em;position:relative}div._autoSize_1kzi9_299 div._close_1kzi9_77{top:-.75em;left:1.25em}div._autoSize_1kzi9_299 div._padding_1kzi9_213 div._close_1kzi9_77{left:2em;top:.5em}div._autoSize_1kzi9_299 div._title_1kzi9_85{top:0;left:3.5em}div._autoSize_1kzi9_299 div._padding_1kzi9_213 div._title_1kzi9_85{top:.5em;left:4.5em}div._contentPadding_1kzi9_251{margin:.5em 1em .5em .5em}div._contentWithTitle_1kzi9_69._contentPadding_1kzi9_251{margin-top:.75em}div._contentPaddingSpace_1kzi9_261{margin:1.5em}div._main_1kzi9_21._blue_1kzi9_405>div._frameBck_1kzi9_405,div._main_1kzi9_21._blue_1kzi9_405>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div>div._title_1kzi9_85,div._main_1kzi9_21._blue_1kzi9_405>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div._close_1kzi9_77,div._main_1kzi9_21._blue_1kzi9_405>div._outerBox_1kzi9_163>div._frameBck_1kzi9_405,div._main_1kzi9_21._blue_1kzi9_405>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div._close_1kzi9_77,div._main_1kzi9_21._blue_1kzi9_405>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div>div._title_1kzi9_85{background-color:#006;color:#fff}div._main_1kzi9_21._cyan_1kzi9_459>div._frameBck_1kzi9_405,div._main_1kzi9_21._cyan_1kzi9_459>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div>div._title_1kzi9_85,div._main_1kzi9_21._cyan_1kzi9_459>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div._close_1kzi9_77,div._main_1kzi9_21._cyan_1kzi9_459>div._outerBox_1kzi9_163>div._frameBck_1kzi9_405,div._main_1kzi9_21._cyan_1kzi9_459>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div._close_1kzi9_77,div._main_1kzi9_21._cyan_1kzi9_459>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div>div._title_1kzi9_85{background-color:#066;color:#fff}div._main_1kzi9_21._dark_1kzi9_513>div._frameBck_1kzi9_405,div._main_1kzi9_21._dark_1kzi9_513>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div>div._title_1kzi9_85,div._main_1kzi9_21._dark_1kzi9_513>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div._close_1kzi9_77,div._main_1kzi9_21._dark_1kzi9_513>div._outerBox_1kzi9_163>div._frameBck_1kzi9_405,div._main_1kzi9_21._dark_1kzi9_513>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div._close_1kzi9_77,div._main_1kzi9_21._dark_1kzi9_513>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div>div._title_1kzi9_85{background-color:#222;color:#ff0}div._main_1kzi9_21._green_1kzi9_567>div._frameBck_1kzi9_405,div._main_1kzi9_21._green_1kzi9_567>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div>div._title_1kzi9_85,div._main_1kzi9_21._green_1kzi9_567>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div._close_1kzi9_77,div._main_1kzi9_21._green_1kzi9_567>div._outerBox_1kzi9_163>div._frameBck_1kzi9_405,div._main_1kzi9_21._green_1kzi9_567>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div._close_1kzi9_77,div._main_1kzi9_21._green_1kzi9_567>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div>div._title_1kzi9_85{background-color:#030;color:#0f0}div._main_1kzi9_21._grey_1kzi9_631>div._frameBck_1kzi9_405,div._main_1kzi9_21._grey_1kzi9_631>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div>div._title_1kzi9_85,div._main_1kzi9_21._grey_1kzi9_631>div._outerBox_1kzi9_163>div._frameBck_1kzi9_405,div._main_1kzi9_21._grey_1kzi9_631>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div._close_1kzi9_77,div._main_1kzi9_21._grey_1kzi9_631>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div>div._title_1kzi9_85{background-color:#999;color:#000}div._main_1kzi9_21._grey_1kzi9_631>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div._close_1kzi9_77{background-color:#999;color:#000}div._main_1kzi9_21._grey_1kzi9_631>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div._close_1kzi9_77>button{color:#090}div._main_1kzi9_21._dialog_1kzi9_723>div._frameBck_1kzi9_405,div._main_1kzi9_21._dialog_1kzi9_723>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div>div._title_1kzi9_85,div._main_1kzi9_21._dialog_1kzi9_723>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div._close_1kzi9_77,div._main_1kzi9_21._dialog_1kzi9_723>div._outerBox_1kzi9_163>div._frameBck_1kzi9_405,div._main_1kzi9_21._dialog_1kzi9_723>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div._close_1kzi9_77,div._main_1kzi9_21._dialog_1kzi9_723>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div>div._title_1kzi9_85{background-color:#666;color:#fff}div._main_1kzi9_21._dialog_1kzi9_723>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div._close_1kzi9_77>button{color:#0f0}div._main_1kzi9_21._mono_1kzi9_807>div._frameBck_1kzi9_405,div._main_1kzi9_21._mono_1kzi9_807>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div>div._title_1kzi9_85,div._main_1kzi9_21._mono_1kzi9_807>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div._close_1kzi9_77,div._main_1kzi9_21._mono_1kzi9_807>div._outerBox_1kzi9_163>div._frameBck_1kzi9_405,div._main_1kzi9_21._mono_1kzi9_807>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div._close_1kzi9_77,div._main_1kzi9_21._mono_1kzi9_807>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div>div._title_1kzi9_85{background-color:#000;color:#999}div._main_1kzi9_21._red_1kzi9_861>div._frameBck_1kzi9_405,div._main_1kzi9_21._red_1kzi9_861>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div>div._title_1kzi9_85,div._main_1kzi9_21._red_1kzi9_861>div._frameBck_1kzi9_405>div._outerMargin_1kzi9_291>div>div._frameStd_1kzi9_37>div._close_1kzi9_77,div._main_1kzi9_21._red_1kzi9_861>div._outerBox_1kzi9_163>div._frameBck_1kzi9_405,div._main_1kzi9_21._red_1kzi9_861>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div._close_1kzi9_77,div._main_1kzi9_21._red_1kzi9_861>div._outerBox_1kzi9_163>div._fullSize_1kzi9_11>div._wrapper_1kzi9_203>div._frame_1kzi9_37>div>div._title_1kzi9_85{background-color:#900;color:#ff0}div._main_1kzi9_21._blue_1kzi9_405 div._content_1kzi9_69,div._main_1kzi9_21._cyan_1kzi9_459 div._content_1kzi9_69{color:#ff0}div._main_1kzi9_21._blue_1kzi9_405 button._btn_1kzi9_117{color:#0f0}div._menu_1jpcc_1 ul{margin:0;padding:0;list-style:none}div._menu_1jpcc_1 ul li{padding:.5em;transition:background-color .75s ease,color .3s ease}div._menu_1jpcc_1 ul li a{text-decoration:none;color:inherit;display:block;width:100%;outline:none}div._menu_1jpcc_1 ul li:hover,div._menu_1jpcc_1 ul li._selected_1jpcc_51{background-color:#090}div._menu_1jpcc_1 ul li._disabled_1jpcc_59{color:#999!important;pointer-events:none}li._separator_1jpcc_69{border-style:solid;border-width:0 0 2px 0}li a span._secondary_1jpcc_79{float:right}li a span._prefix_1jpcc_87{width:1em;display:inline-block}div._menu_1jpcc_1._cyan_1jpcc_101 ul li:hover,div._menu_1jpcc_1._cyan_1jpcc_101 ul li._selected_1jpcc_51{background-color:#000;color:#ff0}div._menu_1jpcc_1._grey_1jpcc_121 ul li._disabled_1jpcc_59{color:#333!important;pointer-events:none}div._menu_1jpcc_1._mono_1jpcc_131 ul li._disabled_1jpcc_59{color:#444;pointer-events:none}div._menu_1jpcc_1._dark_1jpcc_141 ul li:hover,div._menu_1jpcc_1._dark_1jpcc_141 ul li._selected_1jpcc_51{background-color:#cc0;color:#000}div._menu_1jpcc_1._green_1jpcc_161 ul li:hover,div._menu_1jpcc_1._green_1jpcc_161 ul li._selected_1jpcc_51{background-color:#0d0;color:#000}div._menu_1jpcc_1._mono_1jpcc_131 ul li:hover,div._menu_1jpcc_1._mono_1jpcc_131 ul li._selected_1jpcc_51{background-color:#999;color:#000}div._menu_1jpcc_1._red_1jpcc_201 ul li:hover{background-color:#dd0;color:#000}div._menu_1jpcc_1._red_1jpcc_201 ul li._selected_1jpcc_51{background-color:#ff0;color:#600}div._menu_1jpcc_1._blue_1jpcc_221 ul li._separator_1jpcc_69{border-color:#fff}div._menu_1jpcc_1._dark_1jpcc_141 ul li._separator_1jpcc_69{border-color:#ff0}div._menu_1jpcc_1._green_1jpcc_161 ul li._separator_1jpcc_69{border-color:#0f0}div._menu_1jpcc_1._cyan_1jpcc_101 ul li._separator_1jpcc_69{border-color:#fff}div._menu_1jpcc_1._red_1jpcc_201 ul li._separator_1jpcc_69{color:#dd0}div._gb_1l8j1_1{background-color:#066;overflow:hidden;padding:.25em;position:relative}label._gb_1l8j1_1{color:#fff}label._gb_1l8j1_1._green_1l8j1_23{color:#ff0}label._gb_1l8j1_1._dialog_1l8j1_31{color:#fff}div._gb_1l8j1_1._cyan_1l8j1_39{background-color:#000}div._gb_1l8j1_1._grey_1l8j1_47{background-color:#088}div._gb_1l8j1_1._red_1l8j1_55{background-color:#400}div._gb_1l8j1_1._green_1l8j1_23{background-color:#020}div._gb_1l8j1_1._dark_1l8j1_71{background-color:#000}div._gb_1l8j1_1._mono_1l8j1_79{background-color:#222}h1._heading_1jaeq_1{margin:.5em 0;font-size:1em;width:100%;border-style:solid;border-width:0 0 2px 0px;padding-bottom:.5em;font-weight:400}h1._blue_1jaeq_27._heading_1jaeq_1{color:#0ff}div._editable_1vow5_1{cursor:pointer}div._pb_1vow5_9 div._wrapper_1vow5_9{background-color:#660;width:100%;height:1.5em}div._pb_1vow5_9 div._wrapper_1vow5_9 div{background-color:#ff0;height:1.5em}div._value_1vow5_31{width:100%;text-align:center}div._editSpace_1vow5_41{position:relative;width:100%;height:1em;overflow:hidden}div._cursor_1vow5_55{position:absolute;height:.5em}div._cursor_1vow5_55:before{content:"▲"}div._pb_1vow5_9._dialog_1vow5_77 div._value_1vow5_31,div._pb_1vow5_9._dialog_1vow5_77 div._cursor_1vow5_55{color:#ff0}div._pb_1vow5_9._green_1vow5_93 div._wrapper_1vow5_9{background-color:#060}div._pb_1vow5_9._green_1vow5_93 div._wrapper_1vow5_9 div{background-color:#0f0}div._pb_1vow5_9._grey_1vow5_109 div._value_1vow5_31,div._pb_1vow5_9._grey_1vow5_109 div._cursor_1vow5_55{color:#ff0}div._pb_1vow5_9._mono_1vow5_125 div._wrapper_1vow5_9{background-color:#666}div._pb_1vow5_9._mono_1vow5_125 div._wrapper_1vow5_9 div{background-color:#fff}div._pb_1vow5_9._mono_1vow5_125 div._cursor_1vow5_55,div._pb_1vow5_9._mono_1vow5_125 div._value_1vow5_31{color:#fff}div._nv_vazmc_1{width:100%}div._nv_vazmc_1>._label_vazmc_9{color:#fff}._value_vazmc_17{flex-grow:1}div._nv_vazmc_1>._label_vazmc_9._blue_vazmc_25{color:#0ff}div._nv_vazmc_1>._label_vazmc_9._green_vazmc_33{color:#ff0}div._nv_vazmc_1>._label_vazmc_9._grey_vazmc_41{color:#333}label._rb_khpw4_1{cursor:pointer}input._rb_khpw4_1:before{content:"( )"}input._rb_khpw4_1:checked:before{content:"(•)"}input._rb_khpw4_1{cursor:pointer;font-family:monospace;color:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none}input._rb_khpw4_1:disabled{color:#999!important}label._rb_khpw4_1._disabled_khpw4_51{color:#999!important}input._rb_khpw4_1+label._rb_khpw4_1:hover{color:#fff}input._rb_khpw4_1:hover{color:#fff}input._rb_khpw4_1._mono_khpw4_75:disabled{color:#444!important}label._rb_khpw4_1._mono_khpw4_75._disabled_khpw4_51{color:#444!important}input._rb_khpw4_1._dialog_khpw4_91:disabled{color:#999}label._rb_khpw4_1._dialog_khpw4_91._disabled_khpw4_51{color:#999}input._rb_khpw4_1._green_khpw4_107+label._rb_khpw4_1:hover{color:#ff0}input._rb_khpw4_1._green_khpw4_107:hover{color:#ff0}input._rb_khpw4_1._dialog_khpw4_91+label._rb_khpw4_1:hover{color:#ff0}input._rb_khpw4_1._dialog_khpw4_91:hover{color:#ff0}label._rb_khpw4_1._dialog_khpw4_91,input._rb_khpw4_1._dialog_khpw4_91{color:#fff}table._tb_12qgu_1{position:absolute;left:0;top:0;width:100%;height:100%;border-collapse:collapse;overflow:auto}tr._hdr_12qgu_21{background-color:#000}table._tb_12qgu_1>thead>tr>th{font-weight:400;color:#fff;padding:3px;position:sticky;top:0;z-index:2;background-color:inherit}._ptr_12qgu_51{cursor:pointer}table._tb_12qgu_1>tbody>tr>td{padding:3px}table._tb_12qgu_1>tbody>tr._alt_12qgu_67>td{background-color:#0003}table._tb_12qgu_1>tbody>tr:hover{background-color:#0006}th>span._icon_12qgu_83{position:absolute;right:0}th>span._iconR_12qgu_93{left:0;right:unset}table._tb_12qgu_1._blue_12qgu_107>thead>tr>th{color:#0ff}table._tb_12qgu_1._red_12qgu_115>thead>tr>th{color:#fff;background-color:#500}table._tb_12qgu_1._green_12qgu_125>thead>tr>th{color:#ff0;background-color:#050}table._tb_12qgu_1._dialog_12qgu_135>thead>tr>th{color:#ff0;background-color:#055}div._field_1sopd_1{display:flex}div._field_1sopd_1>div{flex:1}div._err_1sopd_17{color:red}body{padding:0;margin:0;background-color:#033;font-family:monospace;font-size:14px;color:#fff}

package/dist/index.d.ts

@@ -0,0 +1,593 @@
+import { Context } from 'react';
+import { CSSProperties } from 'react';
+import { default as default_2 } from 'react';
+import { Dispatch } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { JSXElementConstructor } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { ReactPortal } from 'react';
+import { RefObject } from 'react';
+import { SetStateAction } from 'react';
+
+export declare type CssOption = string | Record<string, boolean>;
+
+export declare const CtxPalette: Context<TPalette>;
+
+declare function getDataContent(ctx: IDataContext): TDataContent;
+
+declare function getInitialState(input: TDataContent | undefined): IDataContext | undefined;
+
+export declare interface IDataContext {
+    data: Record<string, TDataContextValue>;
+    error?: string;
+    isValidated: boolean;
+    isDisabled: boolean;
+    isLoading: boolean;
+    isValid: boolean | undefined;
+}
+
+declare interface ILayerManager {
+    show: (fct: TLayerRenderer) => () => void;
+    showRow: (fct: TLayerRenderer) => () => void;
+    hide: () => void;
+}
+
+export declare const InputUtils: {
+    handleChange: (newValue: string, p: TInputProps) => string;
+    newDataContext: () => IDataContext;
+    newFormContext: (dataContext: IDataContext, updateDataContext: (fct: (prev: IDataContext) => IDataContext) => void) => TFormContext;
+    getDataContent: typeof getDataContent;
+    getInitialState: typeof getInitialState;
+};
+
+export declare const MathUtils: {
+    clamp: (n: number, min: number, max: number) => number;
+};
+
+export declare const MiscUtils: {
+    distint<T>(options: T[]): T[];
+    using<T, R = T>(value: T, fct: (value: T) => R): R;
+    orUndefined<T, R = T>(x: T | undefined, fct: (x: T) => R, defaultValue?: R | undefined): R | undefined;
+};
+
+export declare const StrUtils: {
+    classes: (...options: CssOption[]) => string;
+};
+
+export declare type TAlignType = "left" | "center" | "right";
+
+export declare function TAppContainer(p: TAppContainerProps): JSX.Element;
+
+export declare type TAppContainerProps = {
+    children?: React.ReactNode;
+};
+
+export declare function TAppLayout(p: TAppLayoutProps): JSX.Element;
+
+declare type TAppLayoutBlocks = {
+    footer?: React.ReactNode;
+    header?: React.ReactNode;
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+};
+
+export declare type TAppLayoutProps = TAppLayoutBlocks & {
+    children?: React.ReactNode;
+    palette?: TPalette;
+    sizeUnit?: string;
+    sizes?: TAppLayoutSizeBlock;
+    mobile?: TAppLayoutBlocks & {
+        sizes?: TAppLayoutSizeBlock;
+    };
+};
+
+declare type TAppLayoutSizeBlock = {
+    footer?: number;
+    header?: number;
+    left?: number;
+    right?: number;
+    leftSpace?: number;
+    rightSpace?: number;
+};
+
+export declare function TButton(p: TButtonProps): JSX.Element;
+
+export declare type TButtonProps = TControlProps & {
+    children?: React.ReactNode;
+    default?: boolean;
+    fill?: boolean;
+    variant?: TButtonVariant;
+    width?: string | number;
+    w0?: boolean;
+    w1?: boolean;
+    onClick?: () => void;
+};
+
+export declare type TButtonVariant = "standard" | "plain" | "link" | "text";
+
+export declare function TCheckbox(p: TCheckBoxProps): JSX.Element;
+
+export declare type TCheckBoxProps = TInputProps & {
+    caption?: string;
+};
+
+export declare type TClosingEffect = "resize" | "opacity";
+
+export declare type TClosingEffectProps = {
+    animationDuration?: number;
+    effect?: TClosingEffect;
+    emptyMode?: boolean;
+    onClose?: () => void;
+    onRender: (closeFct: () => void, props: CSSProperties) => React.ReactNode;
+};
+
+export declare function TClosingEffectProvider(p: TClosingEffectProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | JSX.Element | null | undefined;
+
+export declare function TColLayout(p: TColLayoutProps): JSX.Element;
+
+export declare type TColLayoutProps = {
+    cols: number;
+    gap?: number | string;
+    lineHeight?: string | number;
+    minWidth?: string | number;
+    children?: React.ReactNode;
+};
+
+export declare type TControlProps = TPaletteProps & {
+    disabled?: boolean;
+};
+
+export declare type TDataContent = {
+    [key: string]: TDataContentItem;
+};
+
+export declare type TDataContentItem = string | TDataContent | TDataContent[];
+
+export declare type TDataContextValue = TFormValue;
+
+export declare type TDialogContext<T> = {
+    frm: TFormContext;
+    close: () => void;
+    submit: (result: TDialogSubmitFctResult<T>) => void;
+};
+
+export declare type TDialogModalResult = "ok";
+
+export declare type TDialogProps = TPaletteProps & {
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    content: React.ReactNode;
+    items?: TFormFieldProps[];
+    caption?: string;
+    pos: TViewportProps;
+    windowProps?: TWindowProps;
+    onBeforeClose?: (modalResult: TDialogModalResult | null) => void;
+};
+
+export declare type TDialogResult<T> = {
+    result: TDialogModalResult;
+    frm: IDataContext;
+    data?: T;
+};
+
+export declare type TDialogSubmitFctResult<T> = TDialogSubmitResult<T> | Promise<TDialogSubmitResult<T>>;
+
+export declare type TDialogSubmitResult<T> = {
+    result?: TDialogModalResult;
+    data?: T;
+    error?: string;
+};
+
+export declare type TDialogWrapperProps<T> = {
+    fct: (ctx: TDialogContext<T>) => TDialogProps;
+    initialState: IDataContext | undefined;
+    style?: CSSProperties;
+    onCancel: () => void;
+    onSubmit: (result: TDialogModalResult, data: T | undefined, frm: TFormContext) => void;
+};
+
+export declare function TDropDown(p: TDropDownProps): JSX.Element;
+
+export declare type TDropDownProps = Omit<TTextBoxProps, "mode"> & {
+    items: TMenuItem[];
+    inputRef?: RefObject<HTMLInputElement>;
+    wrapperRef?: RefObject<HTMLDivElement>;
+    windowPalette?: TPalette;
+};
+
+export declare function TErrorPanel(p: TErrorPanelProps): JSX.Element;
+
+export declare type TErrorPanelProps = TViewProps;
+
+export declare function TForm(p: TFormProps): JSX.Element;
+
+export declare function TFormButton(p: TFormButtonProps): JSX.Element;
+
+export declare type TFormButtonProps = TButtonProps & {
+    cancel?: boolean;
+};
+
+declare type TFormContext = IDataContext & {
+    updateDataContext: (fct: (prev: IDataContext) => IDataContext) => void;
+    checked: (id: string) => boolean;
+    get: (id: string) => string | undefined;
+    getContent: () => TDataContent;
+    update: (id: string, newValue: TFormValueType, isValid: boolean) => void;
+    validate: () => boolean;
+    initializeField: (id: string, initValue: TFormValueType, isValid: boolean) => void;
+    setDisabled: (disabled: boolean) => void;
+    setError: (error: string | undefined) => void;
+    setLoading: (loading: boolean) => void;
+};
+
+export declare function TFormField(p: TFormFieldProps): JSX.Element;
+
+export declare type TFormFieldProps = TPaletteProps & {
+    id: string;
+    caption?: string;
+    type: TFormFieldType;
+    disabled?: boolean;
+    defaultValue?: string;
+    isOptional?: boolean;
+    value?: string;
+    validator?: TFormValidator;
+    wrapperFct?: (src: React.ReactNode, value: TFormValue | undefined, props: TFormFieldProps, onAction?: (id: string, customData: unknown) => void) => React.ReactNode;
+    children?: React.ReactNode;
+    checkBoxProps?: TCheckBoxProps;
+    dropDownProps?: TDropDownProps;
+    formProps?: Omit<TFormProps, "context" | "children">;
+    progressBarProps?: TProgressBarProps;
+    templateProps?: Omit<TFormTemplateProps, "items" | "onUpdateItems">;
+    textBoxProps?: TTextBoxProps;
+    onAction?: (id: string, customData: unknown) => void;
+};
+
+export declare type TFormFieldType = "checkbox" | "progress" | "textbox" | "dropdown" | "form" | "template";
+
+export declare type TFormProps = {
+    disabled?: boolean;
+    isValidated?: boolean;
+    items?: TFormFieldProps[];
+    children?: React.ReactNode;
+    context?: TFormContext;
+    onAction?: (id: string, data: IDataContext, customData: unknown) => void;
+};
+
+export declare type TFormTemplateProps = TPaletteProps & {
+    items: IDataContext[];
+    itemFct: (ctx: IDataContext, deleteFct: () => void) => React.ReactNode | TFormFieldProps[];
+    wrapperFct?: (content: React.ReactNode, addFct: () => void) => React.ReactNode;
+    onNewRow?: () => Record<string, TFormValue>;
+    onUpdateItems?: (newItems: IDataContext[]) => void;
+};
+
+export declare type TFormValidator = {
+    signature?: string;
+    onValidate?: (value: string) => boolean;
+    onValidateForm?: (content: TDataContent) => boolean;
+    onValidateList?: (content: TDataContent[]) => boolean;
+};
+
+export declare type TFormValue = {
+    value: TFormValueType;
+    origValue?: string | null;
+    isValid: boolean | undefined;
+};
+
+export declare type TFormValueType = string | TFormValueTypeDataCtx | TFormValueTypeList;
+
+export declare type TFormValueTypeDataCtx = IDataContext & {
+    mode: "datacontext";
+};
+
+export declare type TFormValueTypeList = {
+    mode: "list";
+    items: IDataContext[];
+};
+
+export declare function TGlass(p: TGlassProps): JSX.Element;
+
+export declare type TGlassEvent = {
+    clientX: number;
+    clientY: number;
+    buttons: number;
+};
+
+export declare type TGlassProps = {
+    backdrop?: boolean;
+    children?: React.ReactNode;
+    visible: boolean;
+    onClick?: () => void;
+    onMouseMove?: (e: TGlassEvent) => void;
+    onMouseUp?: (e: TGlassEvent) => void;
+};
+
+export declare function TGroupBox(p: TGroupBoxProps): JSX.Element;
+
+export declare type TGroupBoxProps = TViewProps & {
+    caption?: string;
+    disabled?: boolean;
+    height?: string | number;
+    width?: string | number;
+};
+
+export declare function THeading(p: THeadingProps): JSX.Element;
+
+export declare type THeadingProps = TViewProps;
+
+export declare type THorizAlignMode = "right";
+
+export declare function THorizLayout(p: THorizLayoutProps): JSX.Element;
+
+export declare type THorizLayoutProps = {
+    children?: React.ReactNode;
+    gap?: number | string;
+    left?: React.ReactNode;
+    leftWidth?: number | string;
+    rightWidth?: number | string;
+    alignMode?: THorizAlignMode;
+};
+
+export declare type TInputProps = TControlProps & {
+    defaultValue?: string;
+    value?: string;
+    onChange?: (newValue: string) => void;
+    onChanging?: (newValue: string) => string;
+};
+
+declare type TLayerRenderer = (hideFct: () => void) => React.ReactNode;
+
+export declare function TLoadingBar(): JSX.Element;
+
+export declare function TMenu(p: TMenuProps): JSX.Element;
+
+export declare type TMenuItem = {
+    id: string;
+    disabled?: boolean;
+    label?: string;
+    prefix?: string;
+    prefixColor?: string;
+    prefixWidth?: string | number;
+    secondary?: string;
+    secondaryColor?: string;
+    selected?: boolean;
+    withSeparator?: boolean;
+};
+
+export declare type TMenuProps = TPaletteProps & {
+    selectedRef?: RefObject<HTMLAnchorElement | null>;
+    items: TMenuItem[];
+    onClick?: (id: string) => void;
+    onSelect?: (id: string) => void;
+};
+
+export declare type TMouseState = {
+    x: number;
+    y: number;
+    buttons: number;
+};
+
+export declare function TNameValue(p: TNameValueProps): JSX.Element;
+
+export declare type TNameValueItem = {
+    name: string | React.ReactNode;
+    value: string | React.ReactNode;
+    action?: string | React.ReactNode;
+};
+
+export declare type TNameValueProps = TViewProps & {
+    name?: string | React.ReactNode;
+    action?: string | React.ReactNode;
+    actionWidth?: string | number;
+    labelWidth?: string | number;
+    items?: TNameValueItem[];
+};
+
+export declare function TNotification(p: TNotificationProps): JSX.Element;
+
+export declare type TNotificationProps = TViewProps & {
+    style?: CSSProperties;
+    timeout?: number;
+};
+
+export declare type TPalette = "blue" | "green" | "cyan" | "grey" | "dark" | "red" | "dialog" | "mono";
+
+export declare type TPaletteProps = {
+    palette?: TPalette;
+};
+
+export declare function TPaletteProvider(p: {
+    palette: TPalette;
+    children?: React.ReactNode;
+}): JSX.Element;
+
+export declare function TProgressBar(p: TProgressBarProps): JSX.Element;
+
+export declare type TProgressBarProps = TInputProps & {
+    blockWidth?: number;
+    caption?: string;
+    left?: number;
+    readOnly?: boolean;
+    showValue?: boolean;
+};
+
+export declare function TRadioButton(p: TRadioButtonProps): JSX.Element;
+
+export declare type TRadioButtonProps = TInputProps & {
+    caption?: string;
+};
+
+export declare type TRect = {
+    x?: number | string;
+    y?: number | string;
+    x2?: number | string;
+    y2?: number | string;
+};
+
+export declare function TRowLayout(p: TRowLayoutProps): JSX.Element;
+
+export declare type TRowLayoutProps = {
+    children?: React.ReactNode;
+    gap?: number | string;
+    style?: CSSProperties;
+};
+
+export declare function TTable<T extends object>(props: TTableProps<T>): JSX.Element;
+
+export declare type TTableColumnProps<T extends object> = {
+    id: string;
+    align?: TAlignType;
+    caption?: string | React.ReactNode;
+    data?: TTableValueProvider<T>;
+    icon?: string;
+    sortIcon?: "up" | "down";
+    width?: string | number;
+};
+
+export declare type TTableProps<T extends object> = TPaletteProps & {
+    data: T[];
+    columns: TTableColumnProps<T>[];
+    onHeaderClick?: (col: TTableColumnProps<T>, idx: number) => void;
+    onRowClick?: (value: T, idx: number) => void;
+};
+
+export declare type TTableValueProvider<T> = string | React.ReactNode | ((item: T) => string | React.ReactNode);
+
+export declare function TTextBox(p: TTextBoxProps): JSX.Element;
+
+export declare type TTextBoxMode = "text" | "password" | "number" | "email";
+
+export declare type TTextBoxProps = TInputProps & {
+    align?: TAlignType;
+    caption?: string;
+    mode?: TTextBoxMode;
+    prefix?: string;
+    prefixColor?: string;
+    prefixStyle?: CSSProperties;
+    readOnly?: boolean;
+    suffix?: string;
+    suffixColor?: string;
+    suffixStyle?: CSSProperties;
+    inputStyle?: CSSProperties;
+    wrapperRef?: RefObject<HTMLDivElement | null>;
+    inputRef?: RefObject<HTMLInputElement | null>;
+    onFocus?: () => void;
+    onClick?: () => void;
+};
+
+export declare type TValueHook = {
+    value: string | undefined;
+    set: (newValue: string) => void;
+};
+
+export declare function TVertLayout(p: TVertLayoutProps): JSX.Element;
+
+export declare type TVertLayoutProps = {
+    autoHeight?: boolean;
+    children?: React.ReactNode;
+    gap?: string | undefined;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+};
+
+export declare function TViewport(p: TViewportProps): JSX.Element;
+
+export declare type TViewportProps = {
+    center?: boolean;
+    centerV?: boolean;
+    centerH?: boolean;
+    fill?: boolean;
+    children?: React.ReactNode;
+    width?: string | number;
+    height?: string | number;
+    rect?: TRect;
+    bgColor?: string;
+    scrollbar?: boolean;
+    divRef?: RefObject<HTMLDivElement | null>;
+    style?: CSSProperties;
+    padding?: {
+        left?: string | number;
+        right?: string | number;
+        top?: string | number;
+        bottom?: string | number;
+    };
+};
+
+export declare type TViewProps = TPaletteProps & {
+    children?: React.ReactNode;
+};
+
+export declare function TWindow(p: TWindowProps): JSX.Element;
+
+export declare type TWindowInnerPadding = "none" | "space";
+
+export declare type TWindowProps = TPaletteProps & {
+    children?: React.ReactNode;
+    fill?: boolean;
+    noShadow?: boolean;
+    border?: "std" | "single" | "none";
+    outerPadding?: boolean;
+    innerPadding?: TWindowInnerPadding;
+    caption?: string;
+    space?: boolean;
+    style?: CSSProperties;
+    onClick?: () => void;
+    onClose?: () => void;
+};
+
+export declare function useClosingEffect(mode?: TClosingEffect, delay?: number): {
+    get: () => CSSProperties;
+    close: (onClose?: () => void) => void;
+};
+
+export declare function useDataContext(initialState: IDataContext | undefined): {
+    ctx: IDataContext;
+    setCtx: Dispatch<SetStateAction<IDataContext>>;
+};
+
+export declare function useDialog<T = any>(p: (ctx: TDialogContext<T>) => TDialogProps): {
+    show: (inputData?: TDataContent) => Promise<TDialogResult<T> | null>;
+};
+
+export declare function useLayer(): ILayerManager;
+
+export declare function useMobile(): boolean;
+
+export declare function useMouseValue(ref: {
+    current: null | {
+        getBoundingClientRect(): DOMRect;
+    };
+}, handler?: (clientPos: TMouseState, relPos: TMouseState, absPos: TMouseState) => void): {
+    rect: DOMRect | null;
+    mousePos: TMouseState | null;
+    relPos: {
+        x: number;
+        y: number;
+        buttons: number;
+    } | null;
+    setPos: (e: {
+        clientX: number;
+        clientY: number;
+        buttons: number;
+    }) => void;
+    done: (_e: {
+        clientX: number;
+        clientY: number;
+        buttons: number;
+    }) => void;
+};
+
+export declare function useNewFormContext(initialState: IDataContext | undefined): TFormContext;
+
+export declare function useNotifications(): {
+    show: (msg: string | default_2.ReactNode, p?: TNotificationProps) => void;
+};
+
+export declare function useValue(p: TInputProps): TValueHook;
+
+export declare const ViewUtils: {
+    wrapper: (content: React.ReactNode, wrapperFct?: (x: React.ReactNode) => React.ReactNode, cond?: boolean) => ReactNode;
+};
+
+export { }