amotify 0.2.256 → 0.2.258

package/dist/fn/Input/core.js

@@ -1 +1 @@
-import{b as n,c as l,e as R}from"../../chunk-C5N2D3ZX.js";import{jsx as m,jsxs as C}from"react/jsx-runtime";import{useState as _,useEffect as g}from"react";import c,{UUID as y,useStore as S}from"jmini";import{$$fromRoot as x}from"../../@utils";import{InputClasses as T}from"../../@styles/componentClasses";import{Box as D,Flex as k,FAI as v,Column as B}from"../../atoms";import{Row as b,Literal as E}from"../../mols";import{Button as F}from"../Button";import V from"../Tooltips";const Z=t=>{let[i]=_(t.componentId||y(12));t=n({},t),t.states=l(n({enableFormSubmit:!0,status_id:y(),override:"never",form:"",id:y(),"aria-label":"Input-"+i},t.states),{componentId:i});let{children:a}=t;return m(a,n({},t.states))},tt=t=>{let{children:i,val_status:a,states:e}=t,{leftIcon:r,wrapStyles:p}=e,s=a.notice||[];return e.checkValidationAtFirst||a.eventType=="init"&&(s=[]),C(b.Center,l(n({position:"relative",verticalAlign:"unset",gap:0},p),{className:T("Wrapper"),"data-notice-uid":a.componentId,children:[m(h.Notice,{notice:s,val_status:a}),e.leftIndicator,C(k,{position:"relative",flexSizing:"auto",children:[i,r,m(h.RightIcon,n({},t)),m(h.ClearButton,n({},t))]}),e.rightIndicator]}))},h={ClearButton:t=>!t.states.clearButton||!t.val_status.dataValue?null:m(F.Normal,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{t.set_status(i=>l(n({},i),{dataValue:"",formatValue:"",eventType:"update",eventID:y(12),isInspected:!1}))},children:m(v.X,{})}),RightIcon:t=>t.states.clearButton&&t.val_status.dataValue?null:t.states.rightIcon,Notice:t=>{let{notice:i,val_status:a}=t,{componentId:e}=a,r="NoticeTimer-"+e,p="NoticeTimerClose-"+e,s="notice-tips-"+e;return g(()=>{c.interval.once(()=>{if(!(i!=null&&i.length)){V.close(s);return}V.open({tipsID:s,parent:`[data-notice-uid="${e}"]`,gravityPoint:24,padding:[1,0],closeAtParentBlur:!1,content:C(V.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[m(D,{position:"absolute",unitHeight:1,unitWidth:1,right:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),m(B,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:i.map((o,u)=>{let{type:f,label:d}=o,I=f=="invalid"?v.Exclamation:f=="warn"?v.Exclamation:v.Check;return C(b.Left,{gap:0,borderRadius:"2.tone.secondary",children:[m(I,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[f]}),m(E.Supplement,{fontSize:"0.xs",fontColor:"white",children:d})]},u+"-"+c.Stringify(o))})})]})})},350,r),c.interval.once(()=>{V.close(s)},6e3,p)},[i]),null}},w={DefaultStatus:(t,i)=>({componentId:t,dataValue:i,eventType:"init",eventID:y(12)}),CommonEffects:function(t){let{type:i,states:a,val_status:e,set_status:r,SystemValidation:p}=t;a=n({},a);let{componentId:s}=e;g(()=>(S.update({[`input_alias:id:${a.id}`]:{componentId:s},[`input_alias:name:${a.name}`]:{componentId:s},[s]:{ResolveRefresh:null,remoteUpdate:o=>{r(u=>l(n({},u),{isInspected:!1,isValidated:!1,dataValue:o,formatValue:o,eventType:"update",eventID:y(12)}))},Refresh:()=>new Promise((o,u)=>{S.get(s).ResolveRefresh=o,r(f=>l(n({},f),{isInspected:!1,eventType:"refresh",eventID:y(12)}))})}}),()=>{S.delete(s)}),[]),g(()=>{w.ValidationCheck({val_status:e,set_status:r,SystemValidation:p,states:a})},[e.eventID,e.dataValue]),c.scope(()=>{let{override:o}=a;if(o=="never"||o=="beforeModified"&&!["init","override"].includes(e.eventType)||e.isComposing)return;let u=S.get(e.componentId);if(!u)return;if(c.is.equal(a.value,e.dataValue)){u.status_id=a.status_id;return}let f=c.SortifyObject(a.value),d=c.SortifyObject(e.dataValue);if(f&&d&&c.is.equal(f,d)){u.status_id=a.status_id;return}a.status_id!=u.status_id&&(e.eventType=="update"&&!e.isInspected||r(I=>l(n(l(n({},I),{dataValue:a.value}),t.ExtraOverrideStates&&t.ExtraOverrideStates()),{eventType:"override",eventID:y(12),isInspected:!1,isValidated:!1})))});{let{componentId:o,eventType:u,dataValue:f}=e,d=f;i=="autocomplete.single"||i=="list.radio"?d=d[0]:a.isChecker&&(d=!!d[0]),g(()=>(c.scope(()=>{if(a.form=a.form||"testForm",a.name&&a.form&&S.update({[["form-data",a.form].join("-")]:{[a.name]:{componentId:o,type:i,value:d,validation:e.isValidated}}}),!e.isInspected||u!="refresh")return;let I=S.get(o);I&&I.ResolveRefresh&&I.ResolveRefresh(null)}),()=>{S.update({[["form-data",a.form].join("-")]:{[a.name]:null}})}),[e]),g(()=>{a.onUserAction&&a.onUserAction(d,{eventType:u,componentId:o,isInspected:!!e.isInspected,isValidated:!!e.isValidated,isComposing:!!e.isComposing,isFocusing:!!e.isFocusing})},[e]),g(()=>{e.isInspected&&u=="update"&&(a.onUpdateValue&&a.onUpdateValue(d,{eventType:u,componentId:o,isValidated:!!e.isValidated,isComposing:!!e.isComposing,isFocusing:!!e.isFocusing}),e.isValidated&&a.onUpdateValidValue&&a.onUpdateValidValue(d,{eventType:u,componentId:o,isValidated:!!e.isValidated,isComposing:!!e.isComposing,isFocusing:!!e.isFocusing}))},[e.isValidated,e.isInspected,e.dataValue])}},ValidationCheck:t=>{let{states:i}=t;if(t.val_status.isInspected)return;let a="ValidationTimer-"+t.val_status.componentId;c.interval.abort(a),t.set_status(s=>l(n({},s),{isInspected:!1,isValidated:!1}));let e=t.SystemValidation({value:t.val_status.dataValue,states:i});if(!e.ok){t.set_status(s=>l(n({},s),{isInspected:!0,isValidated:!!e.ok,notice:e.notice||[]}));return}let r=e.notice||[];const p=()=>R(void 0,null,function*(){if(!i.onValidate)return;let s=yield i.onValidate(t.val_status.dataValue,t.val_status.eventType,t.val_status);t.set_status(o=>l(n({},o),{isInspected:!0,isValidated:!!s.ok,notice:[...r,...s.notice||[]]}))});if(i.onValidate){if(t.val_status.eventType=="refresh"){p();return}c.interval.once(p,i.onValidateDelay||500,a);return}t.set_status(s=>l(n({},s),{eventID:y(12),isInspected:!0,isValidated:!0,notice:r}))},SubmitForm:(t,i)=>{let a=!1;if(!i)return a;let e=x(`[data-form-submit-button="${i}"]`)[0];if(!e)return a;let r=e.dataset.sdfike||"",p=t.key,s=t.ctrlKey||t.metaKey;return c.scope(()=>{r.includes("enter")&&(p!="Enter"||t.nativeEvent.isComposing||(t==null?void 0:t.keyCode)==229)||((p=="Enter"&&(r.includes("enter")||r.includes("auxEnter")&&s)||p==" "&&r.includes("space"))&&(e.click(),t.preventDefault()),a=!0)}),a},isShowValidation:(t,i)=>{let a=t.isValidated;return!i&&t.eventType=="init"?!0:a}},et=function(t){t=n({tone:"border"},t);let i=c.scope(()=>{if(t.tone=="plain")return{};let e={padding:1,transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return t.tone=="border"?e=l(n({},e),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):t.tone=="cloud"?e=l(n({},e),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):t.tone=="bottomBorder"&&(e=l(n({},e),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),e});return l(n(n(n(n(n(n({fontColor:"2.normal"},i),!!t.rightIcon&&{paddingRight:3}),!!t.leftIcon&&{paddingLeft:3}),!!t.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!t.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),t),{freeCSS:n({letterSpacing:"1px",resize:"none"},t.freeCSS),className:[T("Input"),t.className].join(" ")})};export{tt as BoxWrapper,w as CoreEffects,et as DefaultBoxishStyles,Z as OptionalInputWrapper};
+import{b as n,c as u,e as b}from"../../chunk-C5N2D3ZX.js";import{jsx as m,jsxs as C}from"react/jsx-runtime";import{useState as w,useEffect as v}from"react";import d,{UUID as p,useStore as I}from"jmini";import{$$fromRoot as D}from"../../@utils";import{InputClasses as _}from"../../@styles/componentClasses";import{Box as k,Flex as B,FAI as g,Column as E}from"../../atoms";import{Row as x,Literal as F}from"../../mols";import{Button as O}from"../Button";import V from"../Tooltips";const te=e=>{let[i]=w(e.componentId||p(12));e=n({},e),e.states=u(n({enableFormSubmit:!0,status_id:p(8),override:"never",form:"",id:p(),"aria-label":"Input-"+i},e.states),{componentId:i});let{children:a}=e;return m(a,n({},e.states))},ae=e=>{let{children:i,val_status:a,states:t}=e,{leftIcon:l,wrapStyles:f}=t,s=a.notice||[];return t.checkValidationAtFirst||a.eventType=="init"&&(s=[]),C(x.Center,u(n({position:"relative",verticalAlign:"unset",gap:0},f),{className:_("Wrapper"),"data-notice-uid":a.componentId,children:[m(T.Notice,{notice:s,val_status:a}),t.leftIndicator,C(B,{position:"relative",flexSizing:"auto",children:[i,l,m(T.RightIcon,n({},e)),m(T.ClearButton,n({},e))]}),t.rightIndicator]}))},T={ClearButton:e=>!e.states.clearButton||!e.val_status.rawValue?null:m(O.Normal,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{e.set_status(i=>u(n({},i),{rawValue:"",safeValue:"",eventType:"update",eventID:p(12),isInspected:!1}))},children:m(g.X,{})}),RightIcon:e=>e.states.clearButton&&e.val_status.rawValue?null:e.states.rightIcon,Notice:e=>{let{notice:i,val_status:a}=e,{componentId:t}=a,l="NoticeTimer-"+t,f="NoticeTimerClose-"+t,s="notice-tips-"+t;return v(()=>{d.interval.once(()=>{if(!(i!=null&&i.length)){V.close(s);return}V.open({tipsID:s,parent:`[data-notice-uid="${t}"]`,gravityPoint:24,padding:[1,0],closeAtParentBlur:!1,content:C(V.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[m(k,{position:"absolute",unitHeight:1,unitWidth:1,right:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),m(E,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:i.map((o,c)=>{let{type:r,label:y}=o,S=r=="invalid"?g.Exclamation:r=="warn"?g.Exclamation:g.Check;return C(x.Left,{gap:0,borderRadius:"2.tone.secondary",children:[m(S,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[r]}),m(F.Supplement,{fontSize:"0.xs",fontColor:"white",children:y})]},c+"-"+d.Stringify(o))})})]})})},350,l),d.interval.once(()=>{V.close(s)},6e3,f)},[i]),null}},A={DefaultStatus:(e,i)=>({componentId:e,rawValue:i,eventType:"init",eventID:p(12)}),CommonEffects:function(e){let{type:i,states:a,val_status:t,set_status:l,SystemValidation:f}=e;a=n({},a);let{componentId:s}=t;v(()=>(I.update({[`input_alias:id:${a.id}`]:{componentId:s},[`input_alias:name:${a.name}`]:{componentId:s},[s]:{ResolveRefresh:null,remoteUpdate:o=>{l(c=>u(n({},c),{isInspected:!1,isValidated:!1,rawValue:o,status_id:p(8),eventType:"update.remote",eventID:p(12)}))},Refresh:()=>new Promise((o,c)=>{I.get(s).ResolveRefresh=o,l(r=>u(n({},r),{isInspected:!1,eventType:"refresh",eventID:p(12)}))})}}),()=>{I.delete(s)}),[]),v(()=>{A.ValidationCheck({val_status:t,set_status:l,SystemValidation:f,states:a})},[t.eventID,t.rawValue]),d.scope(()=>{let{override:o}=a;if(t.eventType=="update.remote"){l(h=>u(n(n({},h),e.ExtraOverrideStates&&e.ExtraOverrideStates(t.rawValue)),{eventType:"override",eventID:p(12),isInspected:!1,isValidated:!1}));return}if(o=="never"||o=="beforeModified"&&!["init","override"].includes(t.eventType)||t.isComposing)return;let c=I.get(t.componentId);if(!c)return;let r=a.value,y=t.rawValue;if(e.ExtraOverrideStates&&(r=e.ExtraOverrideStates(r).rawValue||r),d.is.equal(r,y)){c.status_id=a.status_id;return}let S=d.SortifyObject(r),R=d.SortifyObject(y);if(S&&R&&d.is.equal(S,R)){c.status_id=a.status_id;return}a.status_id!=c.status_id&&(t.eventType=="update"&&!t.isInspected||l(h=>u(n(u(n({},h),{rawValue:r}),e.ExtraOverrideStates&&e.ExtraOverrideStates(r)),{eventType:"override",eventID:p(12),isInspected:!1,isValidated:!1})))});{let{componentId:o,eventType:c}=t,r=t.rawValue;i=="autocomplete.single"?r=d.flatArray(r)[0]:i=="list.radio"?r=d.flatArray(r)[0]:a.isChecker&&(r=!!d.flatArray(r)[0]),v(()=>(d.scope(()=>{if(a.form=a.form||"testForm",a.name&&a.form&&I.update({[["form-data",a.form].join("-")]:{[a.name]:{componentId:o,type:i,value:r,validation:t.isValidated}}}),!t.isInspected||c!="refresh")return;let y=I.get(o);y&&y.ResolveRefresh&&y.ResolveRefresh(null)}),()=>{I.update({[["form-data",a.form].join("-")]:{[a.name]:null}})}),[t]),v(()=>{a.onUserAction&&a.onUserAction(r,{eventType:c,componentId:o,isInspected:!!t.isInspected,isValidated:!!t.isValidated,isComposing:!!t.isComposing,isFocusing:!!t.isFocusing})},[t]),v(()=>{t.isInspected&&c=="update"&&(a.onUpdateValue&&a.onUpdateValue(r,{eventType:c,componentId:o,isValidated:!!t.isValidated,isComposing:!!t.isComposing,isFocusing:!!t.isFocusing}),t.isValidated&&a.onUpdateValidValue&&a.onUpdateValidValue(r,{eventType:c,componentId:o,isValidated:!!t.isValidated,isComposing:!!t.isComposing,isFocusing:!!t.isFocusing}))},[t.isValidated,t.isInspected,t.rawValue])}},ValidationCheck:e=>{let{states:i}=e;if(e.val_status.isInspected)return;let a="ValidationTimer-"+e.val_status.componentId;d.interval.abort(a),e.set_status(s=>u(n({},s),{isInspected:!1,isValidated:!1}));let t=e.SystemValidation({value:e.val_status.rawValue,states:i});if(!t.ok){e.set_status(s=>u(n({},s),{isInspected:!0,isValidated:!!t.ok,notice:t.notice||[]}));return}let l=t.notice||[];const f=()=>b(void 0,null,function*(){if(!i.onValidate)return;let s=yield i.onValidate(e.val_status.rawValue,e.val_status.eventType,e.val_status);e.set_status(o=>u(n({},o),{isInspected:!0,isValidated:!!s.ok,notice:[...l,...s.notice||[]]}))});if(i.onValidate){if(e.val_status.eventType=="refresh"){f();return}d.interval.once(f,i.onValidateDelay||400,a);return}e.set_status(s=>u(n({},s),{eventID:p(12),isInspected:!0,isValidated:!0,notice:l}))},SubmitForm:(e,i)=>{let a=!1;if(!i)return a;let t=D(`[data-form-submit-button="${i}"]`)[0];if(!t)return a;let l=t.dataset.sdfike||"",f=e.key,s=e.ctrlKey||e.metaKey;return d.scope(()=>{l.includes("enter")&&(f!="Enter"||e.nativeEvent.isComposing||(e==null?void 0:e.keyCode)==229)||((f=="Enter"&&(l.includes("enter")||l.includes("auxEnter")&&s)||f==" "&&l.includes("space"))&&(t.click(),e.preventDefault()),a=!0)}),a},isShowValidation:(e,i)=>{let a=e.isValidated;return!i&&e.eventType=="init"?!0:a}},ie=function(e){e=n({tone:"border"},e);let i=d.scope(()=>{if(e.tone=="plain")return{};let t={padding:1,transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return e.tone=="border"?t=u(n({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e.tone=="cloud"?t=u(n({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e.tone=="bottomBorder"&&(t=u(n({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t});return u(n(n(n(n(n(n({fontColor:"2.normal"},i),!!e.rightIcon&&{paddingRight:3}),!!e.leftIcon&&{paddingLeft:3}),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),e),{freeCSS:n({letterSpacing:"1px",resize:"none"},e.freeCSS),className:[_("Input"),e.className].join(" ")})};export{ae as BoxWrapper,A as CoreEffects,ie as DefaultBoxishStyles,te as OptionalInputWrapper};

package/dist/fn/Input/index.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement, StyleTags } from '../../@declares';
 export declare namespace InputTypes {
     type BoxTone = 'border' | 'cloud' | 'bottomBorder' | 'plain';
-    type Type = 'hidden' | 'textfield' | 'textfield.multiline' | 'select' | 'list.radio' | 'list.checkbox' | 'autocomplete.single' | 'autocomplete.multi' | 'time' | 'switch' | 'slider' | 'file' | 'contenteditable' | 'color' | '';
+    type Type = 'hidden' | 'textfield' | 'textfield.multiline' | 'select' | 'drum' | 'list.radio' | 'list.checkbox' | 'autocomplete.single' | 'autocomplete.multi' | 'time' | 'switch' | 'slider' | 'file' | 'contenteditable' | 'color' | '';
     type OnUpdateValue<T = any> = (value: T, option: {
         eventType?: Validation.EventType;
         componentId?: string;
@@ -44,7 +44,7 @@ export declare namespace InputTypes {
         wrapStyles?: StyleTags.States;
     };
     namespace Validation {
-        type EventType = 'init' | 'update' | 'override' | 'refresh';
+        type EventType = 'init' | 'update' | 'update.remote' | 'override' | 'refresh';
         type Notice = {
             type: 'valid' | 'invalid' | 'warn';
             label: ReactElement;
@@ -62,7 +62,7 @@ export declare namespace InputTypes {
     namespace Status {
         type Plain<T = any> = {
             componentId: string;
-            dataValue: T;
+            rawValue: T;
             eventType: Validation.EventType;
             eventID: string;
             isValidated?: boolean;
@@ -72,19 +72,21 @@ export declare namespace InputTypes {
             notice?: Validation.Notice[];
         };
         type Text = Plain & {
-            formatValue: any;
+            safeValue: any;
             prevValue: any;
             caretFrom: number;
             caretTo: number;
         };
         type DigitCharacters = Plain & {
-            formatValue: any;
+            safeValue: any;
         };
         type Time = Plain & {
-            formatValue: any;
+            safeValue: any;
             ranges: _Time.Range[];
         };
         type Slider = Plain & {
+            safeValue: number[];
+            ranged: boolean;
             min: number;
             max: number;
             step: number;
@@ -101,6 +103,7 @@ import _Contenteditable from './Contenteditable';
 import _DigitCharacters from './DigitCharacters';
 import _Time from './Time';
 import _TimeSelector from './Time/Selector';
+import _Drum from './Drum';
 import _Select from './Select';
 import _Autocomplete from './Autocomplete';
 import * as _List from './List';
@@ -121,6 +124,7 @@ declare namespace Input {
     export import DigitCharacters = _DigitCharacters;
     export import Time = _Time;
     export import TimeSelector = _TimeSelector;
+    export import Drum = _Drum;
     export import Select = _Select;
     export import Autocomplete = _Autocomplete;
     export import List = _List.List;

package/dist/fn/Input/index.js

@@ -1 +1 @@
-import"../../chunk-C5N2D3ZX.js";import*as o from"./Parts";export*from"./Parts";import i from"./fn";import a from"./Plain";import p from"./Hidden";import m from"./TextField";import n from"./Contenteditable";import l from"./DigitCharacters";import d from"./Time";import s from"./Time/Selector";import c from"./Select";import x from"./Autocomplete";import*as r from"./List";import y from"./Search";import f from"./Filer";import T from"./Slider";import g from"./Switch";import b from"./Checker";import S from"./Segmented";import V from"./Color";import h from"./CollectForm";var t;(e=>(e.fn=i,e.Plain=a,e.Hidden=p,e.TextField=m,e.Contenteditable=n,e.DigitCharacters=l,e.Time=d,e.TimeSelector=s,e.Select=c,e.Autocomplete=x,e.List=r.List,e.Radio=r.Radio,e.Checkbox=r.Checkbox,e.Checker=b,e.Search=y,e.Filer=f,e.Slider=T,e.Switch=g,e.Segmented=S,e.Color=V,e.LeftIcon=o.LeftIcon,e.RightIcon=o.RightIcon,e.LeftIndicator=o.LeftIndicator,e.RightIndicator=o.RightIndicator,e.RequiredSign=o.RequiredSign,e.RequiredShortSign=o.RequiredShortSign,e.OmitSign=o.OmitSign,e.CollectForm=h))(t||(t={}));export{t as Input,t as default};
+import"../../chunk-C5N2D3ZX.js";import*as o from"./Parts";export*from"./Parts";import i from"./fn";import a from"./Plain";import p from"./Hidden";import m from"./TextField";import n from"./Contenteditable";import l from"./DigitCharacters";import s from"./Time";import d from"./Time/Selector";import c from"./Drum";import x from"./Select";import y from"./Autocomplete";import*as r from"./List";import f from"./Search";import T from"./Filer";import g from"./Slider";import b from"./Switch";import S from"./Checker";import V from"./Segmented";import u from"./Color";import _ from"./CollectForm";var t;(e=>(e.fn=i,e.Plain=a,e.Hidden=p,e.TextField=m,e.Contenteditable=n,e.DigitCharacters=l,e.Time=s,e.TimeSelector=d,e.Drum=c,e.Select=x,e.Autocomplete=y,e.List=r.List,e.Radio=r.Radio,e.Checkbox=r.Checkbox,e.Checker=S,e.Search=f,e.Filer=T,e.Slider=g,e.Switch=b,e.Segmented=V,e.Color=u,e.LeftIcon=o.LeftIcon,e.RightIcon=o.RightIcon,e.LeftIndicator=o.LeftIndicator,e.RightIndicator=o.RightIndicator,e.RequiredSign=o.RequiredSign,e.RequiredShortSign=o.RequiredShortSign,e.OmitSign=o.OmitSign,e.CollectForm=_))(t||(t={}));export{t as Input,t as default};

package/dist/fn/Loader/mini.js

@@ -1 +1 @@
-import{b as d,c as f,d as h}from"../../chunk-C5N2D3ZX.js";import{jsx as s,jsxs as x}from"react/jsx-runtime";import{UUID as y,useStore as L}from"jmini";import{$$fromRoot as z}from"../../@utils";import{useState as l,useEffect as g}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses";import{Row as I}from"../../mols";const R=w=>{let p=w,{color:S="theme",size:t="R",showInitial:c=!1,loaderID:C=""}=p,u=h(p,["color","size","showInitial","loaderID"]),[m]=l(C),[i]=l(y()),[v,a]=l(c),o=0;t=="S"?o=1:t=="R"?o=1.5:t=="L"?o=3:t=="XL"?o=4:t=="MAX"&&(o=6);let n={theme:"hsl( var( --color-theme-hsl ) )",posi:"var( --color-positive )",nega:"var( --color-negative )",warn:"var( --color-warning )",cloud:"hsl( var( --color-layer5-hsl ) )",white:"white"}[S];return g(()=>{let r=z('[data-component-id="'+i+'"]');v?r.removeClass(e("Hide")).await(10).addClass(e("Active")):r.removeClass(e("Active")).await(210).addClass(e("Hide"))},[v]),g(()=>{L.set({[i]:{active:r=>{m==r&&a(!0)},stop:r=>{m==r&&a(!1)},stopForce:()=>{a(!1)}}})},[]),x(I.Center,f(d({className:[e("MiniLoader"),e(c?"Active":"Hide")].join(" "),componentId:i,ssSphere:o,position:"relative"},u),{children:[s("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:n},children:s("circle",{cx:"50",cy:"50",r:"40"})}),s("svg",{className:e("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:n},children:s("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};
+import{b as n,c as p,d as f}from"../../chunk-C5N2D3ZX.js";import{jsx as i,jsxs as x}from"react/jsx-runtime";import{UUID as y,useStore as L}from"jmini";import{$$fromRoot as z}from"../../@utils";import{useState as l,useEffect as g}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses";import{Row as I}from"../../mols";const R=w=>{let h=w,{color:S="theme",size:r="R",showInitial:c=!1,loaderID:C=""}=h,u=f(h,["color","size","showInitial","loaderID"]),[m]=l(C),[s]=l(y()),[v,a]=l(c),o=0;r=="S"?o=1:r=="R"?o=1.5:r=="L"?o=3:r=="XL"?o=4:r=="MAX"&&(o=6);let d={theme:"hsl( var( --color-theme-hsl ) )",posi:"var( --color-positive )",nega:"var( --color-negative )",warn:"var( --color-warning )",cloud:"hsl( var( --color-layer5-hsl ) )",white:"white"}[S];return g(()=>{let t=z('[data-component-id="'+s+'"]');v?t.removeClass(e("Hide")).await(10).addClass(e("Active")):t.removeClass(e("Active")).await(210).addClass(e("Hide"))},[v]),g(()=>{L.set({[s]:{active:t=>{m==t&&a(!0)},stop:t=>{m==t&&a(!1)},stopForce:()=>{a(!1)}}})},[]),x(I.Center,p(n({className:[e("MiniLoader"),e(c?"Active":"Hide")].join(" "),componentId:s,ssSphere:o,position:"relative"},u),{children:[i("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{width:"100%",height:"100%",stroke:d},children:i("circle",{cx:"50",cy:"50",r:"40"})}),i("svg",{className:e("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{width:"100%",height:"100%",stroke:d},children:i("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};

package/dist/fn/Sheet.d.ts

@@ -4,7 +4,7 @@ import React from 'react';
 import { Box } from '../atoms';
 declare namespace Sheet {
     type Type = 'topLeft' | 'topCenter' | 'topRight' | 'middleLeft' | 'middleCenter' | 'middleRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'drawer.left' | 'drawer.right' | 'drawer.bottom' | 'custom';
-    type Sizes = 'S' | 'R' | 'L' | '2L' | '3L' | 'MAX';
+    type Sizes = 'XS' | 'S' | 'R' | 'L' | '2L' | '3L' | 'MAX';
     type Methods = {
         Wrapper(): React.JSX.Element;
         Element<P = any>(p: Omit<Input<P>, 'content'> & {

package/dist/fn/Sheet.js

@@ -1 +1 @@
-import{b as h,c as D,d as G}from"../chunk-C5N2D3ZX.js";import{Fragment as pe,jsx as c,jsxs as V}from"react/jsx-runtime";import u,{UUID as J,Time as ce,useStore as w}from"jmini";import{useState as M,useEffect as j,useRef as ue}from"react";import{$$fromRoot as U,Config as X}from"../@utils";import{Box as A,Flex as he,Img as fe,FAI as ae,Column as re,Grid as de,CacheRender as me}from"../atoms";import{Row as ne}from"../mols";import{Button as le}from"./Button";import{SheetClasses as g}from"../@styles/componentClasses";import ge from"./Plate";const v={currentIndex:0,openQueue:{},getSessionStates:()=>{let t=w.get("sessionStates-"+X.get().sessionUID);return t||null},getnew_sheetstates:t=>{var a;let e=D(h({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom"},t),{sheetID:t.sheetID||J(),isOpen:!0,created_at:ce()});return e.type=="custom"&&(e.parent=e.parent||((a=e.event)==null?void 0:a.currentTarget)),e},Wrapper:()=>{let[t,e]=M([]),a={val_sheets:t,set_sheets:e},f="sessionStates-"+X.get().sessionUID;return w.set({[f]:a}),j(()=>{let d="Sheet-"+X.get().sessionUID;w.set({[d]:{add:(n,r)=>{let i=w.get(d);if(!i)return;let s=v.getnew_sheetstates(n);if(v.openQueue[s.sheetID])return;if(v.openQueue[s.sheetID]=!0,r!="inherit"&&(s.isOpen=r!=null?r:!0),!!i.find(s.sheetID)){e(y=>{let E=[...y],T=E.findIndex(L=>L.sheetID==s.sheetID);return T==-1||(E[T]=s),E}),delete v.openQueue[s.sheetID];return}e(y=>[s,...y])},find:n=>{let r=v.getSessionStates();if(!r)return null;let{val_sheets:i}=r;return i.find(s=>s.sheetID==n)}}}),u(X.get().appRoot).removeEvent(["SheetEvent.keyUp","SheetEvent.Click"]).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(n){let{key:r,metaKey:i}=n;if(r=="Escape"||r==","&&i){let s=v.getSessionStates();if(!s)return;let{val_sheets:C}=s,y=C.filter(T=>T.isOpen);if(!y.length)return;let E=y.reduce((T,L)=>T.created_at.value>L.created_at.value?T:L);x.close(E.sheetID,r)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(n){let r=v.getSessionStates();if(!r)return;let{val_sheets:i}=r,s=n.target;if(!s||s!=null&&s.closest("."+g("CustomSheet")))return;let C=i.filter(y=>y.type=="custom");C.length&&C.forEach(y=>{let{parent:E}=y;if(!y.closeAtAroundClick)return;let T=U(E)[0];E!==s&&T!==s&&(u(T).find(s).length||x.close(y.sheetID))})}})},[]),c(pe,{children:t.map(d=>c(me,{params:d,forceRender:(n,r)=>n.isOpen!=r.isOpen||n.size!=r.size||!u.is.equal(u.SortifyObject(n.props||""),u.SortifyObject(r.props||"")),children:c(v.Core,D(h({},a),{val_sheet:d,patch_sheet:n=>{e(r=>{let i=[...r],s=i.findIndex(C=>C.sheetID==d.sheetID);return s!=-1&&(i[s]=h(h({},i[s]),n)),i})},delete_sheet:()=>{e(n=>[...n.filter(r=>r.sheetID!=d.sheetID)])}}))},d.sheetID))})},sheetCategory:t=>t=="custom"?"custom":t.startsWith("drawer")?"drawer":"normal",sheetPosition:t=>t=="drawer.left"?"left":t=="drawer.right"?"right":t=="drawer.bottom"?"bottom":"",Core:t=>{let{val_sheet:e,patch_sheet:a}=t,[f,d]=M(v.currentIndex+2),[n]=M(J()),r=e.type!="custom"&&!e.overwrap;j(()=>{v.currentIndex++,u.scope(()=>{if(!e.closeAtParentBlur)return;let s=u(e.parent);s[0]&&s.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{s.removeEvent("SheetClosation-"+e.sheetID),a({isOpen:!1})}})}),w.set({[e.sheetID]:{modifyProps:s=>{setTimeout(()=>{a({props:s})},10)},resize:s=>{if(e.type=="drawer.bottom"){let C=w.get(n);C&&C.resize&&C.resize(s);return}a({size:s})},close:s=>{a({isOpen:!1})},open:()=>{a({isOpen:!0})}}})},[]),j(()=>{u.scope(()=>{let s=U("#"+n);if(e.isOpen){e.hold_state&&d(v.currentIndex+1),s.await(10).removeClass(g("Hide")).await(10).addClass(g("Open")).callback(()=>{delete v.openQueue[e.sheetID],e.onOpen&&e.onOpen()});return}s.await(10).removeClass(g("Open")).await(251).addClass(g("Hide")).callback(()=>{if(e.onClose&&e.onClose(),r&&X.get().browserIs!="safari"&&u(X.get().appRoot).focus(),e.hold_state)return a({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let i=v.Types[{topLeft:"Normal",topCenter:"Normal",topRight:"Normal",middleLeft:"Normal",middleCenter:"Normal",middleRight:"Normal",bottomLeft:"Normal",bottomCenter:"Normal",bottomRight:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return c(A,{className:["AMOTIFY_be",g("Wrap"),g("Tcate_"+v.sheetCategory(e.type)),g("Tpos_"+v.sheetPosition(e.type)),g("isMainSheet_"+r),e.wrapperClassName||""].join(" "),width:1,ssAbsoluteCovered:!0,position:"fixed",freeCSS:{zIndex:f},id:n,children:V(re,{className:g("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!r&&c(A,{className:g("TapSensor"),position:"sticky",top:0,height:0,width:1,flexSizing:"none",children:c(A,{backgroundColor:"trans",height:"viewHeight",position:"absolute",top:0,width:1,className:g("TapContent"),onClick:s=>{var y;((y=e.closeAtAroundClick)==null||y)&&x.close(e.sheetID)}})}),c(i,h({componentId:n},e))]})},n)},Types:{Normal:t=>{let k=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,props:d,content:n,className:r="",type:i,size:s="R",freeCSS:C,onOpen:y,onClose:E,closeAtAroundClick:T,closeAtEscapeKeyDown:L,closeAtPageTransit:q,closeAtParentBlur:ee,closeAtSwipeDown:Y,hold_state:te,overwrap:oe,isOpen:se,backgroundEffect:H,wrapperClassName:F}=k,K=G(k,["sheetID","sheetGroups","bodyScrolls","props","content","className","type","size","freeCSS","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),_=u.is.function(n)?c(n,h({},d)):n,R={},b=[];return i.match(/top/)?(b.push("top"),R.marginBottom="auto"):i.match(/middle/)?(b.push("center"),R.marginTop="auto",R.marginBottom="auto"):i.match(/bottom/)&&(b.push("bottom"),R.marginTop="auto"),i.match(/left/i)?(b.push("left"),R.marginRight="auto"):i.match(/center/i)?(b.push("center"),R.marginLeft="auto",R.marginRight="auto"):i.match(/right/i)&&(b.push("right"),R.marginLeft="auto"),c(A,D(h(h({className:[g("BB"),r].join(" "),padding:1,transition:"short",opacity:"trans"},K),R),{freeCSS:h({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[s],maxWidth:"96vw",transformOrigin:b.join(" ")},C),children:_}))},Edge:t=>{let _=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,type:d,props:n,content:r,className:i="",size:s="R",onOpen:C,onClose:y,closeAtAroundClick:E,closeAtEscapeKeyDown:T,closeAtPageTransit:L,closeAtParentBlur:q,closeAtSwipeDown:ee,hold_state:Y,overwrap:te,isOpen:oe,backgroundEffect:se,wrapperClassName:H}=_,F=G(_,["sheetID","sheetGroups","bodyScrolls","type","props","content","className","size","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),K=u.is.function(r)?c(r,h({},n)):r;return c(A,D(h(D(h({className:[g("BB"),i].join(" ")},d=="drawer.right"?{marginLeft:"auto"}:d=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"short",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),F),{freeCSS:h({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[s],maxWidth:"96vw"},F.freeCSS),children:K}))},Bottom:t=>{let Q=t,{componentId:e,sheetID:a,sheetGroups:f,bodyScrolls:d,props:n,content:r,size:i="R",sizeChanged:s,baseStyles:C,onOpen:y,onClose:E,closeAtAroundClick:T,closeAtEscapeKeyDown:L,closeAtPageTransit:q,closeAtParentBlur:ee,closeAtSwipeDown:Y=!0,hold_state:te,overwrap:oe,isOpen:se,backgroundEffect:H,wrapperClassName:F}=Q,K=G(Q,["componentId","sheetID","sheetGroups","bodyScrolls","props","content","size","sizeChanged","baseStyles","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),_=u.is.function(r)?c(r,h({},n)):r,R=u.getScreenSize(),b=[0,.2,.6,.95],k={ZERO:0,S:1,R:2,L:3,"2L":3,"3L":3,MAX:3},[W,$]=M(i),[I,P]=M({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[k[i]]});w.update({[e]:{val_edit:I,resize:S=>{let m=b[k[S]];P(p=>D(h({},p),{value:m})),$(S)}}});const B={Start:S=>{u(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:B.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:B.End});let m=u.getCursor(S),p=D(h({},I),{process:!0,processStart:new Date().getTime(),originY:m.y,originValue:I.value,viewHeight:u.getScreenSize().height});w.update({[e]:{val_edit:p}}),P(p)},Move:S=>{var O;let m=(O=w.get(e))==null?void 0:O.val_edit;if(!m.process)return;let z=(u.getCursor(S).y-m.originY)/m.viewHeight,o=m.originValue-z;if(o>.95)o=.95+(o-.95)*.5;else if(o<.2){let N=.2-o;N-=.1,o=.1+(.1-N)*.5}return P(D(h({},m),{value:o})),S.preventDefault(),S.stopPropagation(),!1},End:S=>{var o;let m=(o=w.get(e))==null?void 0:o.val_edit;if(!m.process)return;u(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let p=0;if(m.value<.1||(m.value<.5?p=1:m.value>.75?p=3:p=2),new Date().getTime()-m.processStart<300){let O=u.getCursor(S).y-m.originY;if(Math.abs(O)>=20){let N=+(O<0)*2-1;p+=N,p=Math.min(Math.max(p,0),b.length-1)}}p==0&&(Y||(p=1)),$(["ZERO","S","R","L"][p]),P(D(h({},m),{value:b[p],process:!1}))}},Z=ue(!1);return j(()=>{Z.current?W=="ZERO"?Y&&x.close(a):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(W)},250):Z.current=!0},[W]),c(A,{className:g("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:h({maxWidth:12*60,height:R.height*I.value},I.process?{transition:"0s"}:{}),children:V(re,D(h({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},C),{children:[V(ne.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[c(A,{ssSphere:2.5}),c(ne.Center,{onPointerDown:B.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:c(A,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:g("DragBar")})}),c(le.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{x.close(a)},children:c(ae.X,{})})]}),c(A,D(h({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},K),{children:_}))]}))})},Custom:t=>{let Q=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,event:d,parent:n,nextToCursor:r,gravityPoint:i=22,props:s,content:C,closeAtAroundClick:y,closeAtEscapeKeyDown:E,closeAtPageTransit:T,closeAtParentBlur:L,closeAtSwipeDown:q,hold_state:ee,onOpen:Y,onClose:te,overwrap:oe,isOpen:se,resize:H,backgroundEffect:F,wrapperClassName:K}=Q,_=G(Q,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","props","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","onOpen","onClose","overwrap","isOpen","resize","backgroundEffect","wrapperClassName"]),R=u.is.function(C)?c(C,h({},s)):C,[b]=M(J()),k=u.is.element(n)||u.is.jmini(n)?u(n):U(n),W='[data-sheet-id="'+b+'"]',$='[data-sheet-content="'+b+'"]';i=i;let I=i%5||5,P=Math.ceil(i/5);const B={Init:()=>{if(r&&d){let l=u.getScreenSize(),ie=u.getCursor(d);return{top:ie.y-l.pageYOffset,left:ie.x-l.pageXOffset}}let S={};if(!k||!k[0])return S;let{top:m,right:p,bottom:z,left:o,height:O,width:N}=k.position();return[1,2].includes(I)?S.left=o:I==3?S.left=o+N/2:[4,5].includes(I)&&(S.left=p),i<=10?S.top=m:i<=15?S.top=m+O/2:i<=25&&(S.top=z),S},Adjust:()=>{let S=U(W).position(),m=U($).position(),p=k.position(),z=u.getScreenSize(),o={};for(let l in m)o[l]=m[l];if(u.scope(()=>{if(t.nextToCursor)return;let l=0;P==1?l=p.top-o.bottom:P==2?l=p.top-o.top:P==3?l=p.top-o.top+(p.height-o.height)/2:P==4?l=p.bottom-o.bottom:P==5&&(l=p.bottom-o.top),o.top+=l,o.bottom+=l}),u.scope(()=>{if(t.nextToCursor)return;let l=0;I==1?l=p.left-o.right:I==2?l=p.left-o.left:I==3?l=p.left-o.left+(p.width-o.width)/2:I==4?l=p.right-o.right:I==5&&(l=p.right-o.left),o.left+=l,o.right+=l}),o.top<0){let l=-o.top;o.top+=l,o.bottom+=l}if(o.bottom>z.height){let l=o.bottom-z.height;o.top-=l,o.bottom-=l}if(o.left<0){let l=-o.left;o.left+=l,o.right+=l}if(o.right>z.width){let l=o.right-z.width;o.left-=l,o.right-=l}let O=o.top-m.top,N=o.left-m.left;u(W).css({top:S.top+O+"px",left:S.left+N+"px"})}};let[Z]=M(B.Init());return j(()=>{U(W).await(10).addClass(g("Open")).await(200).callback(()=>{(H==null||H)&&B.Adjust()}),w.update({["customSheet-"+t.sheetID]:{reposition:()=>{B.Adjust()}}})},[]),k[0]?c(A,{className:[g("BB"),g("CustomSheet")].join(" "),"data-sheet-id":b,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:Z,children:c(he,{position:"absolute",className:[g("GPT"),g("GPT_"+i),g("Col_"+I),g("Row_"+P)].join(" "),children:c(A,D(h({"data-sheet-content":b,flexSizing:"none",maxHeight:"viewHeight"},_),{freeCSS:h({maxWidth:"98vw"},_.freeCSS),children:R}))})}):null}}},x={Wrapper:()=>c(v.Wrapper,{}),Element:t=>{let d=t,{isOpen:e,children:a}=d,f=G(d,["isOpen","children"]);return j(()=>{if(e){x.open(t.type,D(h({},f),{content:a}));return}f.sheetID&&x.close(f.sheetID)},[e,f.props||""]),c(pe,{})},image:(t,e)=>{let a=t.sheetID||J(),n=t,{type:f}=n,d=G(n,["type"]);x.open(f||"topCenter",D(h({size:"MAX"},d),{sheetID:a,freeCSS:{maxWidth:"100vw"},content:()=>{let[r]=M(u.flatArray(e));return c(ge,{children:V(re,{children:[c(ne.Right,{children:V(le.Sub.S,{color:"cloud",isRounded:!0,onClick:()=>{x.close(a)},children:[c(ae.X,{})," \u9589\u3058\u308B"]})}),c(de.Layout,{gap:1,gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,auto)",gridChildTemplates:[["span 3",0],["span 2","span 2"],[0,0],[0,0],[0,"span 2"],["span 2",0],[0,0],[0,0]],children:r.map((i,s)=>c(fe,{ssCardBox:!0,position:"relative",flexCenter:!0,src:i},s))})]})})}}))},open:(t,e,a)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=t;let f=w.get("Sheet-"+X.get().sessionUID);f&&f.add(e,a)},modifyProps:(t,e)=>{t=(t||"").replace(/\./g,"-");let a=w.get(t);a&&a.modifyProps&&a.modifyProps(e)},resize:(t,e)=>{t=(t||"").replace(/\./g,"-");let a=w.get(t);a&&a.resize&&a.resize(e)},customSheet:{reposition:t=>{let e=w.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,a){let f=v.getSessionStates();if(!f)return;let{val_sheets:d}=f;t=t==null?void 0:t.replace(/\./g,"-");let n=d.find(i=>i.sheetID==t);if(!n||e=="Escape"&&!n.closeAtEscapeKeyDown)return;let r=w.get(n.sheetID);r&&r.close&&r.close(a)},closeGroup:t=>{let e=v.getSessionStates();if(!e)return;let{val_sheets:a}=e;t=(t||"").replace(/\./g,"-");for(let f of a)f.sheetGroups&&f.sheetGroups==t&&x.close(f.sheetID)},closeAll:t=>{let e=v.getSessionStates();if(!e)return;let{val_sheets:a}=e;for(let f of a)t&&!f.closeAtPageTransit||x.close(f.sheetID,"pageTransit",!0)},Body:t=>c(A,h({className:g("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{x as Sheet,x as default};
+import{b as h,c as D,d as X}from"../chunk-C5N2D3ZX.js";import{Fragment as pe,jsx as c,jsxs as V}from"react/jsx-runtime";import u,{UUID as J,Time as ce,useStore as w}from"jmini";import{useState as M,useEffect as j,useRef as ue}from"react";import{$$fromRoot as U,Config as G}from"../@utils";import{Box as A,Flex as he,Img as fe,FAI as ae,Column as re,Grid as de,CacheRender as me}from"../atoms";import{Row as ne}from"../mols";import{Button as le}from"./Button";import{SheetClasses as g}from"../@styles/componentClasses";import ge from"./Plate";const v={currentIndex:0,openQueue:{},getSessionStates:()=>{let t=w.get("sessionStates-"+G.get().sessionUID);return t||null},getnew_sheetstates:t=>{var a;let e=D(h({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom"},t),{sheetID:t.sheetID||J(),isOpen:!0,created_at:ce()});return e.type=="custom"&&(e.parent=e.parent||((a=e.event)==null?void 0:a.currentTarget)),e},Wrapper:()=>{let[t,e]=M([]),a={val_sheets:t,set_sheets:e},f="sessionStates-"+G.get().sessionUID;return w.set({[f]:a}),j(()=>{let d="Sheet-"+G.get().sessionUID;w.set({[d]:{add:(n,r)=>{let i=w.get(d);if(!i)return;let s=v.getnew_sheetstates(n);if(v.openQueue[s.sheetID])return;if(v.openQueue[s.sheetID]=!0,r!="inherit"&&(s.isOpen=r!=null?r:!0),!!i.find(s.sheetID)){e(y=>{let E=[...y],T=E.findIndex(L=>L.sheetID==s.sheetID);return T==-1||(E[T]=s),E}),delete v.openQueue[s.sheetID];return}e(y=>[s,...y])},find:n=>{let r=v.getSessionStates();if(!r)return null;let{val_sheets:i}=r;return i.find(s=>s.sheetID==n)}}}),u(G.get().appRoot).removeEvent(["SheetEvent.keyUp","SheetEvent.Click"]).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(n){let{key:r,metaKey:i}=n;if(r=="Escape"||r==","&&i){let s=v.getSessionStates();if(!s)return;let{val_sheets:C}=s,y=C.filter(T=>T.isOpen);if(!y.length)return;let E=y.reduce((T,L)=>T.created_at.value>L.created_at.value?T:L);x.close(E.sheetID,r)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(n){let r=v.getSessionStates();if(!r)return;let{val_sheets:i}=r,s=n.target;if(!s||s!=null&&s.closest("."+g("CustomSheet")))return;let C=i.filter(y=>y.type=="custom");C.length&&C.forEach(y=>{let{parent:E}=y;if(!y.closeAtAroundClick)return;let T=U(E)[0];E!==s&&T!==s&&(u(T).find(s).length||x.close(y.sheetID))})}})},[]),c(pe,{children:t.map(d=>c(me,{params:d,forceRender:(n,r)=>n.isOpen!=r.isOpen||n.size!=r.size||!u.is.equal(u.SortifyObject(n.props||""),u.SortifyObject(r.props||"")),children:c(v.Core,D(h({},a),{val_sheet:d,patch_sheet:n=>{e(r=>{let i=[...r],s=i.findIndex(C=>C.sheetID==d.sheetID);return s!=-1&&(i[s]=h(h({},i[s]),n)),i})},delete_sheet:()=>{e(n=>[...n.filter(r=>r.sheetID!=d.sheetID)])}}))},d.sheetID))})},sheetCategory:t=>t=="custom"?"custom":t.startsWith("drawer")?"drawer":"normal",sheetPosition:t=>t=="drawer.left"?"left":t=="drawer.right"?"right":t=="drawer.bottom"?"bottom":"",Core:t=>{let{val_sheet:e,patch_sheet:a}=t,[f,d]=M(v.currentIndex+2),[n]=M(J()),r=e.type!="custom"&&!e.overwrap;j(()=>{v.currentIndex++,u.scope(()=>{if(!e.closeAtParentBlur)return;let s=u(e.parent);s[0]&&s.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{s.removeEvent("SheetClosation-"+e.sheetID),a({isOpen:!1})}})}),w.set({[e.sheetID]:{modifyProps:s=>{setTimeout(()=>{a({props:s})},10)},resize:s=>{if(e.type=="drawer.bottom"){let C=w.get(n);C&&C.resize&&C.resize(s);return}a({size:s})},close:s=>{a({isOpen:!1})},open:()=>{a({isOpen:!0})}}})},[]),j(()=>{u.scope(()=>{let s=U("#"+n);if(e.isOpen){e.hold_state&&d(v.currentIndex+1),s.await(10).removeClass(g("Hide")).await(10).addClass(g("Open")).callback(()=>{delete v.openQueue[e.sheetID],e.onOpen&&e.onOpen()});return}s.await(10).removeClass(g("Open")).await(251).addClass(g("Hide")).callback(()=>{if(e.onClose&&e.onClose(),r&&G.get().browserIs!="safari"&&u(G.get().appRoot).focus(),e.hold_state)return a({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let i=v.Types[{topLeft:"Normal",topCenter:"Normal",topRight:"Normal",middleLeft:"Normal",middleCenter:"Normal",middleRight:"Normal",bottomLeft:"Normal",bottomCenter:"Normal",bottomRight:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return c(A,{className:["AMOTIFY_be",g("Wrap"),g("Tcate_"+v.sheetCategory(e.type)),g("Tpos_"+v.sheetPosition(e.type)),g("isMainSheet_"+r),e.wrapperClassName||""].join(" "),width:1,ssAbsoluteCovered:!0,position:"fixed",freeCSS:{zIndex:f},id:n,children:V(re,{className:g("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!r&&c(A,{className:g("TapSensor"),position:"sticky",top:0,height:0,width:1,flexSizing:"none",children:c(A,{backgroundColor:"trans",height:"viewHeight",position:"absolute",top:0,width:1,className:g("TapContent"),onClick:s=>{var y;((y=e.closeAtAroundClick)==null||y)&&x.close(e.sheetID)}})}),c(i,h({componentId:n},e))]})},n)},Types:{Normal:t=>{let k=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,props:d,content:n,className:r="",type:i,size:s="R",freeCSS:C,onOpen:y,onClose:E,closeAtAroundClick:T,closeAtEscapeKeyDown:L,closeAtPageTransit:q,closeAtParentBlur:ee,closeAtSwipeDown:Y,hold_state:te,overwrap:oe,isOpen:se,backgroundEffect:H,wrapperClassName:F}=k,K=X(k,["sheetID","sheetGroups","bodyScrolls","props","content","className","type","size","freeCSS","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),_=u.is.function(n)?c(n,h({},d)):n,R={},b=[];return i.match(/top/)?(b.push("top"),R.marginBottom="auto"):i.match(/middle/)?(b.push("center"),R.marginTop="auto",R.marginBottom="auto"):i.match(/bottom/)&&(b.push("bottom"),R.marginTop="auto"),i.match(/left/i)?(b.push("left"),R.marginRight="auto"):i.match(/center/i)?(b.push("center"),R.marginLeft="auto",R.marginRight="auto"):i.match(/right/i)&&(b.push("right"),R.marginLeft="auto"),c(A,D(h(h({className:[g("BB"),r].join(" "),padding:1,transition:"short",opacity:"trans"},K),R),{freeCSS:h({width:{XS:"22rem",S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[s],maxWidth:"96vw",transformOrigin:b.join(" ")},C),children:_}))},Edge:t=>{let _=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,type:d,props:n,content:r,className:i="",size:s="R",onOpen:C,onClose:y,closeAtAroundClick:E,closeAtEscapeKeyDown:T,closeAtPageTransit:L,closeAtParentBlur:q,closeAtSwipeDown:ee,hold_state:Y,overwrap:te,isOpen:oe,backgroundEffect:se,wrapperClassName:H}=_,F=X(_,["sheetID","sheetGroups","bodyScrolls","type","props","content","className","size","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),K=u.is.function(r)?c(r,h({},n)):r;return c(A,D(h(D(h({className:[g("BB"),i].join(" ")},d=="drawer.right"?{marginLeft:"auto"}:d=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"short",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),F),{freeCSS:h({width:{XS:"16rem",S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[s],maxWidth:"96vw"},F.freeCSS),children:K}))},Bottom:t=>{let Q=t,{componentId:e,sheetID:a,sheetGroups:f,bodyScrolls:d,props:n,content:r,size:i="R",sizeChanged:s,baseStyles:C,onOpen:y,onClose:E,closeAtAroundClick:T,closeAtEscapeKeyDown:L,closeAtPageTransit:q,closeAtParentBlur:ee,closeAtSwipeDown:Y=!0,hold_state:te,overwrap:oe,isOpen:se,backgroundEffect:H,wrapperClassName:F}=Q,K=X(Q,["componentId","sheetID","sheetGroups","bodyScrolls","props","content","size","sizeChanged","baseStyles","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),_=u.is.function(r)?c(r,h({},n)):r,R=u.getScreenSize(),b=[0,.2,.6,.95],k={ZERO:0,XS:1,S:1,R:2,L:3,"2L":3,"3L":3,MAX:3},[W,$]=M(i),[I,P]=M({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[k[i]]});w.update({[e]:{val_edit:I,resize:S=>{let m=b[k[S]];P(p=>D(h({},p),{value:m})),$(S)}}});const B={Start:S=>{u(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:B.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:B.End});let m=u.getCursor(S),p=D(h({},I),{process:!0,processStart:new Date().getTime(),originY:m.y,originValue:I.value,viewHeight:u.getScreenSize().height});w.update({[e]:{val_edit:p}}),P(p)},Move:S=>{var O;let m=(O=w.get(e))==null?void 0:O.val_edit;if(!m.process)return;let z=(u.getCursor(S).y-m.originY)/m.viewHeight,o=m.originValue-z;if(o>.95)o=.95+(o-.95)*.5;else if(o<.2){let N=.2-o;N-=.1,o=.1+(.1-N)*.5}return P(D(h({},m),{value:o})),S.preventDefault(),S.stopPropagation(),!1},End:S=>{var o;let m=(o=w.get(e))==null?void 0:o.val_edit;if(!m.process)return;u(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let p=0;if(m.value<.1||(m.value<.5?p=1:m.value>.75?p=3:p=2),new Date().getTime()-m.processStart<300){let O=u.getCursor(S).y-m.originY;if(Math.abs(O)>=20){let N=+(O<0)*2-1;p+=N,p=Math.min(Math.max(p,0),b.length-1)}}p==0&&(Y||(p=1)),$(["ZERO","S","R","L"][p]),P(D(h({},m),{value:b[p],process:!1}))}},Z=ue(!1);return j(()=>{Z.current?W=="ZERO"?Y&&x.close(a):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(W)},250):Z.current=!0},[W]),c(A,{className:g("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:h({maxWidth:12*60,height:R.height*I.value},I.process?{transition:"0s"}:{}),children:V(re,D(h({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},C),{children:[V(ne.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[c(A,{ssSphere:2.5}),c(ne.Center,{onPointerDown:B.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:c(A,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:g("DragBar")})}),c(le.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{x.close(a)},children:c(ae.X,{})})]}),c(A,D(h({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},K),{children:_}))]}))})},Custom:t=>{let Q=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,event:d,parent:n,nextToCursor:r,gravityPoint:i=22,props:s,content:C,closeAtAroundClick:y,closeAtEscapeKeyDown:E,closeAtPageTransit:T,closeAtParentBlur:L,closeAtSwipeDown:q,hold_state:ee,onOpen:Y,onClose:te,overwrap:oe,isOpen:se,resize:H,backgroundEffect:F,wrapperClassName:K}=Q,_=X(Q,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","props","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","onOpen","onClose","overwrap","isOpen","resize","backgroundEffect","wrapperClassName"]),R=u.is.function(C)?c(C,h({},s)):C,[b]=M(J()),k=u.is.element(n)||u.is.jmini(n)?u(n):U(n),W='[data-sheet-id="'+b+'"]',$='[data-sheet-content="'+b+'"]';i=i;let I=i%5||5,P=Math.ceil(i/5);const B={Init:()=>{if(r&&d){let l=u.getScreenSize(),ie=u.getCursor(d);return{top:ie.y-l.pageYOffset,left:ie.x-l.pageXOffset}}let S={};if(!k||!k[0])return S;let{top:m,right:p,bottom:z,left:o,height:O,width:N}=k.position();return[1,2].includes(I)?S.left=o:I==3?S.left=o+N/2:[4,5].includes(I)&&(S.left=p),i<=10?S.top=m:i<=15?S.top=m+O/2:i<=25&&(S.top=z),S},Adjust:()=>{let S=U(W).position(),m=U($).position(),p=k.position(),z=u.getScreenSize(),o={};for(let l in m)o[l]=m[l];if(u.scope(()=>{if(t.nextToCursor)return;let l=0;P==1?l=p.top-o.bottom:P==2?l=p.top-o.top:P==3?l=p.top-o.top+(p.height-o.height)/2:P==4?l=p.bottom-o.bottom:P==5&&(l=p.bottom-o.top),o.top+=l,o.bottom+=l}),u.scope(()=>{if(t.nextToCursor)return;let l=0;I==1?l=p.left-o.right:I==2?l=p.left-o.left:I==3?l=p.left-o.left+(p.width-o.width)/2:I==4?l=p.right-o.right:I==5&&(l=p.right-o.left),o.left+=l,o.right+=l}),o.top<0){let l=-o.top;o.top+=l,o.bottom+=l}if(o.bottom>z.height){let l=o.bottom-z.height;o.top-=l,o.bottom-=l}if(o.left<0){let l=-o.left;o.left+=l,o.right+=l}if(o.right>z.width){let l=o.right-z.width;o.left-=l,o.right-=l}let O=o.top-m.top,N=o.left-m.left;u(W).css({top:S.top+O+"px",left:S.left+N+"px"})}};let[Z]=M(B.Init());return j(()=>{U(W).await(10).addClass(g("Open")).await(200).callback(()=>{(H==null||H)&&B.Adjust()}),w.update({["customSheet-"+t.sheetID]:{reposition:()=>{B.Adjust()}}})},[]),k[0]?c(A,{className:[g("BB"),g("CustomSheet")].join(" "),"data-sheet-id":b,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:Z,children:c(he,{position:"absolute",className:[g("GPT"),g("GPT_"+i),g("Col_"+I),g("Row_"+P)].join(" "),children:c(A,D(h({"data-sheet-content":b,flexSizing:"none",maxHeight:"viewHeight"},_),{freeCSS:h({maxWidth:"98vw"},_.freeCSS),children:R}))})}):null}}},x={Wrapper:()=>c(v.Wrapper,{}),Element:t=>{let d=t,{isOpen:e,children:a}=d,f=X(d,["isOpen","children"]);return j(()=>{if(e){x.open(t.type,D(h({},f),{content:a}));return}f.sheetID&&x.close(f.sheetID)},[e,f.props||""]),c(pe,{})},image:(t,e)=>{let a=t.sheetID||J(),n=t,{type:f}=n,d=X(n,["type"]);x.open(f||"topCenter",D(h({size:"MAX"},d),{sheetID:a,freeCSS:{maxWidth:"100vw"},content:()=>{let[r]=M(u.flatArray(e));return c(ge,{children:V(re,{children:[c(ne.Right,{children:V(le.Sub.S,{color:"cloud",isRounded:!0,onClick:()=>{x.close(a)},children:[c(ae.X,{})," \u9589\u3058\u308B"]})}),c(de.Layout,{gap:1,gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,auto)",gridChildTemplates:[["span 3",0],["span 2","span 2"],[0,0],[0,0],[0,"span 2"],["span 2",0],[0,0],[0,0]],children:r.map((i,s)=>c(fe,{ssCardBox:!0,position:"relative",flexCenter:!0,src:i},s))})]})})}}))},open:(t,e,a)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=t;let f=w.get("Sheet-"+G.get().sessionUID);f&&f.add(e,a)},modifyProps:(t,e)=>{t=(t||"").replace(/\./g,"-");let a=w.get(t);a&&a.modifyProps&&a.modifyProps(e)},resize:(t,e)=>{t=(t||"").replace(/\./g,"-");let a=w.get(t);a&&a.resize&&a.resize(e)},customSheet:{reposition:t=>{let e=w.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,a){let f=v.getSessionStates();if(!f)return;let{val_sheets:d}=f;t=t==null?void 0:t.replace(/\./g,"-");let n=d.find(i=>i.sheetID==t);if(!n||e=="Escape"&&!n.closeAtEscapeKeyDown)return;let r=w.get(n.sheetID);r&&r.close&&r.close(a)},closeGroup:t=>{let e=v.getSessionStates();if(!e)return;let{val_sheets:a}=e;t=(t||"").replace(/\./g,"-");for(let f of a)f.sheetGroups&&f.sheetGroups==t&&x.close(f.sheetID)},closeAll:t=>{let e=v.getSessionStates();if(!e)return;let{val_sheets:a}=e;for(let f of a)t&&!f.closeAtPageTransit||x.close(f.sheetID,"pageTransit",!0)},Body:t=>c(A,h({className:g("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{x as Sheet,x as default};

package/dist/index.d.ts

@@ -52,8 +52,12 @@ declare const amotify: {
     FlexBr: React.FC<atoms.Box.DefaultInput>;
     FlexMargin: React.FC<atoms.Box.DefaultInput>;
     Column: React.FC<atoms.Box.DefaultInput>;
-    CacheRender: atoms.CacheRender.Component<import("jmini").KeyValueDict<any>>;
-    Box: <T extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(p: atoms.Box.Input<T>) => import("react/jsx-runtime").JSX.Element | null;
+    CacheRender: <T = any>(props: {
+        params: T;
+        children: utils.ReactElement;
+        forceRender?: ((prev: Readonly<T>, next: Readonly<T>) => boolean) | undefined;
+    }) => utils.ReactElement;
+    Box: <T_1 extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(p: atoms.Box.Input<T_1>) => import("react/jsx-runtime").JSX.Element | null;
     FAI: atoms.FAI.Methods;
     Img: React.FC<atoms.Img.Input>;
     Logo: atoms.Logo.Methods;
@@ -414,7 +418,7 @@ declare const amotify: {
         };
     };
     ReadStyleSet: (p: any) => any;
-    GenerateHTMLProps: <T_1 = any>(p: T_1) => T_1;
+    GenerateHTMLProps: <T_2 = any>(p: T_2) => T_2;
     ExtractStyles: (p: any) => utils.StyleTags.States;
     LaunchReactApp: (p: utils.LaunchReactApp.Input) => import("react/jsx-runtime").JSX.Element;
     $$fromRoot: (args: any) => import("jmini").default.Chains;

package/dist/orgs/index.d.ts

@@ -1 +1,2 @@
+export type {};
 export {};

package/dist/temps/index.d.ts

@@ -1 +1,2 @@
+export type {};
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.2.256",
+  "version": "0.2.258",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",
@@ -90,7 +90,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/react-fontawesome": "^3.1.1",
     "dotenv": "^17.0.1",
-    "jmini": "^0.0.102",
+    "jmini": "^0.0.104",
     "react": "^19.2.3"
   },
   "devDependencies": {