amotify 0.2.278 → 0.2.279

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/demo/esbuild/designBook.tsx +7 -60
  2. package/demo/next/package.json +1 -1
  3. package/dist/@declares/index.d.ts +9 -2
  4. package/dist/@declares/property.d.ts +1 -0
  5. package/dist/@utils/GenerateClassName.d.ts +2 -2
  6. package/dist/@utils/GenerateClassName.js +1 -1
  7. package/dist/@utils/config.d.ts +7 -7
  8. package/dist/@utils/config.js +1 -1
  9. package/dist/atoms/Box.d.ts +2 -2
  10. package/dist/atoms/Box.js +1 -1
  11. package/dist/atoms/FAI.d.ts +2 -2
  12. package/dist/atoms/FAI.js +1 -1
  13. package/dist/atoms/Grid.js +2 -2
  14. package/dist/atoms/Img.d.ts +2 -2
  15. package/dist/atoms/Img.js +1 -1
  16. package/dist/atoms/Logo.d.ts +3 -3
  17. package/dist/atoms/Logo.js +2 -2
  18. package/dist/fn/Button.d.ts +3 -3
  19. package/dist/fn/Button.js +1 -1
  20. package/dist/fn/DataGrid/index.d.ts +142 -0
  21. package/dist/fn/DataGrid/index.js +1 -0
  22. package/dist/fn/Input/Autocomplete.d.ts +2 -2
  23. package/dist/fn/Input/Autocomplete.js +1 -1
  24. package/dist/fn/Input/DigitCharacters.d.ts +2 -2
  25. package/dist/fn/Input/DigitCharacters.js +1 -1
  26. package/dist/fn/Input/Drum.js +1 -1
  27. package/dist/fn/Input/Filer.d.ts +2 -2
  28. package/dist/fn/Input/Filer.js +1 -1
  29. package/dist/fn/Input/Label.d.ts +2 -2
  30. package/dist/fn/Input/Label.js +1 -1
  31. package/dist/fn/Input/List.d.ts +7 -7
  32. package/dist/fn/Input/List.js +1 -1
  33. package/dist/fn/Input/Parts.d.ts +2 -2
  34. package/dist/fn/Input/Parts.js +1 -1
  35. package/dist/fn/Input/Plain.d.ts +2 -2
  36. package/dist/fn/Input/Plain.js +1 -1
  37. package/dist/fn/Input/Segmented.js +1 -1
  38. package/dist/fn/Input/Select.d.ts +4 -4
  39. package/dist/fn/Input/Select.js +1 -1
  40. package/dist/fn/Input/Slider.js +1 -1
  41. package/dist/fn/Input/Switch.d.ts +6 -6
  42. package/dist/fn/Input/Switch.js +1 -1
  43. package/dist/fn/Input/TextField.js +2 -2
  44. package/dist/fn/Input/core.js +1 -1
  45. package/dist/fn/Input/index.d.ts +3 -3
  46. package/dist/fn/Input/index.js +1 -1
  47. package/dist/fn/Loader/index.d.ts +2 -2
  48. package/dist/fn/Loader/index.js +1 -1
  49. package/dist/fn/Loader/mini.js +1 -1
  50. package/dist/fn/RootViewController.d.ts +2 -2
  51. package/dist/fn/RootViewController.js +1 -1
  52. package/dist/fn/Sheet.d.ts +3 -3
  53. package/dist/fn/Sheet.js +1 -1
  54. package/dist/fn/SwipeView.d.ts +2 -2
  55. package/dist/fn/SwipeView.js +1 -1
  56. package/dist/fn/TabBar.d.ts +2 -2
  57. package/dist/fn/TabBar.js +1 -1
  58. package/dist/fn/Table/Data.d.ts +3 -9
  59. package/dist/fn/Table/Data.js +1 -1
  60. package/dist/fn/Table/Drag.js +1 -1
  61. package/dist/fn/Table/Parts.d.ts +6 -6
  62. package/dist/fn/Table/Parts.js +1 -1
  63. package/dist/fn/Table/Wrapper.js +1 -1
  64. package/dist/fn/Table/cellStyling.d.ts +3 -3
  65. package/dist/fn/Table/cellStyling.js +1 -1
  66. package/dist/fn/Table/index.d.ts +5 -7
  67. package/dist/fn/Table/index.js +1 -1
  68. package/dist/fn/Tips.js +1 -1
  69. package/dist/fn/Tooltips.d.ts +2 -2
  70. package/dist/fn/index.d.ts +1 -0
  71. package/dist/fn/index.js +1 -1
  72. package/dist/index.d.ts +4 -1
  73. package/dist/mols/List.d.ts +2 -2
  74. package/dist/mols/List.js +1 -1
  75. package/dist/mols/Literal.d.ts +2 -2
  76. package/dist/mols/Literal.js +1 -1
  77. package/dist/mols/Row.d.ts +2 -2
  78. package/package.json +2 -2
@@ -6,8 +6,7 @@ import React,{
6
6
  } from 'react'
7
7
 
8
8
  import {
9
- DarkMode,
10
- ThemeColor,
9
+ Themecolor,
11
10
  ReactElement,
12
11
  Config,
13
12
  LaunchReactApp,
@@ -42,7 +41,7 @@ import {
42
41
  Effect,
43
42
  Cropper,
44
43
  RootViewController,
45
- StyleTags,
44
+ StyleProps,
46
45
  Roundness,
47
46
  Card
48
47
  } from 'amotify'
@@ -2270,7 +2269,6 @@ const Tables = {
2270
2269
  <Column gap={ 3 }>
2271
2270
  <Tables.Normal />
2272
2271
  <Tables.Data />
2273
- <Tables.Drag />
2274
2272
  <Tables.Spread />
2275
2273
  </Column>
2276
2274
  </>
@@ -2306,7 +2304,7 @@ const Tables = {
2306
2304
  },
2307
2305
  ] }
