amotify 0.1.7 → 0.1.8

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

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../../@declaration/_';
+import { InputTypes } from './_';
+import List from './List';
+declare namespace Wrapper {
+    type Input = {
+        componentID?: string;
+        children: React.FC<any>;
+        params: any;
+    };
+}
+export declare const Wrapper: React.FC<Wrapper.Input>;
+declare namespace BoxWrapper {
+    type Input = {
+        val_status: any;
+        set_status: React.Dispatch<React.SetStateAction<any>>;
+        val_validate: InputTypes.Validation.Result;
+        params: any;
+        children: ReactElement;
+    };
+}
+export declare const BoxWrapper: React.FC<BoxWrapper.Input>;
+export declare const CommonEffects: {
+    (props: {
+        type?: string;
+        params: plainObject;
+        val_status: InputTypes.Status.Plain;
+        set_status: React.Dispatch<React.SetStateAction<any>>;
+        val_validate: InputTypes.Validation.Result;
+        set_validate: React.Dispatch<React.SetStateAction<InputTypes.Validation.Result>>;
+        DefaultValidation: InputTypes.Validation.SystemCheck;
+        onUpdateValue?: InputTypes.OnUpdateValue;
+        onUpdateValidValue?: InputTypes.OnUpdateValue;
+        ExtraOverrideParams?: plainObject;
+        ExtraStoreParams?: plainObject;
+    }): void;
+};
+export declare const ValidationCheck: {
+    (props: {
+        val_status: InputTypes.Status.Plain;
+        DefaultValidation: InputTypes.Validation.SystemCheck;
+        params: any;
+        set_validate: React.Dispatch<React.SetStateAction<InputTypes.Validation.Result>>;
+    }): void;
+};
+export declare const SubmitForm: (event: React.KeyboardEvent) => boolean;
+export declare const DefaultStyles: {
+    Input: (type: InputTypes.BoxTone) => TagProperty.Params;
+    ListCell: (params: List.Plain) => List.Plain;
+    Boxish: (params: any) => any;
+    Indicator: (type: InputTypes.BoxTone) => TagProperty.Params;
+    IndicatorIcon: TagProperty.Params;
+};
+export {};

package/dist/fn/Input/core.js

