@infinityfx/fluid 1.4.25 → 2.0.0-alpha.0
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/display/action-menu/group.js +1 -1
- package/dist/components/display/action-menu/item.js +1 -1
- package/dist/components/display/action-menu/menu.js +1 -1
- package/dist/components/display/combobox/content.js +1 -1
- package/dist/components/display/ticker.js +1 -1
- package/dist/components/feedback/halo.js +1 -1
- package/dist/components/feedback/progress-bar.js +1 -1
- package/dist/components/feedback/spinner.js +1 -1
- package/dist/components/feedback/spinner.js.map +1 -1
- package/dist/components/input/calendar.js +1 -1
- package/dist/components/input/checkbox.js +1 -1
- package/dist/components/input/chip.js +1 -1
- package/dist/components/input/color-field.js +1 -1
- package/dist/components/input/color-picker.js +1 -1
- package/dist/components/input/date-field.js +1 -1
- package/dist/components/input/drop-zone.js +1 -1
- package/dist/components/input/file-field.js +1 -1
- package/dist/components/input/hamburger.js +1 -1
- package/dist/components/input/segmented.js +1 -1
- package/dist/components/input/select.js +1 -1
- package/dist/components/input/slider.js +1 -1
- package/dist/components/input/switch.js +1 -1
- package/dist/components/input/toggle.js +1 -1
- package/dist/components/layout/accordion/item.js +1 -1
- package/dist/components/layout/collapsible.js +1 -1
- package/dist/components/layout/collapsible.js.map +1 -1
- package/dist/components/layout/drawer.js +1 -1
- package/dist/components/layout/modal.js +1 -1
- package/dist/components/layout/overlay.js +1 -1
- package/dist/components/layout/popover/content.js +1 -1
- package/dist/components/navigation/navigation-menu/group.js +1 -1
- package/dist/components/navigation/pagination.js +1 -1
- package/dist/components/navigation/stepper.js +1 -1
- package/dist/components/navigation/tabs.js +1 -1
- package/dist/types/src/components/input/drop-zone.d.ts +3 -5
- package/package.json +15 -15
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as e,jsx as
|
|
2
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{Animate as r}from"@infinityfx/lively";import{useId as o,useRef as n,useState as t}from"react";import{combineClasses as a,getFocusable as c}from"../../../core/utils.js";import{createStyles as s}from"../../../core/style.js";import l from"./item.js";import{Icon as d}from"../../../core/icons.js";const p=s("action-menu.group",{".wrapper":{position:"relative"},".menu":{position:"absolute",padding:".25em",background:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"calc(.25em + var(--f-radius-sml))",boxShadow:"var(--f-shadow-med)",fontSize:"var(--f-font-size-sml)",minWidth:"min(100vw, 10em)",top:"calc(-1px - .25em)"},".icon":{display:"flex",marginLeft:"auto"}});function m({children:s,cc:m={},label:u,className:f,...h}){const v=a(p,m),g=o(),y=n(null),w=n(null),[b,x]=t({open:!1,side:"left"});function j(){if(h.disabled||!y.current)return;let{left:e,right:i}=y.current.getBoundingClientRect();i=window.innerWidth-i,x({open:!0,side:e>i?"right":"left"})}return e("div",{ref:y,className:v.wrapper,onFocus:j,onMouseEnter:j,onMouseLeave:()=>x({...b,open:!1}),onBlur:()=>{y.current?.matches(":focus-within")||x({...b,open:!1})},children:[e(l,{...h,"aria-haspopup":"menu","aria-expanded":b.open,"aria-controls":g,keepOpen:!0,onTouchEnd:e=>{h.onTouchEnd?.(e),b.open?x({...b,open:!1}):j()},onKeyDown:e=>{if(h.onKeyDown?.(e),"ArrowRight"===e.key||"ArrowLeft"===e.key){const i=c(w.current,!1);i&&(e.preventDefault(),i.focus())}},children:[u,i("div",{className:v.icon,children:i(d,{type:"right"})})]}),i(r,{lite:!0,initial:{opacity:0},animate:{visibility:["hidden","visible"],opacity:[0,.2,1],scale:[.9,1],duration:.2},triggers:{animate:[{on:b.open,override:!0},{on:!b.open,cascade:"reverse",reverse:!0,override:!0}]},stagger:.05,children:i("div",{ref:w,id:g,role:"menu",className:v.menu,style:{[b.side]:"100%"},children:i(r,{inherit:!0,animate:{opacity:[0,1],scale:[.95,1],duration:.2},children:s})})})]})}m.displayName="ActionMenu.Group";export{m as default};
|
|
3
3
|
//# sourceMappingURL=group.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import r from"../../feedback/halo.js";import{createStyles as o}from"../../../core/style.js";import{combineClasses as t,
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import r from"../../feedback/halo.js";import{createStyles as o}from"../../../core/style.js";import{combineClasses as t,filterFocusable as n,classes as l,combineRefs as a}from"../../../core/utils.js";import{usePopover as i}from"../../layout/popover/root.js";import{useRef as c}from"react";const m=o("action-menu.item",{".item":{position:"relative",padding:".5rem .8rem",border:"none",background:"none",outline:"none",width:"100%",borderRadius:"var(--f-radius-sml)",userSelect:"none",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",color:"var(--color, var(--f-clr-text-100))",lineHeight:1.25,WebkitTapHighlightColor:"transparent","--halo-color":"color-mix(in srgb, var(--color, var(--f-clr-primary-100)) 50%, var(--f-clr-text-200))"},".item:enabled":{cursor:"pointer"},".item:disabled":{color:"var(--f-clr-grey-500)"}});function s({children:o,cc:s={},keepOpen:p,className:u,color:f,...d}){const y=t(m,s),h=c(null),g=i();return e(r,{disabled:d.disabled,color:"var(--halo-color)",children:e("button",{...d,ref:a(d.ref,h),type:"button",role:"menuitem",style:{...d.style,"--color":f},className:l(y.item,u),onClick:e=>{d.onClick?.(e),p||g.toggle(!1)},onKeyDown:e=>{d.onKeyDown?.(e);let r=h.current?.parentElement;for(;r&&!r.matches('[role="menu"], [role="group"]');)r=r.parentElement;if(r?.matches('[role="menu"]')&&("ArrowRight"===e.key||"ArrowLeft"===e.key)){const o=r.parentElement?.querySelector('[aria-haspopup="menu"]');o&&(e.preventDefault(),o.focus())}const o="ArrowDown"===e.key?1:"ArrowUp"===e.key?-1:0;if(r&&0!==o){const t=n(Array.from(r.children)),l=t.findIndex((e=>e===h.current)),a=t[l+o];a&&a.focus(),l>=0&&e.preventDefault()}},children:o})})}s.displayName="ActionMenu.Item";export{s as default};
|
|
3
3
|
//# sourceMappingURL=item.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import r from"../../layout/popover/index.js";import{Animate as
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import r from"../../layout/popover/index.js";import{Animate as i}from"@infinityfx/lively";import{combineClasses as n,classes as o}from"../../../core/utils.js";import{createStyles as t}from"../../../core/style.js";const a=t("action-menu.menu",{".menu":{padding:".25em",background:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"calc(.25em + var(--f-radius-sml))",boxShadow:"var(--f-shadow-med)",fontSize:"var(--f-font-size-sml)",minWidth:"min(100vw, 10em)"}});function m({children:t,cc:m={},className:c,...s}){const l=n(a,m);return e(r.Content,{role:"menu",children:e(i,{lite:!0,animate:{opacity:[0,.2,1],scale:[.9,1],duration:.2},triggers:{animate:["mount",{on:"unmount",reverse:!0}]},stagger:.05,children:e("div",{...s,className:o(l.menu,c),role:"group",children:e(i,{inherit:!0,animate:{opacity:[0,1],scale:[.95,1],duration:.2},children:t})})},"action-menu")})}m.displayName="ActionMenu.Menu";export{m as default};
|
|
3
3
|
//# sourceMappingURL=menu.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as
|
|
2
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useState as o,useLayoutEffect as n,useMemo as i,Children as a,isValidElement as s,cloneElement as c}from"react";import l from"../../layout/popover/index.js";import d from"../../layout/scrollarea.js";import u from"../../input/field.js";import{Animate as m}from"@infinityfx/lively";import{combineClasses as f,combineRefs as p,getFocusable as h,classes as g}from"../../../core/utils.js";import{createStyles as x}from"../../../core/style.js";import{usePopover as v}from"../../layout/popover/root.js";import{Icon as y}from"../../../core/icons.js";import"../../../context/fluid.js";import b from"../../../hooks/use-debounce.js";const _=x("combobox.content",{".container:not(.modal)":{background:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"calc(.25em + var(--f-radius-sml))",boxShadow:"var(--f-shadow-med)",minWidth:"min(100vw, 10em)",width:"100%"},".container.round":{borderRadius:"1.4em"},".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)"},".content":{maxHeight:"9.5em"},".modal .content":{maxHeight:"50vh"},".message":{position:"relative",padding:".5em",width:"100%",textAlign:"center",color:"var(--f-clr-grey-500)",lineHeight:1.25},".container .field":{margin:".25em",marginBottom:0},".container .field__content":{paddingBlock:".5em"}});function w({children:x,cc:w={},round:j,size:z="med",autoFocus:k=!0,searchable:M=!1,placeholder:S="Search..",emptyMessage:C="Nothing found",virtualItemHeight:F=0,...H}){const N=f(_,w),{opened:T,trigger:A,content:B,isModal:D}=v(),K=t(0),L=t({list:[],index:k?0:-1}),[R,U]=o(""),[I,P]=o({start:0,end:1/0}),V=b((e=>{W(0),U(e)}),200);function W(e){if(!F||!B.current)return P({start:0,end:1/0});const r=Math.ceil(B.current.offsetHeight/F),t=Math.floor(r/2),o=t+Math.floor(e/(F*t))*t,n=Math.max(0,o-r),i=n+2*r;I.end!==i&&P({start:n,end:i})}n((()=>{T&&W(0)}),[T]);const $=i((()=>(K.current=0,a.map(x,(e=>{const r=s(e)&&("value"in e.props?e:e.props.children);if(!s(r)||!("value"in r.props))return e;if(!((""+r.props.value).toLowerCase()||"").includes(R))return null;const t=K.current++,o=t+(M?1:0);return t<I.start||t>I.end?null:c(e,{round:j,ref:p((e=>{L.current.list[o]=e}),e.props.ref),onFocus:e=>{L.current.index=o,H.onFocus?.(e)},autoFocus:o==L.current.index})})))),[x,I,R]);return e(l.Content,{children:e(m,{lite:!0,animate:{opacity:[0,.2,1],scale:[.9,1],duration:.2},triggers:{animate:["mount",{on:"unmount",reverse:!0}]},children:r("div",{...H,role:"listbox",className:g(N.container,N[`s__${z}`],j&&N.round,D&&N.modal,H.className),onBlur:e=>{H.onBlur?.(e),L.current.index=-1},onKeyDown:e=>{if(H.onKeyDown?.(e),"Tab"!==e.key&&"ArrowDown"!==e.key&&"ArrowUp"!==e.key)return;const{index:r,list:t}=L.current,o="ArrowUp"===e.key||e.shiftKey?Math.max(r-1,-1):Math.min(r+1,t.length-1),n=o<0?h(A.current,!1):t[L.current.index=o];n?n.focus():L.current.index=0,(n||"Tab"!==e.key)&&e.preventDefault()},children:[M&&e(u,{round:j,size:z,variant:"minimal",placeholder:S,icon:e(y,{type:"search"}),inputRef:e=>L.current.list[0]=e,autoFocus:0==L.current.index,onFocus:()=>L.current.index=0,defaultValue:R,onChange:e=>V(e.target.value.toLowerCase()),cc:{...w,field:N.field,content:N.field__content}}),e(d,{className:N.content,onScroll:e=>W(e.currentTarget.scrollTop),onTouchStart:e=>e.stopPropagation(),children:r("div",{style:{padding:".25em",minHeight:F?F*K.current:void 0},children:[e("div",{style:{height:F*I.start}}),e(m,{inherit:!0,animate:{opacity:[0,1],scale:[.95,1],duration:.2},staggerLimit:4,stagger:.05,children:(!F||I.end!==1/0)&&$}),!K.current&&e("div",{className:N.message,children:C})]})})]})},"combobox-options-outer")})}w.displayName="Combobox.Content";export{w as default};
|
|
3
3
|
//# sourceMappingURL=content.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as t}from"react/jsx-runtime";import{combineClasses as e,classes as
|
|
2
|
+
import{jsx as t}from"react/jsx-runtime";import{combineClasses as e,classes as r}from"../../core/utils.js";import{useState as i,useRef as n,useEffect as c}from"react";import{createStyles as l}from"../../core/style.js";import{LayoutGroup as o,Animate as a}from"@infinityfx/lively";const s=l("ticker",{".ticker":{display:"flex",alignItems:"flex-end",height:"1.25em",overflow:"hidden"},".column":{display:"flex",flexDirection:"column",alignItems:"center"},".column > *":{height:"1.25em",lineHeight:1.2,width:"100%",whiteSpace:"pre"}});function h({children:l,cc:h={},align:m="left",selective:u,duration:g=.7,stagger:d=.1,...f}){const p=e(s,h),[v,y]=i(0),x=n(l.toString()),S=n(l.toString().split("").map((t=>[{char:t,active:1}]))),k=n([]),[w,j]=i(S.current);function A(){const t=[];for(let e=0;e<S.current.length;e++){let r=S.current[e];r=r.slice(r.length>2?1:0),(null!==r[r.length-1].char||r.length>2)&&t.push(r)}S.current=t,j(t)}return c((()=>{if(x.current===l.toString())return;x.current=l.toString();const t=x.current.split(""),e=S.current,r=e.length-t.length;k.current=e.map((t=>t[t.length-1].char)),r>0&&t["right"===m?"unshift":"push"](...new Array(r).fill(null));for(let i=t.length-1;i>=0;i--){const n="right"==m?i+Math.min(r,0):i;if(Array.isArray(e[n]))e[n].push({char:t[i],active:1});else{const r=[{char:t[i],active:1}];"right"===m?e.unshift(r):e[n]=r}setTimeout((()=>{const t=S.current[i];t?.length>1&&(t[t.length-2].active=0),j(S.current.slice())}),i*d*1e3)}setTimeout(A,1e3*(g+(e.length-1)*d)),y(v+1)}),[l,v]),t("div",{...f,className:r(p.ticker,f.className),children:t(o,{skipInitialMount:!0,children:w.map(((e,r)=>{const i=("right"===m?w.length-1-r:r).toString();return t(a,{transition:{cache:["x","sx"],duration:g},initial:{translate:"0em 0em"},animate:{translate:["0em 1.2em","0em 0em"],composite:"combine",duration:g,delay:r*d},triggers:{animate:[{on:"mount",commit:!1},{on:(!u||k.current[r]!==e[e.length-1].char)&&v,commit:!1}]},children:t("div",{className:p.column,children:e.map((({char:e,active:r},i)=>t("div",{children:t("div",{style:{position:r?void 0:"absolute"},children:e||" "})},i)))})},i)}))})})}export{h as default};
|
|
3
3
|
//# sourceMappingURL=ticker.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as t}from"react/jsx-runtime";import{combineClasses as e,classes as r,combineRefs as n}from"../../core/utils.js";import{
|
|
2
|
+
import{jsx as t}from"react/jsx-runtime";import{combineClasses as e,classes as r,combineRefs as n}from"../../core/utils.js";import{Animate as i}from"@infinityfx/lively";import{useLink as o}from"@infinityfx/lively/hooks";import{useRef as a,useState as s,useEffect as c,isValidElement as l,Children as d,cloneElement as u}from"react";import{createStyles as p}from"../../core/style.js";const f=p("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({children:p,cc:h={},color:m,hover:y=!0,disabled:g=!1,target:v,ref:x,...b}){const w=e(f,h),E=a(0),L=a(void 0),C=a(null),j=a(null),k=a(0),[A,M]=s(0),N=o(1),R=o("0% 0%");if(c((()=>{const t=v?.current||C.current,e=new AbortController,r=e.signal;if(t)return t.addEventListener("mousedown",(()=>{N.set(.5,{duration:.1})}),{signal:r}),t.addEventListener("click",(t=>{if(N.set(1),M(++k.current),!j.current)return;const{x:e,y:r,width:n,height:i}=j.current.getBoundingClientRect();j.current.style.transition="none",j.current.offsetHeight,j.current.style.transition="";const o=2.8*Math.max(n,i),a=t=>Math.min(Math.max(t,0),1),s=(a((t.clientX-e)/n)-.5)*(n/o),c=(a((t.clientY-r)/i)-.5)*(i/o);R.set(`${t.clientX?100*s:0}% ${t.clientY?100*c:0}%`)}),{signal:r}),t.addEventListener("touchstart",(()=>{clearTimeout(L.current),E.current=Date.now(),j.current&&(j.current.style.opacity="0.25")}),{signal:r}),window.addEventListener("touchend",(()=>{const t=Math.max(450-Date.now()+E.current,0);L.current=setTimeout((()=>{j.current&&(j.current.style.opacity="")}),t)}),{signal:r}),t.addEventListener("focusin",(()=>n()),{signal:r}),t.addEventListener("focusout",(()=>n()),{signal:r}),n(":focus"),()=>e.abort();function n(e=":focus-visible"){j.current&&t&&(j.current.dataset.focused=""+t.matches(e))}}),[]),p=Array.isArray(p)?p[0]:p,!l(p))return p;const H=d.toArray(p.props.children);return H.unshift(t("div",{ref:j,className:w.halo,"data-hover":y,"data-disabled":g,children:t(i,{lite:!0,animate:{translate:R,opacity:N},clips:{ripple:{opacity:[0,1],scale:[0,1],duration:.5,easing:"ease-in"}},triggers:{ripple:[{on:A,override:!0}]},children:t("div",{className:w.ripple,style:{backgroundColor:m}})})},"halo")),u(p,{...b,ref:n(C,x,p.props.ref),className:r(p.props.className,w.container)},H)}export{h as default};
|
|
3
3
|
//# sourceMappingURL=halo.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as r}from"react/jsx-runtime";import{combineClasses as o,classes as e}from"../../core/utils.js";import{
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{combineClasses as o,classes as e}from"../../core/utils.js";import{Animate as s}from"@infinityfx/lively";import{createStyles as i}from"../../core/style.js";const a=i("progress-bar",{".track":{height:".4em",minWidth:"min(100vw, 12em)",borderRadius:"999px",overflow:"hidden",backgroundColor:"var(--f-clr-fg-100)"},".progress":{height:"100%",backgroundColor:"var(--color, var(--f-clr-primary-100))",transformOrigin:"left",transition:"background-color .3s",borderRadius:"999px"},".s__xsm":{fontSize:"var(--f-font-size-xsm)"},".s__sml":{fontSize:"var(--f-font-size-sml)"},".s__med":{fontSize:"var(--f-font-size-med)"},".s__lrg":{fontSize:"var(--f-font-size-lrg)"}});function t({cc:i={},size:t="med",value:n=0,color:l,...c}){const f=o(a,i);return r("div",{...c,role:"progressbar","aria-valuenow":100*n,className:e(f.track,f[`s__${t}`],c.className),children:r(s,{transition:{cache:[]},animate:{scale:`${n} 1`,duration:.3},children:r("div",{className:f.progress,style:{"--color":l}})})})}export{t as default};
|
|
3
3
|
//# sourceMappingURL=progress-bar.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{Animate as r}from"@infinityfx/lively";function t({color:t,...i}){return e("svg",{...i,style:{stroke:t||"currentcolor",...i.style},viewBox:"0 0 100 100",width:"1em",height:"1em",children:e(r,{lite:!0,animate:{rotate:["0deg","720deg"],strokeLength:[.75,.25,.75],repeat:1/0,easing:"linear",duration:2},children:e("circle",{r:43,cx:50,cy:50,fill:"none",strokeWidth:14,style:{transformOrigin:"50% 50%",strokeLinecap:"round"}})})})}export{t as default};
|
|
2
2
|
//# sourceMappingURL=spinner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","sources":["../../../../src/components/feedback/spinner.tsx"],"sourcesContent":[null],"names":["Spinner","color","props","_jsx","style","stroke","viewBox","width","height","children","
|
|
1
|
+
{"version":3,"file":"spinner.js","sources":["../../../../src/components/feedback/spinner.tsx"],"sourcesContent":[null],"names":["Spinner","color","props","_jsx","style","stroke","viewBox","width","height","children","Animate","lite","animate","rotate","strokeLength","repeat","Infinity","easing","duration","r","cx","cy","fill","strokeWidth","transformOrigin","strokeLinecap"],"mappings":"qFAOc,SAAUA,GAAQC,MAAEA,KAAUC,IAIxC,OAAOC,YAASD,EAAOE,MAAO,CAAEC,OAAQJ,GAAS,kBAAmBC,EAAME,OAASE,QAAQ,cAAcC,MAAM,MAAMC,OAAO,MAAKC,SAC7HN,EAACO,EAAO,CACJC,MAAI,EACJC,QAAS,CACLC,OAAQ,CAAC,OAAQ,UACjBC,aAAc,CAAC,IAAM,IAAM,KAC3BC,OAAQC,IACRC,OAAQ,SACRC,SAAU,GACbT,SACDN,EAAA,SAAA,CAAQgB,EAAG,GAAIC,GAAI,GAAIC,GAAI,GAAIC,KAAK,OAAOC,YAAa,GAAInB,MAAO,CAAEoB,gBAAiB,UAAWC,cAAe,cAG5H"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{
|
|
2
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as a,useRef as t}from"react";import o from"./button.js";import{combineClasses as n,classes as l}from"../../core/utils.js";import{createStyles as i}from"../../core/style.js";import{Icon as d}from"../../core/icons.js";import c from"../feedback/halo.js";import{LayoutGroup as s,Animate as g}from"@infinityfx/lively";import m from"./toggle.js";function f(e,r){return e.getFullYear()===r.getFullYear()&&e.getMonth()===r.getMonth()&&e.getDate()===r.getDate()}function u(e,r){const a=new Date(e);return a.setDate(e.getDate()+r),a}const h=i("calendar",{".calendar":{backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-med)",padding:".6em"},".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)"},".calendar.round":{borderRadius:"var(--f-radius-xlg)"},".toggle":{fontWeight:600,flexGrow:1},".hidden":{opacity:0,pointerEvents:"none"},".header":{display:"flex",alignItems:"center",gap:".6em",marginBottom:".6em"},".header > *":{transition:"opacity .35s"},".content":{position:"relative",display:"grid"},".grid":{display:"flex",flexDirection:"column",rowGap:"var(--f-spacing-xxs)",gridArea:"1 / 1"},".row":{display:"flex",justifyContent:"space-around"},".label":{display:"flex",flexBasis:0,flexGrow:1,alignItems:"center",justifyContent:"center",fontWeight:600,fontSize:".85em",color:"var(--f-clr-grey-600)",marginBottom:"var(--f-spacing-xxs)"},".date":{position:"relative",border:"none",outline:"none",background:"transparent",fontSize:"1em",borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-grey-300)",transition:"background-color .25s, color .25s",WebkitTapHighlightColor:"transparent"},".years.grid":{display:"grid",gridTemplateColumns:"1fr 1fr 1fr",zIndex:1,backgroundColor:"var(--f-clr-fg-100)"},".dates .date":{height:"2.2em",width:"2.2em"},".round .date":{borderRadius:"99px"},".date:enabled":{cursor:"pointer"},".date:disabled":{color:"var(--f-clr-grey-500)"},".date.unavailable":{textDecoration:"line-through"},".date.bold":{fontWeight:500},".date.bold:enabled":{color:"var(--f-clr-text-100)"},".date.today:enabled":{backgroundColor:"var(--f-clr-fg-200)"},".date.selected:enabled":{backgroundColor:"var(--f-clr-primary-100)",color:"var(--f-clr-text-200)"},".date.selected:disabled":{backgroundColor:"var(--f-clr-grey-100)",color:"var(--f-clr-grey-500)"}});function p({cc:i={},locale:p,size:y="med",round:b,defaultValue:v,value:x,onChange:w,disabled:D=!1,minDate:k,maxDate:C,...M}){const N=n(h,i),[z,A]=a(0),[S,_]=a(0),j=t([]),[F,L]=a(!1),[Y,R]=void 0!==x?[x,w]:a(v),I=Y||new Date,W=new Date(I.getFullYear(),I.getMonth(),1),B=u(W,1-(W.getDay()||7)),G=new Date(I);G.setMonth(I.getMonth()+1);const T=new Date(I);function E(e){R?.(e);const r=I.getMonth()-e.getMonth();r>0&&A(z+1),r<0&&_(S+1)}T.setMonth(I.getMonth()-1);try{new Intl.Locale(p)}catch(e){p="en"}const H={...i,size:y,round:b,compact:!0,disabled:!0===D,variant:"minimal"};return e("div",{...M,className:l(N.calendar,b&&N.round,N[`s__${y}`],M.className),children:[e("div",{className:N.header,children:[r(o,{...H,className:F?N.hidden:void 0,"aria-label":T.toLocaleString(p,{month:"long"}),onClick:()=>E(T),children:r(d,{type:"left"})}),e(m,{...H,variant:"default",checked:F,onChange:e=>L(e.target.checked),className:N.toggle,children:[I.toLocaleString(p,{month:"long",year:"numeric"}),r(d,{type:"expand"})]}),r(o,{...H,className:F?N.hidden:void 0,"aria-label":G.toLocaleString(p,{month:"long"}),onClick:()=>E(G),children:r(d,{type:"right"})})]}),e("div",{className:N.content,children:[r(s,{children:F&&r(g,{deformCorrection:!1,animate:{opacity:[0,1],duration:.35},triggers:{animate:["mount",{on:"unmount",reverse:!0}]},children:r("div",{role:"grid",className:l(N.grid,N.years),children:new Array(21).fill(0).map(((e,a)=>{const t=new Date(I),o=3*Math.round(t.getFullYear()/3);t.setFullYear(o+a-10);const n=new Date(t.getFullYear(),1,1),i=t.toLocaleString(p,{year:"numeric"}),d=!0===D||!!k&&k>n||!!C&&C<n;return r(g,{deformCorrection:!1,transition:{cache:["y"],duration:.35,easing:"ease-out"},animate:{opacity:[0,1],duration:.25,easing:"ease-out",delay:.35+.05*Math.abs(3-Math.floor(a/3))},children:r(c,{color:"var(--f-clr-primary-300)",disabled:d,children:r("button",{type:"button",disabled:d,"aria-label":i,className:l(N.date,N.bold,t.getFullYear()===I.getFullYear()&&N.selected),onClick:()=>E(t),children:i})})},i)}))})})}),e("div",{role:"grid",className:l(N.grid,N.dates),children:[r("div",{className:N.row,role:"row",children:new Array(7).fill(0).map(((e,a)=>r("div",{className:N.label,role:"columnheader",children:u(B,a).toLocaleString(p,{weekday:"narrow"})},a)))}),r(g,{lite:!0,clips:{left:{translate:["-8px 0px","0px 0px"],opacity:[0,1],duration:.25,easing:"ease-out"},right:{translate:["8px 0px","0px 0px"],opacity:[0,1],duration:.25,easing:"ease-out"}},stagger:.05,triggers:{left:[{on:z,override:!0}],right:[{on:S,override:!0}]},children:new Array(6).fill(0).map(((e,a)=>r("div",{className:N.row,role:"row",children:new Array(7).fill(0).map(((e,t)=>{const o=7*a+t,n=u(B,o),i=(Array.isArray(D)?D.some((e=>f(e,n))):D)||!!k&&k>n||!!C&&C<n;return r("div",{role:"gridcell",children:r(c,{color:"var(--f-clr-primary-300)",disabled:i,children:r("button",{ref:e=>{j.current[o]=e},type:"button",disabled:i,"aria-label":n.toLocaleDateString(p,{weekday:"long",month:"long",day:"numeric"}),className:l(N.date,n.getMonth()===I.getMonth()&&N.bold,f(new Date,n)&&N.today,f(I,n)&&N.selected,i&&Array.isArray(D)&&N.unavailable),onClick:()=>E(n),onKeyDown:e=>{let r=null;switch(e.key){case"ArrowRight":r=o+1;break;case"ArrowLeft":r=o-1;break;case"ArrowDown":r=o+7;break;case"ArrowUp":r=o-7}null!==r&&(r<0&&E(T),r>=42&&E(G),r%=42,r=r<0?42+r:r,j.current[r]?.focus(),e.preventDefault())},children:n.getDate()})})},t)}))},a)))})]})]})]})}export{p as default};
|
|
3
3
|
//# sourceMappingURL=calendar.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as r,jsxs as e}from"react/jsx-runtime";import{combineClasses as o,classes as
|
|
2
|
+
import{jsx as r,jsxs as e}from"react/jsx-runtime";import{combineClasses as o,classes as a}from"../../core/utils.js";import{Animate as c}from"@infinityfx/lively";import{useState as i}from"react";import t from"../feedback/halo.js";import n from"../../hooks/use-input-props.js";import{createStyles as l}from"../../core/style.js";const s=l("checkbox",{".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},".checkbox":{width:"1.5em",height:"1.5em",borderRadius:"var(--f-radius-sml)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",transition:"background-color .25s, border-color .25s",display:"flex",alignItems:"center",justifyContent:"center"},".input:enabled":{cursor:"pointer"},".checkmark":{width:"1em",stroke:"white",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"},".input:disabled + .checkbox":{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},".input:disabled + .checkbox .checkmark":{stroke:"var(--f-clr-grey-500)"},".input:disabled:checked + .checkbox":{backgroundColor:"var(--f-clr-grey-200)",borderColor:"var(--f-clr-grey-200)"},'.wrapper[data-error="true"] .input:enabled + .checkbox':{borderColor:"var(--f-clr-error-200)"},".input:checked:enabled + .checkbox":{backgroundColor:"var(--color, var(--f-clr-primary-300))",borderColor:"var(--color, var(--f-clr-primary-300))"},'.wrapper[data-error="true"] .input:checked:enabled + .checkbox':{backgroundColor:"var(--f-clr-error-200)"},".wrapper .halo":{borderRadius:"var(--f-radius-sml)",inset:"-.5em"}});function d({cc:l={},error:d,size:h="med",color:f,intermediate:m,checked:p,defaultChecked:k,...u}){const b=o(s,l),[v,g]=n(u),[x,y]=void 0!==p?[p]:i(k||!1);return r(t,{hover:!1,cc:{...l,halo:b.halo},children:e("div",{...g,className:a(b.wrapper,b[`s__${h}`],g.className),"data-error":!!d,children:[r("input",{...v,checked:x,type:"checkbox",className:b.input,"aria-invalid":!!d,onChange:r=>{y?.(r.target.checked),u.onChange?.(r)}}),r("div",{className:b.checkbox,style:{"--color":f},children:r("svg",{viewBox:"0 0 18 18",className:b.checkmark,children:r(c,{lite:!0,animate:{strokeLength:x?1:0,duration:.25},children:r("path",m?{d:"M 3 9 L 15 9",fill:"none"}:{d:"M 3 9 L 8 13 L 15 5",fill:"none"})})})})]})})}export{d as default};
|
|
3
3
|
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{combineClasses as
|
|
2
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{combineClasses as o,classes as i}from"../../core/utils.js";import c from"../../hooks/use-input-props.js";import{useState as a}from"react";import{createStyles as n}from"../../core/style.js";import{Animate as t}from"@infinityfx/lively";const d=n("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 s({children:n,cc:s={},size:l="med",type:p="checkbox",round:h,checked:u,defaultChecked:f,...m}){const k=o(d,s),[g,b]=c(m),[v,y]=void 0!==u?[u]:a(f||!1);return r("div",{...b,className:i(k.wrapper,k[`s__${l}`],h&&k.round,b.className),children:[e("input",{...g,type:p,className:k.input,checked:v,onChange:r=>{y?.(r.target.checked),m.onChange?.(r)}}),r("div",{className:k.chip,children:[e("svg",{viewBox:"0 0 18 18",className:k.checkmark,children:e(t,{lite:!0,animate:{strokeLength:v?1:0},children:e("path",{d:"M 3 9 L 8 13 L 15 5",fill:"none"})})}),n]})]})}export{s as default};
|
|
3
3
|
//# sourceMappingURL=chip.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as o}from"react";import a from"./field.js";import{
|
|
2
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as o}from"react";import a from"./field.js";import{Animate as i}from"@infinityfx/lively";import l from"../layout/popover/index.js";import{createStyles as t}from"../../core/style.js";import{combineClasses as n,rgbToHex as d,hexToRgb as c}from"../../core/utils.js";import s from"./color-picker.js";import m from"../display/swatch.js";const p=t("color-field",(e=>({".picker":{padding:"var(--f-spacing-sml)"},".swatch":{marginLeft:".4em"},[`@media(min-width: ${e.breakpoints.mob+1}px)`]:{".picker":{boxShadow:"var(--f-shadow-med)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-med)"}}})));function u({cc:t={},value:u,defaultValue:f,onChange:b,disabled:g,...h}){const v=n(p,t),[x,y]=void 0!==u?[u,b]:o(f||""),[j,w]=o(null);return e(l.Root,{position:"center",mobileContainer:"modal",children:[r(l.Trigger,{disabled:g,children:r(a,{...h,cc:t,inputMode:"none",left:r(m,{size:h.size,round:h.round,color:x,cc:{...t,swatch:v.swatch}}),role:"combobox","aria-haspopup":"listbox",type:"text",disabled:g,"aria-disabled":h.readOnly||g,value:null!==j?j:x,onChange:e=>{const r=(o=e.target.value,`#${d(c(o.replace(/[^\da-f]/g,"").slice(0,6)))}`);var o;w(e.target.value),y?.(r)},onBlur:()=>w(null)})}),r(l.Content,{role:"listbox","aria-multiselectable":!1,children:r(i,{lite:!0,animate:{opacity:[0,.2,1],scale:[.9,1],duration:.2},triggers:{animate:["mount",{on:"unmount",reverse:!0}]},children:r("div",{className:v.picker,children:r(s,{value:x,onChange:e=>y?.(`#${e}`),disabled:h.readOnly||g})})},"date-field-calendar")})]})}export{u as default};
|
|
3
3
|
//# sourceMappingURL=color-field.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useRef as a,useState as o,useEffect as i}from"react";import{combineClasses as t,hexToRgb as n,rgbToHsv as l,
|
|
2
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useRef as a,useState as o,useEffect as i}from"react";import{combineClasses as t,hexToRgb as n,rgbToHsv as l,rgbToHex as s,hsvToRgb as c,classes as d}from"../../core/utils.js";import u from"../display/swatch.js";import{createStyles as f}from"../../core/style.js";import m from"./slider.js";import h from"./field.js";import p from"./number-field.js";import g from"../layout/group.js";const b=f("color-picker",(e=>({".wrapper":{display:"flex",flexDirection:"column",gap:"var(--f-spacing-sml)"},".row":{display:"flex",gap:"var(--f-spacing-sml)"},".column, .fields":{display:"flex",flexDirection:"column",gap:"var(--f-spacing-sml)"},".column":{flexGrow:1},".space":{position:"relative",minWidth:"12em",height:"12em",borderRadius:"var(--f-radius-sml)",backgroundBlendMode:"multiply",border:"solid 1px var(--f-clr-fg-200)",flexGrow:1,userSelect:"none",cursor:"pointer",touchAction:"none"},".selection":{position:"absolute",width:"1.2em",height:"1.2em",borderRadius:"var(--f-radius-sml)",backgroundColor:"var(--color)",border:"solid 1px white",boxShadow:"var(--f-shadow-sml)",translate:"-50% -50%",cursor:"pointer",WebkitBackfaceVisibility:"hidden"},'.selection[aria-disabled="true"]':{backgroundColor:"var(--f-clr-grey-200)",borderColor:"var(--f-clr-grey-300)"},".wrapper .swatch":{width:"auto",height:"auto",flexGrow:1},".wrapper .hex":{minWidth:"4.2em"},".wrapper .rgb > * ":{minWidth:"4.2em",flexGrow:1},".wrapper .hue__progress":{backgroundColor:"transparent !important"},".hue__track":{background:"linear-gradient(90deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)",height:"100%",borderRadius:"var(--f-radius-sml)"},".wrapper .hue__handle":{borderRadius:"var(--f-radius-med)"},".wrapper .hue__handle::after":{boxSizing:"border-box",border:"solid 1px white",borderRadius:"var(--f-radius-sml)"},'.hue__handle[aria-disabled="true"]::after':{borderColor:"var(--f-clr-grey-300)"},'.wrapper .hue__handle[aria-disabled="false"]::after':{backgroundColor:"var(--hue)"},[`@media (max-width: ${e.breakpoints.mob}px)`]:{".row":{flexDirection:"column"},".column":{flexDirection:"row-reverse"},".fields":{flexDirection:"column",flexGrow:1},".wrapper .swatch":{aspectRatio:1,maxHeight:"5.3em"}}})));function v({cc:f={},format:v,defaultValue:w,value:x,onChange:_,disabled:y,...k}){const C=t(b,f),j=a(!1),N=a(null),R=void 0===x?null:"string"==typeof x?n(x):x,D=void 0===w?[255,0,0]:"string"==typeof w?n(w):w,[E,G]=o(l(D)),[M,$]=o(null),[B,A]=R?[R]:o(D),L=function(e,r){const[a,o,i]=c(r);return a==e[0]&&o==e[1]&&i==e[2]}(B,E)?E:l(B),S=a(L);function W(e,r=!1){A?.(e),_?.("rgb"===v?e:s(e)),r&&(S.current=l(e)),G(S.current)}function z(e){if(!j.current||!N.current||y)return;const{clientX:r,clientY:a}="touches"in e?e.changedTouches[0]:e;let{x:o,y:i,width:t,height:n}=N.current.getBoundingClientRect();S.current[1]=100*Math.min(Math.max(r-o+.5,0)/t,1),S.current[2]=100*(1-Math.min(Math.max(a-i+.5,0)/n,1)),W(c(S.current))}return i((()=>{const e=new AbortController,r=e.signal,a=e=>{z(e),j.current=!1};return window.addEventListener("mouseup",a,{signal:r}),window.addEventListener("touchend",a,{signal:r}),window.addEventListener("mousemove",z,{signal:r}),window.addEventListener("touchmove",z,{signal:r}),()=>e.abort()}),[y]),e("div",{...k,style:{"--hue":`hsl(${L[0]}, 100%, 50%)`,"--color":`rgb(${B.join(",")})`},className:d(C.wrapper,k.className),children:[e("div",{className:C.row,children:[r("div",{ref:N,onMouseDown:e=>{j.current=!0,z(e.nativeEvent)},onTouchStart:e=>{e.preventDefault(),j.current=!0,z(e.nativeEvent)},className:C.space,style:{background:`linear-gradient(90deg, transparent, hsl(${L[0]}, 100%, 50%)), linear-gradient(white, black)`},children:r("div",{"aria-disabled":y,className:C.selection,style:{left:`${L[1]}%`,top:100-L[2]+"%"}})}),e("div",{className:C.column,children:[r(u,{color:`rgb(${B.join(",")})`,cc:{...f,swatch:C.swatch}}),e("div",{className:C.fields,children:[r(h,{disabled:y,size:"sml",icon:"#",className:C.hex,value:null!==M?M:s(B),onChange:e=>{const r=e.target.value.replace(/[^\da-fA-F]/g,"").slice(0,6);$(r),W(n(r),!0)},onBlur:()=>$(null)}),r(g,{className:C.rgb,children:B.map(((e,a)=>r(p,{cc:f,disabled:y,max:255,precision:0,controls:!1,size:"sml",icon:"RGB".charAt(a),value:e,onChange:e=>{const r=B.slice();r[a]=parseInt(e.target.value)||0,W(r,!0)}},a)))})]})]})]}),r(m,{max:360,step:.25,tooltips:"never",disabled:y,value:[L[0]],onChange:e=>{S.current[0]=e[0],W(c(S.current))},cc:{...f,progress:C.hue__progress,track:C.hue__track,handle:C.hue__handle}})]})}export{v as default};
|
|
3
3
|
//# sourceMappingURL=color-picker.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as a}from"react";import o from"./field.js";import{
|
|
2
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as a}from"react";import o from"./field.js";import{Animate as t}from"@infinityfx/lively";import i from"./calendar.js";import n from"../layout/popover/index.js";import{createStyles as l}from"../../core/style.js";import{combineClasses as d}from"../../core/utils.js";import c from"./button.js";import{Icon as s}from"../../core/icons.js";const m=l("date-field",(e=>({[`@media(min-width: ${e.breakpoints.mob+1}px)`]:{".calendar":{boxShadow:"var(--f-shadow-med)",border:"solid 1px var(--f-clr-fg-200)"}},[`@media(max-width: ${e.breakpoints.mob}px)`]:{".calendar":{background:"none !important",padding:"0 !important"},".years":{background:"var(--f-clr-bg-100) !important"}}})));function p({cc:l={},value:p,defaultValue:u,onChange:f,disabled:g,clearable:b,...h}){const y=d(m,l),[v,x]=void 0!==p?[p,f]:a(u||null),[j,C]=a(null);return e(n.Root,{position:"center",mobileContainer:"modal",children:[r(n.Trigger,{disabled:!0===g||h.readOnly,children:r(o,{...h,cc:l,inputMode:"none",role:"combobox","aria-haspopup":"listbox","aria-disabled":h.readOnly||!0===g||!1,type:"text",disabled:!0===g,value:null!==j?j:(k=v,k?`${k.getFullYear()}-${(k.getMonth()+1).toString().padStart(2,"0")}-${k.getDate().toString().padStart(2,"0")}`:""),onChange:e=>{C(function(e){const r=e.replace(/\D/g,"");return[r.slice(0,4),r.slice(4,6),r.slice(6,8)].filter((e=>e.length)).join("-")}(e.target.value))},onBlur:()=>{if(j){const e=new Date(j);isNaN(e.getTime())||x?.(e)}C(null)},right:b?r(c,{compact:!0,"aria-label":"Clear date",round:h.round,size:h.size,disabled:!0===g||h.readOnly,variant:"minimal",style:{marginRight:".2em"},onClick:()=>x?.(null),children:r(s,{type:"close"})}):h.right})}),r(n.Content,{role:"listbox",children:r(t,{lite:!0,animate:{opacity:[0,.2,1],scale:[.9,1],duration:.2},triggers:{animate:["mount",{on:"unmount",reverse:!0}]},children:r(i,{cc:{calendar:y.calendar,years:y.years},round:h.round,size:h.size,disabled:g,value:v,onChange:e=>x?.(e)})},"date-field-calendar")})]});var k}export{p as default};
|
|
3
3
|
//# sourceMappingURL=date-field.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{useRef as n,useState as i}from"react";import a from"./button.js";import t from"../../hooks/use-input-props.js";import{combineClasses as l,classes as c,combineRefs as s}from"../../core/utils.js";import{createStyles as d}from"../../core/style.js";import{Icon as p}from"../../core/icons.js";import"../feedback/progress-bar.js";import"../feedback/circular-progress.js";import f from"../feedback/spinner.js";import m from"../feedback/halo.js";import"../feedback/indicator.js";import"../feedback/skeleton.js";const g=d("drop-zone",{".zone":{overflow:"hidden",position:"relative",display:"grid",backgroundColor:"var(--f-clr-fg-100)",border:"dashed 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-med)",transition:"background-color .25s, border-color .25s, color .25s",userSelect:"none",WebkitTapHighlightColor:"transparent"},'.zone[aria-disabled="false"]':{cursor:"pointer"},".zone.hovering":{backgroundColor:"var(--f-clr-primary-600)",borderColor:"var(--f-clr-primary-100)"},".zone.filled":{borderStyle:"solid"},".zone.error, .zone.rejected":{borderColor:"var(--f-clr-error-100)",color:"var(--f-clr-error-100)"},".zone.rejected":{backgroundColor:"var(--f-clr-error-400)"},".zone.disabled":{color:"var(--f-clr-grey-500)"},".container":{display:"flex",flexDirection:"column",gridArea:"1 / 1"},".preview":{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--f-clr-bg-100)",padding:"var(--f-spacing-med)",flexGrow:1},".footer":{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"var(--f-spacing-sml)",gap:"var(--f-spacing-sml)"},".text":{display:"flex",alignItems:"baseline",gap:"var(--f-spacing-xsm)"},".annotation":{paddingTop:"var(--f-spacing-xxs)",color:"var(--f-clr-grey-600)",fontSize:"var(--f-font-size-xsm)"},".icon":{paddingBottom:"var(--f-spacing-sml)"},".image":{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",zIndex:1},".container.centered":{alignItems:"center",justifyContent:"center",textAlign:"center",padding:"var(--f-spacing-lrg)"},".input":{position:"absolute",opacity:0,pointerEvents:"none"}});function v(e,r){const o=r?r.split(","):[];return!o.length||o.some((r=>e.type.includes(r.trim().replace(/\/\*$/,""))))}function u({cc:d={},loading:u=!1,error:b,text:h="Drop files or click to browse",annotation:y,icon:x,previewImages:j=!1,
|
|
2
|
+
import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{useRef as n,useState as i}from"react";import a from"./button.js";import t from"../../hooks/use-input-props.js";import{combineClasses as l,classes as c,combineRefs as s}from"../../core/utils.js";import{createStyles as d}from"../../core/style.js";import{Icon as p}from"../../core/icons.js";import"../feedback/progress-bar.js";import"../feedback/circular-progress.js";import f from"../feedback/spinner.js";import m from"../feedback/halo.js";import"../feedback/indicator.js";import"../feedback/skeleton.js";const g=d("drop-zone",{".zone":{overflow:"hidden",position:"relative",display:"grid",backgroundColor:"var(--f-clr-fg-100)",border:"dashed 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-med)",transition:"background-color .25s, border-color .25s, color .25s",userSelect:"none",WebkitTapHighlightColor:"transparent"},'.zone[aria-disabled="false"]':{cursor:"pointer"},".zone.hovering":{backgroundColor:"var(--f-clr-primary-600)",borderColor:"var(--f-clr-primary-100)"},".zone.filled":{borderStyle:"solid"},".zone.error, .zone.rejected":{borderColor:"var(--f-clr-error-100)",color:"var(--f-clr-error-100)"},".zone.rejected":{backgroundColor:"var(--f-clr-error-400)"},".zone.disabled":{color:"var(--f-clr-grey-500)"},".container":{display:"flex",flexDirection:"column",gridArea:"1 / 1"},".preview":{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--f-clr-bg-100)",padding:"var(--f-spacing-med)",flexGrow:1},".footer":{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"var(--f-spacing-sml)",gap:"var(--f-spacing-sml)"},".text":{display:"flex",alignItems:"baseline",gap:"var(--f-spacing-xsm)"},".annotation":{paddingTop:"var(--f-spacing-xxs)",color:"var(--f-clr-grey-600)",fontSize:"var(--f-font-size-xsm)"},".icon":{paddingBottom:"var(--f-spacing-sml)"},".image":{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",zIndex:1},".container.centered":{alignItems:"center",justifyContent:"center",textAlign:"center",padding:"var(--f-spacing-lrg)"},".input":{position:"absolute",opacity:0,pointerEvents:"none"}});function v(e,r){const o=r?r.split(","):[];return!o.length||o.some((r=>e.type.includes(r.trim().replace(/\/\*$/,""))))}function u({cc:d={},loading:u=!1,error:b,text:h="Drop files or click to browse",annotation:y,icon:x,previewImages:j=!1,fallbackPreviewImage:k,inputRef:C,...z}){const N=l(g,d),w=n(null),[D,I]=i(!1),[T,E]=i(!1),[L,O]=i(null),[R,B]=t(z);function F(e){if(!w.current)return;const r=new DataTransfer;e&&r.items.add(e),O(e),w.current.files=r.files,w.current.dispatchEvent(new Event("change",{bubbles:!0}))}const S=!!(j&&L&&v(L,"image/*")),$=z.disabled||z.readOnly||u,A=L||j&&k;return e(m,{color:"var(--f-clr-grey-300)",disabled:!!L||$,children:r("div",{...B,tabIndex:0,role:"button","aria-disabled":!!L||$,className:c(N.zone,D&&N.hovering,b&&N.error,T&&N.rejected,A&&N.filled,z.disabled&&N.disabled,z.className),onClick:e=>{z.onClick?.(e),L||$||!w.current||w.current.click()},onDragOver:e=>{z.onDragOver?.(e),e.preventDefault(),$||I(!0)},onDragLeave:e=>{z.onDragLeave?.(e),I(!1)},onDrop:e=>{if(z.onDrop?.(e),$)return;e.preventDefault(),I(!1);const r=e.dataTransfer.files[0];r&&!v(r,z.accept||"")?(E(!0),setTimeout((()=>E(!1)),250)):r&&F(r)},children:[u&&e("div",{className:c(N.container,N.centered),children:e(f,{})}),A&&!u&&e(o,{children:r("div",{className:N.container,children:[r("div",{className:N.preview,children:[e(p,{type:"file"}),(S||k)&&e("img",{src:L?URL.createObjectURL(L):k,className:N.image})]}),L&&r("div",{className:N.footer,children:[r("div",{children:[e("div",{className:N.text,children:L.name}),e("div",{className:N.annotation,children:(U=L.size,(U/=1024)<1e3?`${U.toFixed(1)} KB`:`${(U/1024).toFixed(1)} MB`)})]}),e(a,{compact:!0,variant:"minimal",disabled:$,onClick:()=>F(null),children:e(p,{type:"close"})})]})]})}),r("div",{style:A||u?{opacity:0,pointerEvents:"none"}:void 0,className:c(N.container,N.centered),children:[e("div",{className:N.icon,children:x||e(p,{type:"upload"})}),e("div",{className:N.text,children:h}),y&&e("div",{className:N.annotation,children:y})]}),e("input",{...R,ref:s(w,C),type:"file",disabled:z.disabled||u,"aria-invalid":!!b,className:N.input,onChange:e=>{z.onChange?.(e),O(e.target.files?.[0]||null)}})]})});var U}export{u as default};
|
|
3
3
|
//# sourceMappingURL=drop-zone.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useState as o,useRef as a}from"react";import l from"./button.js";import i from"../../hooks/use-input-props.js";import{combineClasses as t,
|
|
2
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useState as o,useRef as a}from"react";import l from"./button.js";import i from"../../hooks/use-input-props.js";import{combineClasses as t,combineRefs as n,classes as d}from"../../core/utils.js";import{createStyles as c}from"../../core/style.js";import{Icon as s}from"../../core/icons.js";const f=c("file-field",{".input":{position:"absolute",opacity:0},".placeholder":{color:"var(--f-clr-text-100)",userSelect:"none",flexGrow:1,background:"none",border:"none",width:0,pointerEvents:"none"},".field":{borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-grey-200)",transition:"background-color .2s, border-color .2s, color .2s, outline-color .2s",display:"flex",alignItems:"center",overflow:"hidden",outline:"solid 3px transparent",minWidth:"min(var(--width, 100vw), 12em)"},".v__default":{backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)"},".v__minimal":{backgroundColor:"var(--f-clr-fg-100)"},".content":{display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",padding:".675em",flexGrow:1},".v__default:focus-within":{borderColor:"var(--f-clr-primary-100)",color:"var(--f-clr-primary-100)",outlineColor:"var(--f-clr-primary-500)"},".v__minimal:focus-within":{backgroundColor:"var(--f-clr-fg-200)"},'.field[data-error="true"]':{borderColor:"var(--f-clr-error-100)"},'.field[data-error="true"]:focus-within':{outlineColor:"var(--f-clr-error-400)"},'.field[data-error="true"] .content':{color:"var(--f-clr-error-200)"},'.field[data-error="true"] .placeholder':{color:"var(--f-clr-error-200)"},'.field[data-disabled="true"]':{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},'.field[data-disabled="true"] .placeholder':{color:"var(--f-clr-grey-500)"},".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)"},".field.round":{borderRadius:"calc(1.4em + 1px)"},".button":{marginRight:".25em"}});function u({cc:c={},size:u="med",variant:m="default",round:p,icon:b,error:v,loading:g=!1,inputRef:h,..._}){const y=t(f,c),[x,C]=o([]),z=a(null),[k,w]=i(_);return r("label",{...w,className:d(y.field,y[`s__${u}`],y[`v__${m}`],p&&y.round,_.className),"data-error":!!v,"data-disabled":_.disabled,"data-fb":"default"===m?"true":void 0,children:[r("div",{className:y.content,children:[b,e("input",{...k,ref:n(z,h),type:"file",className:y.input,disabled:_.disabled||g,"aria-invalid":!!v,onChange:r=>{C?.(Array.from(r.target.files||[])),_.onChange?.(r)}}),e("input",{readOnly:!0,role:"none",tabIndex:-1,className:y.placeholder,placeholder:k.placeholder,value:x.map((r=>r.name))})]}),e(l,{compact:!0,"aria-label":k["aria-label"],"aria-labelledby":k["aria-labelledby"],disabled:_.disabled,round:p,size:u,loading:g,cc:{...c,button:y.button},onClick:()=>z.current?.click(),children:e(s,{type:"upload"})})]})}export{u as default};
|
|
3
3
|
//# sourceMappingURL=file-field.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as i}from"react";import o from"../feedback/halo.js";import{
|
|
2
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as i}from"react";import o from"../feedback/halo.js";import{Animate as t}from"@infinityfx/lively";import{combineClasses as a,classes as n}from"../../core/utils.js";import{createStyles as s}from"../../core/style.js";const l=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({cc:s={},open:c,color:d,...m}){const h=a(l,s),[u,g]=void 0!==c?[c]:i(!1),p={animate:[{on:u,composite:"override"},{on:!u,reverse:!0,composite:"override"}]};return e(o,{disabled:m.disabled,children:r("button",{...m,style:{...m.style,"--color":d},className:n(h.hamburger,m.className),onClick:e=>{g?.(!u),m.onClick?.(e)},children:[e(t,{transition:{cache:[]},animate:{scale:["1 1","0 1","0 1"],duration:.6},triggers:p,children:new Array(3).fill(0).map(((r,i)=>e("div",{className:h.line},i)))}),r("div",{className:h.cross,children:[e(t,{transition:{cache:[]},initial:{scale:"0 1"},animate:{scale:["0 1","0 1","1 1"],duration:.6},triggers:p,children:e("div",{className:h.line})}),e(t,{transition:{cache:[]},initial:{scale:"1 0"},animate:{scale:["1 0","1 0","1 1"],duration:.6,delay:.2},triggers:p,children:e("div",{className:h.line})})]})]})})}export{c as default};
|
|
3
3
|
//# sourceMappingURL=hamburger.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as o,useId as a}from"react";import{
|
|
2
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as o,useId as a}from"react";import{Animate as i}from"@infinityfx/lively";import{combineClasses as t,classes as n}from"../../core/utils.js";import l from"../feedback/halo.js";import{createStyles as d}from"../../core/style.js";import s from"../display/tooltip.js";const c=d("segmented",{".segmented":{position:"relative",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.uniform":{display:"grid",gridAutoColumns:"1fr",gridAutoFlow:"column"},".segmented.vertical":{flexDirection:"column",gridAutoFlow:"row"},".segmented.round":{borderRadius:"calc(1.6em + 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,transition:"color .4s",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-text-100)"},'.v__neutral .option[aria-checked="true"]:enabled':{color:"var(--f-clr-text-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 m({cc:d={},variant:m="default",size:u="med",round:f=!1,uniform:p,vertical:v,options:g,name:b,value:h,defaultValue:x,onChange:_,error:y,...k}){const C=t(c,d),[z,R]=void 0!==h?[h]:o(x||g[0]?.value),j=a();return e("div",{...k,role:"radiogroup",className:n(C.segmented,C[`s__${u}`],C[`v__${m}`],f&&C.round,p&&C.uniform,v&&C.vertical,k.className),"data-error":!!y,"data-fb":"minimal"!==m?"true":void 0,children:g.map((({label:o,value:a,disabled:t=!1,tooltip:n},c)=>e(s,{content:n,visibility:n?"interact":"never",children:e(l,{hover:!1,disabled:t,cc:{...d,container:C.container,halo:C.halo,ring:C.ring},children:r("button",{className:C.option,type:"button",role:"radio","aria-checked":z===a,disabled:t,onClick:()=>{R?.(a),_?.(a)},children:[e("input",{type:"radio",value:a,checked:z===a,hidden:!0,readOnly:!0,name:b}),e("span",{className:C.content,children:o}),z===a&&e(i,{morph:`segmented-selection-${j}`,transition:{cache:v?["y","sy"]:["x","sx"],duration:.4},children:e("div",{className:C.selection})})]})})},c)))})}export{m as default};
|
|
3
3
|
//# sourceMappingURL=segmented.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as r,jsx as e,Fragment as a}from"react/jsx-runtime";import{useId as l,useRef as o,useState as i,useEffect as t}from"react";import n from"./button.js";import{combineClasses as d,
|
|
2
|
+
import{jsxs as r,jsx as e,Fragment as a}from"react/jsx-runtime";import{useId as l,useRef as o,useState as i,useEffect as t}from"react";import n from"./button.js";import{combineClasses as d,combineRefs as c,classes as s}from"../../core/utils.js";import f from"../display/badge.js";import u from"../display/combobox/index.js";import m from"../../hooks/use-input-props.js";import{createStyles as p}from"../../core/style.js";import{Icon as b}from"../../core/icons.js";const g=p("select",{".field":{borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-grey-200)",transition:"background-color .2s, border-color .2s, color .2s, outline-color .2s",display:"flex",alignItems:"center",minWidth:"min(var(--width, 100vw), 12em)",outline:"solid 3px transparent"},".v__default":{backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)"},".v__minimal":{backgroundColor:"var(--f-clr-fg-100)"},".v__default:focus-within":{borderColor:"var(--f-clr-primary-100)",color:"var(--f-clr-primary-100)",outlineColor:"var(--f-clr-primary-500)"},".v__minimal:focus-within":{backgroundColor:"var(--f-clr-fg-200)"},'.field[data-error="true"]':{borderColor:"var(--f-clr-error-100)",color:"var(--f-clr-error-200)"},'.field[data-error="true"]:focus-within':{outlineColor:"var(--f-clr-error-400)"},'.field[data-error="true"] .content':{color:"var(--f-clr-error-200)"},'.field[data-disabled="true"]':{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},'.field[data-disabled="true"] .content':{color:"var(--f-clr-grey-500)"},".content__wrapper":{padding:".675em",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",overflow:"hidden",flexGrow:1},".content__wrapper > *:not(.content)":{flexShrink:0},".content":{position:"relative",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",flexGrow:1,overflow:"hidden",color:"var(--f-clr-text-100)",minHeight:"1.375em"},".content > *":{flexShrink:0},".placeholder":{color:"var(--f-clr-grey-300)"},".input":{position:"absolute",opacity:0,width:0},".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)"},".field.round":{borderRadius:"calc(1.4em + 1px)"},".field .badge":{backgroundColor:"var(--f-clr-fg-200)"},'.field[data-error="true"] .badge':{backgroundColor:"var(--f-clr-error-400)"},'.field[data-disabled="true"] .badge':{backgroundColor:"var(--f-clr-grey-200)"},".icon":{display:"flex",marginLeft:"auto"}});function v({cc:p={},options:v,multiple:h=!1,searchable:y,limit:_,emptyMessage:x="Nothing found",placeholder:C,value:k,defaultValue:w,onChange:z,readOnly:S,error:j,icon:N,size:I="med",variant:R="default",contentSize:O,round:H,inputRef:A,mobileContainer:G,virtualItemHeight:M,...$}){const L=d(g,p),T=l(),V=o(null),W=o(null),[q,B]=m($),[D,E]=void 0!==k?[k,z]:i(w||(h?[]:"")),F=Array.isArray(D);return t((()=>{h!==F&&E?.(h?D?[D]:[]:D[0])}),[h,F]),r(u.Root,{ref:W,stretch:!0,mobileContainer:G,children:[e(u.Trigger,{disabled:$.disabled||S,children:r("div",{...B,"aria-haspopup":"listbox",className:s(L.field,L[`s__${I}`],L[`v__${R}`],H&&L.round,$.className),"data-error":!!j,"data-disabled":$.disabled,"data-fb":"default"===R?"true":void 0,children:[r("div",{className:L.content__wrapper,children:[N,r("div",{className:L.content,children:[(F?!D.length:null==D||""===D)&&e("div",{className:L.placeholder,id:T,children:C}),F?D.length<3?D.map(((r,a)=>e(f,{round:H,cc:{badge:L.badge},children:r},a))):r(a,{children:[e(f,{round:H,cc:{badge:L.badge},children:D[0]}),r(f,{round:H,cc:{badge:L.badge},children:["+",D.length-1," more"]})]}):v.find((r=>r.value===D))?.label]}),e("input",{"aria-labelledby":C?T:void 0,...q,ref:c(A,V),readOnly:!0,className:L.input,value:D?.toString(),"aria-invalid":!!j})]}),e(n,{compact:!0,"aria-label":q["aria-label"],"aria-labelledby":q["aria-labelledby"],round:H,size:I,disabled:$.disabled||S,variant:"minimal",style:{marginRight:".2em"},children:e(b,{type:"expand"})})]})}),e(u.Content,{round:H,size:O,"aria-multiselectable":h,searchable:y,emptyMessage:x,virtualItemHeight:M,children:v.map((({label:a,value:l,key:o,disabled:i})=>{const t=F?D.includes(l):D===l;return r(u.Option,{value:o||""+a,disabled:i,"aria-selected":t,onSelect:()=>{if(F){const r=D.slice(),e=r.indexOf(l);e<0?(!_||r.length<_)&&r.push(l):r.splice(e,1),E?.(r)}else W.current?.close(),V.current?.focus(),E?.(l)},children:[a,t&&e("div",{className:L.icon,children:e(b,{type:"check"})})]},""+l)}))})]})}export{v as default};
|
|
3
3
|
//# sourceMappingURL=select.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useId as t,useRef as a,useState as n,useEffect as o}from"react";import i from"../feedback/halo.js";import{combineClasses as l,toNumber as s,
|
|
2
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useId as t,useRef as a,useState as n,useEffect as o}from"react";import i from"../feedback/halo.js";import{combineClasses as l,toNumber as s,round as d,classes as c}from"../../core/utils.js";import u from"../display/tooltip.js";import h from"../../hooks/use-input-props.js";import{createStyles as m}from"../../core/style.js";const p=m("slider",{".wrapper":{display:"flex",flexDirection:"column"},".wrapper:not(.vertical)":{minWidth:"min(100vw, 12em)",gap:"var(--f-spacing-xsm)"},".wrapper.vertical":{minHeight:"min(100vh, 12em)",gap:"var(--f-spacing-med)"},".label":{fontSize:".8em",fontWeight:500,color:"var(--f-clr-text-100)"},".slider":{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",margin:"auto",width:"calc(100% - 1.1em)",height:"1.1em",userSelect:"none",flexGrow:1},".wrapper.vertical .slider":{order:-1,flexDirection:"column",height:"calc(100% - 1.1em)",width:"1.1em"},".track":{position:"relative",height:".4em",borderRadius:"999px",backgroundColor:"var(--f-clr-fg-200)",overflow:"hidden",touchAction:"none",flexGrow:1},".wrapper.vertical .track":{width:".4em"},".progress":{backgroundColor:"var(--f-clr-primary-100)",width:"100%",height:"100%",transformOrigin:"bottom left",willChange:"transform"},".handle":{position:"absolute",translate:"-50% 0%",width:"1.1em",height:"1.1em",outline:"none",borderRadius:"99px",touchAction:"none"},".wrapper.vertical .handle":{translate:"0% 50%"},".handle::after":{content:'""',display:"block",width:"100%",height:"100%",borderRadius:"99px",backgroundColor:"white",boxShadow:"var(--f-shadow-med)"},'.slider[data-disabled="false"]':{cursor:"pointer"},'.handle[aria-disabled="false"]':{cursor:"pointer"},'.handle[aria-disabled="true"]':{width:".8em",height:".8em"},'.handle[aria-disabled="true"]::after':{backgroundColor:"var(--f-clr-grey-200)"},'.slider[data-disabled="true"] .progress':{backgroundColor:"var(--f-clr-grey-300)"},".handle .halo":{inset:"-.5em"}});function v({cc:m={},handles:v=1,vertical:f=!1,tooltips:w="interact",formatTooltip:b,label:g,value:x,defaultValue:y,onChange:E,...k}){const A=l(p,m),M=t(),C=a(null),j=a(null),L=s(k.max,1),N=s(k.min,0),D=s(k.step,.1),R=e=>(e-N)/(L-N),S=e=>N+e*(L-N);function T(){const e=new Array(v).fill(1).map(((e,r)=>S(r/Math.max(v-1,1))));return y&&y.forEach(((r,t)=>{e[t]=r,t<e.length-2&&(e[t+1]=(e[t+2]+r)/2)})),e}const[$,z]=void 0!==x?[x]:n(T);function G(e){if(!C.current||k.disabled)return;e.stopPropagation();const r=("touches"in e?e.touches[0]:e)?.[f?"clientY":"clientX"];if(void 0===r)return;const{y:t,height:a,x:n,width:o}=C.current.getBoundingClientRect(),i=S(f?1-(r-t)/a:(r-n)/o);H(null===j.current||j.current<0?$.reduce(((e,r,t)=>{const a=Math.abs(r-i);return a<e[0]?[a,t]:e}),[Number.MAX_VALUE,0])[1]:j.current,i)}function H(e,r){if(e>0&&(r=Math.max(r,$[e-1]+D)),e<v-1&&(r=Math.min(r,$[e+1]-D)),(r=Math.min(Math.max(Math.round(r/D)*D,N),L))===$[e])return;const t=$.slice();t[e]=r,z?.(t),E?.(t)}o((()=>z?.(T())),[v]),o((()=>{const e=()=>j.current=null,r=e=>null!==j.current&&G(e);return window.addEventListener("mousemove",r),window.addEventListener("touchmove",r),window.addEventListener("mouseup",e),()=>{window.removeEventListener("mousemove",r),window.removeEventListener("touchmove",r),window.removeEventListener("mouseup",e)}}),[$,k.disabled]);const[I,U]=h(k);let V=R($[0]);const W=v<2?0:V;return v>1&&(V=R($[v-1])-V),e("div",{...U,className:c(A.wrapper,f&&A.vertical,k.className),children:[r("input",{...I,type:"hidden",value:$.join(",")}),g&&r("div",{id:M,className:A.label,children:g}),e("div",{className:A.slider,"data-disabled":!!k.disabled,onTouchEnd:()=>j.current=null,onMouseDown:e=>{j.current=-1,G(e.nativeEvent)},onTouchStart:e=>{e.preventDefault(),j.current=-1,G(e.nativeEvent)},children:[r("div",{ref:C,className:A.track,children:r("div",{className:A.progress,style:{scale:f?`1 ${V}`:`${V} 1`,translate:f?`0% ${-100*W}%`:100*W+"% 0%"}})}),new Array(v).fill(0).map(((e,t)=>{const a=$[t];return r(u,{delay:0,content:b?b(d(a,2)):d(a,2),visibility:w,position:f?"right":"bottom",children:r(i,{disabled:k.disabled,cc:{halo:A.halo},children:r("div",{className:A.handle,role:"slider",tabIndex:k.disabled?-1:0,"aria-disabled":!!k.disabled,onMouseDown:()=>j.current=t,onTouchStart:()=>j.current=t,onTouchEnd:()=>j.current=null,onKeyDown:e=>{switch(e.key){case"ArrowUp":case"ArrowRight":return H(t,a+D);case"ArrowDown":case"ArrowLeft":return H(t,a-D);case"Home":return H(t,N);case"End":return H(t,L)}},"aria-valuenow":a,"aria-valuemin":$[t-1]||0,"aria-valuemax":$[t+1]||1,"aria-orientation":f?"vertical":"horizontal","aria-label":I["aria-label"],"aria-labelledby":g?M:void 0,style:{[f?"bottom":"left"]:100*R(a)+"%"}})})},t)}))]})]})}export{v as default};
|
|
3
3
|
//# sourceMappingURL=slider.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{combineClasses as i,classes as a}from"../../core/utils.js";import{useState as o,useRef as t}from"react";import n from"../feedback/halo.js";import s from"../../hooks/use-input-props.js";import{createStyles as c}from"../../core/style.js";import{
|
|
2
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{combineClasses as i,classes as a}from"../../core/utils.js";import{useState as o,useRef as t}from"react";import n from"../feedback/halo.js";import s from"../../hooks/use-input-props.js";import{createStyles as c}from"../../core/style.js";import{Animate as l}from"@infinityfx/lively";const d=c("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({cc:c={},error:p,size:h="med",color:u,round:f=!0,iconOff:m,iconOn:v,checked:w,defaultChecked:b,...g}){const x=i(d,c),[k,_]=s(g),[y,z]=void 0!==w?[w]:o(b||!1),C=t(null);return r("div",{..._,className:a(x.wrapper,x[`s__${h}`],f&&x.round,_.className),"data-error":!!p,children:[e("input",{...k,ref:C,type:"checkbox",className:x.input,"aria-invalid":!!p,checked:y,onChange:r=>{z?.(r.target.checked),g.onChange?.(r)}}),r("div",{className:x.switch,style:{"--color":u},children:[r("div",{className:x.icons,children:[e("div",{className:x.icon,children:v}),e("div",{className:x.icon,children:m})]}),e(l,{lite:!0,animate:{translate:y?"100% 0%":"0% 0%",duration:.35},children:e(n,{target:C,hover:!1,cc:{...c,halo:x.halo},children:e("div",{className:x.handle__wrapper,children:e(l,{transition:{cache:[]},animate:{scale:[1,"1.6 1",1],duration:.35,composite:"override"},triggers:{animate:[y,!y]},children:e("div",{className:x.handle})})})})})]})]})}export{p as default};
|
|
3
3
|
//# sourceMappingURL=switch.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as a,useState as t}from"react";import o from"../feedback/halo.js";import i from"../../hooks/use-input-props.js";import{
|
|
2
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as a,useState as t}from"react";import o from"../feedback/halo.js";import i from"../../hooks/use-input-props.js";import{Animate as n}from"@infinityfx/lively";import{combineClasses as l,classes as c}from"../../core/utils.js";import{createStyles as d}from"../../core/style.js";const s=d("toggle",{".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",zIndex:2,WebkitTapHighlightColor:"transparent"},".input:enabled":{cursor:"pointer"},".toggle":{position:"relative",display:"block",backgroundColor:"var(--f-clr-fg-100)",color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",transition:"background-color .25s, color .25s"},".toggle.round":{borderRadius:"calc(1.4em + 1px)"},".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__minimal":{backgroundColor:"transparent"},".v__neutral":{backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)"},".content":{display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--f-spacing-xsm)",gridArea:"1 / 1 / 1 / 1",lineHeight:1,padding:".8em"},".container":{display:"grid",overflow:"hidden",height:"100%"},".toggle.compact .content":{padding:".6em"},'.toggle[data-checked="true"]:not(.v__neutral)':{backgroundColor:"var(--f-clr-primary-100)",color:"var(--f-clr-text-200)"},'.v__neutral[data-checked="true"]':{backgroundColor:"var(--f-clr-fg-200)"},'.v__minimal[data-checked="true"]':{backgroundColor:"var(--f-clr-primary-300)"},'.toggle[data-checked="false"][data-disabled="true"]':{color:"var(--f-clr-grey-500)"},'.toggle[data-checked="true"][data-disabled="true"]':{backgroundColor:"var(--f-clr-grey-300)",color:"var(--f-clr-grey-100)"}});function f({children:d,cc:f={},size:m="med",compact:g=!1,round:u=!1,variant:p="default",checkedContent:v,...h}){const b=l(s,f),k=a(null),[_,x]=void 0!==h.checked?[h.checked]:t(!!h.defaultChecked),[y,C]=i(h);return e(o,{disabled:h.disabled,color:"minimal"!==p||_?void 0:"var(--f-clr-primary-400)",target:k,children:r("div",{...C,className:c(b.toggle,u&&b.round,g&&b.compact,b[`s__${m}`],b[`v__${p}`],h.className),"data-checked":_,"data-disabled":!!h.disabled,"data-fb":"neutral"===p?"true":void 0,children:[e("input",{...y,ref:k,type:"checkbox",className:b.input,onChange:e=>{x?.(e.target.checked),y.onChange?.(e)}}),r("div",{className:b.container,children:[v?e(n,{lite:!0,animate:{translate:_?"0 -100%":"0 0",duration:.4},children:e("div",{className:b.content,children:d})}):e("div",{className:b.content,children:d}),v?e(n,{lite:!0,animate:{translate:_?"0 0":"0 100%",duration:.4},children:e("div",{className:b.content,children:v})}):null]})]})})}export{f as default};
|
|
3
3
|
//# sourceMappingURL=toggle.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as r,Fragment as e,jsx as o}from"react/jsx-runtime";import{useId as a,useRef as i,useEffect as n}from"react";import t from"../../feedback/halo.js";import l from"../collapsible.js";import{
|
|
2
|
+
import{jsxs as r,Fragment as e,jsx as o}from"react/jsx-runtime";import{useId as a,useRef as i,useEffect as n}from"react";import t from"../../feedback/halo.js";import l from"../collapsible.js";import{Animate as c}from"@infinityfx/lively";import{useAccordion as d}from"./root.js";import{combineClasses as s,classes as m}from"../../../core/utils.js";import{createStyles as p}from"../../../core/style.js";import{Icon as f}from"../../../core/icons.js";const u=p("accordion.item",{".button":{position:"relative",borderRadius:"var(--f-radius-sml)",padding:".6em",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",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,marginLeft:"auto"},".arrows":{display:"flex",flexDirection:"column"}});function b({children:p,cc:b={},label:g,defaultOpen:v=!1,disabled:h,...x}){const y=s(u,b),k=a(),{variant:j,open:N,toggle:_}=d(),w=i(!1),C=w.current?N.indexOf(k)>=0:v;return n((()=>{v&&_(k,!0),w.current=!0}),[]),r(e,{children:[o(t,{disabled:h,color:"var(--f-clr-primary-400)",children:r("button",{type:"button",disabled:h,"aria-expanded":C,"aria-controls":k,className:m(y.button,y[`v__${j}`]),onClick:()=>_(k,!C),children:[g,o("div",{className:y.icon,children:o(c,{lite:!0,animate:{translate:C?"0% -50%":"0% 0%",duration:.35},children:r("div",{className:y.arrows,children:[o(f,{type:"expandDown"}),o(f,{type:"collapseUp"})]})})})]})}),o(l,{shown:C,id:k,children:o("div",{...x,className:m(y.content,x.className),children:p})})]})}b.displayName="Accordion.Item";export{b as default};
|
|
3
3
|
//# sourceMappingURL=item.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as i}from"react/jsx-runtime";import{combineClasses as e,classes as t}from"../../core/utils.js";import{
|
|
1
|
+
import{jsx as i}from"react/jsx-runtime";import{combineClasses as e,classes as t}from"../../core/utils.js";import{LayoutGroup as o,Animate as r}from"@infinityfx/lively";import{createStyles as n}from"../../core/style.js";const c=n("collapsible",{".content":{overflow:"hidden"}});function l({children:n,cc:l={},shown:s,...a}){const d=e(c,l);return i(o,{children:i(r,{deformCorrection:!1,transition:{cache:["height","opacity","visibility"]},children:i("div",{...a,"aria-hidden":!s,className:t(d.content,a.className),style:{...a.style,height:s?void 0:"0px",opacity:s?1:0,visibility:s?"visible":"hidden"},children:n})})})}export{l as default};
|
|
2
2
|
//# sourceMappingURL=collapsible.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible.js","sources":["../../../../src/components/layout/collapsible.tsx"],"sourcesContent":[null],"names":["styles","createStyles","overflow","Collapsible","children","cc","shown","props","style","combineClasses","_jsx","LayoutGroup","
|
|
1
|
+
{"version":3,"file":"collapsible.js","sources":["../../../../src/components/layout/collapsible.tsx"],"sourcesContent":[null],"names":["styles","createStyles","overflow","Collapsible","children","cc","shown","props","style","combineClasses","_jsx","LayoutGroup","Animate","deformCorrection","transition","cache","className","classes","content","height","undefined","opacity","visibility"],"mappings":"2NAKA,MAAMA,EAASC,EAAa,cAAe,CACvC,WAAY,CACRC,SAAU,YAWJ,SAAUC,GAAYC,SAAEA,EAAQC,GAAEA,EAAK,CAAA,EAAEC,MAAEA,KAAUC,IAK/D,MAAMC,EAAQC,EAAeT,EAAQK,GAErC,OAAOK,EAACC,EAAW,CAAAP,SACfM,EAACE,EAAO,CACJC,kBAAkB,EAClBC,WAAY,CACRC,MAAO,CAAC,SAAU,UAAW,eAChCX,SACDM,EAAA,MAAA,IAASH,EAAK,eACID,EACdU,UAAWC,EAAQT,EAAMU,QAASX,EAAMS,WACxCR,MAAO,IACAD,EAAMC,MACTW,OAAQb,OAAQc,EAAY,MAC5BC,QAASf,EAAQ,EAAI,EACrBgB,WAAYhB,EAAQ,UAAY,UACnCF,SACAA,OAIjB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useId as t,useRef as o}from"react";import i from"./overlay.js";import a from"../input/button.js";import{combineClasses as n,classes as c}from"../../core/utils.js";import{
|
|
2
|
+
import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useId as t,useRef as o}from"react";import i from"./overlay.js";import a from"../input/button.js";import{combineClasses as n,classes as c}from"../../core/utils.js";import{Animate as l}from"@infinityfx/lively";import d from"./scrollarea.js";import{createStyles as s}from"../../core/style.js";import{Icon as m}from"../../core/icons.js";const f=s("drawer",{".drawer":{position:"absolute",background:"var(--f-clr-bg-100)",display:"flex",flexDirection:"column",padding:"var(--f-spacing-med)",width:"min(100vw, 16em)",border:"solid 1px var(--f-clr-fg-200)",height:"100dvh",top:0,touchAction:"none"},'.drawer[data-position="right"]':{borderTopLeftRadius:"var(--f-radius-med)",borderBottomLeftRadius:"var(--f-radius-med)",borderRight:"none",right:0},'.drawer[data-position="left"]':{borderTopRightRadius:"var(--f-radius-med)",borderBottomRightRadius:"var(--f-radius-med)",borderLeft:"none",left:0},".header":{display:"flex",gap:"var(--f-spacing-sml)",alignItems:"center",marginBottom:"var(--f-spacing-med)",color:"var(--f-clr-text-100)",fontWeight:700},".title":{flexGrow:1,color:"var(--f-clr-heading-100)"},'.drawer[data-position="right"] .title':{order:1},".content":{flexGrow:1,display:"flex",flexDirection:"column"}});function h({children:s,cc:h={},show:u,onClose:p,position:g="right",title:v,...b}){const w=n(f,h),x=t(),y=o({clientX:0,clientY:0});function j(r){if("touchstart"==r.type)return y.current=r.changedTouches[0];const e=r.changedTouches[0].clientX-y.current.clientX,t=Math.abs(r.changedTouches[0].clientY-y.current.clientY);("right"===g?e>85:e<-85)&&.6*Math.abs(e)>t&&p()}return r(i,{show:u,onClose:p,children:r(l,{lite:!0,animate:{translate:[("right"===g?100:-100)+"% 0%","0% 0%"],duration:.25},triggers:{animate:["mount",{on:"unmount",reverse:!0}]},children:e("div",{...b,role:"dialog","aria-modal":!0,"aria-labelledby":x,className:c(w.drawer,b.className),"data-position":g,onTouchStart:j,onTouchMove:j,children:[e("div",{className:w.header,children:[r("span",{id:x,className:w.title,children:v}),r(a,{compact:!0,variant:"minimal",onClick:p,children:r(m,{type:"close"})})]}),r(d,{className:w.content,children:s})]})},"drawer")})}export{h as default};
|
|
3
3
|
//# sourceMappingURL=drawer.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as o,useId as n,useEffect as i}from"react";import t from"./overlay.js";import a from"../input/button.js";import{combineClasses as l,classes as d,combineRefs as s}from"../../core/utils.js";import{
|
|
2
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as o,useId as n,useEffect as i}from"react";import t from"./overlay.js";import a from"../input/button.js";import{combineClasses as l,classes as d,combineRefs as s}from"../../core/utils.js";import{Animate as c}from"@infinityfx/lively";import m from"./scrollarea.js";import{createStyles as u}from"../../core/style.js";import p from"../../hooks/use-fluid.js";import f from"../../hooks/use-media-query.js";import{useLink as h}from"@infinityfx/lively/hooks";import{Icon as g}from"../../core/icons.js";const v=u("modal",(e=>({".modal":{background:"var(--f-clr-bg-100)",borderRadius:"var(--f-radius-med)",display:"flex",flexDirection:"column",paddingBlock:"var(--f-spacing-med)",minWidth:"min(100vw, 16em)",border:"solid 1px var(--f-clr-fg-200)",margin:"var(--f-spacing-lrg)",maxHeight:"calc(100% - var(--f-spacing-lrg) * 2)",touchAction:"none"},".scrollarea":{paddingInline:"var(--f-spacing-med)"},".header":{display:"flex",alignItems:"center",fontWeight:700,paddingInline:"var(--f-spacing-med)",paddingBottom:"var(--f-spacing-med)",color:"var(--f-clr-text-100)"},".handle":{position:"relative",height:"5px",width:"48px",backgroundColor:"var(--f-clr-grey-200)",borderRadius:"99px",alignSelf:"center",display:"none"},".title":{flexGrow:1,color:"var(--f-clr-heading-100)",paddingRight:"var(--f-spacing-sml)"},[`@media (max-width: ${e.breakpoints.mob}px)`]:{".modal":{width:"100vw",alignSelf:"flex-end",margin:0,borderRadius:"var(--f-radius-lrg)",borderBottomRightRadius:0,borderBottomLeftRadius:0,paddingBottom:"calc(var(--f-spacing-med) + 32px)",marginBottom:"-32px"},".handle":{display:"block"}}})));function x({children:u,cc:x={},show:b,onClose:w,title:y,mobileClosing:k="handle",ref:j,...R}){const B=l(v,x),N=o(null),C=o(null),E=o(null),L=h(0),I=h(L,(e=>`0px ${e}px`)),S=n(),$=p(),A=f(`(max-width: ${$.breakpoints.mob}px)`);return i((()=>{function e(e){if(!E.current||!C.current)return;if(!e.touches.length){return L.get()/C.current.clientHeight>.35?w():L.set(0,{duration:.25}),E.current=null}const{clientY:r}=e.touches[0],o=Math.max(r-E.current.clientY,-32);L.set(o)}return window.addEventListener("touchmove",e),window.addEventListener("touchend",e),()=>{window.removeEventListener("touchmove",e),window.removeEventListener("touchend",e)}}),[]),e(t,{show:b,onClose:w,children:e(c,{lite:!0,onAnimationEnd:()=>L.set(0),animate:{translate:I},clips:{mob:{translate:["0% 100%","0% 0%"],duration:.25,composite:"combine"},dsk:{opacity:[0,.2,1],scale:[.9,1],duration:.25}},triggers:A?{mob:["mount",{on:"unmount",reverse:!0}]}:{dsk:["mount",{on:"unmount",reverse:!0}]},children:r("div",{...R,ref:s(j,C),className:d(B.modal,R.className),role:"dialog","aria-modal":!0,"aria-labelledby":S,onTouchStart:e=>{"handle"!==k||e.defaultPrevented||N.current?.scrollTop||!C.current?.contains(e.target)||(E.current=e.touches[0])},children:[A&&"handle"===k&&e("div",{className:B.handle}),r("div",{className:B.header,children:[e("span",{id:S,className:B.title,children:y}),("button"===k||!A)&&e(a,{compact:!0,variant:"minimal",onClick:w,children:e(g,{type:"close"})})]}),e(m,{className:B.scrollarea,ref:N,children:u})]})},"modal")})}export{x as default};
|
|
3
3
|
//# sourceMappingURL=modal.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{
|
|
2
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{LayoutGroup as o,Animate as n}from"@infinityfx/lively";import{useRef as r,useState as i,useEffect as c}from"react";import{createPortal as l}from"react-dom";import{createStyles as u}from"../../core/style.js";import{combineClasses as s}from"../../core/utils.js";import d from"../../hooks/use-focus-trap.js";const m={count:0},a=t=>{const e=document.documentElement.scrollHeight>document.documentElement.clientHeight;document.documentElement.style.overflowY=t?"":"hidden",document.body.style.overflowY=t||!e?"":"scroll"},p=u("overlay",{".wrapper":{position:"fixed",top:0,left:0,zIndex:999},".overlay":{position:"absolute",width:"100vw",height:"100dvh",display:"flex",justifyContent:"center",alignItems:"center"},".tint":{position:"absolute",inset:0,backgroundColor:"rgb(0, 0, 0, .35)",backdropFilter:"blur(6px)"},".overlay > *:not(:first-child)":{isolation:"isolate"}});function f({children:u,cc:f={},show:y,onClose:v}){const h=s(p,f),w=r(!1),g=d(y),[E,x]=i(!1),[b,k]=i(!1);return c((()=>{y||k(!1)}),[y]),c((()=>{function t(t){y&&"Escape"===t.key&&v()}return x(!0),w.current!==y&&(m.count+=y?1:-1),w.current=y,E&&y&&(a(!1),g.current&&(g.current.style.zIndex=(m.count+999).toString())),y||m.count||a(!0),window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t),y&&y===w.current&&(m.count--,w.current=!1),m.count||a(!0)}}),[y]),E?l(t(o,{children:t("div",{ref:g,className:h.wrapper,children:y&&e("div",{className:h.overlay,style:{pointerEvents:b?void 0:"none"},children:[t(n,{lite:!0,clips:{mount:{opacity:[0,1],duration:.25},unmount:{opacity:[0,1],duration:.25}},triggers:{mount:["mount"],unmount:[{on:"unmount",reverse:!0}]},onAnimationEnd:t=>"mount"===t&&k(!0),children:t("div",{className:h.tint,onClick:v})}),u]})})}),document.getElementById("__fluid")):null}export{f as default};
|
|
3
3
|
//# sourceMappingURL=overlay.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{getAbsoluteZIndex as e,combineRefs as o}from"../../../core/utils.js";import{LayoutGroup as t}from"@infinityfx/lively";import{useMemo as i}from"react";import{createPortal as n}from"react-dom";import{usePopover as m}from"./root.js";import d from"../modal.js";function l({children:l,ref:f,...c}){const{id:s,mounted:p,isModal:u,trigger:a,content:y,opened:g,toggle:h}=m(),x=i((()=>p&&a.current?e(a.current)+2:1),[p]);return p?u?r(d,{ref:o(y,f),...c,id:s,show:g,onClose:()=>h(!1),children:l}):n(r(t,{children:r("div",{ref:o(y,f),...c,id:s,style:{...c.style,position:"fixed",zIndex:x},children:g&&l})}),document.getElementById("__fluid")):null}l.displayName="Popover.Content";export{l as default};
|
|
3
3
|
//# sourceMappingURL=content.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useId as i,Children as o}from"react";import{createStyles as n}from"../../../core/style.js";import{combineClasses as t,classes as a}from"../../../core/utils.js";import{
|
|
2
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useId as i,Children as o}from"react";import{createStyles as n}from"../../../core/style.js";import{combineClasses as t,classes as a}from"../../../core/utils.js";import{useNavigationMenu as s}from"./root.js";import{LayoutGroup as l,Animate as d}from"@infinityfx/lively";import{Icon as c}from"../../../core/icons.js";const m=n("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 u({children:n,cc:u={},label:p,round:f=!1,href:g,target:v,active:h=!1,position:x="center",Link:y="a",...b}){const N=t(m,u),k=i(),{root:j,id:w,selection:C,select:R}=s(),z=o.count(n)>0;return e("div",{className:N.group,children:[e(y,{className:a(N.link,f&&N.round),role:"menuitem",href:g,target:v,"aria-haspopup":z?"menu":void 0,"aria-expanded":z?k===C:void 0,"aria-controls":z?w+k:void 0,onMouseEnter:()=>R(k),onFocus:()=>R(k),onBlur:e=>{j.current?.contains(e.relatedTarget)||R(void 0)},children:[p,z&&r("div",{className:N.arrow,style:{rotate:k===C?"180deg":"0deg"},children:r(c,{type:"down"})}),r(l,{children:(C?k===C:h)&&r(d,{morph:`fluid-navigation-menu-selection-${w}`,transition:{cache:["x","sx"],duration:.35},animate:{opacity:[1,0],duration:.25},triggers:{animate:["unmount",{on:"mount",reverse:!0}]},children:r("div",{className:N.selection})})})]}),r(l,{children:z&&k===C&&r(d,{morph:`fluid-navigation-menu-group-${w}`,transition:{cache:["x","y","sx","sy"],duration:.35},animate:{opacity:[1,0],translate:["0px 0px","0px -8px"],duration:.25},triggers:{animate:["unmount",{on:"mount",reverse:!0}]},children:r("div",{...b,id:w+k,role:"menu",className:a(N.menu,b.className),style:{...b.style,left:"start"===x?0:void 0,right:"end"===x?0:void 0},children:r(d,{stagger:.06,children:n})})})})]})}u.displayName="NavigationMenu.Group";export{u as default};
|
|
3
3
|
//# sourceMappingURL=group.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as
|
|
2
|
+
import{jsxs as r,jsx as a}from"react/jsx-runtime";import{useId as e,useState as t,useRef as i,Fragment as o}from"react";import{combineClasses as n,classes as l}from"../../core/utils.js";import{createStyles as s}from"../../core/style.js";import{Icon as d}from"../../core/icons.js";import c from"../feedback/halo.js";import{Animate as u}from"@infinityfx/lively";const b=s("pagination",{".pagination":{display:"flex",gap:"var(--f-spacing-xsm)"},".pill":{gap:"var(--f-spacing-xxs)"},".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)"},".buttons":{display:"grid",gap:"inherit",gridAutoFlow:"column"},".buttons .layer":{width:"100%",height:"100%",borderRadius:"var(--f-radius-sml)",transition:"background-color .35s"},".pagination:not(.v__minimal) .layer":{backgroundColor:"var(--f-clr-fg-100)"},'.pagination[aria-disabled="true"] .layer':{backgroundColor:"var(--f-clr-grey-100)"},".button":{overflow:"hidden",position:"relative",border:"none",outline:"none",background:"none",color:"var(--f-clr-text-100)",width:"2.6em",height:"2.6em",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"var(--f-radius-sml)",fontWeight:500,transition:"background-color .35s, color .35s",WebkitTapHighlightColor:"transparent"},".buttons .button":{backgroundColor:"transparent !important"},".pagination:not(.v__minimal) .button:enabled":{backgroundColor:"var(--f-clr-fg-100)"},".button:enabled":{cursor:"pointer"},".button:disabled":{backgroundColor:"var(--f-clr-grey-100)",color:"var(--f-clr-grey-500)"},'.button[aria-current="page"]':{color:"var(--f-clr-text-200)"},".pagination .layer.selection":{backgroundColor:"var(--color, var(--f-clr-primary-100))",boxShadow:"var(--f-shadow-sml)"},".v__neutral .layer.selection":{backgroundColor:"var(--f-clr-text-100)"},'.pagination[aria-disabled="true"] .layer.selection':{backgroundColor:"var(--f-clr-grey-200)"},".round .button":{borderRadius:"99px"},".round .layer":{borderRadius:"99px"},".pill > .button:first-child":{borderTopLeftRadius:"1.3em",borderBottomLeftRadius:"1.3em"},".pill > .button:last-child":{borderTopRightRadius:"1.3em",borderBottomRightRadius:"1.3em"},".indices":{width:"7.8em",height:"2.6em",display:"flex"},".indices > *":{width:"2.6em",height:"2.6em",display:"flex",alignItems:"center",justifyContent:"center"}});function m({cc:s={},pages:m,defaultPage:p=0,page:f,onChange:g,compact:h,skipable:v,shape:y="square",size:x,variant:k,disabled:C,color:_,...w}){const N=n(b,s),R=e(),[z,j]=void 0!==f?[f,g]:t(p);function M(){const r=Math.min(m,3);return new Array(r).fill(0).map(((a,e)=>e?e<r-1?Math.min(Math.max(z,1),m-2):v?Math.max(Math.min(z+1,m-1),2):m-1:v?Math.min(Math.max(z-1,0),m-3):0))}const S=i(M()),T=r=>{S.current=M(),j?.(r),g?.(r)},$=z<1||C,A=z>=m-1||C;return r("div",{...w,style:{...w.style,"--color":_},role:"navigation","aria-disabled":C,className:l(N.pagination,N[`s__${x}`],N[`v__${k}`],N[y],w.className),children:[v&&a(c,{disabled:$,children:a("button",{disabled:$,"aria-label":"1",className:N.button,onClick:()=>T(0),children:a(d,{type:"first"})})}),a(c,{disabled:$,children:a("button",{disabled:$,"aria-label":z+"",className:N.button,onClick:()=>T(z-1),children:a(d,{type:"left"})})}),!h&&a("div",{className:N.buttons,children:M().map(((e,t)=>{const i=void 0!==S.current[t]?S.current[t]:e,n={gridColumn:t+1,gridRow:1};return r(o,{children:[a("div",{className:N.layer,style:n}),e===z&&a(u,{morph:`${R}-pagination-selection`,transition:{cache:["x"],duration:.35},children:a("div",{className:l(N.layer,N.selection),style:n})}),a(c,{disabled:C,children:a("button",{type:"button",disabled:C,className:l(N.button,N.index),style:n,"aria-current":e===z?"page":void 0,onClick:()=>T(e),children:a(u,{lite:!0,clips:{forward:{translate:["33.3% 0%","0% 0%"],duration:.35},back:{translate:["-33.3% 0%","0% 0%"],duration:.35}},triggers:{forward:[{on:i-e<0&&z,override:!0}],back:[{on:i-e>0&&z,override:!0}]},children:r("div",{className:N.indices,children:[a("span",{children:i+1}),a("span",{children:e+1}),a("span",{children:i+1})]})})})})]},t)}))}),a(c,{disabled:A,children:a("button",{disabled:A,"aria-label":z+2+"",className:N.button,onClick:()=>T(z+1),children:a(d,{type:"right"})})}),v&&a(c,{disabled:A,children:a("button",{disabled:A,"aria-label":m+"",className:N.button,onClick:()=>T(m-1),children:a(d,{type:"last"})})})]})}export{m as default};
|
|
3
3
|
//# sourceMappingURL=pagination.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{combineClasses as t,classes as a}from"../../core/utils.js";import{
|
|
2
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{combineClasses as t,classes as a}from"../../core/utils.js";import{Animate as l}from"@infinityfx/lively";import{useId as o}from"react";import c from"../feedback/halo.js";import i from"../feedback/progress-bar.js";import{createStyles as s}from"../../core/style.js";import{Icon as n}from"../../core/icons.js";const d=s("stepper",{".stepper":{display:"grid",gridAutoFlow:"column",gridAutoColumns:"1fr",gap:"6px"},".stepper.vertical":{gridAutoFlow:"row"},".step":{display:"flex",flexDirection:"column",gap:"var(--f-spacing-sml)"},".stepper.vertical .step":{flexDirection:"row"},".header":{display:"flex",alignItems:"center",gap:"6px"},".stepper.vertical .header":{flexDirection:"column"},".bullet":{position:"relative",width:"2.5em",height:"2.5em",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"999px",color:"var(--f-clr-grey-300)",outline:"solid 2px transparent",outlineOffset:"-1px",transition:"background-color .25s, color .25s, outline-color .25s"},".bullet:enabled":{cursor:"pointer"},'.step[data-current="true"] .bullet':{outlineColor:"var(--f-clr-primary-200)",color:"var(--f-clr-primary-200)"},'.step[data-completed="true"] .bullet':{backgroundColor:"var(--f-clr-primary-100)",color:"var(--f-clr-text-200)"},'.step[data-error="true"][data-completed="false"] .bullet':{outlineColor:"var(--f-clr-error-200)",color:"var(--f-clr-error-200)"},'.step[data-error="true"][data-completed="true"] .bullet':{backgroundColor:"var(--f-clr-error-100)"},".icon":{width:"100%",aspectRatio:1,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,overflow:"hidden"},".icons":{width:"100%",display:"flex",flexDirection:"column"},".progress":{flexGrow:1,backgroundColor:"var(--f-clr-fg-200)",borderRadius:"var(--f-radius-xsm)",transition:"background-color .25s"},".stepper:not(.vertical) .progress":{minWidth:"1em",height:"3px"},".stepper.vertical .progress":{minHeight:"1em",width:"3px"},'.step[data-completed="true"] .progress':{backgroundColor:"var(--f-clr-primary-100)"},".stepper:not(.vertical) .step:not(:last-child) .content":{paddingRight:"var(--f-spacing-sml)"},".name":{fontSize:"var(--f-font-size-sml)",color:"var(--f-clr-text-100)",fontWeight:600},".label":{fontSize:"var(--f-font-size-xsm)",color:"var(--f-clr-grey-600)"},".halo":{inset:"-.5em !important"},".track":{marginTop:"calc(var(--f-spacing-sml) - 6px)"}});function p({cc:s={},steps:p,completed:m,setCompleted:f,navigation:u="backwards",variant:v="default",...g}){const h=t(d,s),b=o();let x=p.map(((r,e)=>Object.assign({label:(e+1+"").padStart(2,"0")},r)));return"compact"===v&&(x=x.slice(Math.min(m,p.length-1),m+1)),r("div",{...g,className:a(h.stepper,"default"!==v&&h.vertical,g.className),children:[x.map((({name:t,label:a,icon:o,error:i},s)=>{const d=("forwards"===u?s>=m:"backwards"===u?s<m:"both"===u)&&"compact"!==v,g="compact"===v?m===p.length:s<m;return r("div",{className:h.step,"data-completed":g,"data-current":"compact"===v?!g:s===m,"data-error":i,children:[r("div",{className:h.header,children:[e(c,{disabled:!d,cc:{halo:h.halo},children:e("button",{type:"button",className:h.bullet,disabled:!d,onClick:()=>f?.(s),"aria-labelledby":`${b}-${s}`,children:e("div",{className:h.icon,children:e(l,{lite:!0,animate:{translate:g?"0% -25%":"0% 25%",duration:.35},children:r("div",{className:h.icons,children:[e("div",{className:h.icon,children:o}),e("div",{className:h.icon,children:e(n,{type:"check"})})]})})})})}),s<p.length-1&&"compact"!==v&&e("div",{className:h.progress})]}),r("div",{className:h.content,children:[e("div",{className:h.label,id:`${b}-${s}`,children:a}),e("div",{className:h.name,children:t})]})]},s)})),"compact"===v&&e(i,{size:"sml",value:m/p.length,cc:{track:h.track}})]})}export{p as default};
|
|
3
3
|
//# sourceMappingURL=stepper.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useId as a,useRef as t,useState as o}from"react";import
|
|
2
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useId as a,useRef as t,useState as o}from"react";import i from"../feedback/halo.js";import{Animate as l}from"@infinityfx/lively";import{combineClasses as n,classes as s}from"../../core/utils.js";import c from"../layout/scrollarea.js";import{createStyles as d}from"../../core/style.js";const f=d("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 u({options:d,cc:u={},variant:m="default",value:p,defaultValue:b,onChange:v,...h}){const g=n(f,u),k=a(),x=t([]),[y,w]=void 0!==p?[p]:o(b||d[0]?.value);function _(e){const r=x.current.filter((e=>e));e=e<0?r.length-1:e>=r.length?0:e,r[e]?.focus()}return e("div",{...h,className:s(g.wrapper,g[`v__${m}`],h.className),children:e(c,{horizontal:!0,children:e("div",{className:g.tabs,role:"tablist",children:d.map((({label:a,value:t,disabled:o,panelId:n},s)=>r("div",{className:g.option,children:[e(i,{disabled:o,color:"default"===m?"var(--f-clr-primary-300)":"var(--f-clr-primary-400)",children:e("button",{ref:e=>{x.current[s]=o?null:e},type:"button",role:"tab",className:g.button,"aria-selected":y===t,"aria-controls":n,disabled:o,onClick:()=>{w?.(t),v?.(t)},onKeyDown:e=>{let r=!0;switch(e.key){case"ArrowRight":case"ArrowDown":_(s+1);break;case"ArrowLeft":case"ArrowUp":_(s-1);break;case"Home":_(0);break;case"End":_(-1);break;default:r=!1}r&&e.preventDefault()},children:a})}),y===t&&e(l,{morph:`tabs-selection-${k}`,transition:{cache:["x","sx"]},children:e("div",{className:g.selection})})]},s)))})})})}export{u as default};
|
|
3
3
|
//# sourceMappingURL=tabs.js.map
|
|
@@ -5,7 +5,7 @@ export type DropZoneSelectors = Selectors<'zone' | 'hovering' | 'filled' | 'erro
|
|
|
5
5
|
*
|
|
6
6
|
* @see {@link https://fluid.infinityfx.dev/docs/components/drop-zone}
|
|
7
7
|
*/
|
|
8
|
-
export default function DropZone({ cc, loading, error, text, annotation, icon, previewImages,
|
|
8
|
+
export default function DropZone({ cc, loading, error, text, annotation, icon, previewImages, fallbackPreviewImage, inputRef, ...props }: {
|
|
9
9
|
ref?: React.Ref<HTMLDivElement>;
|
|
10
10
|
cc?: DropZoneSelectors;
|
|
11
11
|
loading?: boolean;
|
|
@@ -20,11 +20,9 @@ export default function DropZone({ cc, loading, error, text, annotation, icon, p
|
|
|
20
20
|
*/
|
|
21
21
|
previewImages?: boolean;
|
|
22
22
|
/**
|
|
23
|
-
* Optional
|
|
24
|
-
*
|
|
25
|
-
* If not provided will default to the currently selected file.
|
|
23
|
+
* Optional fallback image to show as a preview when no file is selected.
|
|
26
24
|
*/
|
|
27
|
-
|
|
25
|
+
fallbackPreviewImage?: string;
|
|
28
26
|
inputRef?: React.Ref<HTMLInputElement>;
|
|
29
27
|
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
30
28
|
} & Omit<React.InputHTMLAttributes<HTMLDivElement>, 'defaultValue' | 'children' | 'onChange'>): import("react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@infinityfx/fluid",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0-alpha.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "React UI library, using zero-runtime CSS-in-JS.",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -56,31 +56,31 @@
|
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
58
|
"tslib": "^2.8.1",
|
|
59
|
-
"glob": "^13.0.
|
|
59
|
+
"glob": "^13.0.6"
|
|
60
60
|
},
|
|
61
61
|
"peerDependencies": {
|
|
62
|
-
"@infinityfx/lively": "^
|
|
62
|
+
"@infinityfx/lively": "^5.0.0-alpha.16",
|
|
63
63
|
"react": ">=19.0.0",
|
|
64
64
|
"react-dom": ">=19.0.0",
|
|
65
65
|
"react-icons": ">=5.4.0"
|
|
66
66
|
},
|
|
67
67
|
"devDependencies": {
|
|
68
|
-
"@infinityfx/lively": "^
|
|
69
|
-
"@rollup/plugin-commonjs": "^29.0.
|
|
68
|
+
"@infinityfx/lively": "^5.0.0-alpha.16",
|
|
69
|
+
"@rollup/plugin-commonjs": "^29.0.2",
|
|
70
70
|
"@rollup/plugin-node-resolve": "^16.0.3",
|
|
71
|
-
"@rollup/plugin-terser": "^0.
|
|
71
|
+
"@rollup/plugin-terser": "^1.0.0",
|
|
72
72
|
"@rollup/plugin-typescript": "^12.3.0",
|
|
73
|
-
"@types/node": "^
|
|
74
|
-
"@types/react": "^19.
|
|
75
|
-
"@types/react-dom": "^19.
|
|
76
|
-
"react": "^19.
|
|
77
|
-
"react-dom": "^19.
|
|
78
|
-
"react-icons": "^5.
|
|
79
|
-
"rollup": "^4.
|
|
80
|
-
"rollup-plugin-delete": "^3.0.
|
|
73
|
+
"@types/node": "^25.5.0",
|
|
74
|
+
"@types/react": "^19.2.14",
|
|
75
|
+
"@types/react-dom": "^19.2.3",
|
|
76
|
+
"react": "^19.2.5",
|
|
77
|
+
"react-dom": "^19.2.5",
|
|
78
|
+
"react-icons": "^5.6.0",
|
|
79
|
+
"rollup": "^4.60.1",
|
|
80
|
+
"rollup-plugin-delete": "^3.0.2",
|
|
81
81
|
"rollup-plugin-preserve-directives": "^0.4.0",
|
|
82
82
|
"rollup-plugin-preserve-shebangs": "^0.2.0",
|
|
83
|
-
"typescript": "^
|
|
83
|
+
"typescript": "^6.0.2"
|
|
84
84
|
},
|
|
85
85
|
"sideEffects": false
|
|
86
86
|
}
|