@infinityfx/fluid 1.3.1 → 1.3.2
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.
- package/dist/components/feedback/halo.js +1 -1
- package/dist/components/input/button.js +1 -1
- package/dist/components/input/button.js.map +1 -1
- package/dist/components/input/chip.js +1 -1
- package/dist/components/input/hamburger.js +1 -1
- package/dist/components/input/radio.js +1 -1
- package/dist/components/input/radio.js.map +1 -1
- package/dist/components/input/segmented.js +1 -1
- package/dist/components/input/switch.js +1 -1
- package/package.json +1 -1
- package/dist/utils.cjs +0 -2
- package/dist/utils.cjs.map +0 -1
- package/dist/utils.mjs +0 -2
- package/dist/utils.mjs.map +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import{combineClasses as r,classes as
|
|
2
|
+
import{__rest as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import{combineClasses as r,classes as n,combineRefs as i}from"../../core/utils.js";import{Animatable as o}from"@infinityfx/lively";import{useTrigger as a,useLink as s}from"@infinityfx/lively/hooks";import{useRef as c,useEffect as l,isValidElement as d,Children as u,cloneElement as p}from"react";import{createStyles as f}from"../../core/style.js";const m=f("halo",{".container":{isolation:"isolate"},".halo":{position:"absolute",overflow:"hidden",borderRadius:"inherit",inset:0,minWidth:"100%",minHeight:"100%",transition:"opacity .25s",display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none",opacity:0,zIndex:-1},'.halo[data-disabled="true"]':{display:"none"},'.halo[data-focused="true"]':{opacity:.25},"@media (pointer: fine)":{'.container:hover > .halo[data-hover="true"]':{opacity:.25}},".ripple":{minWidth:"280%",minHeight:"280%",aspectRatio:1,backgroundColor:"var(--f-clr-grey-500)",borderRadius:"9999px",zIndex:-1}});function h(f){var{children:h,cc:y={},color:g,hover:v=!0,disabled:b=!1,target:x,ref:w}=f,E=e(f,["children","cc","color","hover","disabled","target","ref"]);const j=r(m,y),L=c(0),C=c(void 0),k=c(null),A=c(null),N=a(),R=s(1),H=s("0% 0%");if(l((()=>{const e=(null==x?void 0:x.current)||k.current,t=new AbortController,r=t.signal;if(e)return e.addEventListener("mousedown",(()=>{R.set(.5,{duration:.1})}),{signal:r}),e.addEventListener("click",(e=>{if(R.set(1),N(),!A.current)return;const{x:t,y:r,width:n,height:i}=A.current.getBoundingClientRect();A.current.style.transition="none",A.current.offsetHeight,A.current.style.transition="";const o=2.8*Math.max(n,i),a=((e.clientX-t)/n-.5)*(n/o),s=((e.clientY-r)/i-.5)*(i/o);H.set(`${e.clientX?100*a:0}% ${e.clientY?100*s:0}%`)}),{signal:r}),e.addEventListener("touchstart",(()=>{clearTimeout(C.current),L.current=Date.now(),A.current&&(A.current.style.opacity="0.25")}),{signal:r}),window.addEventListener("touchend",(()=>{const e=Math.max(450-Date.now()+L.current,0);C.current=setTimeout((()=>{A.current&&(A.current.style.opacity="")}),e)}),{signal:r}),e.addEventListener("focusin",(()=>n()),{signal:r}),e.addEventListener("focusout",(()=>n()),{signal:r}),n(":focus"),()=>t.abort();function n(t=":focus-visible"){A.current&&e&&(A.current.dataset.focused=""+e.matches(t))}}),[]),h=Array.isArray(h)?h[0]:h,!d(h))return h;const I=u.toArray(h.props.children);return I.unshift(t("div",{ref:A,className:j.halo,"data-hover":v,"data-disabled":b,children:t(o,{animate:{translate:H,opacity:R},animations:{ripple:{opacity:[0,1],scale:[0,1],duration:.5,easing:"ease-in"}},triggers:[{on:N,name:"ripple",immediate:!0}],children:t("div",{className:j.ripple,style:{backgroundColor:g}})})},"halo")),p(h,Object.assign(Object.assign({},E),{ref:i(k,w,h.props.ref),className:n(h.props.className,j.container)}),I)}export{h as default};
|
|
3
3
|
//# sourceMappingURL=halo.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as
|
|
1
|
+
import{__rest as r}from"tslib";import{jsx as o,jsxs as t}from"react/jsx-runtime";import a from"../feedback/halo.js";import{combineClasses as e,classes as n}from"../../core/utils.js";import l from"../feedback/spinner.js";import{createStyles as i}from"../../core/style.js";const s=i("button",{".button":{position:"relative",border:"none",outline:"none",borderRadius:"var(--f-radius-sml)",padding:".8em",backgroundColor:"var(--color, var(--f-clr-primary-100))",color:"var(--f-clr-text-100)",fontWeight:600,display:"flex",alignItems:"center",justifyContent:"center",WebkitTapHighlightColor:"transparent"},".button.compact":{padding:".6em"},".button.round":{borderRadius:"999px"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".v__default":{color:"var(--f-clr-text-200)"},".v__light":{backgroundColor:"var(--color, var(--f-clr-primary-500))"},".v__neutral":{backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)"},'.button[data-loading="false"]:disabled':{color:"var(--f-clr-grey-400)",backgroundColor:"var(--f-clr-grey-100)"},".v__minimal":{backgroundColor:"transparent",color:"var(--color, var(--f-clr-text-100))"},".button:enabled:hover":{cursor:"pointer"},".content":{display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",lineHeight:1},'.button[data-loading="true"] .content':{opacity:0},".loader":{position:"absolute"}});function c(i){var{children:c,cc:d={},round:f=!1,compact:m=!1,size:u="med",variant:b="default",color:p,loading:g=!1}=i,v=r(i,["children","cc","round","compact","size","variant","color","loading"]);const _=e(s,d);return o(a,{disabled:v.disabled||g,children:t("button",Object.assign({},v,{type:v.type||"button",disabled:v.disabled||g,className:n(_.button,f&&_.round,m&&_.compact,_[`s__${u}`],_[`v__${b}`],v.className),style:Object.assign({"--color":p},v.style),"data-loading":g,children:[o("span",{className:_.content,children:c}),g&&o(l,{className:_.loader})]}))})}export{c as default};
|
|
2
2
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../../../../src/components/input/button.tsx"],"sourcesContent":[null],"names":["styles","createStyles","position","border","outline","borderRadius","padding","backgroundColor","color","fontWeight","display","alignItems","justifyContent","fontSize","cursor","gap","lineHeight","opacity","Button","_a","children","cc","round","compact","size","variant","loading","props","__rest","style","combineClasses","_jsx","Halo","disabled","_jsxs","type","className","classes","button","Object","assign","content","Spinner","loader"],"mappings":"+QAMA,MAAMA,EAASC,EAAa,SAAU,CAClC,UAAW,CACPC,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,aAAc,sBACdC,QAAS,OACTC,gBAAiB,yCACjBC,MAAO,wBACPC,WAAY,IACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../../../../src/components/input/button.tsx"],"sourcesContent":[null],"names":["styles","createStyles","position","border","outline","borderRadius","padding","backgroundColor","color","fontWeight","display","alignItems","justifyContent","WebkitTapHighlightColor","fontSize","cursor","gap","lineHeight","opacity","Button","_a","children","cc","round","compact","size","variant","loading","props","__rest","style","combineClasses","_jsx","Halo","disabled","_jsxs","type","className","classes","button","Object","assign","content","Spinner","loader"],"mappings":"+QAMA,MAAMA,EAASC,EAAa,SAAU,CAClC,UAAW,CACPC,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,aAAc,sBACdC,QAAS,OACTC,gBAAiB,yCACjBC,MAAO,wBACPC,WAAY,IACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,wBAAyB,eAG7B,kBAAmB,CACfP,QAAS,QAGb,gBAAiB,CACbD,aAAc,SAGlB,UAAW,CACPS,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,cAAe,CACXN,MAAO,yBAGX,YAAa,CACTD,gBAAiB,0CAGrB,cAAe,CACXA,gBAAiB,sBACjBJ,OAAQ,iCAGZ,yCAA0C,CACtCK,MAAO,wBACPD,gBAAiB,yBAGrB,cAAe,CACXA,gBAAiB,cACjBC,MAAO,uCAGX,wBAAyB,CACrBO,OAAQ,WAGZ,WAAY,CACRL,QAAS,OACTC,WAAY,SACZK,IAAK,uBACLC,WAAY,GAGhB,wCAAyC,CACrCC,QAAS,GAGb,UAAW,CACPhB,SAAU,cAWM,SAAAiB,EAAOC,GAAA,IAAAC,SAAEA,EAAQC,GAAEA,EAAK,CAAA,EAAEC,MAAEA,GAAQ,EAAKC,QAAEA,GAAU,EAAKC,KAAEA,EAAO,MAAKC,QAAEA,EAAU,UAASlB,MAAEA,EAAKmB,QAAEA,GAAU,GASnFP,EAT6FQ,EAAKC,EAAAT,EAAxH,wEAU3B,MAAMU,EAAQC,EAAe/B,EAAQsB,GAErC,OAAOU,EAACC,EAAK,CAAAC,SAAUN,EAAMM,UAAYP,EAAON,SAC5Cc,4BAAYP,EAAK,CACbQ,KAAMR,EAAMQ,MAAQ,SACpBF,SAAUN,EAAMM,UAAYP,EAC5BU,UAAWC,EACPR,EAAMS,OACNhB,GAASO,EAAMP,MACfC,GAAWM,EAAMN,QACjBM,EAAM,MAAML,KACZK,EAAM,MAAMJ,KACZE,EAAMS,WAEVP,MAAOU,OACHC,OAAA,CAAA,UAAWjC,GACRoB,EAAME,sBAECH,EAAON,SAAA,CACrBW,EAAM,OAAA,CAAAK,UAAWP,EAAMY,QAAOrB,SAAGA,IAEhCM,GAAWK,EAACW,EAAQ,CAAAN,UAAWP,EAAMc,cAGlD"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as r}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{combineClasses as o,classes as c}from"../../core/utils.js";import a from"../../hooks/use-input-props.js";import{useState as n,useEffect as t}from"react";import{createStyles as d}from"../../core/style.js";import{Animatable as s}from"@infinityfx/lively";import{useLink as l}from"@infinityfx/lively/hooks";const p=d("chip",{".wrapper":{position:"relative",borderRadius:"var(--f-radius-sml)"},".wrapper.round":{borderRadius:"999px"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",borderRadius:"inherit"},'.input[type="checkbox"]:enabled':{cursor:"pointer"},'.input[type="radio"]:enabled:not(:checked)':{cursor:"pointer"},".chip":{display:"flex",alignItems:"center",backgroundColor:"var(--f-clr-fg-100)",borderRadius:"inherit",color:"var(--f-clr-text-100)",fontWeight:600,padding:".5em",paddingRight:".7em",gap:".7em",userSelect:"none",lineHeight:1.2,transition:"background-color .15s, color .15s"},".checkmark":{backgroundColor:"var(--f-clr-bg-100)",borderRadius:"3px",padding:".2em",width:"1.2em",stroke:"white",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",transition:"background-color .15s"},".wrapper.round .checkmark":{borderRadius:"999px"},".input:enabled:checked + .chip":{backgroundColor:"var(--f-clr-primary-600)",color:"var(--f-clr-primary-100)"},".input:enabled:checked + .chip .checkmark":{backgroundColor:"var(--f-clr-primary-100)"},".input:disabled + .chip":{color:"var(--f-clr-grey-300)"},".input:disabled + .chip .checkmark":{backgroundColor:"var(--f-clr-grey-100)"},".input:checked:disabled + .chip":{backgroundColor:"var(--f-clr-grey-200)",color:"var(--f-clr-grey-500)"},".input:checked:disabled + .chip .checkmark":{backgroundColor:"var(--f-clr-grey-300)",stroke:"var(--f-clr-grey-500)"},".input:enabled:focus-visible + .chip":{backgroundColor:"var(--f-clr-primary-600)"},".input:enabled:checked:focus-visible + .chip":{backgroundColor:"var(--f-clr-primary-500)"}});function
|
|
2
|
+
import{__rest as r}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{combineClasses as o,classes as c}from"../../core/utils.js";import a from"../../hooks/use-input-props.js";import{useState as n,useEffect as t}from"react";import{createStyles as d}from"../../core/style.js";import{Animatable as s}from"@infinityfx/lively";import{useLink as l}from"@infinityfx/lively/hooks";const p=d("chip",{".wrapper":{position:"relative",borderRadius:"var(--f-radius-sml)"},".wrapper.round":{borderRadius:"999px"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",borderRadius:"inherit",WebkitTapHighlightColor:"transparent"},'.input[type="checkbox"]:enabled':{cursor:"pointer"},'.input[type="radio"]:enabled:not(:checked)':{cursor:"pointer"},".chip":{display:"flex",alignItems:"center",backgroundColor:"var(--f-clr-fg-100)",borderRadius:"inherit",color:"var(--f-clr-text-100)",fontWeight:600,padding:".5em",paddingRight:".7em",gap:".7em",userSelect:"none",lineHeight:1.2,transition:"background-color .15s, color .15s"},".checkmark":{backgroundColor:"var(--f-clr-bg-100)",borderRadius:"3px",padding:".2em",width:"1.2em",stroke:"white",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",transition:"background-color .15s"},".wrapper.round .checkmark":{borderRadius:"999px"},".input:enabled:checked + .chip":{backgroundColor:"var(--f-clr-primary-600)",color:"var(--f-clr-primary-100)"},".input:enabled:checked + .chip .checkmark":{backgroundColor:"var(--f-clr-primary-100)"},".input:disabled + .chip":{color:"var(--f-clr-grey-300)"},".input:disabled + .chip .checkmark":{backgroundColor:"var(--f-clr-grey-100)"},".input:checked:disabled + .chip":{backgroundColor:"var(--f-clr-grey-200)",color:"var(--f-clr-grey-500)"},".input:checked:disabled + .chip .checkmark":{backgroundColor:"var(--f-clr-grey-300)",stroke:"var(--f-clr-grey-500)"},".input:enabled:focus-visible + .chip":{backgroundColor:"var(--f-clr-primary-600)"},".input:enabled:checked:focus-visible + .chip":{backgroundColor:"var(--f-clr-primary-500)"}});function h(d){var{children:h,cc:u={},size:f="med",type:m="checkbox",round:k,checked:g,defaultChecked:b}=d,v=r(d,["children","cc","size","type","round","checked","defaultChecked"]);const y=o(p,u),[x,C]=a(v),z=l(b?1:0),[_,w]=void 0!==g?[g]:n(b||!1);return t((()=>z.set(_?1:0,{duration:.15})),[_]),e("div",Object.assign({},C,{className:c(y.wrapper,y[`s__${f}`],k&&y.round,C.className),children:[i("input",Object.assign({},x,{type:m,className:y.input,checked:_,onChange:r=>{var e;null==w||w(r.target.checked),null===(e=v.onChange)||void 0===e||e.call(v,r)}})),e("div",{className:y.chip,children:[i("svg",{viewBox:"0 0 18 18",className:y.checkmark,children:i(s,{animate:{strokeLength:z},initial:{strokeDashoffset:_?0:1},children:i("path",{d:"M 3 9 L 8 13 L 15 5",fill:"none"})})}),h]})]}))}export{h as default};
|
|
3
3
|
//# sourceMappingURL=chip.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useState as o}from"react";import t from"../feedback/halo.js";import{Animatable as a}from"@infinityfx/lively";import{combineClasses as n,classes as
|
|
2
|
+
import{__rest as e}from"tslib";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useState as o}from"react";import t from"../feedback/halo.js";import{Animatable as a}from"@infinityfx/lively";import{combineClasses as n,classes as l}from"../../core/utils.js";import{createStyles as s}from"../../core/style.js";const m=s("hamburger",{".hamburger":{position:"relative",border:"none",background:"none",display:"flex",flexDirection:"column",justifyContent:"space-around",alignItems:"center",height:"2.5em",width:"2.5em",padding:".5em",borderRadius:"var(--f-radius-sml)",outline:"none",WebkitTapHighlightColor:"transparent"},".line":{width:"100%",height:"3px",backgroundColor:"var(--color, var(--f-clr-text-100))",transformOrigin:"bottom right",borderRadius:"99px"},".hamburger:enabled":{cursor:"pointer"},".hamburger:disabled .line":{backgroundColor:"var(--f-clr-grey-400)"},".cross":{inset:".25em",position:"absolute",rotate:"-45deg",display:"flex",alignItems:"center",justifyContent:"center"},".cross > *:last-child":{position:"absolute",height:"100%",width:"3px"}});function c(s){var{cc:c={},open:d,color:u}=s,g=e(s,["cc","open","color"]);const b=n(m,c),[f,h]=void 0!==d?[d]:o(!1);return r(t,{disabled:g.disabled,children:i("button",Object.assign({},g,{style:Object.assign(Object.assign({},g.style),{"--color":u}),className:l(b.hamburger,g.className),onClick:e=>{var r;null==h||h(!f),null===(r=g.onClick)||void 0===r||r.call(g,e)},children:[r(a,{animate:{scale:["1 1","0 1","0 1"],duration:.6},deform:!1,triggers:[{on:f,immediate:!0},{on:!f,reverse:!0,immediate:!0}],children:new Array(3).fill(0).map(((e,i)=>r("div",{className:b.line},i)))}),i("div",{className:b.cross,children:[r(a,{animate:{scale:["0 1","0 1","1 1"],duration:.6},deform:!1,triggers:[{on:f,immediate:!0},{on:!f,reverse:!0,immediate:!0}],children:r("div",{className:b.line})}),r(a,{animate:{scale:["1 0","1 0","1 1"],duration:.6,delay:.2},deform:!1,triggers:[{on:f,immediate:!0},{on:!f,reverse:!0,immediate:!0}],children:r("div",{className:b.line})})]})]}))})}export{c as default};
|
|
3
3
|
//# sourceMappingURL=hamburger.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as r}from"tslib";import{jsx as o,jsxs as e}from"react/jsx-runtime";import{combineClasses as i,classes as a}from"../../core/utils.js";import s from"../feedback/halo.js";import t from"../../hooks/use-input-props.js";import{createStyles as l}from"../../core/style.js";const c=l("radio",{".wrapper":{position:"relative",width:"max-content"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",zIndex:1},".radio":{position:"relative",width:"1.5em",height:"1.5em",borderRadius:"999px",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",transition:"background-color .25s, border-color .25s"},".input:enabled:not(:checked)":{cursor:"pointer"},".input:checked:enabled + .radio":{backgroundColor:"var(--color, var(--f-clr-primary-300))",borderColor:"var(--color, var(--f-clr-primary-300))"},".selection":{position:"absolute",borderRadius:"999px",backgroundColor:"white",scale:0,transition:"scale .25s ease-out"},".s__xsm .selection":{inset:"4px"},".s__sml .selection":{inset:"5px"},".s__med .selection":{inset:"6px"},".s__lrg .selection":{inset:"7px"},".input:checked + .radio .selection":{scale:1},".input:disabled + .radio":{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},".input:disabled:checked + .radio":{backgroundColor:"var(--f-clr-grey-200)",borderColor:"var(--f-clr-grey-200)"},".input:disabled + .radio .selection":{backgroundColor:"var(--f-clr-grey-100)"},'.wrapper[data-error="true"] .input:enabled + .radio':{borderColor:"var(--f-clr-error-200)"},'.wrapper[data-error="true"] .input:checked:enabled + .radio':{backgroundColor:"var(--f-clr-error-200)"},".wrapper .halo":{borderRadius:"999px",inset:"-.5em"}});function n(l){var{cc:n={},error:d,size:p="med",color:u}=l,f=r(l,["cc","error","size","color"]);const m=i(c,n),[b,v]=t(f);return o(s,{hover:!1,cc:Object.assign({halo:m.halo},n),children:e("div",Object.assign({},v,{className:a(m.wrapper,m[`s__${p}`],v.className),"data-error":!!d,children:[o("input",Object.assign({},b,{type:"radio",className:m.input,"aria-invalid":!!d})),o("div",{className:m.radio,style:{"--color":u},children:o("div",{className:m.selection})})]}))})}export{n as default};
|
|
1
|
+
import{__rest as r}from"tslib";import{jsx as o,jsxs as e}from"react/jsx-runtime";import{combineClasses as i,classes as a}from"../../core/utils.js";import s from"../feedback/halo.js";import t from"../../hooks/use-input-props.js";import{createStyles as l}from"../../core/style.js";const c=l("radio",{".wrapper":{position:"relative",width:"max-content"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",zIndex:1,WebkitTapHighlightColor:"transparent"},".radio":{position:"relative",width:"1.5em",height:"1.5em",borderRadius:"999px",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",transition:"background-color .25s, border-color .25s"},".input:enabled:not(:checked)":{cursor:"pointer"},".input:checked:enabled + .radio":{backgroundColor:"var(--color, var(--f-clr-primary-300))",borderColor:"var(--color, var(--f-clr-primary-300))"},".selection":{position:"absolute",borderRadius:"999px",backgroundColor:"white",scale:0,transition:"scale .25s ease-out"},".s__xsm .selection":{inset:"4px"},".s__sml .selection":{inset:"5px"},".s__med .selection":{inset:"6px"},".s__lrg .selection":{inset:"7px"},".input:checked + .radio .selection":{scale:1},".input:disabled + .radio":{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},".input:disabled:checked + .radio":{backgroundColor:"var(--f-clr-grey-200)",borderColor:"var(--f-clr-grey-200)"},".input:disabled + .radio .selection":{backgroundColor:"var(--f-clr-grey-100)"},'.wrapper[data-error="true"] .input:enabled + .radio':{borderColor:"var(--f-clr-error-200)"},'.wrapper[data-error="true"] .input:checked:enabled + .radio':{backgroundColor:"var(--f-clr-error-200)"},".wrapper .halo":{borderRadius:"999px",inset:"-.5em"}});function n(l){var{cc:n={},error:d,size:p="med",color:u}=l,f=r(l,["cc","error","size","color"]);const m=i(c,n),[b,v]=t(f);return o(s,{hover:!1,cc:Object.assign({halo:m.halo},n),children:e("div",Object.assign({},v,{className:a(m.wrapper,m[`s__${p}`],v.className),"data-error":!!d,children:[o("input",Object.assign({},b,{type:"radio",className:m.input,"aria-invalid":!!d})),o("div",{className:m.radio,style:{"--color":u},children:o("div",{className:m.selection})})]}))})}export{n as default};
|
|
2
2
|
//# sourceMappingURL=radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.js","sources":["../../../../src/components/input/radio.tsx"],"sourcesContent":[null],"names":["styles","createStyles","position","width","fontSize","opacity","inset","height","zIndex","borderRadius","backgroundColor","border","transition","cursor","borderColor","scale","Radio","_a","cc","error","size","color","props","__rest","style","combineClasses","split","rest","useInputProps","_jsx","Halo","hover","Object","assign","halo","children","_jsxs","className","classes","wrapper","type","input","radio","selection"],"mappings":"uRAMA,MAAMA,EAASC,EAAa,QAAS,CACjC,WAAY,CACRC,SAAU,WACVC,MAAO,eAGX,UAAW,CACPC,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,SAAU,CACNF,SAAU,WACVG,QAAS,EACTC,MAAO,EACPH,MAAO,OACPI,OAAQ,OACRC,OAAQ,
|
|
1
|
+
{"version":3,"file":"radio.js","sources":["../../../../src/components/input/radio.tsx"],"sourcesContent":[null],"names":["styles","createStyles","position","width","fontSize","opacity","inset","height","zIndex","WebkitTapHighlightColor","borderRadius","backgroundColor","border","transition","cursor","borderColor","scale","Radio","_a","cc","error","size","color","props","__rest","style","combineClasses","split","rest","useInputProps","_jsx","Halo","hover","Object","assign","halo","children","_jsxs","className","classes","wrapper","type","input","radio","selection"],"mappings":"uRAMA,MAAMA,EAASC,EAAa,QAAS,CACjC,WAAY,CACRC,SAAU,WACVC,MAAO,eAGX,UAAW,CACPC,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,SAAU,CACNF,SAAU,WACVG,QAAS,EACTC,MAAO,EACPH,MAAO,OACPI,OAAQ,OACRC,OAAQ,EACRC,wBAAyB,eAG7B,SAAU,CACNP,SAAU,WACVC,MAAO,QACPI,OAAQ,QACRG,aAAc,QACdC,gBAAiB,sBACjBC,OAAQ,gCACRC,WAAY,4CAGhB,+BAAgC,CAC5BC,OAAQ,WAGZ,kCAAmC,CAC/BH,gBAAiB,yCACjBI,YAAa,0CAGjB,aAAc,CACVb,SAAU,WACVQ,aAAc,QACdC,gBAAiB,QACjBK,MAAO,EACPH,WAAY,uBAGhB,qBAAsB,CAClBP,MAAO,OAGX,qBAAsB,CAClBA,MAAO,OAGX,qBAAsB,CAClBA,MAAO,OAGX,qBAAsB,CAClBA,MAAO,OAGX,qCAAsC,CAClCU,MAAO,GAGX,2BAA4B,CACxBL,gBAAiB,wBACjBI,YAAa,yBAGjB,mCAAoC,CAChCJ,gBAAiB,wBACjBI,YAAa,yBAGjB,sCAAuC,CACnCJ,gBAAiB,yBAGrB,sDAAuD,CACnDI,YAAa,0BAGjB,8DAA+D,CAC3DJ,gBAAiB,0BAGrB,iBAAkB,CACdD,aAAc,QACdJ,MAAO,WAWS,SAAAW,EAAMC,GAAA,IAAAC,GAAEA,EAAK,GAAEC,MAAEA,EAAKC,KAAEA,EAAO,MAAKC,MAAEA,GAOYJ,EAPFK,EAAKC,EAAAN,EAA/C,+BAQ1B,MAAMO,EAAQC,EAAe1B,EAAQmB,IAE9BQ,EAAOC,GAAQC,EAAcN,GAEpC,OAAOO,EAACC,EAAI,CAACC,OAAO,EAAOb,GAAEc,OAAAC,OAAA,CAAIC,KAAMV,EAAMU,MAAShB,GAAEiB,SACpDC,yBAAST,EAAI,CACTU,UAAWC,EACPd,EAAMe,QACNf,EAAM,MAAMJ,KACZO,EAAKU,WACR,eACalB,EAEdgB,SAAA,CAAAN,EAAA,QAAAG,OAAAC,OAAA,CAAA,EAAWP,EAAO,CAAAc,KAAK,QAAQH,UAAWb,EAAMiB,MAAK,iBAAkBtB,KAEvEU,EAAA,MAAA,CAAKQ,UAAWb,EAAMkB,MAAOlB,MAAO,CAAE,UAAWH,GAAcc,SAC3DN,SAAKQ,UAAWb,EAAMmB,mBAItC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useState as a,useId as n}from"react";import{Morph as i}from"@infinityfx/lively/layout";import{combineClasses as t,classes as l}from"../../core/utils.js";import d from"../feedback/halo.js";import{createStyles as s}from"../../core/style.js";const c=s("segmented",{".segmented":{display:"flex"},".v__default, .v__neutral":{borderRadius:"calc(var(--f-radius-sml) + .3em)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",padding:".3em"},".s__sml":{fontSize:"var(--f-font-size-xxs)"},".s__med":{fontSize:"var(--f-font-size-xsm)"},".s__lrg":{fontSize:"var(--f-font-size-sml)"},".segmented.round":{borderRadius:"999px"},".segmented.uniform":{display:"grid",gridAutoColumns:"1fr",gridAutoFlow:"column"},".segmented.vertical":{flexDirection:"column",gridAutoFlow:"row"},".segmented.vertical.round":{borderRadius:"calc(1.4em + 1px)"},".option":{position:"relative",border:"none",outline:"none",backgroundColor:"transparent",padding:".675em .8em",fontWeight:700,color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",flexGrow:1},".segmented.round .option":{borderRadius:"999px"},".option:enabled":{cursor:"pointer"},".option:disabled":{color:"var(--f-clr-grey-500)"},".content":{position:"relative",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--f-spacing-xsm)"},".selection":{position:"absolute",inset:"0",backgroundColor:"var(--f-clr-primary-200)",borderRadius:"var(--f-radius-sml)",boxShadow:"var(--f-shadow-sml)"},".v__neutral .selection":{backgroundColor:"var(--f-clr-fg-200)"},".v__minimal .selection":{backgroundColor:"var(--f-clr-primary-400)"},".segmented.round .selection":{borderRadius:"999px"},'.segmented[data-error="true"]':{border:"solid 1px var(--f-clr-error-100)"},".segmented .halo":{zIndex:"0"},'.option[aria-checked="true"] .halo':{inset:"-.3em",borderRadius:"calc(var(--f-radius-sml) + .3em)"},'.segmented[data-error="true"] .ripple':{backgroundColor:"var(--f-clr-error-300)"},".segmented .container":{isolation:"unset"}});function u(s){var u,{cc:m={},variant:f="default",size:p="med",round:
|
|
2
|
+
import{__rest as e}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useState as a,useId as n}from"react";import{Morph as i}from"@infinityfx/lively/layout";import{combineClasses as t,classes as l}from"../../core/utils.js";import d from"../feedback/halo.js";import{createStyles as s}from"../../core/style.js";const c=s("segmented",{".segmented":{display:"flex"},".v__default, .v__neutral":{borderRadius:"calc(var(--f-radius-sml) + .3em)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",padding:".3em"},".s__sml":{fontSize:"var(--f-font-size-xxs)"},".s__med":{fontSize:"var(--f-font-size-xsm)"},".s__lrg":{fontSize:"var(--f-font-size-sml)"},".segmented.round":{borderRadius:"999px"},".segmented.uniform":{display:"grid",gridAutoColumns:"1fr",gridAutoFlow:"column"},".segmented.vertical":{flexDirection:"column",gridAutoFlow:"row"},".segmented.vertical.round":{borderRadius:"calc(1.4em + 1px)"},".option":{position:"relative",border:"none",outline:"none",backgroundColor:"transparent",padding:".675em .8em",fontWeight:700,color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",flexGrow:1,WebkitTapHighlightColor:"transparent"},".segmented.round .option":{borderRadius:"999px"},".option:enabled":{cursor:"pointer"},".option:disabled":{color:"var(--f-clr-grey-500)"},".content":{position:"relative",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--f-spacing-xsm)"},".selection":{position:"absolute",inset:"0",backgroundColor:"var(--f-clr-primary-200)",borderRadius:"var(--f-radius-sml)",boxShadow:"var(--f-shadow-sml)"},".v__neutral .selection":{backgroundColor:"var(--f-clr-fg-200)"},".v__minimal .selection":{backgroundColor:"var(--f-clr-primary-400)"},".segmented.round .selection":{borderRadius:"999px"},'.segmented[data-error="true"]':{border:"solid 1px var(--f-clr-error-100)"},".segmented .halo":{zIndex:"0"},'.option[aria-checked="true"] .halo':{inset:"-.3em",borderRadius:"calc(var(--f-radius-sml) + .3em)"},'.segmented[data-error="true"] .ripple':{backgroundColor:"var(--f-clr-error-300)"},".segmented .container":{isolation:"unset"}});function u(s){var u,{cc:m={},variant:f="default",size:p="med",round:g=!1,uniform:v,vertical:b,options:h,name:x,value:_,defaultValue:y,onChange:k,error:C}=s,z=e(s,["cc","variant","size","round","uniform","vertical","options","name","value","defaultValue","onChange","error"]);const R=t(c,m),[j,w]=void 0!==_?[_]:a(y||(null===(u=h[0])||void 0===u?void 0:u.value)),N=n();return r("div",Object.assign({},z,{role:"radiogroup",className:l(R.segmented,R[`s__${p}`],R[`v__${f}`],g&&R.round,v&&R.uniform,b&&R.vertical,z.className),"data-error":!!C,children:h.map((({label:e,value:a,disabled:n=!1},t)=>r(d,{hover:!1,cc:Object.assign({container:R.container,halo:R.halo,ring:R.ring},m),children:o("button",{className:R.option,type:"button",role:"radio","aria-checked":j===a,disabled:n,onClick:()=>{null==w||w(a),null==k||k(a)},children:[r("input",{type:"radio",value:a,checked:j===a,hidden:!0,readOnly:!0,name:x}),r("span",{className:R.content,children:e}),j===a&&r(i,{group:`segmented-selection-${N}`,cachable:b?["y","sy"]:["x","sx"],deform:!1,transition:{duration:.4},children:r("div",{className:R.selection})})]})},t)))}))}export{u as default};
|
|
3
3
|
//# sourceMappingURL=segmented.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as r}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{combineClasses as a,classes as o}from"../../core/utils.js";import{useState as t,useRef as n}from"react";import s from"../feedback/halo.js";import c from"../../hooks/use-input-props.js";import{createStyles as l}from"../../core/style.js";import{Animatable as d}from"@infinityfx/lively";const h=l("switch",{".wrapper":{position:"relative",width:"max-content"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",zIndex:2},".input:enabled":{cursor:"pointer"},".switch":{position:"relative",height:"1.5em",width:"calc(calc(1.5em - 6px) * 2 + 6px)",padding:"3px",aspectRatio:2,backgroundColor:"var(--f-clr-fg-200)",borderRadius:"var(--f-radius-sml)",transition:"background-color .35s"},".icons":{position:"absolute",inset:0,display:"flex"},".icon":{flexGrow:1,flexBasis:0,display:"flex",alignItems:"center",justifyContent:"center",fontSize:".75em"},".icon:first-child":{color:"white"},".icon:last-child":{color:"var(--f-clr-grey-400)"},".handle__wrapper":{position:"relative",borderRadius:"calc(var(--f-radius-sml) - 1px)",height:"100%",aspectRatio:1,zIndex:1},".handle":{width:"inherit",height:"inherit",borderRadius:"inherit",backgroundColor:"white",boxShadow:"var(--f-shadow-sml)"},".wrapper.round .switch":{borderRadius:"999px"},".wrapper.round .handle__wrapper":{borderRadius:"999px"},'.wrapper[data-error="true"] .input:enabled + .switch':{backgroundColor:"var(--f-clr-error-400)"},".input:checked:enabled + .switch":{backgroundColor:"var(--color, var(--f-clr-primary-300))"},'.wrapper[data-error="true"] .input:checked:enabled + .switch':{backgroundColor:"var(--f-clr-error-200)"},".input:disabled + .switch .handle":{backgroundColor:"var(--f-clr-grey-200)"},".wrapper .halo":{borderRadius:"var(--f-radius-sml)",inset:"-.5em"},".wrapper.round .halo":{borderRadius:"999px"}});function p(l){var{cc:p={},error:f,size:m="med",color:u,round:v=!0,iconOff:b,iconOn:
|
|
2
|
+
import{__rest as r}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{combineClasses as a,classes as o}from"../../core/utils.js";import{useState as t,useRef as n}from"react";import s from"../feedback/halo.js";import c from"../../hooks/use-input-props.js";import{createStyles as l}from"../../core/style.js";import{Animatable as d}from"@infinityfx/lively";const h=l("switch",{".wrapper":{position:"relative",width:"max-content"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",zIndex:2,WebkitTapHighlightColor:"transparent"},".input:enabled":{cursor:"pointer"},".switch":{position:"relative",height:"1.5em",width:"calc(calc(1.5em - 6px) * 2 + 6px)",padding:"3px",aspectRatio:2,backgroundColor:"var(--f-clr-fg-200)",borderRadius:"var(--f-radius-sml)",transition:"background-color .35s"},".icons":{position:"absolute",inset:0,display:"flex"},".icon":{flexGrow:1,flexBasis:0,display:"flex",alignItems:"center",justifyContent:"center",fontSize:".75em"},".icon:first-child":{color:"white"},".icon:last-child":{color:"var(--f-clr-grey-400)"},".handle__wrapper":{position:"relative",borderRadius:"calc(var(--f-radius-sml) - 1px)",height:"100%",aspectRatio:1,zIndex:1},".handle":{width:"inherit",height:"inherit",borderRadius:"inherit",backgroundColor:"white",boxShadow:"var(--f-shadow-sml)"},".wrapper.round .switch":{borderRadius:"999px"},".wrapper.round .handle__wrapper":{borderRadius:"999px"},'.wrapper[data-error="true"] .input:enabled + .switch':{backgroundColor:"var(--f-clr-error-400)"},".input:checked:enabled + .switch":{backgroundColor:"var(--color, var(--f-clr-primary-300))"},'.wrapper[data-error="true"] .input:checked:enabled + .switch':{backgroundColor:"var(--f-clr-error-200)"},".input:disabled + .switch .handle":{backgroundColor:"var(--f-clr-grey-200)"},".wrapper .halo":{borderRadius:"var(--f-radius-sml)",inset:"-.5em"},".wrapper.round .halo":{borderRadius:"999px"}});function p(l){var{cc:p={},error:f,size:m="med",color:u,round:v=!0,iconOff:b,iconOn:g,checked:w,defaultChecked:x}=l,k=r(l,["cc","error","size","color","round","iconOff","iconOn","checked","defaultChecked"]);const _=a(h,p),[z,y]=c(k),[C,j]=void 0!==w?[w]:t(x||!1),N=n(null);return e("div",Object.assign({},y,{className:o(_.wrapper,_[`s__${m}`],v&&_.round,y.className),"data-error":!!f,children:[i("input",Object.assign({},z,{ref:N,type:"checkbox",className:_.input,"aria-invalid":!!f,checked:C,onChange:r=>{var e;null==j||j(r.target.checked),null===(e=k.onChange)||void 0===e||e.call(k,r)}})),e("div",{className:_.switch,style:{"--color":u},children:[e("div",{className:_.icons,children:[i("div",{className:_.icon,children:g}),i("div",{className:_.icon,children:b})]}),i(d,{order:-1,initial:{translate:C?"100% 0%":"0% 0%"},animate:{translate:["0% 0%","100% 0%"],duration:.35},triggers:[{on:C,immediate:!0},{on:!C,reverse:!0,immediate:!0}],children:i(s,{target:N,hover:!1,cc:Object.assign({halo:_.halo},p),children:i("div",{className:_.handle__wrapper,children:i(d,{inherit:!0,order:-1,deform:!1,initial:{},animate:{scale:[1,"1.6 1",1],duration:.35},children:i("div",{className:_.handle})})})})})]})]}))}export{p as default};
|
|
3
3
|
//# sourceMappingURL=switch.js.map
|
package/package.json
CHANGED
package/dist/utils.cjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";function t(t){return`${t.map((t=>t.toString(16).padStart(2,"0"))).join("")}`}function n(t){const n=t.toLowerCase().match(/^#?([\da-f]{1,2})([\da-f]{1,2})([\da-f]{1,2})([\da-f]{2})?$/i);return n?n.slice(1,4).map((t=>parseInt(t.padStart(2,t),16))):[0,0,0]}function o([t,n,o]){n/=100,o/=100;const e=n=>(n+t/60)%6,r=t=>Math.round(255*o*(1-n*Math.max(0,Math.min(e(t),4-e(t),1))));return[r(5),r(3),r(1)]}function e([t,n,o]){t/=255,n/=255,o/=255;const e=Math.max(t,n,o),r=e-Math.min(t,n,o);let s=0;return r&&e===t&&(s=(n-o)/r),r&&e===n&&(s=2+(o-t)/r),r&&e===o&&(s=4+(t-n)/r),[60*(s<0?s+6:s),e&&r/e*100,100*e]}const r={hue:0,saturation:1,lightness:2};exports.COLOR_SCHEME_COOKIE="FLUID_PREF_COLOR_SCHEME",exports.classes=function(...t){return t.filter((t=>"string"==typeof t)).join(" ")},exports.combineClasses=function(t,n){const o=Object.assign({},t);for(const e in n)e in t?o[e]+=` ${n[e]}`:o[e]=n[e];return o},exports.combineRefs=function(...t){return n=>{t.forEach((t=>{t&&(t instanceof Function?t(n):t.current=n)}))}},exports.cookies=function(){return document.cookie.split(";").reduce(((t,n)=>{const[o,e]=n.split("=");return o&&e&&(t[decodeURIComponent(o.trim())]=decodeURIComponent(e.trim())),t}),{})},exports.formatCookie=function(t,n,o={}){o=Object.assign({path:"/",secure:!0,sameSite:"Lax"},o);const e=Object.entries(o).map((([t,n])=>("maxAge"===t&&(t="max-Age"),t=t.charAt(0).toUpperCase()+t.slice(1),"boolean"==typeof n?n?`${t};`:"":void 0===n?"":`${t}=${n};`))).join(" ");return`${t}=${n}; ${e}`},exports.hexToRgb=n,exports.hsvToRgb=o,exports.invertColorChannel=function(s,i){const a=e(n(s));return a[r[i]]=("hue"===i?180:100)-a[r[i]],a[0]<0&&(a[0]=360-a[0]),`#${t(o(a))}`},exports.mixColors=function(t,o,e){const r=n(t),s=n(o);return new Array(e).fill(0).map(((t,n)=>{const o=n/e;return`#${[r[0]*(1-o)+s[0]*o,r[1]*(1-o)+s[1]*o,r[2]*(1-o)+s[2]*o].map((t=>Math.round(t).toString(16).padStart(2,"0"))).join("")}`}))},exports.rgbToHex=t,exports.rgbToHsv=e;
|
|
2
|
-
//# sourceMappingURL=utils.cjs.map
|
package/dist/utils.cjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.cjs","sources":["../../src/core/utils.ts","../../src/core/theme.ts"],"sourcesContent":[null,null],"names":["rgbToHex","rgb","map","val","toString","padStart","join","hexToRgb","str","hex","toLowerCase","match","slice","parseInt","hsvToRgb","h","s","v","k","f","Math","round","max","min","rgbToHsv","r","g","b","c","channels","hue","saturation","lightness","args","filter","initial","override","combined","Object","assign","key","refs","el","forEach","ref","Function","current","document","cookie","split","reduce","cookies","value","decodeURIComponent","trim","options","path","secure","sameSite","config","entries","charAt","toUpperCase","channel","hsv","base","mixer","outputLength","colorA","colorB","Array","fill","_","i","n"],"mappings":"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"}
|
package/dist/utils.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
function t(...t){return t.filter((t=>"string"==typeof t)).join(" ")}function n(t,n){const o=Object.assign({},t);for(const e in n)e in t?o[e]+=` ${n[e]}`:o[e]=n[e];return o}function o(...t){return n=>{t.forEach((t=>{t&&(t instanceof Function?t(n):t.current=n)}))}}function e(){return document.cookie.split(";").reduce(((t,n)=>{const[o,e]=n.split("=");return o&&e&&(t[decodeURIComponent(o.trim())]=decodeURIComponent(e.trim())),t}),{})}function r(t,n,o={}){o=Object.assign({path:"/",secure:!0,sameSite:"Lax"},o);const e=Object.entries(o).map((([t,n])=>("maxAge"===t&&(t="max-Age"),t=t.charAt(0).toUpperCase()+t.slice(1),"boolean"==typeof n?n?`${t};`:"":void 0===n?"":`${t}=${n};`))).join(" ");return`${t}=${n}; ${e}`}function a(t){return`${t.map((t=>t.toString(16).padStart(2,"0"))).join("")}`}function i(t){const n=t.toLowerCase().match(/^#?([\da-f]{1,2})([\da-f]{1,2})([\da-f]{1,2})([\da-f]{2})?$/i);return n?n.slice(1,4).map((t=>parseInt(t.padStart(2,t),16))):[0,0,0]}function c([t,n,o]){n/=100,o/=100;const e=n=>(n+t/60)%6,r=t=>Math.round(255*o*(1-n*Math.max(0,Math.min(e(t),4-e(t),1))));return[r(5),r(3),r(1)]}function u([t,n,o]){t/=255,n/=255,o/=255;const e=Math.max(t,n,o),r=e-Math.min(t,n,o);let a=0;return r&&e===t&&(a=(n-o)/r),r&&e===n&&(a=2+(o-t)/r),r&&e===o&&(a=4+(t-n)/r),[60*(a<0?a+6:a),e&&r/e*100,100*e]}function s(t,n,o){const e=i(t),r=i(n);return new Array(o).fill(0).map(((t,n)=>{const a=n/o;return`#${[e[0]*(1-a)+r[0]*a,e[1]*(1-a)+r[1]*a,e[2]*(1-a)+r[2]*a].map((t=>Math.round(t).toString(16).padStart(2,"0"))).join("")}`}))}const f={hue:0,saturation:1,lightness:2};function p(t,n){const o=u(i(t));return o[f[n]]=("hue"===n?180:100)-o[f[n]],o[0]<0&&(o[0]=360-o[0]),`#${a(c(o))}`}const m="FLUID_PREF_COLOR_SCHEME";export{m as COLOR_SCHEME_COOKIE,t as classes,n as combineClasses,o as combineRefs,e as cookies,r as formatCookie,i as hexToRgb,c as hsvToRgb,p as invertColorChannel,s as mixColors,a as rgbToHex,u as rgbToHsv};
|
|
2
|
-
//# sourceMappingURL=utils.mjs.map
|
package/dist/utils.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.mjs","sources":["../../src/core/utils.ts","../../src/core/theme.ts"],"sourcesContent":[null,null],"names":["classes","args","filter","val","join","combineClasses","initial","override","combined","Object","assign","key","combineRefs","refs","el","forEach","ref","Function","current","cookies","document","cookie","split","reduce","value","decodeURIComponent","trim","formatCookie","options","path","secure","sameSite","config","entries","map","charAt","toUpperCase","slice","rgbToHex","rgb","toString","padStart","hexToRgb","str","hex","toLowerCase","match","parseInt","hsvToRgb","h","s","v","k","f","Math","round","max","min","rgbToHsv","r","g","b","c","mixColors","base","mixer","outputLength","colorA","colorB","Array","fill","_","i","n","channels","hue","saturation","lightness","invertColorChannel","channel","hsv","COLOR_SCHEME_COOKIE"],"mappings":"AA0BgB,SAAAA,KAAWC,GACvB,OAAOA,EAAKC,QAAOC,GAAsB,iBAARA,IAAkBC,KAAK,IAC5D,CAEgB,SAAAC,EAAeC,EAAoBC,GAC/C,MAAMC,EAAWC,OAAOC,OAAO,CAAA,EAAIJ,GAEnC,IAAK,MAAMK,KAAOJ,EACdI,KAAOL,EAAUE,EAASG,IAAQ,IAAIJ,EAASI,KAASH,EAASG,GAAOJ,EAASI,GAGrF,OAAOH,CACX,CAEgB,SAAAI,KAAeC,GAC3B,OAAQC,IACJD,EAAKE,SAAQC,IACJA,IAELA,aAAeC,SACXD,EAAIF,GACJE,EAAIE,QAAUJ,EAAE,GACtB,CAEV,UAEgBK,IACZ,OAAOC,SAASC,OAAOC,MAAM,KAAKC,QAAkC,CAACJ,EAASE,KAC1E,MAAOV,EAAKa,GAASH,EAAOC,MAAM,KAIlC,OAFIX,GAAOa,IAAOL,EAAQM,mBAAmBd,EAAIe,SAAWD,mBAAmBD,EAAME,SAE9EP,CAAO,GACf,GACP,CAWM,SAAUQ,EAAahB,EAAaa,EAAeI,EAAyB,CAAA,GAC9EA,EAAUnB,OAAOC,OAAO,CAAEmB,KAAM,IAAKC,QAAQ,EAAMC,SAAU,OAASH,GAEtE,MAAMI,EAASvB,OAAOwB,QAAQL,GAASM,KAAI,EAAEvB,EAAKR,MAClC,WAARQ,IAAkBA,EAAM,WAC5BA,EAAMA,EAAIwB,OAAO,GAAGC,cAAgBzB,EAAI0B,MAAM,GAE3B,kBAARlC,EACAA,EAAM,GAAGQ,KAAS,QAGP,IAARR,EAAsB,GAAK,GAAGQ,KAAOR,QACpDC,KAAK,KAER,MAAO,GAAGO,KAAOa,MAAUQ,GAC/B,CAiCM,SAAUM,EAASC,GACrB,MAAO,GAAGA,EAAIL,KAAI/B,GAAOA,EAAIqC,SAAS,IAAIC,SAAS,EAAG,OAAMrC,KAAK,KACrE,CAEM,SAAUsC,EAASC,GACrB,MAAMC,EAAMD,EAAIE,cAAcC,MAAM,gEACpC,OAAKF,EAEEA,EAAIP,MAAM,EAAG,GAAGH,KAAI/B,GAAO4C,SAAS5C,EAAIsC,SAAS,EAAGtC,GAAM,MAFhD,CAAC,EAAG,EAAG,EAG5B,CAEM,SAAU6C,GAAUC,EAAGC,EAAGC,IAC5BD,GAAK,IACLC,GAAK,IAEL,MAAMC,EAAKjD,IAAiBA,EAAM8C,EAAI,IAAM,EACtCI,EAAKlD,GAAgBmD,KAAKC,MAAM,IAAMJ,GAAK,EAAID,EAAII,KAAKE,IAAI,EAAGF,KAAKG,IAAIL,EAAEjD,GAAM,EAAIiD,EAAEjD,GAAM,MAElG,MAAO,CAACkD,EAAE,GAAIA,EAAE,GAAIA,EAAE,GAC1B,CAEM,SAAUK,GAAUC,EAAGC,EAAGC,IAC5BF,GAAK,IACLC,GAAK,IACLC,GAAK,IAEL,MAAMV,EAAIG,KAAKE,IAAIG,EAAGC,EAAGC,GACnBC,EAAIX,EAAIG,KAAKG,IAAIE,EAAGC,EAAGC,GAE7B,IAAIZ,EAAI,EAKR,OAJIa,GAAKX,IAAMQ,IAAGV,GAAKW,EAAIC,GAAKC,GAC5BA,GAAKX,IAAMS,IAAGX,EAAI,GAAKY,EAAIF,GAAKG,GAChCA,GAAKX,IAAMU,IAAGZ,EAAI,GAAKU,EAAIC,GAAKE,GAE7B,CACH,IAAMb,EAAI,EAAIA,EAAI,EAAIA,GACtBE,GAAMW,EAAIX,EAAK,IACX,IAAJA,EAER,UAEgBY,EAAUC,EAAcC,EAAeC,GACnD,MAAMC,EAASzB,EAASsB,GAClBI,EAAS1B,EAASuB,GAExB,OAAO,IAAII,MAAMH,GAAcI,KAAK,GAAGpC,KAAI,CAACqC,EAAGC,KAC3C,MAAMC,EAAID,EAAIN,EAEd,MAAO,IAAI,CACPC,EAAO,IAAM,EAAIM,GAAKL,EAAO,GAAKK,EAClCN,EAAO,IAAM,EAAIM,GAAKL,EAAO,GAAKK,EAClCN,EAAO,IAAM,EAAIM,GAAKL,EAAO,GAAKK,GACpCvC,KAAI/B,GAAOmD,KAAKC,MAAMpD,GAAKqC,SAAS,IAAIC,SAAS,EAAG,OAAMrC,KAAK,KAAK,GAE9E,CAEA,MAAMsE,EAAW,CACbC,IAAK,EACLC,WAAY,EACZC,UAAW,GAGC,SAAAC,EAAmBlC,EAAamC,GAC5C,MAAMC,EAAMtB,EAAShB,EAASE,IAK9B,OAHAoC,EAAIN,EAASK,KAAyB,QAAZA,EAAoB,IAAM,KAAOC,EAAIN,EAASK,IACpEC,EAAI,GAAK,IAAGA,EAAI,GAAK,IAAMA,EAAI,IAE5B,IAAI1C,EAASU,EAASgC,KACjC,CCcO,MAAMC,EAAsB"}
|