2308
2306
  cellStylesCallback={ ( args ) => {
2309
- let styles: StyleTags.Properties = {}
2307
+ let styles: StyleProps.Properties = {}
2310
2308
 
2311
2309
  if ( args.isHeader ) {
2312
2310
  styles = {
@@ -2324,57 +2322,6 @@ const Tables = {
2324
2322
  />
2325
2323
  </>
2326
2324
  },
2327
- Drag: () => {
2328
- let DragData: Table.Drag.BodyRow[] = []
2329
- for ( var i = 0; i < 4; i++ ) {
2330
- let Row: Table.Drag.BodyRow = [
2331
- { children: 'head_' + i },
2332
- { children: 'data_' + i },
2333
- {
2334
- children: 'data_' + i,
2335
- // styles: { backgroundColor: 'nega' },
2336
- // freeCSS: { opacity: .3 }
2337
- },
2338
- ]
2339
- Row.rowID = 'rowID-' + i
2340
- DragData.push( Row )
2341
- }
2342
-
2343
- return <>
2344
- <Box fontSize='5.subTitle'>
2345
- Table.Drag
2346
- </Box>
2347
- <Table.Drag
2348
- colLength={ 3 }
2349
- head={ [
2350
- { children: 'head1' },
2351
- { children: 'head2' },
2352
- {
2353
- children: 'head3',
2354
- // styles: { backgroundColor: 'nega' },
2355
- // freeCSS: { opacity: .3 }
2356
- },
2357
- ] }
2358
-
2359
- cellStyles={ {
2360
- // backgroundColor: 'posi',
2361
- // freeCSS: { opacity: .3 }
2362
- } }
2363
- cellStylesCallback={ () => {
2364
- return {
2365
- // backgroundColor: 'warn',
2366
- // freeCSS: { opacity: .3 }
2367
- }
2368
- } }
2369
-
2370
- rows={ DragData }
2371
- ssCardBox
2372
- onOrderChanged={ ( args ) => {
2373
- console.log( args )
2374
- } }
2375
- />
2376
- </>
2377
- },
2378
2325
  Data: () => {
2379
2326
  let [ val_keyword,set_keyword ] = useState( '' )
2380
2327
  let DataData: Table.Data.BodyRow[] = []
@@ -2639,7 +2586,7 @@ const Cropping = () => {
2639
2586
  }
2640
2587
 
2641
2588
  const UserConfig = () => {
2642
- let [ val_theme,set_theme ] = useState<ThemeColor>( Config.get().themeColor )
2589
+ let [ val_theme,set_theme ] = useState<Themecolor>( Config.get().themeColor )
2643
2590
  useEffect( () => {
2644
2591
  $$.scope( () => {
2645
2592
  if ( val_theme === Config.get().themeColor ) return
@@ -2719,18 +2666,18 @@ const UserConfig = () => {
2719
2666
  isActive={ isSelected }
2720
2667
  isActiveStyles={ {
2721
2668
  boxShadow: '2.remark',
2722
- backgroundColor: key as ThemeColor,
2669
+ backgroundColor: key as Themecolor,
2723
2670
  fontColor: 'white'
2724
2671
  } }
2725
2672
  onClick={ () => {
2726
- set_theme( key as ThemeColor )
2673
+ set_theme( key as Themecolor )
2727
2674
  } }
2728
2675
  >
2729
2676
  <Column gap={ '1/2' } textAlign='center'>
2730
2677
  <Box
2731
2678
  position={ 'relative' }
2732
2679
  margin={ 'auto' }
2733
- backgroundColor={ key as ThemeColor }
2680
+ backgroundColor={ key as Themecolor }
2734
2681
  ssSquare={ 2 }
2735
2682
  borderRadius={ '1.tone.primary' }
2736
2683
  >
@@ -11,7 +11,7 @@
11
11
  "cross-env": "^7.0.3",
12
12
  "dotenv": "^16.4.5",
13
13
  "express": "^4.19.2",
14
- "jmini": "^0.0.112",
14
+ "jmini": "^0.0.113",
15
15
  "next": "^16.1.1",
16
16
  "node-cron": "^4.1.1",
17
17
  "nodemon": "^3.1.4",
@@ -4,7 +4,14 @@ export type Device = '' | 'windows' | 'android' | 'iPhone' | 'iPad' | 'macOSX' |
4
4
  export type Browser = '' | 'chrome' | 'firefox' | 'safari' | 'opera' | 'ie' | 'edge' | 'undefined';
5
5
  export type ReactElement = React.ReactNode | React.ReactNode[];
6
6
  export type Roundness = 0 | 1 | 2 | 3 | 4 | 5;
7
+ /** @deprecated Use Darkmode instead of DarkMode */
7
8
  export type DarkMode = 'light' | 'auto' | 'dark' | 'dim';
9
+ export type Darkmode = 'light' | 'auto' | 'dark' | 'dim';
10
+ /** @deprecated Use Themecolor instead of ThemeColor */
8
11
  export type ThemeColor = 'comun' | 'leaf' | 'heart' | 'droplet' | 'brick' | 'flower' | 'lip' | 'wine' | 'theater' | 'bat' | 'poizon' | 'eggplant' | 'ufo' | 'alien' | 'tombstone' | 'ninja' | 'moon' | 'rain' | 'unicorn' | 'axe' | 'gem' | 'soap' | 'drizzle' | 'building' | 'fish' | 'icicles' | 'water' | 'tree1' | 'tree2' | 'tree3' | 'battery' | 'seedle' | 'greenTea' | 'oak' | 'salad' | 'cloudy' | 'lemon' | 'angel' | 'parasol' | 'pizza' | 'thunder' | 'latte' | 'island' | 'shovel' | 'coffee' | 'carrot' | 'cactus' | 'volcano' | 'choco' | 'industry' | 'gun' | 'galaxy' | 'line' | 'twitter' | 'amazon' | 'facebook' | 'android' | 'slackBlue' | 'slackGreen' | 'slackRed' | 'slackYellow' | 'slackBase' | 'googleBlue' | 'googleGreen' | 'googleYellow' | 'googleRed';
9
- import * as StyleTags from './property';
10
- export type { StyleTags };
12
+ export type Themecolor = 'comun' | 'leaf' | 'heart' | 'droplet' | 'brick' | 'flower' | 'lip' | 'wine' | 'theater' | 'bat' | 'poizon' | 'eggplant' | 'ufo' | 'alien' | 'tombstone' | 'ninja' | 'moon' | 'rain' | 'unicorn' | 'axe' | 'gem' | 'soap' | 'drizzle' | 'building' | 'fish' | 'icicles' | 'water' | 'tree1' | 'tree2' | 'tree3' | 'battery' | 'seedle' | 'greenTea' | 'oak' | 'salad' | 'cloudy' | 'lemon' | 'angel' | 'parasol' | 'pizza' | 'thunder' | 'latte' | 'island' | 'shovel' | 'coffee' | 'carrot' | 'cactus' | 'volcano' | 'choco' | 'industry' | 'gun' | 'galaxy' | 'line' | 'twitter' | 'amazon' | 'facebook' | 'android' | 'slackBlue' | 'slackGreen' | 'slackRed' | 'slackYellow' | 'slackBase' | 'googleBlue' | 'googleGreen' | 'googleYellow' | 'googleRed';
13
+ import * as _StyleTags from './property';
14
+ /** @deprecated Use StyleProps instead of StyleTags */
15
+ export type StyleTags = typeof _StyleTags;
16
+ import * as StyleProps from './property';
17
+ export type { StyleProps };
@@ -111,6 +111,7 @@ export declare namespace StyleSets {
111
111
  ssSquare?: Sizes.Size;
112
112
  ssAbsoluteCovered?: boolean;
113
113
  ssTextEllipsis?: boolean;
114
+ ssNowrapText?: boolean;
114
115
  ssHiddenOnBreak?: boolean;
115
116
  ssEffectsOnActive?: EffectsOnActive | EffectsOnActive[] | false;
116
117
  ssLastChildLossBorder?: 'bottom' | 'right' | false;
@@ -1,4 +1,4 @@
1
- import { StyleTags } from '../@declares';
1
+ import { StyleProps } from '../@declares';
2
2
  declare namespace StyleConverter {
3
3
  type ReadStyleSet<T = any> = {
4
4
  (p: T): T;
@@ -7,7 +7,7 @@ declare namespace StyleConverter {
7
7
  <T = any>(p: T): T;
8
8
  };
9
9
  type ExtractStyles = {
10
- (p: any): StyleTags.States;
10
+ (p: any): StyleProps.States;
11
11
  };
12
12
  }
13
13
  export declare const ReadStyleSet: StyleConverter.ReadStyleSet;
@@ -1 +1 @@
1
- import{b as a,c as He,d as Ne}from"../chunk-C5N2D3ZX.js";import d from"jmini";import{Config as ke}from".";const e={toConcreteBorderRadius:n=>{let A=ke.get().roundness|0;return n=="1.tone.primary"?n=[0,2,3,4,5,5][A]:n=="2.tone.secondary"?n=[0,1,2,3,4,5][A]:n=="3.tone.tertiary"&&(n=[0,"1/3","2/3",1,2,3][A]),n},ev:n=>d.isExist(n),ClassNames:(n,A)=>{var U,Be,Re,N,Ce,Te,_e,Le,we,We;let i=[],{gap:l,display:B,position:R,overflow:F,fontColor:P,fontSize:G,fontWeight:j,fontHeight:g,backgroundColor:q,textAlign:E,textDecoration:O,boxShadow:M,margin:p,marginTop:S,marginRight:o,marginBottom:r,marginLeft:y,padding:f,paddingTop:s,paddingRight:x,paddingBottom:C,paddingLeft:T,top:J,right:K,bottom:Q,left:Y,border:H,borderTop:u,borderRight:v,borderBottom:m,borderLeft:b,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:z,borderTopLeftRadius:_,borderTopRightRadius:L,borderBottomLeftRadius:w,borderBottomRightRadius:W,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce}=A;{if(e.ev(B)&&i.push("dsp"+B),F){let c=d.Arrayify(F);i.push("ovfl-x-"+c[0]),i.push("ovfl-y-"+(c[1]||c[0]))}e.ev(R)&&i.push("ps"+R),e.ev(E)&&i.push("txtalg"+E),e.ev(E)&&i.push("txtdeco"+O),e.ev(P)&&i.push("ftcl"+((U=String(P))==null?void 0:U.replace(/\./g,"_"))),e.ev(G)&&i.push("ftsz"+((Be=String(G))==null?void 0:Be.replace(/\..*/,""))),e.ev(j)&&i.push("ftwgt"+((Re=String(j))==null?void 0:Re.replace(/\..*/,""))),e.ev(g)&&i.push("fthgt"+((N=String(g))==null?void 0:N.replace(/\./g,"_"))),e.ev(q)&&i.push("bgc"+((Ce=String(q))==null?void 0:Ce.replace(/\./g,"_"))),e.ev(M)&&i.push("bs"+M);let D,$,I,V;d.isExist(p)&&(d.isArray(p)?p.length==2?[D,$,I,V]=[...p,...p]:p.length==4&&([D,$,I,V]=p):D=$=I=V=p,S=S!=null?S:D,o=o!=null?o:$,r=r!=null?r:I,y=y!=null?y:V),e.ev(S)&&i.push("mrgt"+S),e.ev(o)&&i.push("mrgr"+o),e.ev(r)&&i.push("mrgb"+r),e.ev(y)&&i.push("mrgl"+y);let X,t,Ae,ye;d.isExist(f)&&(d.isArray(f)?f.length==2?[X,t,Ae,ye]=[...f,...f]:f.length==4&&([X,t,Ae,ye]=f):X=t=Ae=ye=f,s=s!=null?s:X,x=x!=null?x:t,C=C!=null?C:Ae,T=T!=null?T:ye),e.ev(s)&&i.push("pdt"+s),e.ev(x)&&i.push("pdr"+x),e.ev(C)&&i.push("pdb"+C),e.ev(T)&&i.push("pdl"+T),e.ev(J)&&i.push("pstt"+J),e.ev(K)&&i.push("pstr"+K),e.ev(Q)&&i.push("pstb"+Q),e.ev(Y)&&i.push("pstl"+Y);{d.isExist(H)&&(u=u!=null?u:H,v=v!=null?v:H,m=m!=null?m:H,b=b!=null?b:H),d.isBoolean(u)&&(u=["unset","2.normal"][Number(u)]),d.isBoolean(v)&&(v=["unset","2.normal"][Number(v)]),d.isBoolean(m)&&(m=["unset","2.normal"][Number(m)]),d.isBoolean(b)&&(b=["unset","2.normal"][Number(b)]),e.ev(u)&&i.push("b_t_ss"+((Te=String(u))==null?void 0:Te.replace(/\./g,"_"))),e.ev(v)&&i.push("b_r_ss"+((_e=String(v))==null?void 0:_e.replace(/\./g,"_"))),e.ev(m)&&i.push("b_b_ss"+((Le=String(m))==null?void 0:Le.replace(/\./g,"_"))),e.ev(b)&&i.push("b_l_ss"+((we=String(b))==null?void 0:we.replace(/\./g,"_"))),d.isExist(Z)&&i.push("b_wth"+String(Z)),d.isExist(ee)&&i.push("b_cl"+((We=String(ee))==null?void 0:We.replace(/\./g,"_"))),d.isExist(te)&&i.push("b_st"+String(te));{let c,h,k,Ee;d.isExist(z)&&(d.isArray(z)?z.length==4&&([c,h,Ee,k]=z):c=h=k=Ee=z,_=_!=null?_:c,L=L!=null?L:h,w=w!=null?w:k,W=W!=null?W:Ee)}e.ev(_)&&i.push("br_tl"+e.toConcreteBorderRadius(_)),e.ev(L)&&i.push("br_tr"+e.toConcreteBorderRadius(L)),e.ev(w)&&i.push("br_bl"+e.toConcreteBorderRadius(w)),e.ev(W)&&i.push("br_br"+e.toConcreteBorderRadius(W))}if(e.ev(ce)&&i.push("op"+ce),d.isExist(l)){let c,h;d.isArray(l)?(c=l[0],h=l[1]):c=h=l,i.push("gapRow"+c,"gapCol"+h)}e.ev(ie)&&i.push("flsz"+ie),e.ev(re)&&i.push("flwrp"+re),e.ev(oe)&&i.push("fltyp"+oe),e.ev(se)&&i.push("flchld"+se),e.ev(ae)&&i.push("flgrid"+ae),e.ev(ne)&&i.push("flvrt"+ne),e.ev(de)&&i.push("flhrz"+de),e.ev(ge)&&i.push("grcnt"+ge),e.ev(pe)&&i.push("grcol"+pe),e.ev(be)&&i.push("hgt"+be),e.ev(me)&&i.push("wdt"+me),e.ev(Se)&&i.push("unthgt"+Se),e.ev(xe)&&i.push("untwdt"+xe),e.ev(le)&&i.push("trnst"+le),e.ev(he)&&i.push("maxh"+he),e.ev(fe)&&i.push("minh"+fe),e.ev(ue)&&i.push("maxw"+ue),e.ev(ve)&&i.push("minw"+ve)}return i.length?n+i.join(" "+n):""}},Ge=n=>{let y=a({},n),{gradients:i,ssCardBox:l,ssSphere:B,ssSquare:R,ssPushable:F,ssAbsoluteCovered:P,ssHiddenOnBreak:G,ssTextEllipsis:j,flexCenter:g,flexNewLine:q,isLightFont:E,isBoldFont:O,isSemiBoldFont:M,isRounded:p,isSquare:S,freeCSS:f={}}=y,o=Ne(f,[]),r=Ne(y,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssHiddenOnBreak","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(o=o||{},r=r||{},i){let{deg:s,colors:x}=i;o=He(a({},o),{background:`linear-gradient(${s}deg,${x.join(",")})`})}if(l){l===!0&&(l="border");let s={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};l=="border"?s.border=!0:l=="plain"?(s.backgroundColor="layer.1",s.boxShadow="none"):l=="cloud"?s.backgroundColor="cloud":l=="shadow"&&(s.boxShadow="0.normal"),ke.get().darkMode=="dim"&&(s.boxShadow="1.normal"),ke.get().darkMode=="dark"&&(s.boxShadow="1.remark"),o=a(a({},s.freeCSS),o),r=a(a({},s),r)}return B&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:B,unitHeight:B,borderRadius:"sphere",flexSizing:"none"},r)),R&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:R,unitHeight:R,flexSizing:"none"},r)),G&&(r=He(a({},r),{UnderBreakPointStyles:a({display:"none"},r.UnderBreakPointStyles)})),F&&(r=a({transition:"middle"},r),r=He(a({},r),{className:[r.className,"ssPushable"].join(" ")})),P&&(r=a({position:"absolute",top:0,left:0,right:0,bottom:0},r)),j&&(r=a({overflow:"hidden"},r),o=a({whiteSpace:"nowrap",textOverflow:"ellipsis"},o)),q&&(r=a({width:1,flexSizing:"none"},r)),g&&(r=a({display:"flex",horizontalAlign:"center",verticalAlign:"center"},r)),E&&(r.fontWeight="1.light"),M&&(r.fontWeight="3.semiBold"),O&&(r.fontWeight="4.bold"),p&&(r.borderRadius="sphere",d.isNumber(p)&&(o.borderRadius=p*12)),S&&(o.aspectRatio="1"),He(a({},r),{freeCSS:o})},Ue=n=>{let Ee=Ge(n),{componentId:i,gap:l,display:B,position:R,overflow:F,fontColor:P,fontSize:G,fontWeight:j,fontHeight:g,backgroundColor:q,textAlign:E,textDecoration:O,boxShadow:M,margin:p,marginTop:S,marginRight:o,marginBottom:r,marginLeft:y,padding:f,paddingTop:s,paddingRight:x,paddingBottom:C,paddingLeft:T,top:J,right:K,bottom:Q,left:Y,border:H,borderTop:u,borderRight:v,borderBottom:m,borderLeft:b,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:z,borderTopLeftRadius:_,borderTopRightRadius:L,borderBottomLeftRadius:w,borderBottomRightRadius:W,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce,ssLastChildLossBorder:U,ssAbsoluteCovered:Be,ssCardBox:Re,ssEffectsOnActive:N,ssPushable:Ce,ssSphere:Te,ssSquare:_e,ssTextEllipsis:Le,isBoldFont:we,isLightFont:We,isSemiBoldFont:D,isRounded:$,flexCenter:I,flexNewLine:V,gradients:X,UnderBreakPointStyles:t={},className:Ae="",freeCSS:ye={}}=Ee,c=Ne(Ee,["componentId","gap","display","position","overflow","fontColor","fontSize","fontWeight","fontHeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssEffectsOnActive","ssPushable","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","className","freeCSS"]),h=a({},c),k=[Ae];if(U&&k.push("ssLastChildLossBorder_"+U),N){N=d.Arrayify(N);for(let ze of N){let[Pe,Fe]=ze.split(".");h["data-effect-"+Pe]="1",Fe&&(h["data-effect-tone"]=Fe)}}{let ze=e.ClassNames("amotf_",{gap:l,display:B,position:R,overflow:F,fontColor:P,fontSize:G,fontWeight:j,fontHeight:g,backgroundColor:q,textAlign:E,textDecoration:O,boxShadow:M,margin:p,marginTop:S,marginRight:o,marginBottom:r,marginLeft:y,padding:f,paddingTop:s,paddingRight:x,paddingBottom:C,paddingLeft:T,top:J,right:K,bottom:Q,left:Y,border:H,borderTop:u,borderRight:v,borderBottom:m,borderLeft:b,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:z,borderTopLeftRadius:_,borderTopRightRadius:L,borderBottomLeftRadius:w,borderBottomRightRadius:W,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce});k.push(ze)}return t&&k.push(e.ClassNames("amotf_bp",t)),ye&&(h.style=a(a({},ye),h.style)),(i||h["data-component-id"])&&(h["data-component-id"]=h["data-component-id"]||i),k.length&&k.join("")&&(h.className=k.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),h},De=n=>{let{gap:A,display:i,position:l,overflow:B,fontColor:R,fontSize:F,fontWeight:P,fontHeight:G,backgroundColor:j,textAlign:g,textDecoration:q,boxShadow:E,margin:O,marginTop:M,marginRight:p,marginBottom:S,marginLeft:o,padding:r,paddingTop:y,paddingRight:f,paddingBottom:s,paddingLeft:x,top:C,right:T,bottom:J,left:K,border:Q,borderTop:Y,borderRight:H,borderBottom:u,borderLeft:v,borderWidth:m,borderColor:b,borderStyle:Z,borderRadius:ee,borderTopLeftRadius:te,borderTopRightRadius:z,borderBottomLeftRadius:_,borderBottomRightRadius:L,flexSizing:w,flexWrap:W,flexType:ie,flexChilds:re,flexGrid:oe,horizontalAlign:se,verticalAlign:ae,transition:de,gridCenter:ne,gridCols:le,maxHeight:ge,minHeight:pe,maxWidth:he,minWidth:fe,width:ue,height:ve,unitHeight:me,unitWidth:be,opacity:Se,ssLastChildLossBorder:xe,ssAbsoluteCovered:ce,ssCardBox:U,ssEffectsOnActive:Be,ssPushable:Re,ssSphere:N,ssSquare:Ce,ssTextEllipsis:Te,isBoldFont:_e,isLightFont:Le,isSemiBoldFont:we,isRounded:We,flexCenter:D,flexNewLine:$,gradients:I,UnderBreakPointStyles:V={},freeCSS:X={}}=n,t={};return e.ev(A)&&(t.gap=A),e.ev(i)&&(t.display=i),e.ev(l)&&(t.position=l),e.ev(B)&&(t.overflow=B),e.ev(R)&&(t.fontColor=R),e.ev(F)&&(t.fontSize=F),e.ev(P)&&(t.fontWeight=P),e.ev(G)&&(t.fontHeight=G),e.ev(j)&&(t.backgroundColor=j),e.ev(g)&&(t.textAlign=g),e.ev(q)&&(t.textDecoration=q),e.ev(E)&&(t.boxShadow=E),e.ev(O)&&(t.margin=O),e.ev(M)&&(t.marginTop=M),e.ev(p)&&(t.marginRight=p),e.ev(S)&&(t.marginBottom=S),e.ev(o)&&(t.marginLeft=o),e.ev(r)&&(t.padding=r),e.ev(y)&&(t.paddingTop=y),e.ev(f)&&(t.paddingRight=f),e.ev(s)&&(t.paddingBottom=s),e.ev(x)&&(t.paddingLeft=x),e.ev(C)&&(t.top=C),e.ev(T)&&(t.right=T),e.ev(J)&&(t.bottom=J),e.ev(K)&&(t.left=K),e.ev(Q)&&(t.border=Q),e.ev(Y)&&(t.borderTop=Y),e.ev(H)&&(t.borderRight=H),e.ev(u)&&(t.borderBottom=u),e.ev(v)&&(t.borderLeft=v),e.ev(m)&&(t.borderWidth=m),e.ev(b)&&(t.borderColor=b),e.ev(Z)&&(t.borderStyle=Z),e.ev(ee)&&(t.borderRadius=ee),e.ev(te)&&(t.borderTopLeftRadius=te),e.ev(z)&&(t.borderTopRightRadius=z),e.ev(_)&&(t.borderBottomLeftRadius=_),e.ev(L)&&(t.borderBottomRightRadius=L),e.ev(w)&&(t.flexSizing=w),e.ev(W)&&(t.flexWrap=W),e.ev(ie)&&(t.flexType=ie),e.ev(re)&&(t.flexChilds=re),e.ev(oe)&&(t.flexGrid=oe),e.ev(se)&&(t.horizontalAlign=se),e.ev(ae)&&(t.verticalAlign=ae),e.ev(de)&&(t.transition=de),e.ev(ne)&&(t.gridCenter=ne),e.ev(le)&&(t.gridCols=le),e.ev(ge)&&(t.maxHeight=ge),e.ev(pe)&&(t.minHeight=pe),e.ev(he)&&(t.maxWidth=he),e.ev(fe)&&(t.minWidth=fe),e.ev(ue)&&(t.width=ue),e.ev(ve)&&(t.height=ve),e.ev(me)&&(t.unitHeight=me),e.ev(be)&&(t.unitWidth=be),e.ev(Se)&&(t.opacity=Se),e.ev(xe)&&(t.ssLastChildLossBorder=xe),e.ev(ce)&&(t.ssAbsoluteCovered=ce),e.ev(U)&&(t.ssCardBox=U),e.ev(Be)&&(t.ssEffectsOnActive=Be),e.ev(Re)&&(t.ssPushable=Re),e.ev(N)&&(t.ssSphere=N),e.ev(Ce)&&(t.ssSquare=Ce),e.ev(Te)&&(t.ssTextEllipsis=Te),e.ev(_e)&&(t.isBoldFont=_e),e.ev(Le)&&(t.isLightFont=Le),e.ev(we)&&(t.isSemiBoldFont=we),e.ev(We)&&(t.isRounded=We),e.ev(D)&&(t.flexCenter=D),e.ev($)&&(t.flexNewLine=$),e.ev(I)&&(t.gradients=I),e.ev(X)&&(t.freeCSS=X),e.ev(V)&&(t.UnderBreakPointStyles=V),t};export{De as ExtractStyles,Ue as GenerateHTMLProps,Ge as ReadStyleSet};
1
+ import{b as d,c as Ee,d as Ne}from"../chunk-C5N2D3ZX.js";import a from"jmini";import{Config as ze}from".";const e={toConcreteBorderRadius:n=>{let W=ze.get().roundness|0;return n=="1.tone.primary"?n=[0,2,3,4,5,5][W]:n=="2.tone.secondary"?n=[0,1,2,3,4,5][W]:n=="3.tone.tertiary"&&(n=[0,"1/3","2/3",1,2,3][W]),n},ev:n=>a.isExist(n),ClassNames:(n,W)=>{var U,Be,Re,N,Ce,_e,Le,Te,we,Pe;let i=[],{gap:l,display:R,position:C,overflow:k,fontColor:F,fontSize:G,fontWeight:j,fontHeight:q,backgroundColor:p,textAlign:A,textDecoration:O,boxShadow:M,margin:h,marginTop:f,marginRight:x,marginBottom:o,marginLeft:r,padding:u,paddingTop:c,paddingRight:s,paddingBottom:y,paddingLeft:_,top:J,right:K,bottom:Q,left:Y,border:E,borderTop:v,borderRight:m,borderBottom:b,borderLeft:S,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:H,borderTopLeftRadius:L,borderTopRightRadius:T,borderBottomLeftRadius:w,borderBottomRightRadius:P,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:de,horizontalAlign:ae,verticalAlign:ne,transition:le,gridCenter:pe,gridCols:ge,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce}=W;{if(e.ev(R)&&i.push("dsp"+R),k){let B=a.Arrayify(k);i.push("ovfl-x-"+B[0]),i.push("ovfl-y-"+(B[1]||B[0]))}e.ev(C)&&i.push("ps"+C),e.ev(A)&&i.push("txtalg"+A),e.ev(A)&&i.push("txtdeco"+O),e.ev(F)&&i.push("ftcl"+((U=String(F))==null?void 0:U.replace(/\./g,"_"))),e.ev(G)&&i.push("ftsz"+((Be=String(G))==null?void 0:Be.replace(/\..*/,""))),e.ev(j)&&i.push("ftwgt"+((Re=String(j))==null?void 0:Re.replace(/\..*/,""))),e.ev(q)&&i.push("fthgt"+((N=String(q))==null?void 0:N.replace(/\./g,"_"))),e.ev(p)&&i.push("bgc"+((Ce=String(p))==null?void 0:Ce.replace(/\./g,"_"))),e.ev(M)&&i.push("bs"+M);let D,$,I,V;a.isExist(h)&&(a.isArray(h)?h.length==2?[D,$,I,V]=[...h,...h]:h.length==4&&([D,$,I,V]=h):D=$=I=V=h,f=f!=null?f:D,x=x!=null?x:$,o=o!=null?o:I,r=r!=null?r:V),e.ev(f)&&i.push("mrgt"+f),e.ev(x)&&i.push("mrgr"+x),e.ev(o)&&i.push("mrgb"+o),e.ev(r)&&i.push("mrgl"+r);let X,t,We,ye;a.isExist(u)&&(a.isArray(u)?u.length==2?[X,t,We,ye]=[...u,...u]:u.length==4&&([X,t,We,ye]=u):X=t=We=ye=u,c=c!=null?c:X,s=s!=null?s:t,y=y!=null?y:We,_=_!=null?_:ye),e.ev(c)&&i.push("pdt"+c),e.ev(s)&&i.push("pdr"+s),e.ev(y)&&i.push("pdb"+y),e.ev(_)&&i.push("pdl"+_),e.ev(J)&&i.push("pstt"+J),e.ev(K)&&i.push("pstr"+K),e.ev(Q)&&i.push("pstb"+Q),e.ev(Y)&&i.push("pstl"+Y);{a.isExist(E)&&(v=v!=null?v:E,m=m!=null?m:E,b=b!=null?b:E,S=S!=null?S:E),a.isBoolean(v)&&(v=["unset","2.normal"][Number(v)]),a.isBoolean(m)&&(m=["unset","2.normal"][Number(m)]),a.isBoolean(b)&&(b=["unset","2.normal"][Number(b)]),a.isBoolean(S)&&(S=["unset","2.normal"][Number(S)]),e.ev(v)&&i.push("b_t_ss"+((_e=String(v))==null?void 0:_e.replace(/\./g,"_"))),e.ev(m)&&i.push("b_r_ss"+((Le=String(m))==null?void 0:Le.replace(/\./g,"_"))),e.ev(b)&&i.push("b_b_ss"+((Te=String(b))==null?void 0:Te.replace(/\./g,"_"))),e.ev(S)&&i.push("b_l_ss"+((we=String(S))==null?void 0:we.replace(/\./g,"_"))),a.isExist(Z)&&i.push("b_wth"+String(Z)),a.isExist(ee)&&i.push("b_cl"+((Pe=String(ee))==null?void 0:Pe.replace(/\./g,"_"))),a.isExist(te)&&i.push("b_st"+String(te));{let B,g,z,Ae;a.isExist(H)&&(a.isArray(H)?H.length==4&&([B,g,Ae,z]=H):B=g=z=Ae=H,L=L!=null?L:B,T=T!=null?T:g,w=w!=null?w:z,P=P!=null?P:Ae)}e.ev(L)&&i.push("br_tl"+e.toConcreteBorderRadius(L)),e.ev(T)&&i.push("br_tr"+e.toConcreteBorderRadius(T)),e.ev(w)&&i.push("br_bl"+e.toConcreteBorderRadius(w)),e.ev(P)&&i.push("br_br"+e.toConcreteBorderRadius(P))}if(e.ev(ce)&&i.push("op"+ce),a.isExist(l)){let B,g;a.isArray(l)?(B=l[0],g=l[1]):B=g=l,i.push("gapRow"+B,"gapCol"+g)}e.ev(ie)&&i.push("flsz"+ie),e.ev(re)&&i.push("flwrp"+re),e.ev(oe)&&i.push("fltyp"+oe),e.ev(se)&&i.push("flchld"+se),e.ev(de)&&i.push("flgrid"+de),e.ev(ne)&&i.push("flvrt"+ne),e.ev(ae)&&i.push("flhrz"+ae),e.ev(pe)&&i.push("grcnt"+pe),e.ev(ge)&&i.push("grcol"+ge),e.ev(be)&&i.push("hgt"+be),e.ev(me)&&i.push("wdt"+me),e.ev(Se)&&i.push("unthgt"+Se),e.ev(xe)&&i.push("untwdt"+xe),e.ev(le)&&i.push("trnst"+le),e.ev(he)&&i.push("maxh"+he),e.ev(fe)&&i.push("minh"+fe),e.ev(ue)&&i.push("maxw"+ue),e.ev(ve)&&i.push("minw"+ve)}return i.length?n+i.join(" "+n):""}},Ge=n=>{let u=d({},n),{gradients:i,ssCardBox:l,ssSphere:R,ssSquare:C,ssPushable:k,ssAbsoluteCovered:F,ssHiddenOnBreak:G,ssTextEllipsis:j,ssNowrapText:q,flexCenter:p,flexNewLine:A,isLightFont:O,isBoldFont:M,isSemiBoldFont:h,isRounded:f,isSquare:x,freeCSS:c={}}=u,o=Ne(c,[]),r=Ne(u,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssHiddenOnBreak","ssTextEllipsis","ssNowrapText","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(o=o||{},r=r||{},i){let{deg:s,colors:y}=i;o=Ee(d({},o),{background:`linear-gradient(${s}deg,${y.join(",")})`})}if(l){l===!0&&(l="border");let s={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};l=="border"?s.border=!0:l=="plain"?(s.backgroundColor="layer.1",s.boxShadow="none"):l=="cloud"?s.backgroundColor="cloud":l=="shadow"&&(s.boxShadow="0.normal"),ze.get().darkMode=="dim"&&(s.boxShadow="1.normal"),ze.get().darkMode=="dark"&&(s.boxShadow="1.remark"),o=d(d({},s.freeCSS),o),r=d(d({},s),r)}return R&&(p=p!=null?p:!0,r=d({padding:0,unitWidth:R,unitHeight:R,borderRadius:"sphere",flexSizing:"none"},r)),C&&(p=p!=null?p:!0,r=d({padding:0,unitWidth:C,unitHeight:C,flexSizing:"none"},r)),G&&(r=Ee(d({},r),{UnderBreakPointStyles:d({display:"none"},r.UnderBreakPointStyles)})),k&&(r=d({transition:"middle"},r),r=Ee(d({},r),{className:[r.className,"ssPushable"].join(" ")})),F&&(r=d({position:"absolute",top:0,left:0,right:0,bottom:0},r)),j&&(r=d({overflow:"hidden"},r),o=d({whiteSpace:"nowrap",textOverflow:"ellipsis"},o)),q&&(o=d({whiteSpace:"nowrap"},o)),A&&(r=d({width:1,flexSizing:"none"},r)),p&&(r=d({display:"flex",horizontalAlign:"center",verticalAlign:"center"},r)),O&&(r.fontWeight="1.light"),h&&(r.fontWeight="3.semiBold"),M&&(r.fontWeight="4.bold"),f&&(r.borderRadius="sphere",a.isNumber(f)&&(o.borderRadius=f*12)),x&&(o.aspectRatio="1"),Ee(d({},r),{freeCSS:o})},Ue=n=>{let Ae=Ge(n),{componentId:i,gap:l,display:R,position:C,overflow:k,fontColor:F,fontSize:G,fontWeight:j,fontHeight:q,backgroundColor:p,textAlign:A,textDecoration:O,boxShadow:M,margin:h,marginTop:f,marginRight:x,marginBottom:o,marginLeft:r,padding:u,paddingTop:c,paddingRight:s,paddingBottom:y,paddingLeft:_,top:J,right:K,bottom:Q,left:Y,border:E,borderTop:v,borderRight:m,borderBottom:b,borderLeft:S,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:H,borderTopLeftRadius:L,borderTopRightRadius:T,borderBottomLeftRadius:w,borderBottomRightRadius:P,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:de,horizontalAlign:ae,verticalAlign:ne,transition:le,gridCenter:pe,gridCols:ge,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce,ssLastChildLossBorder:U,ssAbsoluteCovered:Be,ssCardBox:Re,ssEffectsOnActive:N,ssPushable:Ce,ssSphere:_e,ssSquare:Le,ssTextEllipsis:Te,isBoldFont:we,isLightFont:Pe,isSemiBoldFont:D,isRounded:$,flexCenter:I,flexNewLine:V,gradients:X,UnderBreakPointStyles:t={},className:We="",freeCSS:ye={}}=Ae,B=Ne(Ae,["componentId","gap","display","position","overflow","fontColor","fontSize","fontWeight","fontHeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssEffectsOnActive","ssPushable","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","className","freeCSS"]),g=d({},B),z=[We];if(U&&z.push("ssLastChildLossBorder_"+U),N){N=a.Arrayify(N);for(let He of N){let[Fe,ke]=He.split(".");g["data-effect-"+Fe]="1",ke&&(g["data-effect-tone"]=ke)}}{let He=e.ClassNames("amotf_",{gap:l,display:R,position:C,overflow:k,fontColor:F,fontSize:G,fontWeight:j,fontHeight:q,backgroundColor:p,textAlign:A,textDecoration:O,boxShadow:M,margin:h,marginTop:f,marginRight:x,marginBottom:o,marginLeft:r,padding:u,paddingTop:c,paddingRight:s,paddingBottom:y,paddingLeft:_,top:J,right:K,bottom:Q,left:Y,border:E,borderTop:v,borderRight:m,borderBottom:b,borderLeft:S,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:H,borderTopLeftRadius:L,borderTopRightRadius:T,borderBottomLeftRadius:w,borderBottomRightRadius:P,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:de,horizontalAlign:ae,verticalAlign:ne,transition:le,gridCenter:pe,gridCols:ge,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce});z.push(He)}return t&&z.push(e.ClassNames("amotf_bp",t)),ye&&(g.style=d(d({},ye),g.style)),(i||g["data-component-id"])&&(g["data-component-id"]=g["data-component-id"]||i),z.length&&z.join("")&&(g.className=z.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),g},De=n=>{let{gap:W,display:i,position:l,overflow:R,fontColor:C,fontSize:k,fontWeight:F,fontHeight:G,backgroundColor:j,textAlign:q,textDecoration:p,boxShadow:A,margin:O,marginTop:M,marginRight:h,marginBottom:f,marginLeft:x,padding:o,paddingTop:r,paddingRight:u,paddingBottom:c,paddingLeft:s,top:y,right:_,bottom:J,left:K,border:Q,borderTop:Y,borderRight:E,borderBottom:v,borderLeft:m,borderWidth:b,borderColor:S,borderStyle:Z,borderRadius:ee,borderTopLeftRadius:te,borderTopRightRadius:H,borderBottomLeftRadius:L,borderBottomRightRadius:T,flexSizing:w,flexWrap:P,flexType:ie,flexChilds:re,flexGrid:oe,horizontalAlign:se,verticalAlign:de,transition:ae,gridCenter:ne,gridCols:le,maxHeight:pe,minHeight:ge,maxWidth:he,minWidth:fe,width:ue,height:ve,unitHeight:me,unitWidth:be,opacity:Se,ssLastChildLossBorder:xe,ssAbsoluteCovered:ce,ssCardBox:U,ssEffectsOnActive:Be,ssPushable:Re,ssSphere:N,ssSquare:Ce,ssTextEllipsis:_e,isBoldFont:Le,isLightFont:Te,isSemiBoldFont:we,isRounded:Pe,flexCenter:D,flexNewLine:$,gradients:I,UnderBreakPointStyles:V={},freeCSS:X={}}=n,t={};return e.ev(W)&&(t.gap=W),e.ev(i)&&(t.display=i),e.ev(l)&&(t.position=l),e.ev(R)&&(t.overflow=R),e.ev(C)&&(t.fontColor=C),e.ev(k)&&(t.fontSize=k),e.ev(F)&&(t.fontWeight=F),e.ev(G)&&(t.fontHeight=G),e.ev(j)&&(t.backgroundColor=j),e.ev(q)&&(t.textAlign=q),e.ev(p)&&(t.textDecoration=p),e.ev(A)&&(t.boxShadow=A),e.ev(O)&&(t.margin=O),e.ev(M)&&(t.marginTop=M),e.ev(h)&&(t.marginRight=h),e.ev(f)&&(t.marginBottom=f),e.ev(x)&&(t.marginLeft=x),e.ev(o)&&(t.padding=o),e.ev(r)&&(t.paddingTop=r),e.ev(u)&&(t.paddingRight=u),e.ev(c)&&(t.paddingBottom=c),e.ev(s)&&(t.paddingLeft=s),e.ev(y)&&(t.top=y),e.ev(_)&&(t.right=_),e.ev(J)&&(t.bottom=J),e.ev(K)&&(t.left=K),e.ev(Q)&&(t.border=Q),e.ev(Y)&&(t.borderTop=Y),e.ev(E)&&(t.borderRight=E),e.ev(v)&&(t.borderBottom=v),e.ev(m)&&(t.borderLeft=m),e.ev(b)&&(t.borderWidth=b),e.ev(S)&&(t.borderColor=S),e.ev(Z)&&(t.borderStyle=Z),e.ev(ee)&&(t.borderRadius=ee),e.ev(te)&&(t.borderTopLeftRadius=te),e.ev(H)&&(t.borderTopRightRadius=H),e.ev(L)&&(t.borderBottomLeftRadius=L),e.ev(T)&&(t.borderBottomRightRadius=T),e.ev(w)&&(t.flexSizing=w),e.ev(P)&&(t.flexWrap=P),e.ev(ie)&&(t.flexType=ie),e.ev(re)&&(t.flexChilds=re),e.ev(oe)&&(t.flexGrid=oe),e.ev(se)&&(t.horizontalAlign=se),e.ev(de)&&(t.verticalAlign=de),e.ev(ae)&&(t.transition=ae),e.ev(ne)&&(t.gridCenter=ne),e.ev(le)&&(t.gridCols=le),e.ev(pe)&&(t.maxHeight=pe),e.ev(ge)&&(t.minHeight=ge),e.ev(he)&&(t.maxWidth=he),e.ev(fe)&&(t.minWidth=fe),e.ev(ue)&&(t.width=ue),e.ev(ve)&&(t.height=ve),e.ev(me)&&(t.unitHeight=me),e.ev(be)&&(t.unitWidth=be),e.ev(Se)&&(t.opacity=Se),e.ev(xe)&&(t.ssLastChildLossBorder=xe),e.ev(ce)&&(t.ssAbsoluteCovered=ce),e.ev(U)&&(t.ssCardBox=U),e.ev(Be)&&(t.ssEffectsOnActive=Be),e.ev(Re)&&(t.ssPushable=Re),e.ev(N)&&(t.ssSphere=N),e.ev(Ce)&&(t.ssSquare=Ce),e.ev(_e)&&(t.ssTextEllipsis=_e),e.ev(Le)&&(t.isBoldFont=Le),e.ev(Te)&&(t.isLightFont=Te),e.ev(we)&&(t.isSemiBoldFont=we),e.ev(Pe)&&(t.isRounded=Pe),e.ev(D)&&(t.flexCenter=D),e.ev($)&&(t.flexNewLine=$),e.ev(I)&&(t.gradients=I),e.ev(X)&&(t.freeCSS=X),e.ev(V)&&(t.UnderBreakPointStyles=V),t};export{De as ExtractStyles,Ue as GenerateHTMLProps,Ge as ReadStyleSet};
@@ -1,9 +1,9 @@
1
- import { ThemeColor, DarkMode, Roundness, Device, Browser } from '../@declares';
1
+ import { Darkmode, Themecolor, Roundness, Device, Browser } from '../@declares';
2
2
  type config = {
3
3
  sessionUID: string;
4
4
  appRoot: HTMLElement | ShadowRoot;
5
- themeColor: ThemeColor;
6
- darkMode: DarkMode;
5
+ themeColor: Themecolor;
6
+ darkMode: Darkmode;
7
7
  roundness: Roundness;
8
8
  isSystemDarkmode(): boolean;
9
9
  deviceIs: Device;
@@ -25,8 +25,8 @@ declare namespace Config {
25
25
  get(): config;
26
26
  set(value: config): void;
27
27
  update: {
28
- themeColor(value: ThemeColor): void;
29
- darkMode(value: DarkMode): void;
28
+ themeColor(value: Themecolor): void;
29
+ darkMode(value: Darkmode): void;
30
30
  roundness(value: Roundness): void;
31
31
  screen(value: {
32
32
  breakpoint?: number;
@@ -38,8 +38,8 @@ declare namespace Config {
38
38
  launch(p: {
39
39
  appRoot?: HTMLElement | ShadowRoot;
40
40
  roundness?: Roundness;
41
- themeColor?: ThemeColor;
42
- darkMode?: DarkMode;
41
+ themeColor?: Themecolor;
42
+ darkMode?: Darkmode;
43
43
  }): void;
44
44
  restart(message?: string): void;
45
45
  };
@@ -1 +1 @@
1
- import{b as s,c as h}from"../chunk-C5N2D3ZX.js";import i,{UUID as l}from"jmini";import{useRefresh as f,ColorObjects as b,SetThemeColorTag as g}from".";let n={sessionUID:l(),appRoot:null,darkMode:"light",themeColor:"comun",roundness:2,isSystemDarkmode:()=>window.matchMedia("(prefers-color-scheme: dark)").matches==!0,deviceIs:"",browserIs:"",isPhone:!1,isTouchDevice:!1,isIOS:!1,screen:{breakpoint:834,phonepoint:690,viewHeight:0,viewWidth:0,isBreakpoint:(e=834)=>window.innerWidth<=e,isPhonepoint:(e=690)=>window.innerWidth<=e}};const o={get:()=>n,set:e=>{n=s(s({},n),e)},update:{themeColor:e=>{if(b.find(d=>d.key==e)||(e="comun"),e==o.get().themeColor)return;o.set(h(s({},o.get()),{themeColor:e}));let t=i(document.body);t.removeClass(t.findClass(/^bdsTC/)).addClass("bdsTC_"+e).callback(()=>{g()}),o.restart()},darkMode:e=>{if(i.isOneOf(e,"light","dark","dim","auto")||(e="light"),e==o.get().darkMode)return;let t=e=="auto"?o.get().isSystemDarkmode()?"dark":"light":e;o.set(h(s({},o.get()),{darkMode:t}));let d=i(document.body);d.removeClass(d.findClass(/^bdsDM/)).addClass("bdsDM_"+t),o.restart()},roundness:e=>{e>=0&&e<=5||(e=2),e!=o.get().roundness&&(o.set(h(s({},o.get()),{roundness:e})),o.restart(l()))},screen:e=>{o.get().screen=s(s({},o.get().screen),e)}},launch:e=>{const t=window.navigator.userAgent.toLowerCase(),d=t.indexOf("windows nt")!==-1?"windows":t.indexOf("android")!==-1?"android":t.indexOf("iphone")!==-1?"iPhone":t.indexOf("ipad")>-1?"iPad":t.indexOf("mac os x")!==-1?"macOSX":"undefined",u=t.indexOf("msie")!==-1||t.indexOf("trident")!==-1?"ie":t.indexOf("edge")!==-1?"edge":t.indexOf("chrome")!==-1?"chrome":t.indexOf("safari")!==-1?"safari":t.indexOf("firefox")!==-1?"firefox":t.indexOf("opera")!==-1||t.indexOf("opr")!==-1?"opera":"undefined";n.appRoot=e.appRoot||document.body,n.appRoot instanceof HTMLElement&&(n.appRoot.tabIndex=0),i.isExist(e.roundness)&&o.update.roundness(e.roundness),i.isExist(e.themeColor)&&o.update.themeColor(e.themeColor),i.isExist(e.darkMode)&&o.update.darkMode(e.darkMode),n.deviceIs=d,n.browserIs=u,n.isPhone=i.isOneOf(d,"android","iPhone"),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=i.isOneOf(d,"iPhone","iPad"),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=i.isOneOf(d,"iPhone","iPad"),n.screen={breakpoint:834,phonepoint:690,viewHeight:window.innerHeight,viewWidth:window.innerWidth,isBreakpoint:(r=834)=>window.innerWidth<=r,isPhonepoint:(r=690)=>window.innerWidth<=r},i(document.body).addClass(["AMOTIFY_be_body","usrDevice_"+o.get().deviceIs,"bdsDM_"+o.get().darkMode,"bdsTC_"+o.get().themeColor]),i(window).addEvent({eventType:"load",eventID:"windowLoad",callback:()=>{let r=document.body.style,a=i(document.body),m=Number(a.getStyleProperty("--topNavHeight").removeLetters()||0),p=Number(a.getStyleProperty("--footerNavHeight").removeLetters()||0),w=window.innerHeight-m-p;r.setProperty("--viewHeight",window.innerHeight+"px"),r.setProperty("--contentHeight",w+"px")}}).addEvent({eventType:"resize",eventID:"getDeviceInfo",callback:()=>{o.update.screen({viewHeight:window.innerHeight,viewWidth:window.innerWidth});let r=i(document.body),a=window.innerHeight,m=Number(r.getStyleProperty("--topNavHeight").removeLetters()),p=Number(r.getStyleProperty("--footerNavHeight").removeLetters()),c=a-m-p;r.setStyleProperty("--viewHeight",a+"px").setStyleProperty("--sideNavHeight",c+"px").setStyleProperty("--contentHeight",c+"px")}}),g()},restart:e=>{f.release("LaunchReactApp_"+o.get().sessionUID,e)}};export{o as Config,o as default};
1
+ import{b as s,c as h}from"../chunk-C5N2D3ZX.js";import i,{UUID as l}from"jmini";import{useRefresh as f,ColorObjects as b,SetThemeColorTag as g}from".";let n={sessionUID:l(),appRoot:null,darkMode:"light",themeColor:"comun",roundness:2,isSystemDarkmode:()=>window.matchMedia("(prefers-color-scheme: dark)").matches==!0,deviceIs:"",browserIs:"",isPhone:!1,isTouchDevice:!1,isIOS:!1,screen:{breakpoint:834,phonepoint:690,viewHeight:0,viewWidth:0,isBreakpoint:(e=834)=>window.innerWidth<=e,isPhonepoint:(e=690)=>window.innerWidth<=e}};const o={get:()=>n,set:e=>{n=s(s({},n),e)},update:{themeColor:e=>{if(b.find(d=>d.key==e)||(e="comun"),e==o.get().themeColor)return;o.set(h(s({},o.get()),{themeColor:e}));let t=i(document.body);t.removeClass(t.findClass(/^bdsTC/)).addClass("bdsTC_"+e).callback(()=>{g()}),o.restart()},darkMode:e=>{if(i.isOneOf(e,"light","dark","dim","auto")||(e="light"),e==o.get().darkMode)return;let t=e=="auto"?o.get().isSystemDarkmode()?"dark":"light":e;o.set(h(s({},o.get()),{darkMode:t}));let d=i(document.body);d.removeClass(d.findClass(/^bdsDM/)).addClass("bdsDM_"+t),o.restart()},roundness:e=>{e>=0&&e<=5||(e=2),e!=o.get().roundness&&(o.set(h(s({},o.get()),{roundness:e})),o.restart(l()))},screen:e=>{o.get().screen=s(s({},o.get().screen),e)}},launch:e=>{const t=window.navigator.userAgent.toLowerCase(),d=t.indexOf("windows nt")!==-1?"windows":t.indexOf("android")!==-1?"android":t.indexOf("iphone")!==-1?"iPhone":t.indexOf("ipad")>-1?"iPad":t.indexOf("mac os x")!==-1?"macOSX":"undefined",u=t.indexOf("msie")!==-1||t.indexOf("trident")!==-1?"ie":t.indexOf("edge")!==-1?"edge":t.indexOf("chrome")!==-1?"chrome":t.indexOf("safari")!==-1?"safari":t.indexOf("firefox")!==-1?"firefox":t.indexOf("opera")!==-1||t.indexOf("opr")!==-1?"opera":"undefined";n.appRoot=e.appRoot||document.body,n.appRoot instanceof HTMLElement&&(n.appRoot.tabIndex=0),i.isExist(e.roundness)&&o.update.roundness(e.roundness),i.isExist(e.themeColor)&&o.update.themeColor(e.themeColor),i.isExist(e.darkMode)&&o.update.darkMode(e.darkMode),n.deviceIs=d,n.browserIs=u,n.isPhone=i.isOneOf(d,"android","iPhone"),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=i.isOneOf(d,"iPhone","iPad"),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=i.isOneOf(d,"iPhone","iPad"),n.screen={breakpoint:834,phonepoint:690,viewHeight:window.innerHeight,viewWidth:window.innerWidth,isBreakpoint:(r=834)=>window.innerWidth<=r,isPhonepoint:(r=690)=>window.innerWidth<=r},i(document.body).addClass(["AMOTIFY_be_body","usrDevice_"+o.get().deviceIs,"bdsDM_"+o.get().darkMode,"bdsTC_"+o.get().themeColor]),i(window).addEvent({eventType:"load",eventID:"windowLoad",callback:()=>{let r=document.body.style,a=i(document.body),m=Number(a.getStyleProperty("--topNavHeight").removeLetters()||0),c=Number(a.getStyleProperty("--footerNavHeight").removeLetters()||0),w=window.innerHeight-m-c;r.setProperty("--viewHeight",window.innerHeight+"px"),r.setProperty("--contentHeight",w+"px")}}).addEvent({eventType:"resize",eventID:"getDeviceInfo",callback:()=>{o.update.screen({viewHeight:window.innerHeight,viewWidth:window.innerWidth});let r=i(document.body),a=window.innerHeight,m=Number(r.getStyleProperty("--topNavHeight").removeLetters()),c=Number(r.getStyleProperty("--footerNavHeight").removeLetters()),p=a-m-c;r.setStyleProperty("--viewHeight",a+"px").setStyleProperty("--sideNavHeight",p+"px").setStyleProperty("--contentHeight",p+"px")}}),g()},restart:e=>{f.release("LaunchReactApp_"+o.get().sessionUID,e)}};export{o as Config,o as default};
@@ -1,10 +1,10 @@
1
1
  /// <reference types="react" />
2
- import { StyleTags, ReactElement } from '../@declares';
2
+ import { StyleProps, ReactElement } from '../@declares';
3
3
  declare namespace Box {
4
4
  type Input<HTMLComponent extends React.ElementType> = {
5
5
  htmlTag?: HTMLComponent;
6
6
  children?: ReactElement;
7
- } & StyleTags.BasicElement & Omit<React.ComponentPropsWithRef<HTMLComponent>, 'htmlTag'> & React.HTMLAttributes<any>;
7
+ } & StyleProps.BasicElement & Omit<React.ComponentPropsWithRef<HTMLComponent>, 'htmlTag'> & React.HTMLAttributes<any>;
8
8
  type DefaultInput = Input<'div'>;
9
9
  type Component = {
10
10
  <T extends React.ElementType = 'div'>(p: Input<T>): React.JSX.Element;
package/dist/atoms/Box.js CHANGED
@@ -1 +1 @@
1
- import{b as o,c as p,d as a}from"../chunk-C5N2D3ZX.js";import{jsx as c}from"react/jsx-runtime";import{GenerateHTMLProps as s}from"../@utils";const m=e=>{let{ref:l}=e,n=s(e),{htmlTag:T}=n,r=a(n,["htmlTag"]);const t=T||"div";return t?c(t,p(o({},r),{ref:l})):null};export{m as Box,m as default};
1
+ import{b as o,c as p,d as m}from"../chunk-C5N2D3ZX.js";import{jsx as c}from"react/jsx-runtime";import{GenerateHTMLProps as s}from"../@utils";const a=e=>{let{ref:l}=e,n=s(e),{htmlTag:r}=n,T=m(n,["htmlTag"]);const t=r||"div";return t?c(t,p(o({},T),{ref:l})):null};export{a as Box,a as default};
@@ -1,12 +1,12 @@
1
1
  /// <reference types="react" />
2
- import { StyleTags } from '../@declares';
2
+ import { StyleProps } from '../@declares';
3
3
  import { IconDefinition } from "@fortawesome/fontawesome-common-types";
4
4
  import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
5
5
  import { IconProp } from '@fortawesome/fontawesome-svg-core';
6
6
  declare namespace FAI {
7
7
  type ComponentInput = {
8
8
  icon: IconProp | IconDefinition | any;
9
- } & StyleTags.BasicElement & Omit<FontAwesomeIconProps, 'icon'>;
9
+ } & StyleProps.BasicElement & Omit<FontAwesomeIconProps, 'icon'>;
10
10
  type Shortcuts = {
11
11
  [key in ShortCutNames]: React.FC<Omit<ComponentInput, 'icon'>>;
12
12
  };
package/dist/atoms/FAI.js CHANGED
@@ -1 +1 @@
1
- import{b as r,c as i,d as f}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import{GenerateHTMLProps as l}from"../@utils";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faTimes as h}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as C}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as g}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as A}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as w}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as L}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as R}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as u}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as S}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as E}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as I}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as D}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as P}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as k}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as y}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as U}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as x}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as F}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as d}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as v}from"@fortawesome/free-solid-svg-icons/faCheck";import{faQuestion as H}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faExclamation as T}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as B}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as M}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as Q}from"@fortawesome/free-solid-svg-icons/faShare";import{faSearch as G}from"@fortawesome/free-solid-svg-icons/faSearch";import{faYenSign as V}from"@fortawesome/free-solid-svg-icons/faYenSign";import{faPen as Y}from"@fortawesome/free-solid-svg-icons/faPen";import{faBars as N}from"@fortawesome/free-solid-svg-icons/faBars";import{faDownload as O}from"@fortawesome/free-solid-svg-icons/faDownload";import{faLink as X}from"@fortawesome/free-solid-svg-icons/faLink";import{faLinkSlash as z}from"@fortawesome/free-solid-svg-icons/faLinkSlash";import{faExternalLinkAlt as b}from"@fortawesome/free-solid-svg-icons/faExternalLinkAlt";import{faGear as q}from"@fortawesome/free-solid-svg-icons/faGear";import{faPlus as J}from"@fortawesome/free-solid-svg-icons/faPlus";import{faMinus as K}from"@fortawesome/free-solid-svg-icons/faMinus";import{faEllipsisH as W}from"@fortawesome/free-solid-svg-icons/faEllipsisH";import{faEllipsisV as Z}from"@fortawesome/free-solid-svg-icons/faEllipsisV";import{faStar as _}from"@fortawesome/free-solid-svg-icons/faStar";import{faPaperPlane as $}from"@fortawesome/free-solid-svg-icons/faPaperPlane";import{faHeart as j}from"@fortawesome/free-solid-svg-icons/faHeart";import{faBan as oo}from"@fortawesome/free-solid-svg-icons/faBan";import{faLocationCrosshairs as ro}from"@fortawesome/free-solid-svg-icons/faLocationCrosshairs";import{faUser as io}from"@fortawesome/free-regular-svg-icons/faUser";import{faCheckCircle as no}from"@fortawesome/free-regular-svg-icons/faCheckCircle";import{faQuestionCircle as to}from"@fortawesome/free-regular-svg-icons/faQuestionCircle";import{faEdit as eo}from"@fortawesome/free-regular-svg-icons/faEdit";import{faCopy as ao}from"@fortawesome/free-regular-svg-icons/faCopy";import{faFile as mo}from"@fortawesome/free-regular-svg-icons/faFile";import{faTrashAlt as fo}from"@fortawesome/free-regular-svg-icons/faTrashAlt";import{faImage as po}from"@fortawesome/free-regular-svg-icons/faImage";const t=o=>{let m=o,{icon:p}=m,c=f(m,["icon"]),a=l(c);return e(s,i(r({icon:p,size:"1x"},a),{style:r({aspectRatio:"1"},a==null?void 0:a.style)}))},n=t;n.User=o=>e(t,i(r({},o),{icon:io})),n.X=o=>e(t,i(r({},o),{icon:h})),n.AngleRight=o=>e(t,i(r({},o),{icon:C})),n.AngleLeft=o=>e(t,i(r({},o),{icon:g})),n.AngleUp=o=>e(t,i(r({},o),{icon:A})),n.AngleDown=o=>e(t,i(r({},o),{icon:w})),n.ChevronLeft=o=>e(t,i(r({},o),{icon:L})),n.ChevronRight=o=>e(t,i(r({},o),{icon:R})),n.ChevronUp=o=>e(t,i(r({},o),{icon:u})),n.ChevronDown=o=>e(t,i(r({},o),{icon:S})),n.CaretLeft=o=>e(t,i(r({},o),{icon:E})),n.CaretRight=o=>e(t,i(r({},o),{icon:I})),n.CaretUp=o=>e(t,i(r({},o),{icon:D})),n.CaretDown=o=>e(t,i(r({},o),{icon:P})),n.ArrowLeft=o=>e(t,i(r({},o),{icon:k})),n.ArrowRight=o=>e(t,i(r({},o),{icon:y})),n.ArrowUp=o=>e(t,i(r({},o),{icon:U})),n.ArrowDown=o=>e(t,i(r({},o),{icon:x})),n.Rotate=o=>e(t,i(r({},o),{icon:F})),n.Redo=o=>e(t,i(r({},o),{icon:d})),n.Check=o=>e(t,i(r({},o),{icon:v})),n.CheckCircle=o=>e(t,i(r({},o),{icon:no})),n.Question=o=>e(t,i(r({},o),{icon:H})),n.QuestionCircle=o=>e(t,i(r({},o),{icon:to})),n.Exclamation=o=>e(t,i(r({},o),{icon:T})),n.ExclamationTriangle=o=>e(t,i(r({},o),{icon:B})),n.Home=o=>e(t,i(r({},o),{icon:M})),n.Share=o=>e(t,i(r({},o),{icon:Q})),n.Search=o=>e(t,i(r({},o),{icon:G})),n.YenSign=o=>e(t,i(r({},o),{icon:V})),n.Heart=o=>e(t,i(r({},o),{icon:j})),n.Star=o=>e(t,i(r({},o),{icon:_})),n.Edit=o=>e(t,i(r({},o),{icon:eo})),n.Pen=o=>e(t,i(r({},o),{icon:Y})),n.Copy=o=>e(t,i(r({},o),{icon:ao})),n.File=o=>e(t,i(r({},o),{icon:mo})),n.Trash=o=>e(t,i(r({},o),{icon:fo})),n.Bars=o=>e(t,i(r({},o),{icon:N})),n.Download=o=>e(t,i(r({},o),{icon:O})),n.Link=o=>e(t,i(r({},o),{icon:X})),n.LinkSlash=o=>e(t,i(r({},o),{icon:z})),n.ExternalLinkAlt=o=>e(t,i(r({},o),{icon:b})),n.Gear=o=>e(t,i(r({},o),{icon:q})),n.Plus=o=>e(t,i(r({},o),{icon:J})),n.Minus=o=>e(t,i(r({},o),{icon:K})),n.EllipsisH=o=>e(t,i(r({},o),{icon:W})),n.EllipsisV=o=>e(t,i(r({},o),{icon:Z})),n.PaperPlane=o=>e(t,i(r({},o),{icon:$})),n.Image=o=>e(t,i(r({},o),{icon:po})),n.Ban=o=>e(t,i(r({},o),{icon:oo})),n.Location=o=>e(t,i(r({},o),{icon:ro}));export{n as FAI,n as default};
1
+ import{b as r,c as i,d as f}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import{GenerateHTMLProps as l}from"../@utils";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faTimes as h}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as C}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as A}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as g}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as w}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as L}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as R}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as u}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as S}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as E}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as P}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as I}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as D}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as k}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as y}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as U}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as x}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as F}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as d}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as v}from"@fortawesome/free-solid-svg-icons/faCheck";import{faQuestion as H}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faExclamation as T}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as B}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as M}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as Q}from"@fortawesome/free-solid-svg-icons/faShare";import{faSearch as G}from"@fortawesome/free-solid-svg-icons/faSearch";import{faYenSign as V}from"@fortawesome/free-solid-svg-icons/faYenSign";import{faPen as Y}from"@fortawesome/free-solid-svg-icons/faPen";import{faBars as N}from"@fortawesome/free-solid-svg-icons/faBars";import{faDownload as O}from"@fortawesome/free-solid-svg-icons/faDownload";import{faLink as X}from"@fortawesome/free-solid-svg-icons/faLink";import{faLinkSlash as z}from"@fortawesome/free-solid-svg-icons/faLinkSlash";import{faExternalLinkAlt as b}from"@fortawesome/free-solid-svg-icons/faExternalLinkAlt";import{faGear as q}from"@fortawesome/free-solid-svg-icons/faGear";import{faPlus as J}from"@fortawesome/free-solid-svg-icons/faPlus";import{faMinus as K}from"@fortawesome/free-solid-svg-icons/faMinus";import{faEllipsisH as W}from"@fortawesome/free-solid-svg-icons/faEllipsisH";import{faEllipsisV as Z}from"@fortawesome/free-solid-svg-icons/faEllipsisV";import{faStar as _}from"@fortawesome/free-solid-svg-icons/faStar";import{faPaperPlane as $}from"@fortawesome/free-solid-svg-icons/faPaperPlane";import{faHeart as j}from"@fortawesome/free-solid-svg-icons/faHeart";import{faBan as oo}from"@fortawesome/free-solid-svg-icons/faBan";import{faLocationCrosshairs as ro}from"@fortawesome/free-solid-svg-icons/faLocationCrosshairs";import{faUser as io}from"@fortawesome/free-regular-svg-icons/faUser";import{faCheckCircle as no}from"@fortawesome/free-regular-svg-icons/faCheckCircle";import{faQuestionCircle as to}from"@fortawesome/free-regular-svg-icons/faQuestionCircle";import{faEdit as eo}from"@fortawesome/free-regular-svg-icons/faEdit";import{faCopy as ao}from"@fortawesome/free-regular-svg-icons/faCopy";import{faFile as mo}from"@fortawesome/free-regular-svg-icons/faFile";import{faTrashAlt as fo}from"@fortawesome/free-regular-svg-icons/faTrashAlt";import{faImage as po}from"@fortawesome/free-regular-svg-icons/faImage";const t=o=>{let m=o,{icon:p}=m,c=f(m,["icon"]),a=l(c);return e(s,i(r({icon:p,size:"1x"},a),{style:r({aspectRatio:"1"},a==null?void 0:a.style)}))},n=t;n.User=o=>e(t,i(r({},o),{icon:io})),n.X=o=>e(t,i(r({},o),{icon:h})),n.AngleRight=o=>e(t,i(r({},o),{icon:C})),n.AngleLeft=o=>e(t,i(r({},o),{icon:A})),n.AngleUp=o=>e(t,i(r({},o),{icon:g})),n.AngleDown=o=>e(t,i(r({},o),{icon:w})),n.ChevronLeft=o=>e(t,i(r({},o),{icon:L})),n.ChevronRight=o=>e(t,i(r({},o),{icon:R})),n.ChevronUp=o=>e(t,i(r({},o),{icon:u})),n.ChevronDown=o=>e(t,i(r({},o),{icon:S})),n.CaretLeft=o=>e(t,i(r({},o),{icon:E})),n.CaretRight=o=>e(t,i(r({},o),{icon:P})),n.CaretUp=o=>e(t,i(r({},o),{icon:I})),n.CaretDown=o=>e(t,i(r({},o),{icon:D})),n.ArrowLeft=o=>e(t,i(r({},o),{icon:k})),n.ArrowRight=o=>e(t,i(r({},o),{icon:y})),n.ArrowUp=o=>e(t,i(r({},o),{icon:U})),n.ArrowDown=o=>e(t,i(r({},o),{icon:x})),n.Rotate=o=>e(t,i(r({},o),{icon:F})),n.Redo=o=>e(t,i(r({},o),{icon:d})),n.Check=o=>e(t,i(r({},o),{icon:v})),n.CheckCircle=o=>e(t,i(r({},o),{icon:no})),n.Question=o=>e(t,i(r({},o),{icon:H})),n.QuestionCircle=o=>e(t,i(r({},o),{icon:to})),n.Exclamation=o=>e(t,i(r({},o),{icon:T})),n.ExclamationTriangle=o=>e(t,i(r({},o),{icon:B})),n.Home=o=>e(t,i(r({},o),{icon:M})),n.Share=o=>e(t,i(r({},o),{icon:Q})),n.Search=o=>e(t,i(r({},o),{icon:G})),n.YenSign=o=>e(t,i(r({},o),{icon:V})),n.Heart=o=>e(t,i(r({},o),{icon:j})),n.Star=o=>e(t,i(r({},o),{icon:_})),n.Edit=o=>e(t,i(r({},o),{icon:eo})),n.Pen=o=>e(t,i(r({},o),{icon:Y})),n.Copy=o=>e(t,i(r({},o),{icon:ao})),n.File=o=>e(t,i(r({},o),{icon:mo})),n.Trash=o=>e(t,i(r({},o),{icon:fo})),n.Bars=o=>e(t,i(r({},o),{icon:N})),n.Download=o=>e(t,i(r({},o),{icon:O})),n.Link=o=>e(t,i(r({},o),{icon:X})),n.LinkSlash=o=>e(t,i(r({},o),{icon:z})),n.ExternalLinkAlt=o=>e(t,i(r({},o),{icon:b})),n.Gear=o=>e(t,i(r({},o),{icon:q})),n.Plus=o=>e(t,i(r({},o),{icon:J})),n.Minus=o=>e(t,i(r({},o),{icon:K})),n.EllipsisH=o=>e(t,i(r({},o),{icon:W})),n.EllipsisV=o=>e(t,i(r({},o),{icon:Z})),n.PaperPlane=o=>e(t,i(r({},o),{icon:$})),n.Image=o=>e(t,i(r({},o),{icon:po})),n.Ban=o=>e(t,i(r({},o),{icon:oo})),n.Location=o=>e(t,i(r({},o),{icon:ro}));export{n as FAI,n as default};
@@ -1,2 +1,2 @@
1
- import{b as o,c as u,d as h}from"../chunk-C5N2D3ZX.js";import{jsx as f}from"react/jsx-runtime";import g,{UUID as C}from"jmini";import T from"./Box";import{GridClasses as L}from"../@styles/componentClasses";import{useEffect as x,useState as $}from"react";const G=t=>f(T,o({display:"grid"},t)),i=G;i.Layout=t=>{let n=t,{gridTemplateColumns:S,gridTemplateRows:c,gridChildTemplates:a=[]}=n,y=h(n,["gridTemplateColumns","gridTemplateRows","gridChildTemplates"]),[d]=$(C(12));return x(()=>{let l="inlinestyle-"+d,r=document.createElement("style");return r.textContent="",a.forEach(([s,p],m)=>{let e=[`[data-grid-layout-id='${d}'] > *:nth-child(${a.length}n + ${m+1}) {`];a.length==m+1&&(e=[`[data-grid-layout-id='${d}'] > *:nth-child(${a.length}n) {`]),s&&e.push(` grid-column:${s};`),p&&e.push(` grid-row:${p};`),e.push("}",""),r.textContent+=e.join(`
2
- `)}),r.id=l,g("head").append(r),()=>{g("#"+l).remove()}},[]),f(i,u(o({},y),{"data-grid-layout-id":d,className:[t.className,L("GridLayout")].join(" "),freeCSS:o({gridTemplateColumns:S,gridTemplateRows:c},t.freeCSS)}))};export{i as Grid,i as default};
1
+ import{b as o,c as u,d as h}from"../chunk-C5N2D3ZX.js";import{jsx as f}from"react/jsx-runtime";import g,{UUID as C}from"jmini";import L from"./Box";import{GridClasses as T}from"../@styles/componentClasses";import{useEffect as x,useState as $}from"react";const G=t=>f(L,o({display:"grid"},t)),i=G;i.Layout=t=>{let n=t,{gridTemplateColumns:S,gridTemplateRows:c,gridChildTemplates:r=[]}=n,y=h(n,["gridTemplateColumns","gridTemplateRows","gridChildTemplates"]),[d]=$(C(12));return x(()=>{let l="inlinestyle-"+d,a=document.createElement("style");return a.textContent="",r.forEach(([s,p],m)=>{let e=[`[data-grid-layout-id='${d}'] > *:nth-child(${r.length}n + ${m+1}) {`];r.length==m+1&&(e=[`[data-grid-layout-id='${d}'] > *:nth-child(${r.length}n) {`]),s&&e.push(` grid-column:${s};`),p&&e.push(` grid-row:${p};`),e.push("}",""),a.textContent+=e.join(`
2
+ `)}),a.id=l,g("head").append(a),()=>{g("#"+l).remove()}},[]),f(i,u(o({},y),{"data-grid-layout-id":d,className:[t.className,T("GridLayout")].join(" "),freeCSS:o({gridTemplateColumns:S,gridTemplateRows:c},t.freeCSS)}))};export{i as Grid,i as default};
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
- import { StyleTags } from '../@declares';
2
+ import { StyleProps } from '../@declares';
3
3
  declare namespace Img {
4
- type Input = StyleTags.BasicElement & {
4
+ type Input = StyleProps.BasicElement & {
5
5
  src: string;
6
6
  alt?: string;
7
7
  showExpand?: boolean | string;
package/dist/atoms/Img.js CHANGED
@@ -1 +1 @@
1
- import{b as e,c as s,d as i}from"../chunk-C5N2D3ZX.js";import{jsx as I}from"react/jsx-runtime";import c from"./Box";import{Sheet as f}from"../fn";import{ImgClasses as m}from"../@styles/componentClasses";const l=p=>{let a=p,{src:n="",alt:g="",showExpand:t}=a,o=i(a,["src","alt","showExpand"]);return I(c,s(e({htmlTag:"img",src:n,alt:g},o),{className:[m("Img"),m("ShowExpand_"+!!t),o.className].join(" "),onPointerDown:r=>{o.onPointerDown&&o.onPointerDown(r),t&&r.stopPropagation()},onClick:r=>{o.onClick&&o.onClick(r),t&&(r.stopPropagation(),f.image({},t!=!0?t:n))},freeCSS:e({cursor:t?"zoom-in":"inherit"},o.freeCSS)}))};export{l as Img,l as default};
1
+ import{b as e,c as s,d as i}from"../chunk-C5N2D3ZX.js";import{jsx as I}from"react/jsx-runtime";import c from"./Box";import{Sheet as f}from"../fn";import{ImgClasses as m}from"../@styles/componentClasses";const p=l=>{let a=l,{src:n="",alt:g="",showExpand:t}=a,o=i(a,["src","alt","showExpand"]);return I(c,s(e({htmlTag:"img",src:n,alt:g},o),{className:[m("Img"),m("ShowExpand_"+!!t),o.className].join(" "),onPointerDown:r=>{o.onPointerDown&&o.onPointerDown(r),t&&r.stopPropagation()},onClick:r=>{o.onClick&&o.onClick(r),t&&(r.stopPropagation(),f.image({},t!=!0?t:n))},freeCSS:e({cursor:t?"zoom-in":"inherit"},o.freeCSS)}))};export{p as Img,p as default};
@@ -1,12 +1,12 @@
1
1
  /// <reference types="react" />
2
- import { StyleTags, ReactElement } from '../@declares';
2
+ import { StyleProps, ReactElement } from '../@declares';
3
3
  declare namespace Logo {
4
- type ComponentInput = StyleTags.BasicElement & {
4
+ type ComponentInput = StyleProps.BasicElement & {
5
5
  size?: 'S' | 'R' | 'L' | '2L' | '3L';
6
6
  color?: 'normal' | 'white';
7
7
  children?: ReactElement | React.FC<any>;
8
8
  };
9
- type DefaultLogoInput = StyleTags.BasicElement & {
9
+ type DefaultLogoInput = StyleProps.BasicElement & {
10
10
  size?: 'S' | 'R' | 'L' | '2L' | '3L';
11
11
  color?: 'normal' | 'white';
12
12
  };
@@ -1,4 +1,4 @@
1
- import{b as l,c,d as p}from"../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as e,jsxs as I}from"react/jsx-runtime";import T from"jmini";import{Flex as L,Img as C}from".";import{LogoClasses as a}from"../@styles/componentClasses";const h={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:a("ComunIcon"),children:I("g",{children:[e("path",{d:`
1
+ import{b as l,c,d as m}from"../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as e,jsxs as I}from"react/jsx-runtime";import h from"jmini";import{Flex as L,Img as C}from".";import{LogoClasses as a}from"../@styles/componentClasses";const T={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:a("ComunIcon"),children:I("g",{children:[e("path",{d:`
2
2
  M
3
3
  100,600
4
4
  A 500,500 0 0,0 600,1100
@@ -48,4 +48,4 @@ import{b as l,c,d as p}from"../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as e,
48
48
  L600,600
49
49
  L600,300
50
50
  Z
51
- `,className:[a("P"),a("P_"+t)].join(" "),style:{fill:"#ea6093"}})]});return I("svg",{viewBox:"0,0,1200,1200",className:a("MingooIcon"),children:[o(0),o(1),o(2),o(3),o(4),o(5),o(6),o(7),o(8)]})}},u={Icon:o=>e(r.Icon,c(l({},o),{children:e(h.MingooIcon,{})})),Title:o=>e(r.Title,c(l({className:a("ComunTitle"),height:"auto"},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"mingoo"})),LogoH:o=>{let n=o,{size:t,color:g}=n,i=p(n,["size","color"]);return I(L,c(l({gap:"1/2",flexCenter:!0},i),{children:[e(u.Icon,{size:t,color:g}),e(u.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,i=p(n,["size","color"]);return I(L,c(l({flexType:"col",gap:"1/2"},i),{children:[e(u.Icon,{margin:"auto",size:t,color:g}),e(u.Title,{size:t,color:g})]}))}},m={Icon:o=>e(r.Icon,c(l({},o),{children:e(h.ComunIcon,{})})),Title:o=>e(r.Title,c(l({className:a("ComunTitle"),height:"auto"},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"comun"})),LogoH:o=>{let n=o,{size:t,color:g}=n,i=p(n,["size","color"]);return I(L,c(l({gap:"1/2",flexCenter:!0},i),{children:[e(m.Icon,{size:t,color:g}),e(m.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,i=p(n,["size","color"]);return I(L,c(l({flexType:"col",gap:"1/2"},i),{children:[e(m.Icon,{margin:"auto",size:t,color:g}),e(m.Title,{size:t,color:g})]}))}};let s="https://cdn.amotify.com/";const r={Icon:o=>{let f=o,{size:t="R",color:g="normal",className:i="",children:n}=f,S=p(f,["size","color","className","children"]);return e(L,c(l({className:[i,a("Icon"),a("Size_"+t)].join(" "),verticalAlign:"center"},S),{children:T.isFunction(n)?e(n,{}):n}))},Title:o=>{let f=o,{size:t="R",color:g="normal",className:i="",children:n}=f,S=p(f,["size","color","className","children"]);return e(L,c(l({className:[i,a("Title"),a("Size_"+t)].join(" "),verticalAlign:"center",fontColor:g=="white"?"white":"logo"},S),{children:T.isFunction(n)?e(n,{}):n}))},Brands:{MingooIcon:u.Icon,MingooTitle:u.Title,MingooLogoH:u.LogoH,MingooLogoV:u.LogoV,ComunIcon:m.Icon,ComunTitle:m.Title,ComunLogoH:m.LogoH,ComunLogoV:m.LogoV,Google:o=>e(r.Icon,c(l({},o),{children:e(C,{src:s+"@env/@logos/brands/Google_Icon.svg",alt:""})})),Facebook:o=>e(r.Icon,c(l({},o),{children:e(C,{src:s+"@env/@logos/brands/FaceBook_Icon.svg",alt:""})})),Twitter:o=>e(r.Icon,c(l({},o),{children:e(C,{src:s+"@env/@logos/brands/Twitter_Icon.svg",alt:""})})),LINE:o=>e(r.Icon,c(l({},o),{children:e(C,{src:s+"@env/@logos/brands/Line_Icon.svg",alt:""})}))},Images:{mingooIcon:s+"@env/@logos/mingoo/icon.png",mingooIconClear:s+"@env/@logos/mingoo/iconClear.png",comunIcon:s+"@env/@logos/comun/icon.png",comunIconClear:s+"@env/@logos/comun/iconClear.png",defaultIcon:o=>s+"@env/@icon/"+(o||"image")+".png"}};export{r as Logo,r as default};
51
+ `,className:[a("P"),a("P_"+t)].join(" "),style:{fill:"#ea6093"}})]});return I("svg",{viewBox:"0,0,1200,1200",className:a("MingooIcon"),children:[o(0),o(1),o(2),o(3),o(4),o(5),o(6),o(7),o(8)]})}},u={Icon:o=>e(r.Icon,c(l({},o),{children:e(T.MingooIcon,{})})),Title:o=>e(r.Title,c(l({className:a("ComunTitle"),height:"auto"},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"mingoo"})),LogoH:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({gap:"1/2",flexCenter:!0},i),{children:[e(u.Icon,{size:t,color:g}),e(u.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({flexType:"col",gap:"1/2"},i),{children:[e(u.Icon,{margin:"auto",size:t,color:g}),e(u.Title,{size:t,color:g})]}))}},p={Icon:o=>e(r.Icon,c(l({},o),{children:e(T.ComunIcon,{})})),Title:o=>e(r.Title,c(l({className:a("ComunTitle"),height:"auto"},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"comun"})),LogoH:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({gap:"1/2",flexCenter:!0},i),{children:[e(p.Icon,{size:t,color:g}),e(p.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({flexType:"col",gap:"1/2"},i),{children:[e(p.Icon,{margin:"auto",size:t,color:g}),e(p.Title,{size:t,color:g})]}))}};let s="https://cdn.amotify.com/";const r={Icon:o=>{let f=o,{size:t="R",color:g="normal",className:i="",children:n}=f,S=m(f,["size","color","className","children"]);return e(L,c(l({className:[i,a("Icon"),a("Size_"+t)].join(" "),verticalAlign:"center"},S),{children:h.isFunction(n)?e(n,{}):n}))},Title:o=>{let f=o,{size:t="R",color:g="normal",className:i="",children:n}=f,S=m(f,["size","color","className","children"]);return e(L,c(l({className:[i,a("Title"),a("Size_"+t)].join(" "),verticalAlign:"center",fontColor:g=="white"?"white":"logo"},S),{children:h.isFunction(n)?e(n,{}):n}))},Brands:{MingooIcon:u.Icon,MingooTitle:u.Title,MingooLogoH:u.LogoH,MingooLogoV:u.LogoV,ComunIcon:p.Icon,ComunTitle:p.Title,ComunLogoH:p.LogoH,ComunLogoV:p.LogoV,Google:o=>e(r.Icon,c(l({},o),{children:e(C,{src:s+"@env/@logos/brands/Google_Icon.svg",alt:""})})),Facebook:o=>e(r.Icon,c(l({},o),{children:e(C,{src:s+"@env/@logos/brands/FaceBook_Icon.svg",alt:""})})),Twitter:o=>e(r.Icon,c(l({},o),{children:e(C,{src:s+"@env/@logos/brands/Twitter_Icon.svg",alt:""})})),LINE:o=>e(r.Icon,c(l({},o),{children:e(C,{src:s+"@env/@logos/brands/Line_Icon.svg",alt:""})}))},Images:{mingooIcon:s+"@env/@logos/mingoo/icon.png",mingooIconClear:s+"@env/@logos/mingoo/iconClear.png",comunIcon:s+"@env/@logos/comun/icon.png",comunIconClear:s+"@env/@logos/comun/iconClear.png",defaultIcon:o=>s+"@env/@icon/"+(o||"image")+".png"}};export{r as Logo,r as default};
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { StyleTags, ReactElement } from '../@declares';
2
+ import { StyleProps, ReactElement } from '../@declares';
3
3
  import { Records } from 'jmini';