@@ -0,0 +1,2 @@
+import{b as o,c as r,e as B}from"../../chunk-E3D4DIO4.js";import{jsx as m,jsxs as C}from"react/jsx-runtime";import{useState as N,useEffect as T,useRef as W}from"react";import{$$ as l,Config as P,useStore as v,GenerateClassName as E}from"@utils";import{InputClasses as k}from"@styles/componentClasses/_";import x from"@atoms/Box";import F from"@atoms/Flex";import V from"@atoms/FAI";import z from"@mols/Row";import L from"@mols/Column";import A from"@fn/Button";import D from"@fn/Tooltips";const ie=e=>{let[t]=N(e.componentID||l.uuid.gen());e=o({},e),e.params=r(o({enableFormSubmit:!0,status_id:l.uuid.gen(),override:"never",name:l.uuid.gen(),id:l.uuid.gen(),"aria-label":"Input-"+t},e.params),{componentID:t});let{children:n}=e;return m(n,o({},e.params))},se=e=>{let{children:t,val_status:n,set_status:a,val_validate:c,params:i}=e,{clearButton:s,rightIcon:u,leftIcon:p,wrapStyles:y}=i;return n.eventType=="init"&&!i.checkValidationAtFirst&&(c.notice=[]),C(x,r(o({position:"relative"},y),{id:"BoxWrapper-"+n.componentID,children:[C(F,{flexWrap:!1,className:k("Wrapper"),children:[i.leftIndicator,C(F,{position:"relative",flexSizing:"auto",children:[p,t,s&&n.dataValue?m(A.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3},className:k("IndicatorIcon"),onClick:()=>{a(r(o({},n),{dataValue:"",formatValue:"",eventType:"update",eventID:l.uuid.gen()}))},children:m(V.Times,{})}):u]}),i.rightIndicator]}),m(U,{notice:c.notice,val_status:n})]}))},U=e=>{let{notice:t,val_status:n}=e,{componentID:a,eventType:c}=n;l.interval.clear("NoticeTimer-"+a),l.interval.clear("NoticeTimerClose-"+a);let i="notice-"+e.val_status.componentID,s="notice-tips-"+e.val_status.componentID;if(!t.length)return D.close(s),null;let u=t.map(p=>{let{type:y,label:I}=p,S=y=="invalid"?V.Times:y=="warn"?V.Exclamation:V.Check;return C(z.Left,{gap:0,borderRadius:"2.tone.secondary",children:[m(S,{flexCenter:!0,fontSize:"3.paragraph",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[y]}),m(x,{fontColor:"white",children:I})]})});return l.interval.standBy("NoticeTimer-"+a,350,()=>{D.open({tipsID:s,parent:"#"+i,padding:["1/2",0],content:C(D.Comps.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[m(x,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),m(L,{gap:"1/3",position:"relative",freeCSS:{zIndex:2},backgroundColor:"inherit",children:u})]})}),l.interval.standBy("NoticeTimerClose-"+a,7500,()=>{D.close(s)})}),m(x,{className:k("Notices"),id:i})},ue=e=>{let{type:t,params:n,val_status:a,set_status:c,ExtraOverrideParams:i,ExtraStoreParams:s,val_validate:u,set_validate:p,DefaultValidation:y,onUpdateValue:I,onUpdateValidValue:S}=e;n=o({},n);let{componentID:R}=a,[w,O]=N(l.uuid.gen());T(()=>(v.update({key:R,value:o({ResolveRefresh:null,Refresh:()=>new Promise((d,f)=>{v.get(R).ResolveRefresh=d,O(l.uuid.gen())}),GenNotice:d=>{let{ok:f,notice:g}=d;p({ok:f,notice:g})}},s)}),()=>{v.delete(R)}),[]);const _=W(!1);T(()=>{_.current?c(r(o({},a),{eventType:"refresh",eventID:l.uuid.gen()})):_.current=!0},[w]),T(()=>{n.value=a.dataValue,l.interval.clear("ValidationTimer-"+R),j({val_status:a,set_validate:p,DefaultValidation:y,params:n})},[a.eventID]),(()=>{let{override:d}=n;if(d=="never"||d=="beforeModified"&&!["init","override"].includes(a.eventType))return;let f=v.get(a.componentID);f&&(n.value!=a.dataValue&&n.status_id!=f.status_id&&c(r(o(r(o({},a),{dataValue:n.value}),i),{eventType:"override",eventID:l.uuid.gen()})),f.status_id=n.status_id)})(),T(()=>{let{componentID:d,eventType:f,dataValue:g}=a,h=g;if(t=="list"?h=g.map(b=>JSON.parse(b)):t=="select"||t=="richSelect"?h=JSON.parse(g):t=="file"&&v.update({key:d,value:{Files:a.dataValue}}),f=="refresh"){let b=v.get(d);b&&b.ResolveRefresh&&b.ResolveRefresh(null)}f=="update"&&(I&&I({componentID:d,value:h,storeData:v.get(d),eventType:f}),l.scope(()=>{u.ok&&S&&S({componentID:d,value:h,storeData:v.get(d),eventType:f})}))},[u])},j=e=>{let{val_status:t,params:n,set_validate:a,DefaultValidation:c}=e,i=c({value:t.dataValue,params:n});if(!i.ok){a(i);return}let s=i.notice;const u=()=>B(void 0,null,function*(){if(!n.onValidate)return;let p=yield n.onValidate({value:t.dataValue,eventType:t.eventType,props:e});if(!p.ok){a({ok:!1,notice:[...s,...p.notice]});return}a({ok:!0,notice:[...s,...p.notice]})});n.onValidate?t.eventType=="refresh"?u():l.interval.standBy("ValidationTimer-"+t.componentID,450,u):a({ok:!0,notice:s})},de=e=>{let t=e.target,{form:n,formName:a}=t.dataset;n=a||n;let c=!1,i=l(P.get().appRoot).find(`[data-form-submit-button="${n}"]`)[0];if(!i)return c;let s=i.dataset.sdfike||"",u=e.key,p=e.ctrlKey||e.metaKey;return l.scope(()=>{s.includes("enter")&&(u!="Enter"||e.nativeEvent.isComposing||P.get().browserIs=="safari"&&e.keyCode==229)||((u=="Enter"&&(s.includes("enter")||s.includes("auxEnter")&&p)||u==" "&&s.includes("space"))&&(i.click(),e.preventDefault()),c=!0)}),c},K={Input:e=>{if(e=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.thin"};return e=="border"?t=r(o({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"1.layer.base"}):e=="cloud"?t=r(o({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e=="bottomBorder"&&(t=r(o({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t},ListCell:e=>{e=o({},e),e.tone||(e.tone="border");let{tone:t}=e;return t=="plain"||(e=r(o({},e),{cellStyles:o({position:"relative",padding:["3/4",1],borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),t=="normal"?e=r(o({gap:"1/2"},e),{cellStyles:o({isSemiBoldFont:!0},e.cellStyles),cellCheckedStyles:{backgroundColor:"cloud"}}):(e=r(o({gap:"3/4"},e),{cellStyles:o({boxShadow:"0.thin"},e.cellStyles)}),(t=="cloud"||t=="vivid")&&(e.cellStyles=o({border:"1.thin",backgroundColor:"2.layer.cloud"},e.cellStyles)),t=="border"?(e.cellStyles=o({border:!0,backgroundColor:"1.layer.base"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):t=="cloud"?e.cellCheckedStyles=o({backgroundColor:"tcOpFew",fontColor:"theme",borderColor:"theme"},e.cellCheckedStyles):t=="vivid"&&(e.cellCheckedStyles=o({backgroundColor:"theme",fontColor:"white",borderColor:"theme"},e.cellCheckedStyles)))),E(e)},Boxish:e=>{e=o({},e),e.tone||(e.tone="border");let t=r(o(o(o(r(o({},K.Input(e.tone)),{fontColor:"2.normal"}),e),e.leftIndicator?{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}:null),e.rightIndicator?{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}:null),{className:[k("Input"),e.className].join(" ")});return E(t)},Indicator:e=>{if(e||(e="border"),e=="plain")return{};let t={flexSizing:"none",flexCenter:!0,padding:[0,1],borderRadius:"2.tone.secondary",backgroundColor:"cloud"};return e=="border"?t=r(o({},t),{border:!0}):e=="cloud"?t=r(o({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=r(o({},t),{borderRadius:0,borderBottom:!0})),t},IndicatorIcon:{position:"absolute",unitWidth:2,unitHeight:2,top:"50%",flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit"}};export{se as BoxWrapper,ue as CommonEffects,K as DefaultStyles,de as SubmitForm,j as ValidationCheck,ie as Wrapper};
+//# sourceMappingURL=core.js.map

package/dist/fn/Input/core.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Input/core.tsx"],
+  "sourcesContent": ["import {\n  TagProperty,\n  ReactElement\n} from '@declaration'\nimport {\n  useState,\n  useEffect,\n  useRef\n} from 'react'\nimport {\n  $$,\n  Config,\n  useStore,\n  GenerateClassName\n} from '@utils'\n\nimport { InputTypes } from './_'\n\nimport { InputClasses } from '@styles/componentClasses/_'\n\nimport Box from '@atoms/Box'\nimport Flex from '@atoms/Flex'\nimport FAI from '@atoms/FAI'\nimport Row from '@mols/Row'\nimport Column from '@mols/Column'\nimport Button from '@fn/Button'\nimport Tooltips from '@fn/Tooltips'\n\n\nimport List from './List'\n\nnamespace Wrapper {\n  export type Input = {\n    componentID?: string\n    children: React.FC<any>\n    params: any\n  }\n}\nexport const Wrapper: React.FC<Wrapper.Input> = ( props ) => {\n  let [ val_componentID ] = useState( props.componentID || $$.uuid.gen() )\n\n  props = { ...props }\n  props.params = {\n    enableFormSubmit: true,\n    // override: 'beforeModified',\n    status_id: $$.uuid.gen(),\n    override: 'never',\n    name: $$.uuid.gen(),\n    id: $$.uuid.gen(),\n    'aria-label': 'Input-' + val_componentID,\n    ...props.params,\n    componentID: val_componentID,\n  }\n\n  let {\n    children: Children\n  } = props\n\n  return <Children { ...props.params } />\n}\n\nnamespace BoxWrapper {\n  export type Input = {\n    val_status: any\n    set_status: React.Dispatch<React.SetStateAction<any>>\n    val_validate: InputTypes.Validation.Result\n    params: any\n    children: ReactElement\n  }\n}\nexport const BoxWrapper: React.FC<BoxWrapper.Input> = ( props ) => {\n  let {\n    children,\n    val_status,\n    set_status,\n    val_validate,\n    params\n  } = props\n  let {\n    clearButton,\n    rightIcon,\n    leftIcon,\n    wrapStyles\n  } = params\n\n  if ( val_status.eventType == 'init' && !params.checkValidationAtFirst ) val_validate.notice = []\n\n  return <Box\n    position='relative'\n    { ...wrapStyles }\n    id={ 'BoxWrapper-' + val_status.componentID }\n  >\n    <Flex\n      flexWrap={ false }\n      // height='100%'\n      className={ InputClasses( 'Wrapper' ) }\n    >\n      { params.leftIndicator }\n      <Flex\n        position='relative'\n        flexSizing={ 'auto' }\n      >\n        { leftIcon }\n        { children }\n        { clearButton && !!val_status.dataValue ? <Button.Button.Normal.R\n          ssSphere={ 2 }\n          flexCenter\n          fontColor={ '5.translucent' }\n          ssEffectsOnActive={ [ 'ripple.theme' ] }\n          position='absolute'\n          right={ 1 }\n          top={ '50%' }\n          freeCSS={ {\n            zIndex: 3\n          } }\n          className={ InputClasses( 'IndicatorIcon' ) }\n          onClick={ () => {\n            set_status( {\n              ...val_status,\n              dataValue: '',\n              formatValue: '',\n              eventType: 'update',\n              eventID: $$.uuid.gen()\n            } as any )\n          } }\n        >\n          <FAI.Times />\n        </Button.Button.Normal.R> : rightIcon }\n      </Flex>\n      { params.rightIndicator }\n    </Flex>\n    <GenNotices\n      notice={ val_validate.notice }\n      val_status={ val_status }\n    />\n  </Box>\n}\n\nconst GenNotices: React.FC<{\n  notice: InputTypes.Validation.Notice[]\n  val_status: InputTypes.Status.Plain\n}> = ( params ) => {\n  let { notice,val_status } = params\n  let {\n    componentID,\n    eventType\n  } = val_status\n\n  $$.interval.clear( 'NoticeTimer-' + componentID )\n  $$.interval.clear( 'NoticeTimerClose-' + componentID )\n\n  let parentID = 'notice-' + params.val_status.componentID\n  let tipsID = 'notice-tips-' + params.val_status.componentID\n\n  if ( !notice.length ) {\n    Tooltips.close( tipsID )\n    return null\n  }\n\n  let Notices = notice.map( ( cell ) => {\n    let { type,label } = cell\n\n    let ICON =\n      type == 'invalid' ? FAI.Times :\n        type == 'warn' ? FAI.Exclamation :\n          FAI.Check\n\n    return <Row.Left\n      gap={ 0 }\n      borderRadius={ '2.tone.secondary' }\n    >\n      <ICON\n        flexCenter\n        fontSize='3.paragraph'\n        fontColor={ {\n          'invalid': 'nega',\n          'warn': 'warn',\n          'valid': 'posi',\n        }[ type ] as 'theme' }\n      />\n      <Box\n        fontColor='white'\n      >\n        { label }\n      </Box>\n    </Row.Left>\n  } )\n\n  $$.interval.standBy(\n    'NoticeTimer-' + componentID,\n    350,\n    () => {\n      Tooltips.open( {\n        tipsID,\n        parent: '#' + parentID,\n        padding: [ '1/2',0 ],\n        content: <Tooltips.Comps.Body\n          padding={ [ '1/2','2/3' ] }\n          fontSize='1.mini'\n          position='relative'\n        >\n          <Box\n            position='absolute'\n            unitHeight={ 1 }\n            unitWidth={ 1 }\n            left={ 1 }\n            backgroundColor='dark'\n            freeCSS={ {\n              zIndex: 1,\n              transform: 'rotate(45deg)',\n              top: -6\n            } }\n          />\n          <Column\n            gap={ '1/3' }\n            position='relative'\n            freeCSS={ {\n              zIndex: 2\n            } }\n            backgroundColor='inherit'\n          >\n            { Notices }\n          </Column>\n        </Tooltips.Comps.Body>\n      } )\n\n      $$.interval.standBy(\n        'NoticeTimerClose-' + componentID,\n        7500,\n        () => {\n          Tooltips.close( tipsID )\n        }\n      )\n    } )\n\n  return <Box\n    className={ InputClasses( 'Notices' ) }\n    id={ parentID }\n  />\n}\n\nexport const CommonEffects: {\n  ( props: {\n    type?: string\n    params: plainObject\n    val_status: InputTypes.Status.Plain\n    set_status: React.Dispatch<React.SetStateAction<any>>\n    val_validate: InputTypes.Validation.Result\n    set_validate: React.Dispatch<React.SetStateAction<InputTypes.Validation.Result>>\n    DefaultValidation: InputTypes.Validation.SystemCheck\n    onUpdateValue?: InputTypes.OnUpdateValue\n    onUpdateValidValue?: InputTypes.OnUpdateValue\n    ExtraOverrideParams?: plainObject\n    ExtraStoreParams?: plainObject\n  } ): void\n} = ( props ) => {\n  let {\n    type,\n    params,\n    val_status,\n    set_status,\n    ExtraOverrideParams,\n    ExtraStoreParams,\n    val_validate,\n    set_validate,\n    DefaultValidation,\n    onUpdateValue,\n    onUpdateValidValue\n  } = props\n  params = { ...params }\n  let {\n    componentID\n  } = val_status\n\n  let [ val_refresh,set_refresh ] = useState( $$.uuid.gen() )\n\n  useEffect( () => {\n    useStore.update( {\n      key: componentID,\n      value: {\n        ResolveRefresh: null,\n        Refresh: () => {\n          return new Promise( ( res,rej ) => {\n            useStore.get( componentID ).ResolveRefresh = res\n            set_refresh( $$.uuid.gen() )\n          } )\n        },\n        GenNotice: ( props: { ok: boolean,notice: InputTypes.Validation.Notice[] } ) => {\n          let { ok,notice } = props\n          set_validate( { ok,notice } )\n        },\n        ...ExtraStoreParams\n      }\n    } )\n    return () => {\n      useStore.delete( componentID )\n    }\n  },[] )\n\n  const mounted = useRef( false )\n  useEffect( () => {\n    if ( mounted.current ) {\n      set_status( {\n        ...val_status,\n        eventType: 'refresh',\n        eventID: $$.uuid.gen()\n      } )\n    } else {\n      mounted.current = true\n    }\n  },[ val_refresh ] )\n  useEffect( () => {\n    params.value = val_status.dataValue\n\n    $$.interval.clear( 'ValidationTimer-' + componentID )\n\n    ValidationCheck( {\n      val_status,\n      set_validate,\n      DefaultValidation,\n      params\n    } )\n  },[ val_status.eventID ] );\n\n  ( () => {\n    let {\n      override\n    } = params\n    if ( override == 'never' ) return\n    if ( override == 'beforeModified' ) {\n      if ( ![ 'init','override' ].includes( val_status.eventType ) ) return\n    }\n\n    let component = useStore.get( val_status.componentID )\n    if ( !component ) return\n    if (\n      params.value != val_status.dataValue &&\n      params.status_id != component.status_id\n    ) {\n      set_status( {\n        ...val_status,\n        dataValue: params.value,\n        ...ExtraOverrideParams,\n        eventType: 'override',\n        eventID: $$.uuid.gen()\n      } )\n    }\n    component.status_id = params.status_id\n  } )()\n\n  useEffect( () => {\n    let {\n      componentID,\n      eventType,\n      dataValue\n    } = val_status\n    let Value = dataValue\n    if ( type == 'list' ) {\n      Value = dataValue.map( ( value: any ) => JSON.parse( value ) )\n    } else if ( type == 'select' ) {\n      Value = JSON.parse( dataValue )\n    } else if ( type == 'richSelect' ) {\n      Value = JSON.parse( dataValue )\n    } else if ( type == 'file' ) {\n      useStore.update( {\n        key: componentID,\n        value: {\n          Files: val_status.dataValue\n        }\n      } )\n    }\n\n    if ( eventType == 'refresh' ) {\n      let comp = useStore.get( componentID )\n      if ( comp && comp.ResolveRefresh ) comp.ResolveRefresh( null )\n    }\n\n    if ( eventType == 'update' ) {\n      if ( onUpdateValue ) onUpdateValue( {\n        componentID,\n        value: Value,\n        storeData: useStore.get( componentID ),\n        eventType: eventType\n      } )\n\n      $$.scope( () => {\n        if ( !val_validate.ok ) return\n        // if ( $$.is.nullish( Value ) ) return\n        if ( !onUpdateValidValue ) return\n        onUpdateValidValue( {\n          componentID,\n          value: Value,\n          storeData: useStore.get( componentID ),\n          eventType: eventType\n        } )\n      } )\n    }\n  },[ val_validate ] )\n}\n\nexport const ValidationCheck: {\n  ( props: {\n    val_status: InputTypes.Status.Plain\n    DefaultValidation: InputTypes.Validation.SystemCheck\n    params: any\n    set_validate: React.Dispatch<React.SetStateAction<InputTypes.Validation.Result>>\n  } ): void\n} = ( props ) => {\n  let {\n    val_status,\n    params,\n    set_validate,\n    DefaultValidation\n  } = props\n\n  let result = DefaultValidation( {\n    value: val_status.dataValue,\n    params: params\n  } )\n\n  if ( !result.ok ) {\n    set_validate( result )\n    return\n  }\n  let sysDefaultNotice = result.notice\n\n  const FN = async () => {\n    if ( !params.onValidate ) return\n\n    let result = await params.onValidate( {\n      value: val_status.dataValue,\n      eventType: val_status.eventType,\n      props: props\n    } )\n    if ( !result.ok ) {\n      set_validate( {\n        ok: false,\n        notice: [\n          ...sysDefaultNotice,\n          ...result.notice\n        ]\n      } )\n      return\n    }\n    set_validate( {\n      ok: true,\n      notice: [\n        ...sysDefaultNotice,\n        ...result.notice\n      ]\n    } )\n  }\n\n  if ( params.onValidate ) {\n    if ( val_status.eventType == 'refresh' ) {\n      FN()\n    } else {\n      $$.interval.standBy(\n        'ValidationTimer-' + val_status.componentID,\n        450,\n        FN\n      )\n    }\n  } else {\n    set_validate( {\n      ok: true,\n      notice: sysDefaultNotice\n    } )\n  }\n}\n\nexport const SubmitForm = (\n  event: React.KeyboardEvent\n) => {\n  let input = event.target as HTMLInputElement\n  let { form,formName } = input.dataset\n  form = formName || form\n  let complete = false\n\n  let Button = $$( Config.get().appRoot ).find( `[data-form-submit-button=\"${ form }\"]` )[ 0 ]\n  if ( !Button ) return complete\n\n  let gestures = Button.dataset.sdfike || ''\n  let key = event.key\n  let auxKey = event.ctrlKey || event.metaKey\n\n  $$.scope( () => {\n    if ( gestures.includes( 'enter' ) ) {\n      if ( key != 'Enter' ) return\n\n      let isComposing = event.nativeEvent.isComposing\n      if ( isComposing ) return\n\n      if ( Config.get().browserIs == 'safari' ) {\n        if ( event.keyCode == 229 ) return\n      }\n    }\n\n    if (\n      (\n        key == 'Enter' &&\n        ( gestures.includes( 'enter' ) || ( gestures.includes( 'auxEnter' ) && auxKey ) )\n      ) || (\n        key == ' ' && gestures.includes( 'space' )\n      )\n    ) {\n      Button.click()\n      event.preventDefault()\n    }\n\n    complete = true\n  } )\n\n  return complete\n}\n\nexport const DefaultStyles = {\n  Input: ( type: InputTypes.BoxTone ) => {\n    if ( type == 'plain' ) return {}\n    let Styles: TagProperty.Params = {\n      padding: '3/4',\n      transition: 'middle',\n      flexSizing: 'auto',\n      boxShadow: '0.thin'\n    }\n    if ( type == 'border' ) {\n      Styles = {\n        ...Styles,\n        border: true,\n        borderRadius: '2.tone.secondary',\n        backgroundColor: '1.layer.base'\n      }\n    } else if ( type == 'cloud' ) {\n      Styles = {\n        ...Styles,\n        border: '1.thin',\n        borderRadius: '2.tone.secondary',\n        backgroundColor: 'cloud'\n      }\n    } else if ( type == 'bottomBorder' ) {\n      Styles = {\n        ...Styles,\n        borderRadius: 0,\n        border: 'unset',\n        borderBottom: true,\n        backgroundColor: 'cloud'\n      }\n    }\n    return Styles\n  },\n  ListCell: ( params: List.Plain ) => {\n    params = { ...params }\n    if ( !params.tone ) params.tone = 'border'\n\n    let { tone } = params\n\n    if ( tone == 'plain' ) {\n\n    } else {\n      params = {\n        ...params,\n        cellStyles: {\n          position: 'relative',\n          padding: [ '3/4',1 ],\n          borderRadius: '2.tone.secondary',\n          transition: 'middle',\n          ...params.cellStyles,\n        }\n      }\n\n      if ( tone == 'normal' ) {\n        params = {\n          gap: '1/2',\n          ...params,\n          cellStyles: {\n            isSemiBoldFont: true,\n            ...params.cellStyles,\n          },\n          cellCheckedStyles: {\n            backgroundColor: 'cloud'\n          }\n        }\n      } else {\n        params = {\n          gap: '3/4',\n          ...params,\n          cellStyles: {\n            boxShadow: '0.thin',\n            ...params.cellStyles\n          }\n        }\n\n        if ( tone == 'cloud' || tone == 'vivid' ) {\n          params.cellStyles = {\n            border: '1.thin',\n            backgroundColor: '2.layer.cloud',\n            ...params.cellStyles,\n          }\n        }\n\n        if ( tone == 'border' ) {\n          params.cellStyles = {\n            border: true,\n            backgroundColor: '1.layer.base',\n            ...params.cellStyles,\n          }\n          params.cellCheckedStyles = {\n            borderColor: 'theme',\n            fontColor: 'theme',\n            ...params.cellCheckedStyles\n          }\n        } else if ( tone == 'cloud' ) {\n          params.cellCheckedStyles = {\n            backgroundColor: 'tcOpFew',\n            fontColor: 'theme',\n            borderColor: 'theme',\n            ...params.cellCheckedStyles\n          }\n        } else if ( tone == 'vivid' ) {\n          params.cellCheckedStyles = {\n            backgroundColor: 'theme',\n            fontColor: 'white',\n            borderColor: 'theme',\n            ...params.cellCheckedStyles\n          }\n        }\n      }\n    }\n    return GenerateClassName( params )\n  },\n  Boxish: ( params: any ) => {\n    params = { ...params }\n    if ( !params.tone ) params.tone = 'border'\n\n    let Styles: TagProperty.Params = {\n      ...DefaultStyles.Input( params.tone ),\n      fontColor: '2.normal',\n      ...params,\n      ...params.leftIndicator ? {\n        borderTopLeftRadius: '2/3',\n        borderBottomLeftRadius: '2/3',\n        marginLeft: '1/4'\n      } : null,\n      ...params.rightIndicator ? {\n        borderTopRightRadius: '2/3',\n        borderBottomRightRadius: '2/3',\n        marginRight: '1/4'\n      } : null,\n      className: [\n        InputClasses( 'Input' ),\n        params.className\n      ].join( ' ' ),\n    }\n\n    return GenerateClassName( Styles ) as any\n  },\n  Indicator: ( type: InputTypes.BoxTone ) => {\n    if ( !type ) type = 'border'\n\n    if ( type == 'plain' ) return {}\n    let styles: TagProperty.Params = {\n      flexSizing: 'none',\n      flexCenter: true,\n      padding: [ 0,1 ],\n      borderRadius: '2.tone.secondary',\n      backgroundColor: 'cloud'\n    }\n\n    if ( type == 'border' ) {\n      styles = {\n        ...styles,\n        border: true\n      }\n    } else if ( type == 'cloud' ) {\n      styles = {\n        ...styles,\n        border: '1.thin'\n      }\n    } else if ( type == 'bottomBorder' ) {\n      styles = {\n        ...styles,\n        borderRadius: 0,\n        borderBottom: true\n      }\n    }\n    return styles\n  },\n  IndicatorIcon: {\n    position: 'absolute',\n    unitWidth: 2,\n    unitHeight: 2,\n    top: '50%',\n    flexCenter: true,\n    fontColor: 'theme',\n    fontSize: '1.mini',\n    backgroundColor: 'inherit',\n  } as TagProperty.Params\n}"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "useState", "useEffect", "useRef", "$$", "Config", "useStore", "GenerateClassName", "InputClasses", "Box", "Flex", "FAI", "Row", "Column", "Button", "Tooltips", "Wrapper", "props", "val_componentID", "__spreadValues", "__spreadProps", "Children", "BoxWrapper", "children", "val_status", "set_status", "val_validate", "params", "clearButton", "rightIcon", "leftIcon", "wrapStyles", "GenNotices", "notice", "componentID", "eventType", "parentID", "tipsID", "Notices", "cell", "type", "label", "ICON", "CommonEffects", "ExtraOverrideParams", "ExtraStoreParams", "set_validate", "DefaultValidation", "onUpdateValue", "onUpdateValidValue", "val_refresh", "set_refresh", "res", "rej", "ok", "mounted", "ValidationCheck", "override", "component", "dataValue", "Value", "value", "comp", "result", "sysDefaultNotice", "FN", "__async", "SubmitForm", "event", "input", "form", "formName", "complete", "gestures", "key", "auxKey", "DefaultStyles", "Styles", "tone", "styles"]
+}

