lism-css 0.3.5 → 0.5.1

package/dist/css/props.css

@@ -0,0 +1 @@
+.-bd,[class*=-bd-]{border-color:var(--bdc);border-width:var(--bdw)}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-x-s{border-inline-start-style:var(--bds)}.-bd-x-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-y-s{border-block-start-style:var(--bds)}.-bd-y-e{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.has--gutter)>.-max-sz\:full{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.-max-sz\:outer{margin-inline:calc(50% - var(--sz--outer)/2);max-inline-size:var(--sz--outer,100vi)}.-f\:inherit{font:inherit}.-fz,[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:var(--fz--root)}.-fz\:base{--fz:var(--fz--base)}.-fz\:5xl{--fz:var(--fz--5xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:l{--fz:var(--fz--l)}.-fz\:m{--fz:var(--fz--m)}.-fz\:s{--fz:var(--fz--s)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:2xs{--fz:var(--fz--2xs)}.-fw\:thin{font-weight:var(--fw--thin)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fw\:black{font-weight:var(--fw--black)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lh,[class*="-lh:"]{line-height:var(--lh)}.-lh\:1{--lh:1}.-lh\:base{--lh:var(--lh--base)}.-lh\:xs{--lh:var(--lh--xs)}.-lh\:s{--lh:var(--lh--s)}.-lh\:l{--lh:var(--lh--l)}.-lh\:xl{--lh:var(--lh--xl)}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-ta\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:under{text-decoration:underline}.-td\:none{text-decoration:none}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:in-flex{display:inline-flex}.-o\:0{opacity:0}.-o\:-10{opacity:var(--o--n10)}.-o\:-20{opacity:var(--o--n20)}.-o\:-30{opacity:var(--o--n30)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bg{background:var(--bg)}.-bgr\:no{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgclip\:text{-webkit-background-clip:text;background-clip:text}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:trsp{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:trsp{--c:transparent}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:line{--bdc:var(--c--line)}.-bdc\:inherit{--bdc:inherit}.-bdc\:trsp{--bdc:transparent}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:50{--bdrs:var(--bdrs--50)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh,[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:none}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:10{--bxsh:var(--bxsh--10)}.-bxsh\:20{--bxsh:var(--bxsh--20)}.-bxsh\:30{--bxsh:var(--bxsh--30)}.-bxsh\:40{--bxsh:var(--bxsh--40)}.-bxsh\:50{--bxsh:var(--bxsh--50)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:rel{position:relative}.-pos\:abs{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px,[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}.-px\:60{--px:var(--s60)}.-px\:70{--px:var(--s70)}.-px\:80{--px:var(--s80)}.-py,[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-py\:60{--py:var(--s60)}.-py\:70{--py:var(--s70)}.-py\:80{--py:var(--s80)}.-px-s{padding-inline-start:var(--px-s)}.-px-e{padding-inline-end:var(--px-e)}.-py-s{padding-block-start:var(--py-s)}.-py-e{padding-block-end:var(--py-e)}.-pl{padding-left:var(--pl)}.-pr{padding-right:var(--pr)}.-pt{padding-top:var(--pt)}.-pb{padding-bottom:var(--pb)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx,[class*="-mx:"]{margin-inline:var(--mx)}.-mx\:0{--mx:0}.-mx\:5{--mx:var(--s5)}.-mx\:10{--mx:var(--s10)}.-mx\:20{--mx:var(--s20)}.-mx\:30{--mx:var(--s30)}.-mx\:40{--mx:var(--s40)}.-mx\:50{--mx:var(--s50)}.-mx\:60{--mx:var(--s60)}.-mx\:70{--mx:var(--s70)}.-mx\:80{--mx:var(--s80)}.-mx\:auto{--mx:auto}.-my,[class*="-my:"]{margin-block:var(--my)}.-my\:0{--my:0}.-my\:5{--my:var(--s5)}.-my\:10{--my:var(--s10)}.-my\:20{--my:var(--s20)}.-my\:30{--my:var(--s30)}.-my\:40{--my:var(--s40)}.-my\:50{--my:var(--s50)}.-my\:60{--my:var(--s60)}.-my\:70{--my:var(--s70)}.-my\:80{--my:var(--s80)}.-my\:auto{--my:auto}.-mx-s{margin-inline-start:var(--mx-s)}.-mx-s\:auto{margin-inline-start:auto}.-mx-e{margin-inline-end:var(--mx-e)}.-mx-e\:auto{margin-inline-end:auto}.-my-s{margin-block-start:var(--my-s)}.-my-s\:0{margin-block-start:0}.-my-s\:5{margin-block-start:var(--s5)}.-my-s\:10{margin-block-start:var(--s10)}.-my-s\:20{margin-block-start:var(--s20)}.-my-s\:30{margin-block-start:var(--s30)}.-my-s\:40{margin-block-start:var(--s40)}.-my-s\:50{margin-block-start:var(--s50)}.-my-s\:60{margin-block-start:var(--s60)}.-my-s\:70{margin-block-start:var(--s70)}.-my-s\:80{margin-block-start:var(--s80)}.-my-s\:auto{margin-block-start:auto}.-my-e{margin-inline-end:var(--my-e)}.-my-e\:auto{margin-inline-end:auto}.-ml{margin-left:var(--ml)}.-mr{margin-right:var(--mr)}.-mt{margin-top:var(--mt)}.-mb{margin-bottom:var(--mb)}.-g,[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:60{--g:var(--s60)}.-g\:70{--g:var(--s70)}.-g\:80{--g:var(--s80)}.-g\:inherit{gap:inherit}.-g-x{-moz-column-gap:var(--g-x);column-gap:var(--g-x)}.-g-y{row-gap:var(--g-y)}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:col{flex-direction:column}.-fxd\:col-r{flex-direction:column-reverse}.-fxd\:row-r{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-gt\:repeat{--cols:1;--rows:1;grid-template:repeat(var(--rows),1fr) /repeat(var(--cols),1fr)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtc\:liquid{--cols:var(--sz--min);--gtc:repeat(auto-fill,minmax(min(var(--cols),100%),1fr))}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:row{grid-auto-flow:row}.-gaf\:col{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-s{align-items:flex-start}.-ai\:flex-e{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-s{align-content:flex-start}.-ac\:flex-e{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-s{justify-items:flex-start}.-ji\:flex-e{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-s{justify-content:flex-start}.-jc\:flex-e{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-translate\:-50X{translate:-50% 0}.-translate\:-50Y{translate:0 -50%}.-translate\:-50XY{translate:-50% -50%}.-rotate\:45{rotate:45deg}.-rotate\:90{rotate:90deg}.-rotate\:-45{rotate:-45deg}.-rotate\:-90{rotate:-90deg}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-ovw\:any{overflow-wrap:anywhere}.-whitespace\:nowrap{white-space:nowrap}.-writing{writing-mode:var(--writing)}.-writing\:vertical{writing-mode:var(--writing--vertical)}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-isolation\:isolate{isolation:isolate}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-lh_sm{line-height:var(--lh_sm)}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs_sm);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-p_sm{padding:var(--p_sm);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-px-s_sm{padding-inline-start:var(--px-s_sm)}.-px-e_sm{padding-inline-end:var(--px-e_sm)}.-py-s_sm{padding-block-start:var(--py-s_sm)}.-py-e_sm{padding-block-end:var(--py-e_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-m_sm{margin:var(--m_sm);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mx-s_sm{margin-inline-start:var(--mx-s_sm)}.-mx-e_sm{margin-inline-end:var(--mx-e_sm)}.-my-s_sm{margin-block-start:var(--my-s_sm)}.-my-e_sm{margin-inline-end:var(--my-e_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-g_sm{gap:var(--g_sm);--g:var(--g_sm)!important}.-g-x_sm{-moz-column-gap:var(--g-x_sm);column-gap:var(--g-x_sm)}.-g-y_sm{row-gap:var(--g-y_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-writing_sm{writing-mode:var(--writing_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-lh_md{line-height:var(--lh_md)}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs_md);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-p_md{padding:var(--p_md);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-px-s_md{padding-inline-start:var(--px-s_md)}.-px-e_md{padding-inline-end:var(--px-e_md)}.-py-s_md{padding-block-start:var(--py-s_md)}.-py-e_md{padding-block-end:var(--py-e_md)}.-pl_md{padding-left:var(--pl_md)}.-pr_md{padding-right:var(--pr_md)}.-pt_md{padding-top:var(--pt_md)}.-pb_md{padding-bottom:var(--pb_md)}.-m_md{margin:var(--m_md);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mx-s_md{margin-inline-start:var(--mx-s_md)}.-mx-e_md{margin-inline-end:var(--mx-e_md)}.-my-s_md{margin-block-start:var(--my-s_md)}.-my-e_md{margin-inline-end:var(--my-e_md)}.-ml_md{margin-left:var(--ml_md)}.-mr_md{margin-right:var(--mr_md)}.-mt_md{margin-top:var(--mt_md)}.-mb_md{margin-bottom:var(--mb_md)}.-g_md{gap:var(--g_md);--g:var(--g_md)!important}.-g-x_md{-moz-column-gap:var(--g-x_md);column-gap:var(--g-x_md)}.-g-y_md{row-gap:var(--g-y_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-writing_md{writing-mode:var(--writing_md)}}@media (any-hover:hover){.-hov\:c:hover{color:var(--hov-c,var(--c--link))}.-hov\:bdc:hover{border-color:var(--hov-bdc,var(--c--link))}.-hov\:bgc:hover{background-color:var(--hov-bgc,var(--c--base-2))}.-hov\:o:hover{opacity:var(--hov-o,.7)!important}.-hov\:bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--40))}}.-hov\:to\:hide{opacity:var(--isHov_,0)}.-hov\:to\:show{opacity:var(--notHov_,0);visibility:var(--notHov_,hidden)}

package/dist/css/reset.css

@@ -0,0 +1 @@
+*,:after,:before{box-sizing:border-box}*{margin:0}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}rt{font-size:50%}img,video{block-size:auto;max-inline-size:100%}audio,img,svg,video{vertical-align:middle}embed,iframe,object{border:none;display:block}button,input,select,textarea{color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}

package/dist/css/utility.css

@@ -0,0 +1 @@
+.u-trim{margin-block:calc(.5px + var(--HL)*-1)}.u-trimItems>*{--trimHL:calc(0.5px + var(--HL)*-1);margin-block:var(--trimHL)}.u-trimItems>:where(figure,img,button){--trimHL:0px}.u-cbox{--c:color-mix(in srgb,var(--c--text),var(--keycolor) var(--cbox-cPct,40%));--bgc:color-mix(in srgb,var(--c--base),var(--keycolor) var(--cbox-bgPct,5%));--bdc:var(--keycolor);--c--link:var(--keycolor);background-color:var(--bgc);color:var(--c)}.u-itemDivider{--bdw:1px;--bdc:currentColor;gap:var(--bdw);overflow:clip}.u-itemDivider>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u-expandedLink{position:static}.u-expandedLink:before{content:"";inset:0;position:absolute;z-index:0}.u-hidden.u-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}

package/dist/index.js

@@ -1,54 +1,54 @@
-import { default as o } from "./components/Accordion/index.js";
-import { default as t } from "./components/Tabs/index.js";
-import { default as d } from "./components/Modal/index.js";
-import { default as l } from "./components/Lism/index.js";
-import { default as s } from "./components/Lism/Text.js";
-import { default as p } from "./components/Lism/Media.js";
+import { default as r } from "./components/HTML/index.js";
+import { default as t } from "./components/Accordion/index.js";
+import { default as d } from "./components/Tabs/index.js";
+import { default as m } from "./components/Modal/index.js";
+import { default as x } from "./components/Lism/index.js";
+import { default as p } from "./components/Lism/Text.js";
 import { default as n } from "./components/Lism/Link.js";
-import { default as C } from "./components/Dummy/index.js";
-import { default as k } from "./components/Box/index.js";
-import { default as F } from "./components/Flex/index.js";
-import { default as S } from "./components/Flex/FlexItem.js";
-import { default as B } from "./components/Flex/Cluster.js";
-import { default as M } from "./components/Stack/index.js";
-import { default as b } from "./components/Grid/index.js";
-import { default as v } from "./components/Grid/GridItem.js";
-import { default as W } from "./components/WithSide/index.js";
-import { default as j } from "./components/Center/index.js";
-import { default as w } from "./components/Columns/index.js";
-import { default as E } from "./components/Frame/index.js";
-import { default as J } from "./components/Container/index.js";
-import { default as N } from "./components/Layer/index.js";
-import { default as P } from "./components/LinkBox/index.js";
-import { default as R } from "./components/Icon/index.js";
-import { default as V } from "./components/Spacer/index.js";
-import { default as Y } from "./components/Decorator/index.js";
-import { default as _ } from "./components/Divider/index.js";
+import { default as L } from "./components/Dummy/index.js";
+import { default as k } from "./components/Container/index.js";
+import { default as F } from "./components/Layer/index.js";
+import { default as S } from "./components/LinkBox/index.js";
+import { default as y } from "./components/Box/index.js";
+import { default as b } from "./components/Flow/index.js";
+import { default as v } from "./components/Flex/index.js";
+import { default as A } from "./components/Cluster/index.js";
+import { default as H } from "./components/Stack/index.js";
+import { default as W } from "./components/Grid/index.js";
+import { default as j } from "./components/WithSide/index.js";
+import { default as z } from "./components/Center/index.js";
+import { default as J } from "./components/Columns/index.js";
+import { default as N } from "./components/Frame/index.js";
+import { default as P } from "./components/atomic/Decorator/index.js";
+import { default as R } from "./components/atomic/Divider/index.js";
+import { default as V } from "./components/atomic/Icon/index.js";
+import { default as Y } from "./components/atomic/Media/index.js";
+import { default as _ } from "./components/atomic/Spacer/index.js";
 export {
-  o as Accordion,
-  k as Box,
-  j as Center,
-  B as Cluster,
-  w as Columns,
-  J as Container,
-  Y as Decorator,
-  _ as Divider,
-  C as Dummy,
-  F as Flex,
-  S as FlexItem,
-  E as Frame,
-  b as Grid,
-  v as GridItem,
-  R as Icon,
-  N as Layer,
+  t as Accordion,
+  y as Box,
+  z as Center,
+  A as Cluster,
+  J as Columns,
+  k as Container,
+  P as Decorator,
+  R as Divider,
+  L as Dummy,
+  v as Flex,
+  b as Flow,
+  N as Frame,
+  W as Grid,
+  r as HTML,
+  V as Icon,
+  F as Layer,
   n as Link,
-  P as LinkBox,
-  l as Lism,
-  p as Media,
-  d as Modal,
-  V as Spacer,
-  M as Stack,
-  t as Tabs,
-  s as Text,
-  W as WithSide
+  S as LinkBox,
+  x as Lism,
+  Y as Media,
+  m as Modal,
+  _ as Spacer,
+  H as Stack,
+  d as Tabs,
+  p as Text,
+  j as WithSide
 };

package/dist/lib/getBpData.js

@@ -1,6 +1,6 @@
 import r from "./helper/filterEmptyObj.js";
 import m from "./helper/hasKeys.js";
-import { BREAK_POINTS as u } from "../config.js";
+import { BREAK_POINTS as u } from "../config/index.js";
 const f = ["base", ...u];
 function o(e) {
   let t = {};

package/dist/lib/getLismProps.js

@@ -1,103 +1,68 @@
-var _ = Object.defineProperty;
-var w = (o, t, s) => t in o ? _(o, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : o[t] = s;
-var y = (o, t, s) => w(o, typeof t != "symbol" ? t + "" : t, s);
-import C, { CONTEXT_PROPS as E } from "../config/prop_list.js";
-import z from "./isPresetValue.js";
-import g from "./isTokenValue.js";
-import x from "./getMaybeUtilValue.js";
-import u from "./getMaybeCssVar.js";
-import k from "./getBpData.js";
-import U from "./helper/atts.js";
-import A from "./helper/isEmptyObj.js";
-import O from "./helper/filterEmptyObj.js";
-import S from "./helper/splitWithComma.js";
-const j = (o) => {
-  const t = C[o];
-  if (!t) return null;
-  const { converter: s } = t;
-  return s || null;
-}, V = Object.keys(C), B = Object.keys(E);
-class K {
+var E = Object.defineProperty;
+var A = (r, t, s) => t in r ? E(r, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[t] = s;
+var d = (r, t, s) => A(r, typeof t != "symbol" ? t + "" : t, s);
+import { STATES as U, PROPS as P } from "../config/index.js";
+import g from "./isPresetValue.js";
+import V from "./isTokenValue.js";
+import O from "./getUtilKey.js";
+import S from "./getMaybeCssVar.js";
+import _ from "./getBpData.js";
+import b from "./helper/atts.js";
+import x from "./helper/isEmptyObj.js";
+import j from "./helper/filterEmptyObj.js";
+import k from "./helper/splitWithComma.js";
+const z = (r) => {
+  const t = P[r];
+  return t && (t == null ? void 0 : t.token) || "";
+};
+class w {
   constructor(t) {
     // propList = {};
-    y(this, "className", "");
-    y(this, "uClasses", []);
-    // props解析処理で追加される
-    y(this, "attrs", {});
-    y(this, "styles", {});
-    const {
-      forwardedRef: s,
-      class: i,
-      className: e,
-      lismClass: l,
-      lismState: r = [],
-      variant: f,
-      passVars: c,
-      // lismVar,
-      style: n = {},
-      _propConfig: h = {},
-      // hasBd,
-      ...d
-    } = t;
-    this.lismClass = l || "", this.lismState = structuredClone(r), this.styles = structuredClone(n), this._propConfig = structuredClone(h);
-    let a = this.getStateProps(d);
-    if (f && l) {
-      const $ = l.split(" "), b = $[0], m = f.split(",").map((P) => P.trim()).filter(Boolean).map((P) => `${b}-${P}`);
-      this.lismClass = [b, ...m, ...$.slice(1)].join(" ");
+    d(this, "className", "");
+    d(this, "uClasses", []);
+    d(this, "lismState", []);
+    d(this, "styles", {});
+    d(this, "attrs", {});
+    const { forwardedRef: s, class: i, className: l, lismClass: a, layout: e, variant: h, style: f = {}, _propConfig: m = {}, ...o } = t;
+    this.styles = { ...f }, this._propConfig = { ...m };
+    let n = a || "";
+    if (h && a) {
+      const u = a.split(" "), y = u[0], $ = `${y}--${h}`;
+      n = [y, $, ...u.slice(1)].join(" ");
     }
-    this.className = U(this.lismClass, this.lismState, i, e), A(a) || (this.attrs = a, this.analyzeProps(a)), s && (this.attrs.ref = s), c != null && typeof c == "object" && this.setPassProps(c);
+    typeof e == "string" && e && (n = b(n, `l--${e}`)), x(o) || (this.attrs = { ...o }, this.analyzeProps()), s && (this.attrs.ref = s), this.className = b(l || i, n, this.lismState, this.uClasses);
   }
-  // 特定の条件下で受け取るpropの処理
-  setContextProps(t, s) {
-    const i = E[t];
-    i && Object.keys(s).forEach((e) => {
-      const l = i[e];
-      if (l) {
-        const r = s[e];
-        this.analyzeProp(e, r, l);
-      } else t === "css" && this.addStyle(e, s[e]);
-    });
+  analyzeState(t, s) {
+    const { className: i, preset: l, presetClass: a, customVar: e, tokenKey: h, setStyles: f } = t;
+    s === !0 ? this.lismState.push(i) : l && g(l, s) ? this.lismState.push(`${i} ${a}:${s}`) : s && (this.lismState.push(i), h ? this.addStyle(e, S(s, h)) : f && this.addStyles(f(s)));
   }
   // prop解析
-  analyzeProps(t) {
-    Object.keys(t).forEach((i) => {
-      if (i === "hov") {
-        const r = this.extractProp(i);
-        this.setHoverProps(r);
-        return;
-      }
-      if (i === "bd") {
-        const r = this.extractProp(i);
-        this.setBdProps(r);
-        return;
-      }
-      if (V.includes(i)) {
-        const r = this.attrs[i];
-        delete this.attrs[i], this.analyzeProp(i, r);
-        return;
-      }
-      if (B.includes(i)) {
-        const r = this.attrs[i];
-        delete this.attrs[i], this.setContextProps(i, r);
-        return;
+  analyzeProps() {
+    Object.keys(this.attrs).forEach((t) => {
+      if (Object.hasOwn(U, t)) {
+        const s = this.extractProp(t), i = U[t];
+        typeof i == "string" ? s && this.lismState.push(i) : this.analyzeState(i, s);
+      } else if (Object.hasOwn(P, t)) {
+        const s = this.attrs[t];
+        delete this.attrs[t], this.analyzeLismProp(t, s);
+      } else if (t === "hov") {
+        const s = this.extractProp(t);
+        this.setHovProps(s);
+      } else if (t === "css") {
+        const s = this.extractProp("css");
+        this.addStyles(s);
       }
     });
   }
-  // prop解析
-  analyzeProp(t, s, i) {
-    if (s == null || (i = i || C[t] || null, i === null)) return;
+  // Lism Prop 解析
+  analyzeLismProp(t, s) {
+    if (s == null) return;
+    let i = P[t] || null;
+    if (i === null) return;
     this._propConfig[t] && (i = Object.assign({}, i, this._propConfig[t]));
-    const { name: e, objProcessor: l, ...r } = i, { base: f, ...c } = k(s);
-    if (s = f, s != null && typeof s == "object") {
-      if (!l) return;
-      Object.keys(s).forEach((n) => {
-        const { prop: h, context: d } = l(n);
-        d ? this.setContextProps(t, { [h]: s[n] }) : this.analyzeProp(h, s[n]);
-      });
-    } else
-      this.setAttrs(e || t, s, r);
-    Object.keys(c).forEach((n) => {
-      this.setAttrs(e || t, c[n], r, n);
+    const { base: l, ...a } = _(s);
+    this.setAttrs(t, l, i), Object.keys(a).forEach((e) => {
+      this.setAttrs(t, a[e], i, e);
     });
   }
   addUtil(t) {
@@ -130,114 +95,81 @@ class K {
   }
   // utilクラスを追加するか、styleにセットするかの分岐処理 @base
   // 値が null, undefined, '', false の時はスキップ
-  setAttrs(t, s, i = {}, e) {
+  setAttrs(t, s, i = {}, l = "") {
     if (s == null || s === "" || s === !1) return;
-    let l = `--${t}`, r = `-${i.utilKey || t}`;
-    if (e && (l = `--${t}_${e}`, r += `_${e}`), typeof s == "string" && s.startsWith("u:")) {
-      this.addUtil(`${r}:${s.replace("u:", "")}`);
+    let a = `--${t}`, e = `-${i.utilKey || t}`;
+    if (l && (a = `--${t}_${l}`, e += `_${l}`), typeof s == "string" && s.startsWith(":")) {
+      this.addUtil(`${e}:${s.replace(":", "")}`);
       return;
     }
-    if (!e) {
-      let { presets: h, utils: d } = i;
-      if (h && (h === 1 && (h = t), z(h, s))) {
-        this.addUtil(`${r}:${s}`);
+    if (!l) {
+      const { presets: u, tokenClass: y, utils: $, shorthands: C } = i;
+      if (u && g(u, s)) {
+        this.addUtil(`${e}:${s}`);
+        return;
+      }
+      if (y && V(i.token, s)) {
+        this.addUtil(`${e}:${s}`);
         return;
       }
-      if (d) {
-        d === 1 && (d = t);
-        const a = x(d, s);
-        if (a) {
-          this.addUtil(`${r}:${a}`);
-          return;
-        }
+      let c = "";
+      if ($ && (c = O($, s)), !c && C && (c = O(C, s, !0)), c) {
+        this.addUtil(`${e}:${c}`);
+        return;
       }
     }
-    let { style: f, isVar: c, converter: n } = i;
     if (s === !0 || s === "-") {
-      this.addUtil(r);
-      return;
-    }
-    if ((t === "bgc" || t === "c" || t === "bdc") && typeof s == "string" && s.endsWith("%")) {
-      this.setMixColor(t, s);
-      return;
-    }
-    if (n && (s = u(s, n, t)), c && (f = `--${t}`), !e && f) {
-      this.addStyle(f, s);
+      this.addUtil(e);
       return;
     }
-    this.addUtil(r), this.addStyle(l, s);
-  }
-  setMixColor(t, s) {
-    const i = s.split(":");
-    if (i.length === 3) {
-      const [e, l, r] = i;
-      this.addStyle(`--_${t}1`, u(e, "color", t)), this.addStyle(`--_${t}2`, u(l, "color", t)), this.addStyle(`--_mixpct-${t}`, r);
-    } else if (i.length === 2) {
-      const [e, l] = i;
-      this.addStyle(`--_${t}1`, u(e, "color", t)), this.addStyle(`--_mixpct-${t}`, l);
+    let { prop: h, isVar: f, alwaysVar: m, token: o, bp: n } = i;
+    if (o && (s = S(s, o)), !l) {
+      if (f) {
+        this.addStyle(`--${t}`, s);
+        return;
+      } else if (!n && !m) {
+        this.addStyle(h, s);
+        return;
+      }
     }
-    this.addUtil(`-${t}:mix`);
-  }
-  setPassProps(t) {
-    Object.keys(t).forEach((s) => {
-      let i = t[s];
-      if (i === null) return;
-      const e = j(s);
-      e && (i = u(i, e, s)), this.addStyle(`--pass_${s}`, i);
-    });
-  }
-  setHoverProps(t) {
-    t && (t === "-" || t === !0 ? this.addUtil("-hov") : typeof t == "string" ? S(t).forEach((s) => {
+    this.addUtil(e), this.addStyle(a, s);
+  }
+  // setPassProps(passVars) {
+  // 	let dataList = [];
+  // 	Object.keys(passVars).forEach((propName) => {
+  // 		// プロバイダーリストに追加
+  // 		dataList.push(propName);
+  // 		// 渡す値
+  // 		let value = passVars[propName];
+  // 		if (null === value) return;
+  // 		// トークン値であれば変換
+  // 		value = getMaybeCssVar(value, getTokenKey(propName));
+  // 		this.addStyle(`--pass_${propName}`, value);
+  // 	});
+  // }
+  setHovProps(t) {
+    t && (t === "-" || t === !0 ? this.addUtil("-hov") : typeof t == "string" ? k(t).forEach((s) => {
       this.addUtil(`-hov:${s}`);
     }) : typeof t == "object" && Object.keys(t).forEach((s) => {
       let i = t[s];
-      if (!(i == null || i === "" || i === !1))
-        if (i === "-" || i === !0)
-          this.addUtil(`-hov:${s}`);
-        else if (s === "class")
-          S(i).forEach((e) => {
-            this.addUtil(`-hov:${e}`);
-          });
-        else {
-          const e = j(s);
-          e && (i = u(i, e, s)), this.addUtil(`-hov:${s}`), this.addStyle(`--hov-${s}`, i);
-        }
+      i == null || i === "" || i === !1 || (i === "-" || i === !0 ? this.addUtil(`-hov:${s}`) : s === "class" ? k(i).forEach((l) => {
+        this.addUtil(`-hov:${l}`);
+      }) : (i = S(i, z(s)), this.addUtil(`-hov:${s}`), this.addStyle(`--hov-${s}`, i)));
     }));
   }
-  setBdProps(t) {
-    if (t) {
-      if (typeof t == "string" && t.includes(",") && !t.includes("(")) {
-        S(t).forEach((s) => {
-          const i = x("bd", s) || s;
-          i && this.addUtil(`-bd:${i}`);
-        });
-        return;
-      }
-      this.analyzeProp("bd", t);
-    }
-  }
-  getStateProps({ skipState: t, isOverwide: s, isFullwide: i, isWide: e, isFlow: l, isContainer: r, hasGutter: f, isLayer: c, isLinkBox: n, ...h }) {
-    return t || (r && this.setContainerData(r), l && this.setFlowData(l), s && this.lismState.push("is--overwide"), i && this.lismState.push("is--fullwide"), e && this.lismState.push("is--wide"), f && this.lismState.push("has--gutter")), c && this.lismState.push("is--layer"), n && this.lismState.push("is--linkBox"), h;
-  }
-  setContainerData(t) {
-    t === !0 ? this.lismState.push("is--container") : t && (g("contentSize", t) ? this.lismState.push(`is--container -container:${t}`) : (this.lismState.push("is--container"), this.addStyle("--contentSize", u(t, "size"))));
-  }
-  setFlowData(t) {
-    t === !0 ? this.lismState.push("is--flow") : t && (g("flow", t) ? this.lismState.push(`is--flow -flow:${t}`) : (this.lismState.push("is--flow"), this.addStyle("--flowM", u(t, "space"))));
-  }
 }
-function I(o, t = {}) {
-  if (o = Object.assign(t, o), o.length === 0)
+function J(r) {
+  if (r.length === 0)
     return {};
-  const s = new K(o);
-  return O({
-    className: U(s.className, s.uClasses),
-    style: O(s.styles),
+  const t = new w(r);
+  return j({
+    className: t.className,
+    style: j(t.styles),
     //filterEmptyObj(styles), // filterEmptyObj は最後にかける
-    ...s.attrs
+    ...t.attrs
     // 処理されずに残っているprops
   });
 }
 export {
-  I as default
+  J as default
 };

package/dist/lib/getMaybeCssVar.js

@@ -1,61 +1,37 @@
-import o from "./helper/isNumStr.js";
-import n from "./isTokenValue.js";
-function m(r, t, i = "") {
-  if (typeof t == "function")
-    return t(r);
-  if (typeof t == "string")
-    switch (t) {
-      case "space":
-        return e(r);
-      case "color":
-        return f(r);
-      case "size":
-        return c(r);
-      case "bdrs":
-        return p(r);
-      case "bxsh":
-        return b(r);
-      // case 'opacity':
-      // 	return getMaybeOpacityVar(value);
-      case "fz":
-        return y(r);
-      // case 'filter':
-      // 	return getMaybeFilterVar(value);
-      default:
-        return r;
-    }
-  else if (t === 1 && n(i, r))
-    return `var(--${i}--${r})`;
-  return r;
-}
-function e(r, t) {
-  return r === 0 || r === "0" ? "0" : typeof r == "number" || o(r) ? `var(--s${r})` : typeof r == "string" && r.includes(" ") && !r.includes("calc(") && !r.includes("var(") && !r.includes(",") ? r.split(" ").map((s) => e(s)).join(" ") : r;
-}
-function f(r, t) {
-  if (typeof r == "string" && r.endsWith("%")) {
-    const [i, s] = r.split(":");
-    return `color-mix(in srgb, ${f(i)} ${s}, transparent)`;
+import { TOKENS as t } from "../config/index.js";
+import f from "./helper/isNumStr.js";
+import n from "./getMaybeTokenValue.js";
+function b(r, o) {
+  if (!o) return r;
+  switch (o) {
+    case "space":
+      return s(r);
+    case "color":
+      return p(r);
+    case "bxsh":
+      return r === "0" || r === 0 ? "none" : n(o, r, t);
+    default:
+      return n(o, r, t);
   }
-  return n("color", r) ? `var(--c-${r})` : n("palette", r) ? `var(--${r})` : r;
 }
-function c(r) {
-  return n("contentSize", r) ? `var(--size-${r})` : r;
+function s(r) {
+  return r === 0 || r === "0" ? "0" : typeof r == "number" || f(r) ? `var(--s${r})` : typeof r == "string" && r.includes(" ") && !r.includes("calc(") && !r.includes("var(") && !r.includes(",") ? r.split(" ").map((i) => s(i)).join(" ") : r;
 }
 function p(r) {
-  return n("bdrs", r) ? "var(--bdrs-" + r + ")" : r;
-}
-function b(r) {
-  return n("bxsh", r) ? (r = r + "", r = r.replace("-", "i"), r === "0" ? "none" : "var(--bxsh-" + r + ")") : r;
-}
-function y(r) {
-  return n("fz", r) ? "var(--fz-" + r + ")" : r;
+  if (typeof r == "string" && r.endsWith("%")) {
+    const o = r.split(":");
+    if (o.length === 3) {
+      const [i, c, e] = o;
+      return `color-mix(in srgb, ${n("color", i, t)} ${e}, ${n("color", c, t)})`;
+    } else if (o.length === 2) {
+      const [i, c] = o;
+      return `color-mix(in srgb, ${n("color", i, t)} ${c}, transparent)`;
+    }
+  }
+  return n("color", r, t);
 }
 export {
-  m as default,
-  f as getMaybeColorVar,
-  y as getMaybeFzVar,
-  p as getMaybeRadiusVar,
-  b as getMaybeShadowVar,
-  c as getMaybeSizeVar,
-  e as getMaybeSpaceVar
+  b as default,
+  p as getMaybeColorVar,
+  s as getMaybeSpaceVar
 };

package/dist/lib/getMaybeTokenValue.js

@@ -0,0 +1,26 @@
+function c(s, r, n) {
+  if (typeof s != "string") return r;
+  if (s === "color") {
+    let i = c("c", r, n);
+    return i === r && (i = c("palette", r, n)), i;
+  }
+  const t = n[s];
+  if (!t) return r;
+  if (typeof r == "number" && (r = `${r}`), t instanceof Set) {
+    if (t.has(r))
+      return r.startsWith("-") && (r = `n${r.slice(1)}`), `var(--${s}--${r})`;
+  } else if (Array.isArray(t)) {
+    if (t.includes(r))
+      return r.startsWith("-") && (r = `n${r.slice(1)}`), `var(--${s}--${r})`;
+  } else if (typeof t == "object") {
+    const { pre: i = "", values: f = [] } = t || {};
+    if (f instanceof Set && f.has(r))
+      return `var(${i}${r})`;
+    if (Array.isArray(f) && f.includes(r))
+      return `var(${i}${r})`;
+  }
+  return r;
+}
+export {
+  c as default
+};

package/dist/lib/getUtilKey.js

@@ -0,0 +1,13 @@
+function o(e, r, f = !1) {
+  if (e == null || typeof e != "object") return "";
+  if (r in e)
+    return f ? e[r] : r;
+  if (f) return "";
+  for (const [n, t] of Object.entries(e))
+    if (t === r)
+      return n;
+  return "";
+}
+export {
+  o as default
+};

package/dist/lib/isPresetValue.js

@@ -1,6 +1,6 @@
-function e(r, n) {
-  return Array.isArray(r) ? typeof n == "number" ? r.includes(`${n}`) : r.includes(n) : !1;
+function f(n, r) {
+  return typeof r == "number" && (r = `${r}`), n instanceof Set ? n.has(r) : Array.isArray(n) ? n.includes(r) : !1;
 }
 export {
-  e as default
+  f as default
 };