@infinityfx/fluid 1.3.1 → 1.3.3
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/dist/components/layout/accordion/item.js +1 -1
- package/dist/components/layout/sidebar/item.js +1 -1
- package/dist/components/layout/sidebar/toggle.js +1 -1
- package/dist/components/navigation/navigation-menu/group.js +1 -1
- package/dist/components/navigation/navigation-menu/link.js +1 -1
- package/dist/components/navigation/tabs.js +1 -1
- package/package.json +1 -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
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as r}from"tslib";import{jsxs as e,Fragment as o,jsx as
|
|
2
|
+
import{__rest as r}from"tslib";import{jsxs as e,Fragment as o,jsx as i}from"react/jsx-runtime";import{useId as n,useRef as a,useEffect as t}from"react";import l from"../../feedback/halo.js";import c from"../collapsible.js";import{Animatable as d}from"@infinityfx/lively";import{useAccordion as s}from"./root.js";import{combineClasses as m,classes as p}from"../../../core/utils.js";import{createStyles as f}from"../../../core/style.js";import{Icon as u}from"../../../core/icons.js";const b=f("accordion.item",{".button":{position:"relative",borderRadius:"var(--f-radius-sml)",padding:".6em",display:"flex",alignItems:"center",justifyContent:"space-between",gap:"var(--f-spacing-sml)",outline:"none",border:"none",background:"none",color:"var(--f-clr-text-100)",transition:"background-color .5s",WebkitTapHighlightColor:"transparent"},'.v__minimal[aria-expanded="true"]':{backgroundColor:"var(--f-clr-fg-100)"},".button:enabled":{cursor:"pointer"},".button:disabled":{color:"var(--f-clr-grey-500)"},'.v__minimal:disabled[aria-expanded="true"]':{backgroundColor:"var(--f-clr-fg-200)"},".content":{padding:".6em",color:"var(--f-clr-text-100)"},".icon":{height:"1em",overflow:"hidden",flexShrink:0},".arrows":{display:"flex",flexDirection:"column"}});function g(f){var{children:g,cc:v={},label:h,defaultOpen:x=!1,disabled:y}=f,j=r(f,["children","cc","label","defaultOpen","disabled"]);const k=m(b,v),w=n(),{variant:N,open:_,toggle:C}=s(),O=a(!1),D=O.current?_.indexOf(w)>=0:x;return t((()=>{x&&C(w,!0),O.current=!0}),[]),e(o,{children:[i(l,{disabled:y,color:"var(--f-clr-primary-400)",children:e("button",{type:"button",disabled:y,"aria-expanded":D,"aria-controls":w,className:p(k.button,k[`v__${N}`]),onClick:()=>C(w,!D),children:[h,i("div",{className:k.icon,children:i(d,{animate:{translate:["0% 0%","0% -50%"],duration:.35},triggers:[{on:D},{on:!D,reverse:!0}],children:e("div",{className:k.arrows,children:[i(u,{type:"expandDown"}),i(u,{type:"collapseUp"})]})})})]})}),i(c,{shown:D,id:w,children:i("div",Object.assign({},j,{className:p(k.content,j.className),children:g}))})]})}g.displayName="Accordion.Item";export{g as default};
|
|
3
3
|
//# sourceMappingURL=item.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsxs as t,Fragment as i,jsx as a}from"react/jsx-runtime";import{useState as o,Children as r}from"react";import n from"../../feedback/halo.js";import{combineClasses as c,classes as l}from"../../../core/utils.js";import d from"../../input/toggle.js";import s from"../collapsible.js";import{createStyles as m}from"../../../core/style.js";import{useSidebar as p}from"./root.js";import f from"../../../hooks/use-fluid.js";import g from"../../../hooks/use-media-query.js";import{Icon as h}from"../../../core/icons.js";const u=m("sidebar.item",{".item":{position:"relative",fontWeight:600,borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-text-100)",display:"flex",transition:"background-color .25s, color .25s",outline:"none",overflow:"hidden"},".item:not(.compact)":{height:"3em",flexShrink:0},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".icon":{height:"inherit",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},".item:not(.compact) .icon":{width:"3em"},'.item[data-disabled="false"]':{cursor:"pointer"},".item.round":{borderRadius:"999px"},'.item[data-active="true"]':{backgroundColor:"var(--f-clr-primary-100)",color:"var(--f-clr-text-200)"},'.v__light[data-active="true"]':{backgroundColor:"var(--f-clr-primary-600)",color:"var(--f-clr-primary-100)"},'.item[data-disabled="true"]':{color:"var(--f-clr-grey-500)"},".item .toggle":{marginRight:"-.3em"},".item.compact .toggle":{background:"transparent",color:"var(--f-clr-text-100)",pointerEvents:"none",marginRight:0},".item.compact .toggle__content":{padding:0},'.v__default[data-active="true"] .toggle':{color:"var(--f-clr-text-200)"},".content":{paddingRight:"1em",display:"flex",alignItems:"center",gap:"var(--f-spacing-sml)",justifyContent:"space-between",transition:"opacity .3s",flexGrow:1,flexShrink:0},".item.compact .icon":{padding:".6em",lineHeight:1},".item.compact .content":{paddingRight:".6em",paddingBlock:".6em",lineHeight:1},'.content[data-hasicon="false"]':{paddingLeft:"1em"},'.item.compact .content[data-hasicon="false"]':{paddingLeft:".6em"},".children":{paddingLeft:"1.5em",transition:"padding-left .3s",flexShrink:0},".children > *":{flexShrink:0},".item.collapsed .content":{opacity:0},'.children[data-collapsed="true"]':{paddingLeft:"0em"}});function v(m){var{children:v,cc:b={},size:x="med",label:k,icon:y,right:_,active:j=!1,round:S,compact:w,variant:z="default",disabled:C=!1,defaultOpen:R=!1}=m,N=e(m,["children","cc","size","label","icon","right","active","round","compact","variant","disabled","defaultOpen"]);const O=c(u,b),[I,L]=o(R)
|
|
2
|
+
import{__rest as e}from"tslib";import{jsxs as t,Fragment as i,jsx as a}from"react/jsx-runtime";import{useState as o,Children as r}from"react";import n from"../../feedback/halo.js";import{combineClasses as c,classes as l}from"../../../core/utils.js";import d from"../../input/toggle.js";import s from"../collapsible.js";import{createStyles as m}from"../../../core/style.js";import{useSidebar as p}from"./root.js";import f from"../../../hooks/use-fluid.js";import g from"../../../hooks/use-media-query.js";import{Icon as h}from"../../../core/icons.js";const u=m("sidebar.item",{".item":{position:"relative",fontWeight:600,borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-text-100)",display:"flex",transition:"background-color .25s, color .25s",outline:"none",overflow:"hidden",WebkitTapHighlightColor:"transparent"},".item:not(.compact)":{height:"3em",flexShrink:0},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".icon":{height:"inherit",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},".item:not(.compact) .icon":{width:"3em"},'.item[data-disabled="false"]':{cursor:"pointer"},".item.round":{borderRadius:"999px"},'.item[data-active="true"]':{backgroundColor:"var(--f-clr-primary-100)",color:"var(--f-clr-text-200)"},'.v__light[data-active="true"]':{backgroundColor:"var(--f-clr-primary-600)",color:"var(--f-clr-primary-100)"},'.item[data-disabled="true"]':{color:"var(--f-clr-grey-500)"},".item .toggle":{marginRight:"-.3em"},".item.compact .toggle":{background:"transparent",color:"var(--f-clr-text-100)",pointerEvents:"none",marginRight:0},".item.compact .toggle__content":{padding:0},'.v__default[data-active="true"] .toggle':{color:"var(--f-clr-text-200)"},".content":{paddingRight:"1em",display:"flex",alignItems:"center",gap:"var(--f-spacing-sml)",justifyContent:"space-between",transition:"opacity .3s",flexGrow:1,flexShrink:0},".item.compact .icon":{padding:".6em",lineHeight:1},".item.compact .content":{paddingRight:".6em",paddingBlock:".6em",lineHeight:1},'.content[data-hasicon="false"]':{paddingLeft:"1em"},'.item.compact .content[data-hasicon="false"]':{paddingLeft:".6em"},".children":{paddingLeft:"1.5em",transition:"padding-left .3s",flexShrink:0},".children > *":{flexShrink:0},".item.collapsed .content":{opacity:0},'.children[data-collapsed="true"]':{paddingLeft:"0em"}});function v(m){var{children:v,cc:b={},size:x="med",label:k,icon:y,right:_,active:j=!1,round:S,compact:w,variant:z="default",disabled:C=!1,defaultOpen:R=!1}=m,N=e(m,["children","cc","size","label","icon","right","active","round","compact","variant","disabled","defaultOpen"]);const O=c(u,b),[I,L]=o(R),H=r.count(v),{collapsed:$}=p(),W=f(),q=g(`(max-width: ${W.breakpoints.mob}px)`);return t(i,{children:[a(n,{color:j?void 0:"var(--f-clr-primary-300)",disabled:C,children:t("div",Object.assign({},N,{tabIndex:0,role:"button",className:l(O.item,O[`s__${x}`],O[`v__${z}`],S&&O.round,w&&O.compact,$&&O.collapsed,N.className),"data-disabled":C,"data-active":j,onClick:()=>L(!I),children:[void 0!==y&&a("div",{className:O.icon,children:y}),t("span",{className:O.content,"data-hasicon":void 0!==y,children:[k,H?a(d,{cc:Object.assign({toggle:O.toggle,content:O.toggle__content},b),"aria-label":k,disabled:w,compact:!0,variant:"minimal",size:"med"===x?"sml":"xsm",round:S,checked:I,checkedContent:a(h,{type:"collapseUp"}),children:a(h,{type:"expandDown"})}):_]})]}))}),H?a(s,{shown:I&&(q||!$),cc:Object.assign({content:O.children},b),"data-collapsed":$,children:v}):null]})}v.displayName="Sidebar.Item";export{v as default};
|
|
3
3
|
//# sourceMappingURL=item.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{combineClasses as
|
|
2
|
+
import{__rest as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{combineClasses as r,classes as l}from"../../../core/utils.js";import{createStyles as a}from"../../../core/style.js";import{Icon as i}from"../../../core/icons.js";import{useSidebar as n}from"./root.js";import s from"../../input/button.js";import c from"../../feedback/halo.js";const d=a("sidebar.toggle",{".wrapper":{display:"flex",justifyContent:"space-between",alignItems:"center",overflow:"hidden",flexShrink:0},".toggle":{position:"relative",overflow:"hidden",background:"none",outline:"none",border:"none",color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",flexShrink:0,WebkitTapHighlightColor:"transparent"},".toggle:enabled":{cursor:"pointer"},".logo":{width:"3rem",height:"3rem",display:"flex",alignItems:"center",justifyContent:"center",transition:"translate .25s"},".icon":{inset:0,position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",translate:"-100% 0%",transition:"translate .25s"},".toggle:enabled:hover .logo, .toggle:enabled:focus-visible .logo":{translate:"100% 0%"},".toggle:enabled:hover .icon, .toggle:enabled:focus-visible .icon":{translate:"0% 0%"},'.button[data-collapsed="true"]':{opacity:0}});function p(a){var{children:p,cc:g={},toggle:m="square"}=a,b=e(a,["children","cc","toggle"]);const f=r(d,g),{collapsed:u,setCollapsed:h}=n();return t("div",Object.assign({},b,{className:l(f.wrapper,b.className),children:[o(c,{disabled:!u,color:"var(--f-clr-primary-300)",children:t("button",{type:"button",className:f.toggle,onClick:()=>h(!1),disabled:!u,children:[o("div",{className:f.logo,children:p}),o("div",{className:f.icon,children:o(i,{type:"expandSidebar"})})]})}),o(s,{size:"sml",compact:!0,variant:"light",onClick:()=>h(!0),className:f.button,tabIndex:u?-1:0,"data-collapsed":u,children:o(i,{type:"collapseSidebar"})})]}))}p.displayName="Sidebar.Toggle";export{p as default};
|
|
3
3
|
//# sourceMappingURL=toggle.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useId as o,Children as n}from"react";import{createStyles as t}from"../../../core/style.js";import{combineClasses as a,classes as s}from"../../../core/utils.js";import{LayoutGroup as l,Morph as d}from"@infinityfx/lively/layout";import{useNavigationMenu as c}from"./root.js";import{Animatable as u}from"@infinityfx/lively";import{Icon as m}from"../../../core/icons.js";const p=t("navigation-menu.group",{".group":{position:"relative",display:"flex",justifyContent:"center"},".link":{position:"relative",padding:".4em .6em",borderRadius:"var(--f-radius-sml)",fontWeight:600,color:"var(--f-clr-text-100)",outline:"none",cursor:"pointer",lineHeight:1.25,display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)"},".link.round":{borderRadius:"1em"},".arrow":{display:"flex",transition:"rotate .35s",fontSize:".8em"},".selection":{position:"absolute",inset:0,borderRadius:"inherit",backgroundColor:"var(--f-clr-primary-400)",zIndex:-1},".menu":{position:"absolute",top:"calc(100% + var(--f-spacing-sml))",borderRadius:"calc(.25em + var(--f-radius-sml))",padding:".25em",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",boxShadow:"var(--f-shadow-med)",overflow:"hidden",zIndex:99}});function
|
|
2
|
+
import{__rest as e}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useId as o,Children as n}from"react";import{createStyles as t}from"../../../core/style.js";import{combineClasses as a,classes as s}from"../../../core/utils.js";import{LayoutGroup as l,Morph as d}from"@infinityfx/lively/layout";import{useNavigationMenu as c}from"./root.js";import{Animatable as u}from"@infinityfx/lively";import{Icon as m}from"../../../core/icons.js";const p=t("navigation-menu.group",{".group":{position:"relative",display:"flex",justifyContent:"center"},".link":{position:"relative",padding:".4em .6em",borderRadius:"var(--f-radius-sml)",fontWeight:600,color:"var(--f-clr-text-100)",outline:"none",cursor:"pointer",lineHeight:1.25,display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",WebkitTapHighlightColor:"transparent"},".link.round":{borderRadius:"1em"},".arrow":{display:"flex",transition:"rotate .35s",fontSize:".8em"},".selection":{position:"absolute",inset:0,borderRadius:"inherit",backgroundColor:"var(--f-clr-primary-400)",zIndex:-1},".menu":{position:"absolute",top:"calc(100% + var(--f-spacing-sml))",borderRadius:"calc(.25em + var(--f-radius-sml))",padding:".25em",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",boxShadow:"var(--f-shadow-med)",overflow:"hidden",zIndex:99}});function g(t){var{children:g,cc:f={},label:v,round:h=!1,href:x,target:y,active:b=!1,position:j="center",Link:k="a"}=t,N=e(t,["children","cc","label","round","href","target","active","position","Link"]);const w=a(p,f),R=o(),{root:C,id:z,selection:I,select:O}=c(),H=n.count(g)>0;return i("div",{className:w.group,children:[i(k,{className:s(w.link,h&&w.round),role:"menuitem",href:x,target:y,"aria-haspopup":H?"menu":void 0,"aria-expanded":H?R===I:void 0,"aria-controls":H?z+R:void 0,onMouseEnter:()=>O(R),onFocus:()=>O(R),onBlur:e=>{var i;(null===(i=C.current)||void 0===i?void 0:i.contains(e.relatedTarget))||O(void 0)},children:[v,H&&r("div",{className:w.arrow,style:{rotate:R===I?"180deg":"0deg"},children:r(m,{type:"down"})}),r(l,{children:(I?R===I:b)&&r(d,{id:"fluid-navigation-menu-selection",group:`fluid-navigation-menu-selection-${z}`,cachable:["x","sx","borderRadius"],deform:!1,transition:{duration:.35},animate:{opacity:[1,0],duration:.25},triggers:[{on:"mount",reverse:!0},{on:"unmount"}],children:r("div",{className:w.selection})})})]}),r(l,{children:H&&R===I&&r(d,{id:"fluid-navigation-menu-group",group:`fluid-navigation-menu-group-${z}`,cachable:["x","y","sx","sy"],deform:!1,transition:{duration:.35},animate:{opacity:[1,0],translate:["0px 0px","0px -8px"],duration:.25},triggers:[{on:"mount",reverse:!0},{on:"unmount"}],children:r("div",Object.assign({},N,{id:z+R,role:"menu",className:s(w.menu,N.className),style:Object.assign(Object.assign({},N.style),{left:"start"===j?0:void 0,right:"end"===j?0:void 0}),children:r(u,{stagger:.06,triggers:[{on:"mount",delay:.25}],children:g})}))})})]})}g.displayName="NavigationMenu.Group";export{g as default};
|
|
3
3
|
//# sourceMappingURL=group.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as r}from"tslib";import{jsx as o}from"react/jsx-runtime";import{createStyles as i}from"../../../core/style.js";import{combineClasses as e,classes as
|
|
2
|
+
import{__rest as r}from"tslib";import{jsx as o}from"react/jsx-runtime";import{createStyles as i}from"../../../core/style.js";import{combineClasses as e,classes as t}from"../../../core/utils.js";import n from"../../feedback/halo.js";import{useNavigationMenu as l}from"./root.js";const a=i("navigation-menu.link",{".link":{position:"relative",display:"block",padding:".4em",borderRadius:"var(--f-radius-sml)",fontWeight:600,color:"var(--f-clr-text-100)",outline:"none",WebkitTapHighlightColor:"transparent"}});function c(i){var{children:c,cc:s={},Link:m="a"}=i,d=r(i,["children","cc","Link"]);const u=e(a,s),{root:p,select:f}=l();return o(n,{color:"var(--f-clr-primary-400)",children:o(m,Object.assign({},d,{role:"menuitem",className:t(u.link,d.className),onBlur:r=>{var o,i;null===(o=d.onBlur)||void 0===o||o.call(d,r),(null===(i=p.current)||void 0===i?void 0:i.contains(r.relatedTarget))||f(void 0)},children:c}))})}c.displayName="NavigationMenu.Link";export{c as default};
|
|
3
3
|
//# sourceMappingURL=link.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsx as a,jsxs as r}from"react/jsx-runtime";import{useId as o,useRef as t,useState as l}from"react";import i from"../feedback/halo.js";import{Morph as n}from"@infinityfx/lively/layout";import{combineClasses as s,classes as c}from"../../core/utils.js";import d from"../layout/scrollarea.js";import{createStyles as u}from"../../core/style.js";const f=u("tabs",{".v__default":{backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-sml)"},".tabs":{display:"flex",width:"max-content"},".v__default .tabs":{gap:"var(--f-spacing-sml)",padding:"0 .6em"},".option":{position:"relative"},".v__default .option":{padding:".6em 0"},".selection":{position:"absolute",width:"100%",height:"3px",backgroundColor:"var(--f-clr-text-100)",left:0,bottom:0,borderRadius:"99px"},".button":{position:"relative",outline:"none",border:"none",background:"none",padding:".4em .6em",borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-text-100)",fontSize:"var(--f-font-size-sml)",fontWeight:600},".v__minimal .button":{padding:".8em 1.2em"},".button:enabled":{cursor:"pointer"},".button:disabled":{color:"var(--f-clr-grey-500)"}});function m(u){var m,{options:
|
|
2
|
+
import{__rest as e}from"tslib";import{jsx as a,jsxs as r}from"react/jsx-runtime";import{useId as o,useRef as t,useState as l}from"react";import i from"../feedback/halo.js";import{Morph as n}from"@infinityfx/lively/layout";import{combineClasses as s,classes as c}from"../../core/utils.js";import d from"../layout/scrollarea.js";import{createStyles as u}from"../../core/style.js";const f=u("tabs",{".v__default":{backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-sml)"},".tabs":{display:"flex",width:"max-content"},".v__default .tabs":{gap:"var(--f-spacing-sml)",padding:"0 .6em"},".option":{position:"relative"},".v__default .option":{padding:".6em 0"},".selection":{position:"absolute",width:"100%",height:"3px",backgroundColor:"var(--f-clr-text-100)",left:0,bottom:0,borderRadius:"99px"},".button":{position:"relative",outline:"none",border:"none",background:"none",padding:".4em .6em",borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-text-100)",fontSize:"var(--f-font-size-sml)",fontWeight:600,WebkitTapHighlightColor:"transparent"},".v__minimal .button":{padding:".8em 1.2em"},".button:enabled":{cursor:"pointer"},".button:disabled":{color:"var(--f-clr-grey-500)"}});function m(u){var m,{options:p,cc:b={},variant:v="default",value:h,defaultValue:g,onChange:y}=u,k=e(u,["options","cc","variant","value","defaultValue","onChange"]);const x=s(f,b),w=o(),_=t([]),[j,C]=void 0!==h?[h]:l(g||(null===(m=p[0])||void 0===m?void 0:m.value));function N(e){var a;const r=_.current.filter((e=>e));null===(a=r[e=e<0?r.length-1:e>=r.length?0:e])||void 0===a||a.focus()}return a("div",Object.assign({},k,{className:c(x.wrapper,x[`v__${v}`],k.className),children:a(d,{horizontal:!0,children:a("div",{className:x.tabs,role:"tablist",children:p.map((({label:e,value:o,disabled:t,panelId:l},s)=>r("div",{className:x.option,children:[a(i,{disabled:t,color:"default"===v?"var(--f-clr-primary-300)":"var(--f-clr-primary-400)",children:a("button",{ref:e=>{_.current[s]=t?null:e},type:"button",role:"tab",className:x.button,"aria-selected":j===o,"aria-controls":l,disabled:t,onClick:()=>{null==C||C(o),null==y||y(o)},onKeyDown:e=>{let a=!0;switch(e.key){case"ArrowRight":case"ArrowDown":N(s+1);break;case"ArrowLeft":case"ArrowUp":N(s-1);break;case"Home":N(0);break;case"End":N(-1);break;default:a=!1}a&&e.preventDefault()},children:e})}),j===o&&a(n,{group:`tabs-selection-${w}`,deform:!1,cachable:["x","sx"],children:a("div",{className:x.selection})})]},s)))})})}))}export{m as default};
|
|
3
3
|
//# sourceMappingURL=tabs.js.map
|