package/dist/fn/Layout/PageNotFound.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare namespace PageNotFound {
+    type Input = {};
+}
+declare const PageNotFound: React.FC<PageNotFound.Input>;
+export { PageNotFound, PageNotFound as default };

package/dist/fn/Layout/PageNotFound.js

@@ -0,0 +1,2 @@
+import"../../chunk-E3D4DIO4.js";import{jsx as o,jsxs as t}from"react/jsx-runtime";import r from"@atoms/Box";import l from"@atoms/FAI";import p from"@mols/Row";import e from"@mols/Text";import a from"@mols/Column";import m from"@fn/Button";const i=()=>{let{href:n}=location;return o(p.Center,{padding:[4,1],children:t(a,{ssCardBox:!0,gap:2,padding:[3,2],textAlign:"center",width:1,freeCSS:{maxWidth:12*30},children:[o(l.LinkSlash,{fontColor:"theme",freeCSS:{fontSize:"3rem"}}),t(r,{children:[o(e.Paragraph,{children:"\u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002"}),o(e.Supplement,{fontColor:"3.blur",children:"\u5165\u529B\u3055\u308C\u305F\u30EA\u30F3\u30AF\u306E\u30DA\u30FC\u30B8\u306F\u5B58\u5728\u3057\u307E\u305B\u3093\u3067\u3057\u305F\u3002"})]}),t(a,{children:[t(e.Normal,{textAlign:"left",ssCardBox:"cloud",isSemiBoldFont:!0,padding:1,children:["\u30FB\u30EA\u30F3\u30AF\u304C\u6B63\u3057\u3044\u304B",o(r,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30EA\u30F3\u30AF\u306E\u6709\u52B9\u671F\u9650",o(r,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30A2\u30AF\u30BB\u30B9\u6A29\u9650\u7B49\u304C\u6B63\u3057\u3044\u304B"]}),"\u306A\u3069\u3092\u3082\u3046\u4E00\u5EA6\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044\u3002"]}),o(m.Anchor.Link,{newTab:!0,href:n,children:n}),o(m.Anchor.BorderToFill.R,{href:"/",width:1,children:"\u30DB\u30FC\u30E0\u306B\u623B\u308B"})]})})};export{i as PageNotFound,i as default};
+//# sourceMappingURL=PageNotFound.js.map

package/dist/fn/Layout/PageNotFound.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Layout/PageNotFound.tsx"],
+  "sourcesContent": ["import Box from '@atoms/Box'\nimport FAI from '@atoms/FAI'\nimport Row from '@mols/Row'\nimport Text from '@mols/Text'\nimport Column from '@mols/Column'\nimport Button from '@fn/Button'\n\nnamespace PageNotFound {\n  export type Input = {\n\n  }\n}\nconst PageNotFound: React.FC<PageNotFound.Input> = () => {\n  let { href } = location\n\n  return <Row.Center\n    padding={ [ 4,1 ] }\n  >\n    <Column\n      ssCardBox\n      gap={ 2 }\n      padding={ [ 3,2 ] }\n      textAlign='center'\n      width={ 1 }\n      freeCSS={ {\n        maxWidth: 12 * 30\n      } }\n    >\n      <FAI.LinkSlash\n        fontColor={ 'theme' }\n        freeCSS={ {\n          fontSize: '3rem'\n        } }\n      />\n      <Box>\n        <Text.Paragraph>\n          \u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002\n        </Text.Paragraph>\n        <Text.Supplement\n          fontColor='3.blur'\n        >\n          \u5165\u529B\u3055\u308C\u305F\u30EA\u30F3\u30AF\u306E\u30DA\u30FC\u30B8\u306F\u5B58\u5728\u3057\u307E\u305B\u3093\u3067\u3057\u305F\u3002\n        </Text.Supplement>\n      </Box>\n\n      <Column>\n        <Text.Normal\n          textAlign='left'\n          ssCardBox='cloud'\n          isSemiBoldFont\n          padding={ 1 }\n        >\n          \u30FB\u30EA\u30F3\u30AF\u304C\u6B63\u3057\u3044\u304B\n          <Box margin={ [ '1/2',0 ] } borderBottom />\n          \u30FB\u30EA\u30F3\u30AF\u306E\u6709\u52B9\u671F\u9650\n          <Box margin={ [ '1/2',0 ] } borderBottom />\n          \u30FB\u30A2\u30AF\u30BB\u30B9\u6A29\u9650\u7B49\u304C\u6B63\u3057\u3044\u304B\n        </Text.Normal>\n        \u306A\u3069\u3092\u3082\u3046\u4E00\u5EA6\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044\u3002\n      </Column>\n\n      <Button.Anchor.Link\n        newTab\n        href={ href }\n      >\n        { href }\n      </Button.Anchor.Link>\n      <Button.Anchor.BorderToFill.R\n        href='/'\n        width={ 1 }\n        children={ '\u30DB\u30FC\u30E0\u306B\u623B\u308B' }\n      />\n    </Column>\n  </Row.Center>\n}\n\nexport {\n  PageNotFound,\n  PageNotFound as default\n}"],
+  "mappings": "gCA4BM,cAAAA,EAMA,QAAAC,MANA,oBA5BN,OAAOC,MAAS,aAChB,OAAOC,MAAS,aAChB,OAAOC,MAAS,YAChB,OAAOC,MAAU,aACjB,OAAOC,MAAY,eACnB,OAAOC,MAAY,aAOnB,MAAMC,EAA6C,IAAM,CACvD,GAAI,CAAE,KAAAC,CAAK,EAAI,SAEf,OAAOT,EAACI,EAAI,OAAJ,CACN,QAAU,CAAE,EAAE,CAAE,EAEhB,SAAAH,EAACK,EAAA,CACC,UAAS,GACT,IAAM,EACN,QAAU,CAAE,EAAE,CAAE,EAChB,UAAU,SACV,MAAQ,EACR,QAAU,CACR,SAAU,GAAK,EACjB,EAEA,UAAAN,EAACG,EAAI,UAAJ,CACC,UAAY,QACZ,QAAU,CACR,SAAU,MACZ,EACF,EACAF,EAACC,EAAA,CACC,UAAAF,EAACK,EAAK,UAAL,CAAe,kHAEhB,EACAL,EAACK,EAAK,WAAL,CACC,UAAU,SACX,sJAED,GACF,EAEAJ,EAACK,EAAA,CACC,UAAAL,EAACI,EAAK,OAAL,CACC,UAAU,OACV,UAAU,QACV,eAAc,GACd,QAAU,EACX,mEAECL,EAACE,EAAA,CAAI,OAAS,CAAE,MAAM,CAAE,EAAI,aAAY,GAAC,EAAE,yDAE3CF,EAACE,EAAA,CAAI,OAAS,CAAE,MAAM,CAAE,EAAI,aAAY,GAAC,EAAE,kFAE7C,EAAc,oGAEhB,EAEAF,EAACO,EAAO,OAAO,KAAd,CACC,OAAM,GACN,KAAOE,EAEL,SAAAA,EACJ,EACAT,EAACO,EAAO,OAAO,aAAa,EAA3B,CACC,KAAK,IACL,MAAQ,EACR,SAAW,uCACb,GACF,EACF,CACF",
+  "names": ["jsx", "jsxs", "Box", "FAI", "Row", "Text", "Column", "Button", "PageNotFound", "href"]
+}