4
4
  declare namespace ButtonTypes {
5
5
  type Seeds = 'button' | 'label' | 'anchor';
@@ -9,7 +9,7 @@ declare namespace ButtonTypes {
9
9
  type delegateClickEventProps = 'auxEnter' | 'enter' | 'space';
10
10
  type ClearColors = Colors | 'layer';
11
11
  type SubColors = Colors | 'layer';
12
- type Input<C = Colors> = StyleTags.BasicElement & {
12
+ type Input<C = Colors> = StyleProps.BasicElement & {
13
13
  color?: C;
14
14
  tone?: Tones;
15
15
  size?: Sizes;
@@ -18,7 +18,7 @@ declare namespace ButtonTypes {
18
18
  'aria-label'?: string;
19
19
  isLocked?: boolean;
20
20
  isActive?: boolean;
21
- isActiveStyles?: StyleTags.PropsNFreeCSS;
21
+ isActiveStyles?: StyleProps.PropsNFreeCSS;
22
22
  isActiveClassName?: string;
23
23
  };
24
24
  namespace SizeMethods {
package/dist/fn/Button.js CHANGED
@@ -1 +1 @@
1
- import{b as s,c as i,d as I,e as F}from"../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import M,{useStore as A,UUID as H}from"jmini";import{pageRouter as E,ReadStyleSet as V}from"../@utils";import{Input as O}from".";import{Box as N}from"../atoms";import{ButtonClasses as C}from"../@styles/componentClasses";const w={Size:(a,t,o,n)=>{let e={fontSize:"inherit"};return o=o||"R",t=="plain"?{}:(t=="link"?o=="xsmall"?e.fontSize="0.xs":o=="small"?e.fontSize="1.mini":o=="regular"||o=="large"&&(e.fontSize="3.paragraph"):e=s({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),o=="xsmall"?e=i(s({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):o=="small"?e=i(s({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"2.tone.secondary"}):o=="regular"?e.padding=["3/4",1]:o=="large"&&(e.padding=[1,2],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e)},Tone:(a,t,o,n)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="plain"||(t=="link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="normal"?e=i(s({},e),{backgroundColor:"trans"}):t=="border"?e=i(s({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.min"}):t=="prime"?(e=i(s({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:n,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),n=="white"&&(e=i(s({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="sub"?e=i(s({},e),{fontColor:n,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="clear"?e=i(s({},e),{fontColor:n,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="fillToBorder"?e=i(s({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,fontColor:n,backgroundColor:n}):t=="borderToFill"&&(e=i(s({},e),{fontColor:n,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,backgroundColor:n})),n=="cloud"&&(e.fontColor="2.normal"),t!="link"&&(e=s({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},K=a=>{var e;let t=V(s({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme",tone:"border","aria-label":H()},a)),o=t.seed;{let{isLocked:m=!1,isActive:h=!1,isActiveStyles:B={},isActiveClassName:g="",tone:r="border",size:l="regular",color:p="theme",className:d=""}=t;t=s(s(s({},w.Size(a.seed,r,l,p)),w.Tone(a.seed,r,l,p)),t),t.className=[d,C("Wrap"),C("isNeutral_"+!h),C("isLocked_"+m),C("Tone_"+r),C("Color_"+p),C("Tone_"+r+"_Color_"+p)].join(" "),h&&(t=s(s({className:[t.className,g].join(" ")},t),B))}if(o=="button"){let n=t,{isLocked:m,isActive:h,isActiveClassName:B,isActiveStyles:g,submitOption:r,onFormSubmit:l,onClick:p}=n,d=I(n,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onFormSubmit","onClick"]);return l!=null&&l[1]&&(d=i(s({},d),{"data-form-submit-button":l[0],"data-sdfike":M.Arrayify(((e=l[2])==null?void 0:e.submitableKey)||"auxEnter").join(",")})),r&&(r=s({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},r),d=i(s({},d),{"data-form-submit-button":r.formName,"data-sdfike":M.Arrayify(r.submitDelegationKey).join(",")})),u(N,i(s({htmlTag:"button",fontHeight:"inherit"},d),{onClick:k=>{m||(p&&p(k),M.scope(()=>F(void 0,null,function*(){if(!(l!=null&&l[1]))return;l[2]=s({validOnly:!0,submitableKey:"auxEnter",releaseOnFinish:!0},l==null?void 0:l[2]);let[c,T,f]=l,S="prevent-form-submit-"+c,b=A.get(S),x=()=>A.delete(S);const z=()=>(A.set({[S]:!0}),{release:x});if(b)return f.validOnly?void 0:T({body:{},isValid:!1,serialLock:z});z();let v=yield O.CollectForm(c);if(!v.isValid&&f.validOnly){x();return}yield T({body:v.data,isValid:v.isValid,serialLock:z}),f.releaseOnFinish&&x()})),M.scope(()=>F(void 0,null,function*(){if(!r)return;let c=yield O.CollectForm(r.formName);!c.isValid&&!r.acceptInvalidForm||r.callback(c.data,c.isValid)})))}}))}else if(o=="label"){let P=t,{isLocked:m,isActive:h,isActiveClassName:B,isActiveStyles:g,onClick:r}=P,l=I(P,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick"]);return u(N,i(s({htmlTag:"label"},l),{onClick:p=>{m||r&&r(p)}}))}else if(o=="anchor"){let R=t,{isLocked:m,isActive:h,isActiveClassName:B,isActiveStyles:g,onClick:r,href:l="",newTab:p,sync:d,shiftQueryParams:k}=R,c=I(R,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick","href","newTab","sync","shiftQueryParams"]);return u(N,i(s({htmlTag:"button"},c),{onClick:T=>{if(m)return;if(r)return r(T);let f=T.ctrlKey||T.metaKey,S=p||!!f,b=l;if(k&&(b+=location.search),d){E.pushSync(b);return}E.push(b,!!S)}}))}return null},y=function(a,t){const o=e=>u(K,s({seed:a,tone:t,size:"regular"},e)),n=o;return n.Plain=e=>u(o,s({size:"plain",tone:t},e)),n.XS=e=>u(o,s({size:"xsmall",tone:t},e)),n.S=e=>u(o,s({size:"small",tone:t},e)),n.R=e=>u(o,s({size:"regular",tone:t},e)),n.L=e=>u(o,s({size:"large",tone:t},e)),n},L=function(a){const o=n=>u(K,s({seed:a,tone:"prime",size:"regular"},n));return o.Plain=y(a,"plain"),o.Link=y(a,"link"),o.Normal=y(a,"normal"),o.Border=y(a,"border"),o.Prime=y(a,"prime"),o.Sub=y(a,"sub"),o.Clear=y(a,"clear"),o.FillToBorder=y(a,"fillToBorder"),o.BorderToFill=y(a,"borderToFill"),o},W=L("button"),_=L("label"),X=L("anchor");export{X as Anchor,W as Button,_ as Label};
1
+ import{b as s,c as a,d as M,e as F}from"../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import k,{useStore as P,UUID as H}from"jmini";import{pageRouter as E,ReadStyleSet as V}from"../@utils";import{Input as O}from".";import{Box as A}from"../atoms";import{ButtonClasses as h}from"../@styles/componentClasses";const w={Size:(i,t,o,n)=>{let e={fontSize:"inherit"};return o=o||"R",t=="plain"?{}:(t=="link"?o=="xsmall"?e.fontSize="0.xs":o=="small"?e.fontSize="1.mini":o=="regular"||o=="large"&&(e.fontSize="3.paragraph"):e=s({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),o=="xsmall"?e=a(s({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):o=="small"?e=a(s({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"2.tone.secondary"}):o=="regular"?e.padding=["3/4",1]:o=="large"&&(e.padding=[1,2],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e)},Tone:(i,t,o,n)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="plain"||(t=="link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="normal"?e=a(s({},e),{backgroundColor:"trans"}):t=="border"?e=a(s({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.min"}):t=="prime"?(e=a(s({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:n,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),n=="white"&&(e=a(s({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="sub"?e=a(s({},e),{fontColor:n,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="clear"?e=a(s({},e),{fontColor:n,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="fillToBorder"?e=a(s({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,fontColor:n,backgroundColor:n}):t=="borderToFill"&&(e=a(s({},e),{fontColor:n,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,backgroundColor:n})),n=="cloud"&&(e.fontColor="2.normal"),t!="link"&&(e=s({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},K=i=>{var e;let t=V(s({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme",tone:"border","aria-label":H()},i)),o=t.seed;{let{isLocked:m=!1,isActive:f=!1,isActiveStyles:B={},isActiveClassName:I="",tone:r="border",size:l="regular",color:p="theme",className:d=""}=t;t=s(s(s({},w.Size(i.seed,r,l,p)),w.Tone(i.seed,r,l,p)),t),t.className=[d,h("Wrap"),h("isNeutral_"+!f),h("isLocked_"+m),h("Tone_"+r),h("Color_"+p),h("Tone_"+r+"_Color_"+p)].join(" "),f&&(t=s(s({className:[t.className,I].join(" ")},t),B))}if(o=="button"){let n=t,{isLocked:m,isActive:f,isActiveClassName:B,isActiveStyles:I,submitOption:r,onFormSubmit:l,onClick:p}=n,d=M(n,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onFormSubmit","onClick"]);return l!=null&&l[1]&&(d=a(s({},d),{"data-form-submit-button":l[0],"data-sdfike":k.Arrayify(((e=l[2])==null?void 0:e.submitableKey)||"auxEnter").join(",")})),r&&(r=s({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},r),d=a(s({},d),{"data-form-submit-button":r.formName,"data-sdfike":k.Arrayify(r.submitDelegationKey).join(",")})),u(A,a(s({htmlTag:"button",fontHeight:"inherit"},d),{onClick:g=>{m||(p&&p(g),k.scope(()=>F(void 0,null,function*(){if(!(l!=null&&l[1]))return;l[2]=s({validOnly:!0,submitableKey:"auxEnter",releaseOnFinish:!0},l==null?void 0:l[2]);let[c,C,S]=l,b="prevent-form-submit-"+c,T=P.get(b),x=()=>P.delete(b);const z=()=>(P.set({[b]:!0}),{release:x});if(T)return S.validOnly?void 0:C({body:{},isValid:!1,serialLock:z});z();let v=yield O.CollectForm(c);if(!v.isValid&&S.validOnly){x();return}yield C({body:v.data,isValid:v.isValid,serialLock:z}),S.releaseOnFinish&&x()})),k.scope(()=>F(void 0,null,function*(){if(!r)return;let c=yield O.CollectForm(r.formName);!c.isValid&&!r.acceptInvalidForm||r.callback(c.data,c.isValid)})))}}))}else if(o=="label"){let L=t,{isLocked:m,isActive:f,isActiveClassName:B,isActiveStyles:I,onClick:r}=L,l=M(L,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick"]);return u(A,a(s({htmlTag:"label"},l),{onClick:p=>{m||r&&r(p)}}))}else if(o=="anchor"){let R=t,{isLocked:m,isActive:f,isActiveClassName:B,isActiveStyles:I,onClick:r,href:l="",newTab:p,sync:d,shiftQueryParams:g}=R,c=M(R,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick","href","newTab","sync","shiftQueryParams"]);return u(A,a(s({htmlTag:"button"},c),{onClick:C=>{if(m)return;if(r)return r(C);let S=C.ctrlKey||C.metaKey,b=p||!!S,T=l;if(g&&(T+=location.search),d){E.pushSync(T);return}E.push(T,!!b)}}))}return null},y=function(i,t){const o=e=>u(K,s({seed:i,tone:t,size:"regular"},e)),n=o;return n.Plain=e=>u(o,s({size:"plain",tone:t},e)),n.XS=e=>u(o,s({size:"xsmall",tone:t},e)),n.S=e=>u(o,s({size:"small",tone:t},e)),n.R=e=>u(o,s({size:"regular",tone:t},e)),n.L=e=>u(o,s({size:"large",tone:t},e)),n},N=function(i){const o=n=>u(K,s({seed:i,tone:"prime",size:"regular"},n));return o.Plain=y(i,"plain"),o.Link=y(i,"link"),o.Normal=y(i,"normal"),o.Border=y(i,"border"),o.Prime=y(i,"prime"),o.Sub=y(i,"sub"),o.Clear=y(i,"clear"),o.FillToBorder=y(i,"fillToBorder"),o.BorderToFill=y(i,"borderToFill"),o},W=N("button"),_=N("label"),X=N("anchor");export{X as Anchor,W as Button,_ as Label};