package/dist/fn/Layout/PageRouter.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { ReactElement } from '../../@declaration/_';
+declare namespace PageRouter {
+    type RoutesProps = {
+        path: string;
+        content: ReactElement;
+    };
+    type Callbacks = {
+        beforeCallBack?: {
+            (pathName: string): void;
+        };
+        afterCallBack?: {
+            (pathName: string): void;
+        };
+        afterFirstCallBack?: {
+            (pathName: string): void;
+        };
+    };
+    type RoutesSwitchProps = {
+        routes: RoutesProps[];
+    } & Callbacks;
+    type Input = {
+        pages: RoutesProps[];
+    } & Callbacks;
+}
+declare const PageRouter: React.FC<PageRouter.Input>;
+export { PageRouter, PageRouter as default };

package/dist/fn/Layout/PageRouter.js

@@ -0,0 +1,2 @@
+import"../../chunk-E3D4DIO4.js";import{jsx as n,jsxs as P}from"react/jsx-runtime";import{useEffect as c,useRef as m}from"react";import{useStore as R}from"@utils";import*as s from"react-router-dom";import C from"@fn/Sheet";import{PageNotFound as g}from"./PageNotFound";import{RootViewController as k}from"./RootViewController";const h=(t,o,a)=>{const r=m(!1);let e=s.useLocation(),u=s.useNavigate();R.set({key:"navigate",value:u}),c(()=>{r.current?(C.closeAll(!0),k.fn.updateCSSProperty.reset()):r.current=!0},[e.pathname]),t&&t(e),c(()=>{a&&a(e)},[]),c(()=>{setTimeout(()=>{window.dispatchEvent(new Event("resize"))},200),o&&o(e)},[e])},B=t=>{let{routes:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e}=t;h(a,r,e);let u=o.map(i=>{let{path:l,content:f}=i;return l="/"+l.replace(/^\//,""),n(s.Route,{path:l,element:f},l)});return P(s.Routes,{children:[u,n(s.Route,{path:"*",element:n(g,{})})]})},p=t=>{let{pages:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e}=t;return n(B,{routes:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e})};export{p as PageRouter,p as default};
+//# sourceMappingURL=PageRouter.js.map

package/dist/fn/Layout/PageRouter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Layout/PageRouter.tsx"],
+  "sourcesContent": ["import {\n  ReactElement\n} from '@declaration'\nimport {\n  useState,\n  useEffect,\n  useRef\n} from 'react'\nimport {\n  useStore\n} from '@utils'\nimport * as ReactRouterDOM from 'react-router-dom'\n\nimport Sheet from '@fn/Sheet'\nimport { PageNotFound } from './PageNotFound'\nimport { RootViewController } from './RootViewController'\n\nnamespace PageRouter {\n  export type RoutesProps = {\n    path: string\n    content: ReactElement\n  }\n  export type Callbacks = {\n    beforeCallBack?: {\n      ( pathName: string ): void\n    }\n    afterCallBack?: {\n      ( pathName: string ): void\n    }\n    afterFirstCallBack?: {\n      ( pathName: string ): void\n    }\n  }\n  export type RoutesSwitchProps = {\n    routes: RoutesProps[]\n  } & Callbacks\n  export type Input = {\n    pages: RoutesProps[]\n  } & Callbacks\n}\n\nconst CustomerUseEffect = ( beforeCallback?: Function,afterCallback?: Function,afterFirstCallback?: Function ) => {\n  const mounted = useRef( false )\n  let location = ReactRouterDOM.useLocation()\n  let navigate = ReactRouterDOM.useNavigate()\n\n  useStore.set( { key: 'navigate',value: navigate } )\n\n  useEffect( () => {\n    if ( mounted.current ) {\n      Sheet.closeAll( true )\n\n      RootViewController.fn.updateCSSProperty.reset()\n    } else {\n      mounted.current = true\n    }\n  },[ location.pathname ] )\n\n  if ( beforeCallback ) beforeCallback( location )\n\n  useEffect( () => {\n    if ( afterFirstCallback ) afterFirstCallback( location )\n  },[] )\n  useEffect( () => {\n    setTimeout( () => {\n      window.dispatchEvent( new Event( 'resize' ) )\n    },200 )\n    if ( afterCallback ) afterCallback( location )\n  },[ location ] )\n}\n\nconst Switcher: React.FC<PageRouter.RoutesSwitchProps> = ( props ) => {\n  let { routes,beforeCallBack,afterCallBack,afterFirstCallBack } = props\n\n  CustomerUseEffect( beforeCallBack,afterCallBack,afterFirstCallBack )\n\n  let Routing = routes.map( ( page ) => {\n    let { path,content } = page\n    path = '/' + path.replace( /^\\//,'' )\n\n    return <ReactRouterDOM.Route\n      key={ path }\n      path={ path }\n      element={ content }\n    />\n  } )\n\n  return <ReactRouterDOM.Routes>\n    { Routing }\n    <ReactRouterDOM.Route\n      path='*'\n      element={ <PageNotFound /> }\n    />\n  </ReactRouterDOM.Routes>\n}\n\nconst PageRouter: React.FC<PageRouter.Input> = ( props ) => {\n  let {\n    pages,\n    beforeCallBack,\n    afterCallBack,\n    afterFirstCallBack\n  } = props\n\n  return <Switcher\n    routes={ pages }\n    beforeCallBack={ beforeCallBack }\n    afterCallBack={ afterCallBack }\n    afterFirstCallBack={ afterFirstCallBack }\n  />\n}\n\nexport {\n  PageRouter,\n  PageRouter as default\n}"],
+  "mappings": "gCAgFW,cAAAA,EAOF,QAAAC,MAPE,oBA7EX,OAEE,aAAAC,EACA,UAAAC,MACK,QACP,OACE,YAAAC,MACK,SACP,UAAYC,MAAoB,mBAEhC,OAAOC,MAAW,YAClB,OAAS,gBAAAC,MAAoB,iBAC7B,OAAS,sBAAAC,MAA0B,uBA0BnC,MAAMC,EAAoB,CAAEC,EAA0BC,EAAyBC,IAAmC,CAChH,MAAMC,EAAUV,EAAQ,EAAM,EAC9B,IAAIW,EAAWT,EAAe,YAAY,EACtCU,EAAWV,EAAe,YAAY,EAE1CD,EAAS,IAAK,CAAE,IAAK,WAAW,MAAOW,CAAS,CAAE,EAElDb,EAAW,IAAM,CACVW,EAAQ,SACXP,EAAM,SAAU,EAAK,EAErBE,EAAmB,GAAG,kBAAkB,MAAM,GAE9CK,EAAQ,QAAU,EAEtB,EAAE,CAAEC,EAAS,QAAS,CAAE,EAEnBJ,GAAiBA,EAAgBI,CAAS,EAE/CZ,EAAW,IAAM,CACVU,GAAqBA,EAAoBE,CAAS,CACzD,EAAE,CAAC,CAAE,EACLZ,EAAW,IAAM,CACf,WAAY,IAAM,CAChB,OAAO,cAAe,IAAI,MAAO,QAAS,CAAE,CAC9C,EAAE,GAAI,EACDS,GAAgBA,EAAeG,CAAS,CAC/C,EAAE,CAAEA,CAAS,CAAE,CACjB,EAEME,EAAqDC,GAAW,CACpE,GAAI,CAAE,OAAAC,EAAO,eAAAC,EAAe,cAAAC,EAAc,mBAAAC,CAAmB,EAAIJ,EAEjER,EAAmBU,EAAeC,EAAcC,CAAmB,EAEnE,IAAIC,EAAUJ,EAAO,IAAOK,GAAU,CACpC,GAAI,CAAE,KAAAC,EAAK,QAAAC,CAAQ,EAAIF,EACvB,OAAAC,EAAO,IAAMA,EAAK,QAAS,MAAM,EAAG,EAE7BxB,EAACK,EAAe,MAAf,CAEN,KAAOmB,EACP,QAAUC,GAFJD,CAGR,CACF,CAAE,EAEF,OAAOvB,EAACI,EAAe,OAAf,CACJ,UAAAiB,EACFtB,EAACK,EAAe,MAAf,CACC,KAAK,IACL,QAAUL,EAACO,EAAA,EAAa,EAC1B,GACF,CACF,EAEMmB,EAA2CT,GAAW,CAC1D,GAAI,CACF,MAAAU,EACA,eAAAR,EACA,cAAAC,EACA,mBAAAC,CACF,EAAIJ,EAEJ,OAAOjB,EAACgB,EAAA,CACN,OAASW,EACT,eAAiBR,EACjB,cAAgBC,EAChB,mBAAqBC,EACvB,CACF",
+  "names": ["jsx", "jsxs", "useEffect", "useRef", "useStore", "ReactRouterDOM", "Sheet", "PageNotFound", "RootViewController", "CustomerUseEffect", "beforeCallback", "afterCallback", "afterFirstCallback", "mounted", "location", "navigate", "Switcher", "props", "routes", "beforeCallBack", "afterCallBack", "afterFirstCallBack", "Routing", "page", "path", "content", "PageRouter", "pages"]
+}

package/dist/fn/Layout/PageViewController.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ReactElement } from '../../@declaration/_';
+declare namespace PageViewController {
+    type Input = {
+        viewIndex: number;
+        views: ReactElement[];
+        wrapper?: {
+            (view: ReactElement): ReactElement;
+        };
+    };
+}
+declare const PageViewController: React.FC<PageViewController.Input>;
+export { PageViewController, PageViewController as default, };

package/dist/fn/Layout/PageViewController.js

@@ -0,0 +1,2 @@
+import"../../chunk-E3D4DIO4.js";import{Fragment as c,jsx as a}from"react/jsx-runtime";import{useState as p}from"react";import w from"@fn/Effect/_";const n=r=>{let{viewIndex:e=0,views:t,wrapper:i=m=>a(w.FadeIn,{animationTime:400,children:m},e)}=r;e=Math.min(Math.max(e,0),t.length);let[l,o]=p(e);return l!=e&&o(e),a(c,{children:i(t[e])})};export{n as PageViewController,n as default};
+//# sourceMappingURL=PageViewController.js.map

package/dist/fn/Layout/PageViewController.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Layout/PageViewController.tsx"],
+  "sourcesContent": ["import {\n  ReactElement\n} from '@declaration'\nimport {\n  useState\n} from 'react'\n\nimport Effect from '@fn/Effect/_'\n\nnamespace PageViewController {\n  export type Input = {\n    viewIndex: number\n    views: ReactElement[]\n    wrapper?: {\n      ( view: ReactElement ): ReactElement\n    }\n  }\n}\nconst PageViewController: React.FC<PageViewController.Input> = ( params ) => {\n  let {\n    viewIndex = 0,\n    views,\n    wrapper = ( body ) => ( <Effect.FadeIn\n      key={ viewIndex }\n      animationTime={ 400 }\n      children={ body }\n    /> )\n  } = params\n  viewIndex = Math.min( Math.max( viewIndex,0 ),views.length )\n\n  let [ val_index,set_index ] = useState( viewIndex )\n  if ( val_index != viewIndex ) set_index( viewIndex )\n\n  return <>\n    { wrapper( views[ viewIndex ] ) }\n  </>\n}\n\nexport {\n  PageViewController,\n  PageViewController as default,\n}"],
+  "mappings": "gCAsB4B,OAWnB,YAAAA,EAXmB,OAAAC,MAAA,oBAnB5B,OACE,YAAAC,MACK,QAEP,OAAOC,MAAY,eAWnB,MAAMC,EAA2DC,GAAY,CAC3E,GAAI,CACF,UAAAC,EAAY,EACZ,MAAAC,EACA,QAAAC,EAAYC,GAAYR,EAACE,EAAO,OAAP,CAEvB,cAAgB,IAChB,SAAWM,GAFLH,CAGR,CACF,EAAID,EACJC,EAAY,KAAK,IAAK,KAAK,IAAKA,EAAU,CAAE,EAAEC,EAAM,MAAO,EAE3D,GAAI,CAAEG,EAAUC,CAAU,EAAIT,EAAUI,CAAU,EAClD,OAAKI,GAAaJ,GAAYK,EAAWL,CAAU,EAE5CL,EAAAD,EAAA,CACH,SAAAQ,EAASD,EAAOD,CAAU,CAAE,EAChC,CACF",
+  "names": ["Fragment", "jsx", "useState", "Effect", "PageViewController", "params", "viewIndex", "views", "wrapper", "body", "val_index", "set_index"]
+}

package/dist/fn/Layout/Plate.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import Box from '../../atoms/Box';
+declare namespace Plate {
+    type Input = {
+        size?: 'XS' | 'S' | 'R' | 'L' | 'XL' | 'MAX';
+    } & Box.Input;
+}
+declare const Plate: React.FC<Plate.Input>;
+export { Plate, Plate as default };

package/dist/fn/Layout/Plate.js

@@ -0,0 +1,2 @@
+import{b as e,c as o,d as S}from"../../chunk-E3D4DIO4.js";import{jsx as X}from"react/jsx-runtime";import n from"@atoms/Box";const p=r=>{let a=r,{size:i="R"}=a,t=S(a,["size"]),l={XS:48,S:60,R:72,L:84,XL:100,MAX:120}[i];return X(n,o(e({margin:[0,"auto"],width:1},t),{freeCSS:e({maxWidth:12*l},t.freeCSS)}))};export{p as Plate,p as default};
+//# sourceMappingURL=Plate.js.map

package/dist/fn/Layout/Plate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Layout/Plate.tsx"],
+  "sourcesContent": ["import Box from '@atoms/Box'\n\nnamespace Plate {\n  export type Input = {\n    size?: 'XS' | 'S' | 'R' | 'L' | 'XL' | 'MAX'\n  } & Box.Input\n}\n\nconst Plate: React.FC<Plate.Input> = ( props ) => {\n  let {\n    size = 'R',\n    ...others\n  } = props\n\n  let Size = {\n    'XS': 48,\n    'S': 60,\n    'R': 72,\n    'L': 84,\n    'XL': 100,\n    'MAX': 120,\n  }[ size ]\n\n  return <Box\n    margin={ [ 0,'auto' ] }\n    width={ 1 }\n    { ...others }\n    freeCSS={ {\n      maxWidth: 12 * Size,\n      ...others.freeCSS\n    } }\n  />\n}\nexport {\n  Plate,\n  Plate as default\n}"],
+  "mappings": "0DAuBS,cAAAA,MAAA,oBAvBT,OAAOC,MAAS,aAQhB,MAAMC,EAAiCC,GAAW,CAChD,IAGIC,EAAAD,EAFF,MAAAE,EAAO,GAVX,EAYMD,EADCE,EAAAC,EACDH,EADC,CADH,SAIEI,EAAO,CACT,GAAM,GACN,EAAK,GACL,EAAK,GACL,EAAK,GACL,GAAM,IACN,IAAO,GACT,EAAGH,CAAK,EAER,OAAOL,EAACC,EAAAQ,EAAAC,EAAA,CACN,OAAS,CAAE,EAAE,MAAO,EACpB,MAAQ,GACHJ,GAHC,CAIN,QAAUI,EAAA,CACR,SAAU,GAAKF,GACZF,EAAO,UAEd,CACF",
+  "names": ["jsx", "Box", "Plate", "props", "_a", "size", "others", "__objRest", "Size", "__spreadProps", "__spreadValues"]
+}

package/dist/fn/Layout/RootViewController.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../../@declaration/_';
+import Box from '../../atoms/Box';
+import Flex from '../../atoms/Flex';
+import Button from '../Button';
+declare namespace RootViewController {
+    type Methods = {
+        Base: React.FC<RootViewController.BaseParams>;
+        TopNavigation: React.FC<Flex.Input>;
+        SideNavigation: React.FC<Flex.Input & {
+            baseStyles?: TagProperty.Params;
+        }>;
+        FooterNavigation: React.FC<Flex.Input & {
+            baseStyles?: TagProperty.Params;
+        }>;
+        Comps: {
+            Button: React.FC<ButtonParams>;
+            Title: React.FC<Box.Input>;
+            Bar: React.FC<Box.Input>;
+        };
+        fn: FNs;
+    };
+    type BaseParams = Box.Input & {
+        topNavigation?: ReactElement;
+        sideNavigation?: ReactElement;
+        footerNavigation?: ReactElement;
+    };
+    type ButtonParams = Button.ButtonInput & Button.Tones.Clear & {
+        uri?: string;
+        uriGroup?: (string | RegExp) | (string | RegExp)[];
+    };
+    type FNs = {
+        updateCSSProperty: {
+            topNav(): void;
+            footer(): void;
+            reset(): void;
+        };
+    };
+}
+declare const RootViewController: RootViewController.Methods;
+export { RootViewController, RootViewController as default };

package/dist/fn/Layout/RootViewController.js

@@ -0,0 +1,2 @@
+import{b as p,c as v,d as f}from"../../chunk-E3D4DIO4.js";import{jsx as s,jsxs as x}from"react/jsx-runtime";import{useState as S,useEffect as N}from"react";import{$$ as o,Config as m,pageTransit as B}from"@utils";import h from"@atoms/Box";import C from"@atoms/Flex";import P from"@mols/Column";import F from"@fn/Button";import{LayoutClasses as y}from"@styles/componentClasses/_";const c={Base:i=>{let l=i,{topNavigation:e,sideNavigation:t,footerNavigation:a,children:r,className:n}=l,g=f(l,["topNavigation","sideNavigation","footerNavigation","children","className"]);N(()=>{c.fn.updateCSSProperty.reset(),setTimeout(()=>{c.fn.updateCSSProperty.reset()},100);let u="ResizeCB",R="RemovePageEventCB";return o(window).addEvent({eventType:"resize",eventID:u,callback:()=>{m.get().screen.isPhonepoint()||(o.interval.clear("__RVC_calcHeights"),o.interval.standBy("__RVC_calcHeights",300,()=>{c.fn.updateCSSProperty.reset()}))}}),()=>{o(window).removeEvent(R),o(window).removeEvent(u)}},[]);let d=r;return x(P,v(p({className:[n,y("RootViewController")].join(" "),backgroundColor:"1.layer.base",gap:0,minHeight:"viewHeight"},g),{children:[e,x(C,{className:y("Body"),flexWrap:!1,position:"relative",flexSizing:0,children:[t,s(h,{className:y("Content"),position:"relative",flexSizing:0,width:0,UnderBreakPointStyles:{width:"auto"},children:d})]}),a]}))},TopNavigation:i=>{let n=i,{className:e,children:t}=n,a=f(n,["className","children"]),[r]=S(o.uuid.gen());return N(()=>{c.fn.updateCSSProperty.topNav()},[]),s(C,v(p({"data-id":r,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"1.layer.base"},a),{id:"__RVC_TopNavigation",className:[e,y("TopNav")].join(" "),children:t}),r)},SideNavigation:i=>{let r=i,{className:e="",baseStyles:t}=r,a=f(r,["className","baseStyles"]);return s(h,p({flexSizing:"none",className:[e,y("SideNav")].join(" "),minHeight:"sideNavigationHeight"},a))},FooterNavigation:i=>{let n=i,{className:e="",baseStyles:t}=n,a=f(n,["className","baseStyles"]),[r]=S(o.uuid.gen());return N(()=>{c.fn.updateCSSProperty.footer()},[]),s(C,v(p({"data-id":r,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"1.layer.base",paddingBottom:"safeAreaBottom"},t),{id:"__RVC_FooterNavigation",className:[y("FooterNav"),e].join(" "),children:s(C,p({gap:1,flexWrap:!1,padding:"2/3",margin:"auto"},a))}))},Comps:{Button:i=>{let d=i,{isActive:e,uri:t,uriGroup:a}=d,r=f(d,["isActive","uri","uriGroup"]),n=o.flatArray(a),g=location.pathname;{let l=!1;if(o.is.exist(t)&&o.is.string(t)){let u=[location.origin,t.replace(/\//,"")].join("/");l=g==new URL(u).pathname}if(!l&&n.length)for(let u of n)o.is.nullish(u)||g.match(new RegExp(u))&&(l=!0);e=e!=null?e:l}return s(F.Button.Clear.R,p({padding:["3/4",1],display:"flex",gap:"1/2",fontColor:"inherit",width:1,flexSizing:"none",flexWrap:!1,ssEffectsOnActive:"ripple.cloud",verticalAlign:"center",textAlign:"left",isSemiBoldFont:!0,isActive:e,isActiveStyles:{fontColor:"theme",backgroundColor:"cloud"},onClick:l=>{o.is.exist(t)&&o.is.string(t)&&B.push(t,l.ctrlKey||l.metaKey)},color:"cloud"},r))},Bar:i=>s(h,p({flexSizing:"none",backgroundColor:"lcOpMiddle",unitHeight:"1/3",margin:["2/3",1],borderRadius:"sphere"},i)),Title:i=>s(h,p({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},i))},fn:{updateCSSProperty:{topNav:()=>{let i=o(document.body),e=o(m.get().appRoot).find("#__RVC_TopNavigation"),t=e.position().height||0,a=t;e.getStyleProperty("position")!="sticky"&&(a=0),i.setStyleProperty("--topNavHeight",t+"px").setStyleProperty("--topBase",a+"px")},footer:()=>{let i=o(document.body),t=o(m.get().appRoot).find("#__RVC_FooterNavigation").position().height||0;i.setStyleProperty("--footerNavHeight",t+"px")},reset:()=>{let i=o(document.body),e=o(m.get().appRoot).find("#__RVC_TopNavigation"),t=o(m.get().appRoot).find("#__RVC_FooterNavigation"),a=e.position().height||0,r=a,n=t.position().height||0;e.getStyleProperty("position")!="sticky"&&(r=0);let g=window.innerHeight,d=g-a-n;i.setStyleProperty("--topNavHeight",a+"px").setStyleProperty("--topBase",r+"px").setStyleProperty("--footerNavHeight",n+"px").setStyleProperty("--viewHeight",g+"px").setStyleProperty("--sideNavHeight",d+"px").setStyleProperty("--contentHeight",d+"px")}}}};export{c as RootViewController,c as default};
+//# sourceMappingURL=RootViewController.js.map

package/dist/fn/Layout/RootViewController.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Layout/RootViewController.tsx"],
+  "sourcesContent": ["import {\n  TagProperty,\n  ReactElement\n} from '@declaration'\nimport {\n  useState,\n  useEffect\n} from 'react'\n\nimport {\n  $$,\n  Config,\n  pageTransit,\n  useRecycle\n} from '@utils'\n\nimport Box from '@atoms/Box'\nimport Flex from '@atoms/Flex'\nimport Column from '@mols/Column'\nimport Button from '@fn/Button'\n\nimport { LayoutClasses } from '@styles/componentClasses/_'\n\nnamespace RootViewController {\n  export type Methods = {\n    Base: React.FC<RootViewController.BaseParams>\n    TopNavigation: React.FC<Flex.Input>\n    SideNavigation: React.FC<Flex.Input & {\n      baseStyles?: TagProperty.Params\n    }>\n    FooterNavigation: React.FC<Flex.Input & {\n      baseStyles?: TagProperty.Params\n    }>\n    Comps: {\n      Button: React.FC<ButtonParams>\n      Title: React.FC<Box.Input>\n      Bar: React.FC<Box.Input>\n    }\n    fn: FNs\n  }\n  export type BaseParams = Box.Input & {\n    topNavigation?: ReactElement\n    sideNavigation?: ReactElement\n    footerNavigation?: ReactElement\n  }\n  export type ButtonParams = Button.ButtonInput & Button.Tones.Clear & {\n    uri?: string\n    uriGroup?: ( string | RegExp ) | ( string | RegExp )[]\n  }\n  export type FNs = {\n    updateCSSProperty: {\n      topNav(): void\n      footer(): void\n      reset(): void\n    }\n  }\n}\n\nconst RootViewController: RootViewController.Methods = {\n  Base: ( params ) => {\n    let {\n      topNavigation,\n      sideNavigation,\n      footerNavigation,\n      children,\n      className,\n      ...others\n    } = params\n\n    useEffect( () => {\n      RootViewController.fn.updateCSSProperty.reset()\n      setTimeout( () => {\n        RootViewController.fn.updateCSSProperty.reset()\n      },100 )\n\n      let getSideNavigationHeight = 'ResizeCB'\n      let beforeunload = 'RemovePageEventCB'\n\n      $$( window ).addEvent( {\n        eventType: 'resize',\n        eventID: getSideNavigationHeight,\n        callback: () => {\n          if ( Config.get().screen.isPhonepoint() ) return;\n          $$.interval.clear( '__RVC_calcHeights' )\n          $$.interval.standBy( '__RVC_calcHeights',300,() => {\n            RootViewController.fn.updateCSSProperty.reset()\n          } )\n        }\n      } )\n      return () => {\n        $$( window ).removeEvent( beforeunload )\n        $$( window ).removeEvent( getSideNavigationHeight )\n      }\n    },[] )\n\n    let Chilren: ReactElement = children\n\n    return <Column\n      className={ [\n        className,\n        LayoutClasses( 'RootViewController' ),\n      ].join( ' ' ) }\n      backgroundColor='1.layer.base'\n      gap={ 0 }\n      minHeight={ 'viewHeight' }\n      { ...others }\n    >\n      { topNavigation }\n      <Flex\n        className={ LayoutClasses( 'Body' ) }\n        flexWrap={ false }\n        position='relative'\n        flexSizing={ 0 }\n      >\n        { sideNavigation }\n        <Box\n          className={ LayoutClasses( 'Content' ) }\n          position='relative'\n          flexSizing={ 0 }\n          width={ 0 }\n          UnderBreakPointStyles={ {\n            width: 'auto'\n          } }\n        >\n          { Chilren }\n        </Box>\n      </Flex>\n      { footerNavigation }\n    </Column>\n  },\n  TopNavigation: ( params ) => {\n    let {\n      className,\n      children,\n      ...others\n    } = params\n\n    let [ val_componentID ] = useState( $$.uuid.gen() )\n\n    useEffect( () => {\n      RootViewController.fn.updateCSSProperty.topNav()\n    },[] )\n\n    return <Flex\n      key={ val_componentID }\n      data-id={ val_componentID }\n      flexSizing={ 'none' }\n      flexType='col'\n      position='sticky'\n      top={ 0 }\n      backgroundColor='1.layer.base'\n      { ...others }\n      id='__RVC_TopNavigation'\n      className={ [\n        className,\n        LayoutClasses( 'TopNav' )\n      ].join( ' ' ) }\n    >\n      { children }\n    </Flex>\n  },\n  SideNavigation: ( params ) => {\n    let {\n      className = '',\n      baseStyles,\n      ...others\n    } = params\n\n    return <Box\n      flexSizing={ 'none' }\n      className={ [\n        className,\n        LayoutClasses( 'SideNav' )\n      ].join( ' ' ) }\n      minHeight='sideNavigationHeight'\n      { ...others }\n    />\n  },\n  FooterNavigation: ( params ) => {\n    let {\n      className = '',\n      baseStyles,\n      ...others\n    } = params\n    let [ val_componentID ] = useState( $$.uuid.gen() )\n\n    useEffect( () => {\n      RootViewController.fn.updateCSSProperty.footer()\n    },[] )\n\n    return <Flex\n      data-id={ val_componentID }\n      borderTop\n      position='sticky'\n      bottom={ 0 }\n      overflow={ 'auto' }\n      backgroundColor='1.layer.base'\n      paddingBottom={ 'safeAreaBottom' }\n      { ...baseStyles }\n      id='__RVC_FooterNavigation'\n      className={ [\n        LayoutClasses( 'FooterNav' ),\n        className\n      ].join( ' ' ) }\n    >\n      <Flex\n        gap={ 1 }\n        flexWrap={ false }\n        padding={ '2/3' }\n        margin={ 'auto' }\n        { ...others }\n      />\n    </Flex>\n  },\n  Comps: {\n    Button: ( params ) => {\n      let {\n        isActive,\n        uri,\n        uriGroup,\n        ...others\n      } = params\n\n      let groups = $$.flatArray( uriGroup )\n\n      let currentURL = location.pathname\n\n      {\n        let isCurrentURL = false\n        if ( $$.is.exist( uri ) && $$.is.string( uri ) ) {\n          let url = [\n            location.origin,\n            uri.replace( /\\//,'' )\n          ].join( '/' )\n          isCurrentURL = currentURL == new URL( url ).pathname\n        }\n\n        if ( !isCurrentURL ) {\n          if ( groups.length ) {\n            for ( let group of groups ) {\n              if ( $$.is.nullish( group ) ) continue\n              if ( !!currentURL.match( new RegExp( group ) ) ) isCurrentURL = true\n            }\n          }\n        }\n        isActive = isActive ?? isCurrentURL\n      }\n\n      return <Button.Button.Clear.R\n        padding={ [ '3/4',1 ] }\n        display='flex'\n        gap='1/2'\n        fontColor='inherit'\n        width={ 1 }\n        flexSizing={ 'none' }\n        flexWrap={ false }\n        ssEffectsOnActive='ripple.cloud'\n        verticalAlign='center'\n        textAlign='left'\n        isSemiBoldFont\n        isActive={ isActive }\n        isActiveStyles={ {\n          fontColor: 'theme',\n          backgroundColor: 'cloud'\n        } }\n        onClick={ ( event ) => {\n          if ( $$.is.exist( uri ) && $$.is.string( uri ) ) pageTransit.push( uri,event.ctrlKey || event.metaKey )\n        } }\n        color={ 'cloud' }\n        { ...others }\n      />\n    },\n    Bar: ( params ) => ( <Box\n      flexSizing={ 'none' }\n      backgroundColor={ 'lcOpMiddle' }\n      unitHeight={ '1/3' }\n      margin={ [ '2/3',1 ] }\n      borderRadius='sphere'\n      { ...params }\n    /> ),\n    Title: ( params ) => ( <Box\n      fontSize='3.paragraph'\n      isSemiBoldFont\n      padding={ [ 0,1 ] }\n      { ...params }\n    /> ),\n  },\n  fn: {\n    updateCSSProperty: {\n      topNav: () => {\n        let Body = $$( document.body )\n        let TopNav = $$( Config.get().appRoot ).find( '#__RVC_TopNavigation' )\n        let topNavHeight = TopNav.position().height || 0\n        let topBase = topNavHeight\n\n        if ( TopNav.getStyleProperty( 'position' ) != 'sticky' ) {\n          topBase = 0\n        }\n\n        Body\n          .setStyleProperty( '--topNavHeight',topNavHeight + 'px' )\n          .setStyleProperty( '--topBase',topBase + 'px' )\n      },\n      footer: () => {\n        let Body = $$( document.body )\n        let Footer = $$( Config.get().appRoot ).find( '#__RVC_FooterNavigation' )\n        let footerHeight = Footer.position().height || 0\n\n        Body\n          .setStyleProperty( '--footerNavHeight',footerHeight + 'px' )\n      },\n      reset: () => {\n        let Body = $$( document.body )\n        let TopNav = $$( Config.get().appRoot ).find( '#__RVC_TopNavigation' )\n        let Footer = $$( Config.get().appRoot ).find( '#__RVC_FooterNavigation' )\n\n        let topNavHeight = TopNav.position().height || 0\n        let topBase = topNavHeight\n        let footerHeight = Footer.position().height || 0\n\n        if ( TopNav.getStyleProperty( 'position' ) != 'sticky' ) {\n          topBase = 0\n        }\n\n        let viewHeight = window.innerHeight\n        let contentHeight = viewHeight - topNavHeight - footerHeight\n\n        Body\n          .setStyleProperty( '--topNavHeight',topNavHeight + 'px' )\n          .setStyleProperty( '--topBase',topBase + 'px' )\n          .setStyleProperty( '--footerNavHeight',footerHeight + 'px' )\n          .setStyleProperty( '--viewHeight',viewHeight + 'px' )\n          .setStyleProperty( '--sideNavHeight',contentHeight + 'px' )\n          .setStyleProperty( '--contentHeight',contentHeight + 'px' )\n      },\n    }\n  }\n}\n\nexport {\n  RootViewController,\n  RootViewController as default\n}"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "useState", "useEffect", "$$", "Config", "pageTransit", "Box", "Flex", "Column", "Button", "LayoutClasses", "RootViewController", "params", "_a", "topNavigation", "sideNavigation", "footerNavigation", "children", "className", "others", "__objRest", "getSideNavigationHeight", "beforeunload", "Chilren", "__spreadProps", "__spreadValues", "val_componentID", "baseStyles", "isActive", "uri", "uriGroup", "groups", "currentURL", "isCurrentURL", "url", "group", "event", "Body", "TopNav", "topNavHeight", "topBase", "footerHeight", "Footer", "viewHeight", "contentHeight"]
+}

package/dist/fn/Layout/SwipeView.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../../@declaration/_';
+declare namespace SwipeView {
+    type Input = TagProperty.BasicElement & {
+        slideIndex?: number;
+        slides: ReactElement[];
+        wrapper?: {
+            (slide: ReactElement): ReactElement;
+        };
+        options?: {
+            onSlideCallback?: {
+                (index: number): void;
+            };
+            visibilitySurroundSlide?: boolean;
+            autoSwipeSeconds?: number;
+            loop?: boolean;
+            disableMousedrag?: boolean;
+            disableTouch?: boolean;
+        };
+    };
+    type SlideEvent = {
+        eventType: 'usr' | 'sys' | 'init' | 'adjustLoop';
+        index: number;
+    };
+    type SliderInfo = {
+        x: number;
+        y: number;
+        effectStartAt: number;
+        process: boolean;
+        loop: boolean;
+        id: string;
+        index: number;
+        minIndex: number;
+        maxIndex: number;
+        width: number;
+        set_event: React.Dispatch<React.SetStateAction<SlideEvent>>;
+    };
+}
+declare const SwipeView: (params: SwipeView.Input) => import("react/jsx-runtime").JSX.Element;
+export { SwipeView, SwipeView as default };

package/dist/fn/Layout/SwipeView.js

@@ -0,0 +1,2 @@
+import{b as f,c as T,d as k}from"../../chunk-E3D4DIO4.js";import{jsx as g}from"react/jsx-runtime";import{useState as R,useEffect as M,useRef as N}from"react";import{$$ as r,Config as h,useStore as X}from"@utils";import L from"@atoms/Box";import j from"@atoms/Flex";import{LayoutClasses as o}from"@styles/componentClasses/_";const B=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipeSeconds:p=0,loop:s=!1,disableMousedrag:a=!1,disableTouch:d=!1}={},wrapper:i=n=>n,slides:v=[]}=D,I=k(D,["options","wrapper","slides"]),[w]=R(r.uuid.gen()),[c,y]=R({eventType:"init",index:t.slideIndex});M(()=>{X.set({key:"SwipeTimer-"+w,value:null})},[]);const E=N(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),E.current||(E.current=!0)},[t.slideIndex]),M(()=>{let n=c.index+(s?1:0),m=[-1,v.length].includes(c.index);m||e&&setTimeout(()=>{e(c.index)},300);let b=r(h.get().appRoot).find("#Swiper-"+w);if(c.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(o("Display")).parent().children(n).addClass([o("Display"),o("LoopAdjusting")]).await(100).removeClass(o("LoopAdjusting"));else if(c.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(o("Display")).parent().children(n).addClass(o("Display"));else if(b.children().removeClass(o("Display")).parent().children(n).addClass(o("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let x=c.index==-1?v.length-1:0;y({eventType:"adjustLoop",index:x})}p&&!m&&(r.interval.clear("SwipeTimer-"+w),r.interval.standBy("SwipeTimer-"+w,p-(c.eventType=="sys"?310:0),()=>{let x=c.index+1;!s&&x>v.length-1&&(x=0),y({eventType:"usr",index:x})}))},[c]);let S=v.map((n,m)=>g(L,{flexSizing:"none",width:1,height:0,className:o("Child"),children:i(n)},m));s&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:s,index:c.index,minIndex:s?-1:0,maxIndex:v.length+(s?1:-1),width:0,set_event:y},A=c.index+(s?1:0);return g(L,T(f({overflow:"hidden",position:"relative"},I),{className:[I.className,o("SwipeView")].join(" "),freeCSS:f({zIndex:1},I.freeCSS),"data-swipe-id":w,onMouseDown:n=>{a||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;d||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:g(j,{flexWrap:!1,gap:1,transition:"long",className:[o("Rail"),o("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},E.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}%  - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:p}=r.getCursor(t),s=t.currentTarget,a=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(a.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:p-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:r(h.get().appRoot).find("#Swiper-"+e.id).position().width});let{swipeId:d}=s.dataset;d==e.id&&r(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:i=>{l.EffectCheck(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:i=>{l.EffectCheck(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:i=>{l.EffectEnd(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:i=>{l.EffectEnd(i,e)},option:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:p}=r.getCursor(t),s=Math.abs(u-e.x+window.scrollX),a=Math.abs(p-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(a+s<15))if(a>s/2)r(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let d=e.index+(e.loop?1:0);r(h.get().appRoot).find("#Swiper-"+e.id).children(d-1).addClass(o("Display")),r(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:i=>{l.EffectMove(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:i=>{l.EffectMove(i,e)},option:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=r.getCursor(t),p=u-e.x+window.scrollX,a=e.index+(e.loop?1:0)-p/e.width;if(a<0)a/=2;else if(a>e.maxIndex){let d=a-e.maxIndex;a=e.maxIndex+d/2}r(h.get().appRoot).find("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(a)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let p=r.getCursor(t).x-e.x+window.scrollX,s=new Date().getTime(),a=s-e.effectStartAt,d=e.index+(e.loop?1:0),i=0;a<400?i=d-(+(p>0)*2-1):i=Math.round(d-p/e.width),i=Math.max(Math.min(i,e.maxIndex),e.minIndex),e.process=!1,d===i?(e.effectStartAt=s,r(h.get().appRoot).find("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(i)}).await(310).css({transition:"0s"}).children().removeClass(o("Display")).parent().children(d).addClass(o("Display"))):e.set_event({eventType:"usr",index:i+e.minIndex})}r(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>g(B,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};
+//# sourceMappingURL=SwipeView.js.map

package/dist/fn/Layout/SwipeView.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Layout/SwipeView.tsx"],
+  "sourcesContent": ["import {\n  TagProperty,\n  ReactElement\n} from '@declaration'\nimport {\n  useState,\n  useEffect,\n  useRef\n} from 'react'\nimport {\n  $$,\n  Config,\n  useStore,\n} from '@utils'\n\nimport Box from '@atoms/Box'\nimport Flex from '@atoms/Flex'\n\nimport { LayoutClasses } from '@styles/componentClasses/_'\n\nnamespace SwipeView {\n  export type Input = TagProperty.BasicElement & {\n    slideIndex?: number\n    slides: ReactElement[]\n    wrapper?: {\n      ( slide: ReactElement ): ReactElement\n    }\n    options?: {\n      onSlideCallback?: {\n        ( index: number ): void\n      }\n      visibilitySurroundSlide?: boolean\n      autoSwipeSeconds?: number\n      loop?: boolean\n      disableMousedrag?: boolean\n      disableTouch?: boolean\n    }\n  }\n  export type SlideEvent = {\n    eventType: 'usr' | 'sys' | 'init' | 'adjustLoop'\n    index: number\n  }\n  export type SliderInfo = {\n    x: number\n    y: number\n    effectStartAt: number\n    process: boolean\n    loop: boolean\n    id: string\n    index: number\n    minIndex: number\n    maxIndex: number\n    width: number\n    set_event: React.Dispatch<React.SetStateAction<SlideEvent>>\n  }\n}\n\nconst Core: React.FC<SwipeView.Input> = ( params ) => {\n  let {\n    options: {\n      onSlideCallback,\n      visibilitySurroundSlide = true,\n      autoSwipeSeconds = 0,\n      loop = false,\n      disableMousedrag = false,\n      disableTouch = false,\n    } = {},\n    wrapper = ( slide ) => ( slide ),\n    slides = [],\n    ...others\n  } = params\n\n  let [ val_swipeID ] = useState( $$.uuid.gen() )\n  let [ val_event,set_event ] = useState( {\n    eventType: 'init',\n    index: params.slideIndex\n  } as SwipeView.SlideEvent )\n\n  useEffect( () => {\n    useStore.set( {\n      key: 'SwipeTimer-' + val_swipeID,\n      value: null\n    } )\n  },[] )\n\n  const mounted = useRef( false )\n  useEffect( () => {\n    set_event( {\n      eventType: 'usr',\n      index: params.slideIndex!\n    } )\n\n    if ( !mounted.current ) mounted.current = true\n  },[ params.slideIndex ] )\n\n  useEffect( () => {\n    let Index = val_event.index + ( loop ? 1 : 0 )\n    let CopyIndex = [ -1,slides.length ].includes( val_event.index )\n\n    if ( !CopyIndex ) if ( onSlideCallback ) setTimeout( () => {\n      onSlideCallback!( val_event.index )\n    },300 )\n\n    let Base = $$( Config.get().appRoot ).find( '#Swiper-' + val_swipeID )\n    if ( val_event.eventType == 'adjustLoop' ) {\n      Base\n        .await( 250 )\n        .css( {\n          transition: '0s',\n          transform: FNs.TrasformString( Index )\n        } )\n        .children()\n        .removeClass( LayoutClasses( 'Display' ) )\n        .parent().children( Index )\n        .addClass( [ LayoutClasses( 'Display' ),LayoutClasses( 'LoopAdjusting' ) ] )\n        .await( 100 ).removeClass( LayoutClasses( 'LoopAdjusting' ) )\n    } else if ( val_event.eventType == 'sys' ) {\n      Base\n        .await( 250 )\n        .css( {\n          transform: FNs.TrasformString( Index )\n        } )\n        .children()\n        .removeClass( LayoutClasses( 'Display' ) )\n        .parent().children( Index )\n        .addClass( LayoutClasses( 'Display' ) )\n    } else {\n      Base\n        .children()\n        .removeClass( LayoutClasses( 'Display' ) )\n        .parent().children( Index )\n        .addClass( LayoutClasses( 'Display' ) )\n        .parent()\n        .css( {\n          transition: '0.3s',\n          transform: FNs.TrasformString( Index )\n        } )\n        .await( 250 ).css( { transition: '0s' } )\n\n      if ( CopyIndex ) {\n        let ajastIndex = val_event.index == -1 ? slides.length - 1 : 0\n        set_event( {\n          eventType: 'adjustLoop',\n          index: ajastIndex\n        } )\n      }\n    }\n\n    if ( autoSwipeSeconds && !CopyIndex ) {\n      $$.interval.clear( 'SwipeTimer-' + val_swipeID )\n      $$.interval.standBy(\n        'SwipeTimer-' + val_swipeID,\n        autoSwipeSeconds - ( val_event.eventType == 'sys' ? 310 : 0 ),\n        () => {\n          let newIndex = val_event.index + 1\n\n          if ( !loop && newIndex > slides.length - 1 ) newIndex = 0\n\n          set_event( {\n            eventType: 'usr',\n            index: newIndex\n          } )\n        }\n      )\n    }\n  },[ val_event ] )\n\n  let Slides = slides.map( ( slide,index ) => <Box\n    key={ index }\n    flexSizing={ 'none' }\n    width={ 1 }\n    height={ 0 }\n    className={ LayoutClasses( 'Child' ) }\n    children={ wrapper( slide ) }\n  /> )\n\n  if ( loop ) {\n    Slides.push( Slides[ 0 ] )\n    Slides.unshift( Slides[ Slides.length - 2 ] )\n  }\n\n  let info: SwipeView.SliderInfo = {\n    x: 0,\n    y: 0,\n    process: false,\n    effectStartAt: 0,\n    id: val_swipeID,\n    loop,\n    index: val_event.index,\n    minIndex: loop ? -1 : 0,\n    maxIndex: slides.length + ( loop ? 1 : -1 ),\n    width: 0,\n    set_event: set_event\n  }\n\n  let Index = val_event.index + ( loop ? 1 : 0 )\n\n  return <Box\n    overflow='hidden'\n    position='relative'\n    { ...others }\n    className={ [\n      others.className,\n      LayoutClasses( 'SwipeView' )\n    ].join( ' ' ) }\n    freeCSS={ {\n      zIndex: 1,\n      ...others.freeCSS\n    } }\n    data-swipe-id={ val_swipeID }\n    onMouseDown={ ( event ) => {\n      if ( disableMousedrag ) return\n      if ( event.buttons != 1 ) return\n      FNs.EffectStart( event,info )\n    } }\n    onTouchStart={ ( event ) => {\n      if ( disableTouch ) return\n      if ( event.touches?.length != 1 ) return\n      FNs.EffectStart( event as any,info )\n    } }\n  >\n    <Flex\n      flexWrap={ false }\n      gap={ 1 }\n      transition='long'\n      className={ [\n        LayoutClasses( 'Rail' ),\n        LayoutClasses( 'ShowOther_' + visibilitySurroundSlide )\n      ].join( ' ' ) }\n      id={ 'Swiper-' + val_swipeID }\n      freeCSS={ {\n        ...!mounted.current ? {\n          transform: FNs.TrasformString( Index )\n        } : {}\n      } }\n      children={ Slides }\n    />\n  </Box>\n}\n\nconst FNs = {\n  TrasformString: ( Index: number ) => ( `translateX( calc( ${ -100 * Index }%  - ${ 12 * ( Index ) }px ) )` ),\n  EffectStart: ( event: React.MouseEvent<HTMLDivElement,MouseEvent>,info: SwipeView.SliderInfo ) => {\n    let {\n      x,y\n    } = $$.getCursor( event as any )\n    let eventTarget = event.currentTarget\n    let target = event.target as HTMLElement\n    if ( [ 'SELECT','BUTTON','LABEL','INPUT' ].includes( target.tagName ) ) return\n\n    info = {\n      ...info,\n      x: x - info.x + window.scrollX,\n      y: y - info.y + window.scrollY,\n      effectStartAt: new Date().getTime(),\n      width: $$( Config.get().appRoot ).find( '#Swiper-' + info.id ).position().width\n    }\n\n    let { swipeId } = eventTarget.dataset\n    if ( swipeId == info.id ) {\n      $$( document )\n        .addEvent( {\n          eventID: 'SwipeMouseMove',eventType: 'mousemove',\n          callback: ( event ) => { FNs.EffectCheck( event,info ) },\n          option: { passive: false }\n        } )\n        .addEvent( {\n          eventID: 'SwipeTouchMove',eventType: 'touchmove',\n          callback: ( event ) => { FNs.EffectCheck( event,info ) },\n          option: { passive: false }\n        } )\n        .addEvent( {\n          eventID: 'SwipeMouseUp',eventType: 'mouseup',\n          callback: ( event ) => { FNs.EffectEnd( event,info ) },\n          option: { passive: false }\n        } )\n        .addEvent( {\n          eventID: 'SwipeTouchEnd',eventType: 'touchend',\n          callback: ( event ) => { FNs.EffectEnd( event,info ) },\n          option: { passive: false }\n        } )\n    }\n  },\n  EffectCheck: ( event: any,info: SwipeView.SliderInfo ) => {\n    if ( info.process ) return\n    let {\n      x,y\n    } = $$.getCursor( event )\n\n    let X = Math.abs( x - info.x + window.scrollX )\n    let Y = Math.abs( y - info.y + window.scrollY )\n\n    if ( event.touches && event.touches.length > 1 ) return\n    if ( Y + X < 15 ) return\n    if ( Y > X / 2 ) {\n      $$( document ).removeEvent( [\n        'SwipeMouseMove',\n        'SwipeTouchMove'\n      ] )\n    } else {\n      info.process = true\n\n      let Index = info.index + ( info.loop ? 1 : 0 )\n\n      $$( Config.get().appRoot ).find( '#Swiper-' + info.id ).children( Index - 1 ).addClass( LayoutClasses( 'Display' ) )\n\n      $$( document )\n        .addEvent( {\n          eventID: 'SwipeCheckMouseMove',eventType: 'mousemove',\n          callback: ( event ) => { FNs.EffectMove( event,info ) },\n          option: { passive: false }\n        } )\n        .addEvent( {\n          eventID: 'SwipeCheckTouchMove',eventType: 'touchmove',\n          callback: ( event ) => { FNs.EffectMove( event,info ) },\n          option: { passive: false }\n        } )\n\n      event.preventDefault()\n      return\n    }\n  },\n  EffectMove: ( event: any,info: SwipeView.SliderInfo ) => {\n    if ( event.touches && event.touches.length > 1 ) return\n\n    let {\n      x\n    } = $$.getCursor( event )\n\n    let X = x - info.x + window.scrollX\n\n    let Index = info.index + ( info.loop ? 1 : 0 )\n    let rate = Index - X / info.width\n\n    if ( rate < 0 ) {\n      rate /= 2\n    } else if ( rate > info.maxIndex ) {\n      let excess = rate - info.maxIndex\n      rate = info.maxIndex + excess / 2\n    }\n\n    $$( Config.get().appRoot )\n      .find( '#Swiper-' + info.id )\n      .css( {\n        transition: '0s',\n        transform: FNs.TrasformString( rate )\n      } )\n\n    event.preventDefault()\n    return\n  },\n  EffectEnd: ( event: Event,info: SwipeView.SliderInfo ) => {\n    if ( info.process ) {\n      let cursor = $$.getCursor( event )\n      let X = cursor.x - info.x + window.scrollX\n\n      let current = new Date().getTime()\n\n      let totalTime = current - info.effectStartAt\n\n      let Index = info.index + ( info.loop ? 1 : 0 )\n\n      let newIndex = 0\n      if ( totalTime < 400 ) {\n        newIndex = Index - ( Number( X > 0 ) * 2 - 1 )\n      } else {\n        newIndex = Math.round( Index - X / info.width )\n      }\n      newIndex = Math.max( Math.min( newIndex,info.maxIndex ),info.minIndex )\n\n      info.process = false\n      if ( Index === newIndex ) {\n        info.effectStartAt = current\n\n        $$( Config.get().appRoot )\n          .find( '#Swiper-' + info.id )\n          .css( {\n            transition: '.2s',\n            transform: FNs.TrasformString( newIndex )\n          } )\n          .await( 310 )\n          .css( {\n            transition: '0s'\n          } )\n          .children().removeClass( LayoutClasses( 'Display' ) )\n          .parent().children( Index ).addClass( LayoutClasses( 'Display' ) )\n      } else {\n        info.set_event( {\n          eventType: 'usr',\n          index: newIndex + info.minIndex\n        } )\n      }\n    }\n\n    $$( document ).removeEvent( [\n      'SwipeMouseMove',\n      'SwipeTouchMove',\n      'SwipeCheckMouseMove',\n      'SwipeCheckTouchMove',\n      'SwipeMouseUp',\n      'SwipeTouchEnd'\n    ] )\n  }\n}\n\nconst SwipeView = ( params: SwipeView.Input ) => {\n  return <Core\n    { ...params }\n    slideIndex={ Math.max( Math.min( params.slideIndex!,params.slides.length - 1 ),0 ) }\n  />\n}\n\nexport {\n  SwipeView,\n  SwipeView as default\n}"],
+  "mappings": "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",
+  "names": ["jsx", "useState", "useEffect", "useRef", "$$", "Config", "useStore", "Box", "Flex", "LayoutClasses", "Core", "params", "_a", "onSlideCallback", "visibilitySurroundSlide", "autoSwipeSeconds", "loop", "disableMousedrag", "disableTouch", "wrapper", "slide", "slides", "others", "__objRest", "val_swipeID", "val_event", "set_event", "mounted", "Index", "CopyIndex", "Base", "FNs", "ajastIndex", "newIndex", "Slides", "index", "info", "__spreadProps", "__spreadValues", "event", "x", "y", "eventTarget", "target", "swipeId", "X", "Y", "rate", "excess", "current", "totalTime", "SwipeView"]
+}

package/dist/fn/Layout/TabBar.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../../@declaration/_';
+declare namespace TabBar {
+    type Input = {
+        tabIndex: number;
+        tabs: ReactElement[];
+        onTabChange?: {
+            (index: number): void;
+        };
+        componentDidMount?: {
+            (): void;
+        };
+    } & TagProperty.BasicElement;
+}
+declare const TabBar: React.FC<TabBar.Input>;
+export { TabBar, TabBar as default };

package/dist/fn/Layout/TabBar.js

@@ -0,0 +1,2 @@
+import{b as o,c as l,d as m}from"../../chunk-E3D4DIO4.js";import{jsx as a}from"react/jsx-runtime";import{useEffect as s}from"react";import c from"@atoms/Box";import x from"@atoms/Flex";import v from"@fn/Input/_";const u=f=>{let i=f,{tabIndex:d,tabs:b,onTabChange:r,componentDidMount:n}=i,p=m(i,["tabIndex","tabs","onTabChange","componentDidMount"]);return s(()=>{n&&n()},[]),a(x,l(o({position:"relative",overflow:"auto",flexWrap:!1},p),{freeCSS:o({zIndex:3,whiteSpace:"nowrap"},p.freeCSS),children:a(c,{margin:[0,"auto"],children:a(v.Segmented.BottomLine,{value:d,fontColor:"inherit",override:"force",gap:0,options:b.map((e,t)=>({value:t,label:e})),onUpdateValidValue:e=>{let t=e.value[0];r&&r(t)}})})}))};export{u as TabBar,u as default};
+//# sourceMappingURL=TabBar.js.map

package/dist/fn/Layout/TabBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Layout/TabBar.tsx"],
+  "sourcesContent": ["import {\n  TagProperty,\n  ReactElement\n} from '@declaration'\nimport {\n  useState,\n  useEffect\n} from 'react'\n\nimport Box from '@atoms/Box'\nimport Flex from '@atoms/Flex'\nimport Input from '@fn/Input/_'\n\nnamespace TabBar {\n  export type Input = {\n    tabIndex: number\n    tabs: ReactElement[]\n    onTabChange?: {\n      ( index: number ): void\n    }\n\n    componentDidMount?: {\n      (): void\n    }\n  } & TagProperty.BasicElement\n}\n\nconst TabBar: React.FC<TabBar.Input> = ( params ) => {\n  let {\n    tabIndex,\n    tabs,\n    onTabChange,\n    componentDidMount,\n    ...others\n  } = params\n\n  useEffect( () => {\n    if ( componentDidMount ) componentDidMount()\n  },[] )\n\n  return <Flex\n    position='relative'\n    overflow={ 'auto' }\n    flexWrap={ false }\n    { ...others }\n    freeCSS={ {\n      zIndex: 3,\n      whiteSpace: 'nowrap',\n      ...others.freeCSS\n    } }\n  >\n    <Box\n      margin={ [ 0,'auto' ] }\n    >\n      <Input.Segmented.BottomLine\n        value={ tabIndex }\n        fontColor='inherit'\n        override='force'\n        gap={ 0 }\n        options={ tabs.map( ( tab,index ) => {\n          return {\n            value: index,\n            label: tab\n          }\n        } ) }\n        onUpdateValidValue={ ( args ) => {\n          let value = args.value[ 0 ]\n          if ( onTabChange ) onTabChange( value )\n        } }\n      />\n    </Box>\n  </Flex>\n}\nexport {\n  TabBar,\n  TabBar as default\n}"],
+  "mappings": "0DAsDM,cAAAA,MAAA,oBAlDN,OAEE,aAAAC,MACK,QAEP,OAAOC,MAAS,aAChB,OAAOC,MAAU,cACjB,OAAOC,MAAW,cAgBlB,MAAMC,EAAmCC,GAAY,CACnD,IAMIC,EAAAD,EALF,UAAAE,EACA,KAAAC,EACA,YAAAC,EACA,kBAAAC,CAhCJ,EAkCMJ,EADCK,EAAAC,EACDN,EADC,CAJH,WACA,OACA,cACA,sBAIF,OAAAN,EAAW,IAAM,CACVU,GAAoBA,EAAkB,CAC7C,EAAE,CAAC,CAAE,EAEEX,EAACG,EAAAW,EAAAC,EAAA,CACN,SAAS,WACT,SAAW,OACX,SAAW,IACNH,GAJC,CAKN,QAAUG,EAAA,CACR,OAAQ,EACR,WAAY,UACTH,EAAO,SAGZ,SAAAZ,EAACE,EAAA,CACC,OAAS,CAAE,EAAE,MAAO,EAEpB,SAAAF,EAACI,EAAM,UAAU,WAAhB,CACC,MAAQI,EACR,UAAU,UACV,SAAS,QACT,IAAM,EACN,QAAUC,EAAK,IAAK,CAAEO,EAAIC,KACjB,CACL,MAAOA,EACP,MAAOD,CACT,EACA,EACF,mBAAuBE,GAAU,CAC/B,IAAIC,EAAQD,EAAK,MAAO,CAAE,EACrBR,GAAcA,EAAaS,CAAM,CACxC,EACF,EACF,GACF,CACF",
+  "names": ["jsx", "useEffect", "Box", "Flex", "Input", "TabBar", "params", "_a", "tabIndex", "tabs", "onTabChange", "componentDidMount", "others", "__objRest", "__spreadProps", "__spreadValues", "tab", "index", "args", "value"]
+}

package/dist/fn/Layout/_.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import _SwipeView from './SwipeView';
+import _PageViewController from './PageViewController';
+import _TabBar from './TabBar';
+import _Plate from './Plate';
+import _PageNotFound from './PageNotFound';
+import _PageRouter from './PageRouter';
+import _RootViewController from './RootViewController';
+declare namespace Layout {
+    type Methods = {
+        PageViewController: React.FC<_PageViewController.Input>;
+        TabBar: React.FC<_TabBar.Input>;
+        Plate: React.FC<_Plate.Input>;
+        SwipeView: React.FC<_SwipeView.Input>;
+        PageRouter: React.FC<_PageRouter.Input>;
+        PageNotFound: React.FC<{}>;
+        RootViewController: _RootViewController.Methods;
+    };
+    export import PageViewController = _PageViewController;
+    export import TabBar = _TabBar;
+    export import Plate = _Plate;
+    export import SwipeView = _SwipeView;
+    export import PageRouter = _PageRouter;
+    export import PageNotFound = _PageNotFound;
+    export import RootViewController = _RootViewController;
+}
+export { Layout, Layout as default };

package/dist/fn/Layout/_.js

@@ -0,0 +1,2 @@
+import"../../chunk-E3D4DIO4.js";import r from"./SwipeView";import t from"./PageViewController";import p from"./TabBar";import i from"./Plate";import a from"./PageNotFound";import m from"./PageRouter";import l from"./RootViewController";var o;(e=>(e.PageViewController=t,e.TabBar=p,e.Plate=i,e.SwipeView=r,e.PageRouter=m,e.PageNotFound=a,e.RootViewController=l))(o||(o={}));export{o as Layout,o as default};
+//# sourceMappingURL=_.js.map

package/dist/fn/Layout/_.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Layout/_.tsx"],
+  "sourcesContent": ["import _SwipeView from './SwipeView'\nimport _PageViewController from './PageViewController'\nimport _TabBar from './TabBar'\nimport _Plate from './Plate'\nimport _PageNotFound from './PageNotFound'\nimport _PageRouter from './PageRouter'\nimport _RootViewController from './RootViewController'\n\nnamespace Layout {\n  export type Methods = {\n    PageViewController: React.FC<_PageViewController.Input>\n    TabBar: React.FC<_TabBar.Input>\n    Plate: React.FC<_Plate.Input>\n    SwipeView: React.FC<_SwipeView.Input>\n\n    PageRouter: React.FC<_PageRouter.Input>\n\n    PageNotFound: React.FC<{}>\n\n    RootViewController: _RootViewController.Methods\n  }\n  export import PageViewController = _PageViewController\n  export import TabBar = _TabBar\n  export import Plate = _Plate\n  export import SwipeView = _SwipeView\n  export import PageRouter = _PageRouter\n  export import PageNotFound = _PageNotFound\n  export import RootViewController = _RootViewController\n}\n\nexport {\n  Layout,\n  Layout as default\n}"],
+  "mappings": "gCAAA,OAAOA,MAAgB,cACvB,OAAOC,MAAyB,uBAChC,OAAOC,MAAa,WACpB,OAAOC,MAAY,UACnB,OAAOC,MAAmB,iBAC1B,OAAOC,MAAiB,eACxB,OAAOC,MAAyB,uBAEhC,IAAUC,OAaMA,EAAA,mBAAqBN,EACrBM,EAAA,OAASL,EACTK,EAAA,MAAQJ,EACRI,EAAA,UAAYP,EACZO,EAAA,WAAaF,EACbE,EAAA,aAAeH,EACfG,EAAA,mBAAqBD,IAnB3BC,MAAA",
+  "names": ["_SwipeView", "_PageViewController", "_TabBar", "_Plate", "_PageNotFound", "_PageRouter", "_RootViewController", "Layout"]
+}