kitchn
Version:
Tonight Pass delicious React styled-components UI kit
772 lines (710 loc) • 128 kB
JavaScript
"use client"
import{a as mo,b as uo,c as Pp,d as Z,e as de,f as fo,g as ue,h as go,i as y,j as fe,k as Ft}from"./chunk-Z6OVUEYJ.esm.js";import{a as sp,b as lp,c as cp,d as pp,e as mp,f as dp,g as up,h as fp,i as gp,j as hp,k as bp,l as xp,m as yp}from"./chunk-LIJLILP5.esm.js";import ip from"styled-components";import{deepmerge as xi}from"deepmerge-ts";var ho={family:{primary:"Figtree, -apple-system, sans-serif",monospace:"Fira Code, monospace"},weight:{thin:100,extraLight:200,light:300,regular:400,medium:500,semiBold:600,bold:700,extraBold:800,black:900},size:{extraTitle:"48px",title:"32px",large:"24px",medium:"18px",normal:"16px",compact:"14px",small:"13px",tiny:"11px"},breakpoint:{desktop:"1824px",laptop:"1224px",tablet:"1024px",mobile:"768px"},gap:{tiny:"5px",small:"10px",normal:"15px",medium:"20px",large:"30px",extraLarge:"60px"},radius:{square:"8px",round:"99999px"}};var ne="kc",bo="Kitchn";var xo=e=>xi(ho,e),Je={dark:xo(mo),light:xo(uo)},yi=["name","size","breakpoint","gap","radius"],yo=(e,t="")=>{let o={};for(let r in e){let n=e[r];typeof n=="object"?o[r]=yo(n,`${t}-${r}`):o[r]=`var(--${t?`${t}`:""}-${r}, ${n})`,yi.includes(r)&&(o[r]=n)}return o},lt=(e,t="")=>{let o="";for(let r in e){let n=e[r];typeof n=="object"?o+=lt(n,`${t}-${r}`):o+=`--${t}-${r}: ${n};
`}return o},Po=e=>{let t={};for(let o in e)t[o]=yo(e[o],ne);return t};import aa from"@emotion/is-prop-valid";import{ThemeProvider as sa}from"next-themes";import z from"react";import{StyleSheetManager as la}from"styled-components";import{useTheme as Pi}from"next-themes";import Ze from"react";import{ThemeProvider as Ci}from"styled-components";var Wt=Ze.createContext({theme:Je.dark,setTheme:e=>{},setThemeStyle:e=>{},resolvedTheme:"system",systemTheme:"system",forcedTheme:void 0,themes:Je}),Co=({children:e,themes:t,...o})=>{let r=Pi(),[n,i]=Ze.useState(t[r.resolvedTheme]||t.dark);return Ze.useEffect(()=>{i(t[r.resolvedTheme]||t.dark)},[r.resolvedTheme,i]),Ze.createElement(Wt.Provider,{value:{...r,theme:n,setTheme:r.setTheme,setThemeStyle:i,resolvedTheme:r.resolvedTheme,systemTheme:r.systemTheme,forcedTheme:r.forcedTheme,storedTheme:r.theme,themes:t},...o},Ze.createElement(Ci,{theme:n},e))};import vo from"react";var ze={padding:"12px 16px",margin:"8px 0",width:"420px",maxWidth:"90vw",maxHeight:"75px",placement:"bottomRight"},vi={toasts:[],toastLayout:ze,updateToastLayout:e=>e,updateToasts:e=>e,lastUpdateToastId:null,updateLastToastId:()=>null},Kt=vo.createContext(vi),ct=()=>vo.useContext(Kt);import{css as Li}from"styled-components";import Mo from"react";import Ei from"styled-components";import{css as Ti}from"styled-components";var To=Ti`
${({theme:e,background:t,bg:o,backgroundColor:r,bgc:n,backgroundAccent:i,bga:a})=>(t||o||r||n||i||a)&&`background: ${e.colors.layout[t||o]||e.colors.layout[r||n]||e.colors.accent[i||a]||t||o};`}
`;import{css as ki}from"styled-components";var ko=(e,t)=>e.radius[t]||q(t),$o=ki`
${({theme:e,borderRadius:t,br:o})=>t!==void 0||o!==void 0?`border-radius: ${ko(e,t||o)};`:""}
${e=>[{key:"border-width",value:e.borderWidth||e.bw||(e.borderColor||e.bc||e.borderTopColor||e.borderBottomColor||e.borderLeftColor||e.borderRightColor||e.btc||e.bbc||e.blc||e.brc||e.borderStyle||e.bs?"1px":void 0)},{key:"border-color",value:e.borderColor||e.bc||(e.borderStyle||e.bs||e.borderWidth||e.bw||e.borderTopWidth||e.borderBottomWidth||e.borderLeftWidth||e.borderRightWidth||e.btw||e.bbw||e.blw||e.brw?e.theme.colors.layout.dark:void 0)},{key:"border-style",value:e.borderStyle||e.bs||(e.borderWidth||e.bw||e.borderTopWidth||e.borderBottomWidth||e.borderLeftWidth||e.borderRightWidth||e.btw||e.bbw||e.blw||e.brw||e.borderColor||e.bc||e.borderTopColor||e.borderBottomColor||e.borderLeftColor||e.borderRightColor||e.btc||e.bbc||e.blc||e.brc?"solid":void 0)},{key:"border-left-width",value:e.borderLeftWidth||e.blw},{key:"border-right-width",value:e.borderRightWidth||e.brw},{key:"border-top-width",value:e.borderTopWidth||e.btw},{key:"border-bottom-width",value:e.borderBottomWidth||e.bbw},{key:"border-left-color",value:e.borderLeftColor||e.blc},{key:"border-right-color",value:e.borderRightColor||e.brc},{key:"border-top-color",value:e.borderTopColor||e.btc},{key:"border-bottom-color",value:e.borderBottomColor||e.bbc},{key:"border-top-left-radius",value:e.borderTopLeftRadius||e.btlr},{key:"border-top-right-radius",value:e.borderTopRightRadius||e.btrr},{key:"border-bottom-left-radius",value:e.borderBottomLeftRadius||e.bblr},{key:"border-bottom-right-radius",value:e.borderBottomRightRadius||e.bbrr}].filter(o=>o.value!==void 0).map(o=>`${o.key}: ${o.key.endsWith("color")?e.theme.colors.layout[o.value]||o.value:o.key.endsWith("radius")?ko(e.theme,o.value):o.key.endsWith("width")?q(o.value):o.value};`).join(`
`)}
`;import{css as $i}from"styled-components";var wo=$i`
${({theme:e,margin:t,m:o})=>t!==void 0||o!==void 0?`margin: ${k(e,t||o)};`:""}
${({theme:e,marginLeft:t,ml:o,mx:r})=>t!==void 0||o!==void 0||r!==void 0?`margin-left: ${k(e,t||o||r)};`:""}
${({theme:e,marginRight:t,mr:o,mx:r})=>t!==void 0||o!==void 0||r!==void 0?`margin-right: ${k(e,t||o||r)};`:""}
${({theme:e,marginTop:t,mt:o,my:r})=>t!==void 0||o!==void 0||r!==void 0?`margin-top: ${k(e,t||o||r)};`:""}
${({theme:e,marginBottom:t,mb:o,my:r})=>t!==void 0||o!==void 0||r!==void 0?`margin-bottom: ${k(e,t||o||r)};`:""}
`;import{css as wi}from"styled-components";var So=wi`
${({theme:e,padding:t,p:o})=>t!==void 0||o!==void 0?`padding: ${k(e,t||o)};`:""}
${({theme:e,paddingLeft:t,pl:o,px:r})=>t!==void 0||o!==void 0||r!==void 0?`padding-left: ${k(e,t||o||r)};`:""}
${({theme:e,paddingRight:t,pr:o,px:r})=>t!==void 0||o!==void 0||r!==void 0?`padding-right: ${k(e,t||o||r)};`:""}
${({theme:e,paddingTop:t,pt:o,py:r})=>t!==void 0||o!==void 0||r!==void 0?`padding-top: ${k(e,t||o||r)};`:""}
${({theme:e,paddingBottom:t,pb:o,py:r})=>t!==void 0||o!==void 0||r!==void 0?`padding-bottom: ${k(e,t||o||r)};`:""}
`;import{css as Si}from"styled-components";var Eo=Si`
${({position:e,pos:t})=>(e??t)!==void 0?`position: ${e??t};`:""}
${({zIndex:e,zi:t})=>(e??t)!==void 0?`z-index: ${e??t};`:""}
${({theme:e,left:t,l:o})=>(t??o)!==void 0?`left: ${k(e,t??o)};`:""}
${({theme:e,right:t,r:o})=>(t??o)!==void 0?`right: ${k(e,t??o)};`:""}
${({theme:e,top:t,t:o})=>(t??o)!==void 0?`top: ${k(e,t??o)};`:""}
${({theme:e,bottom:t,b:o})=>(t??o)!==void 0?`bottom: ${k(e,t??o)};`:""}
`;var q=e=>Z(e)?`${e}px`:e,k=(e,t)=>e.gap[t]||e.breakpoint[t]||q(t),Mi=(e,t)=>e.size[t]||q(t),c=(e,t=[])=>{let o=Mo.forwardRef((r,n)=>{let i=Object.entries(r).reduce((a,[p,u])=>((!["w","h","height","width","minW","minH","maxW","maxH","zi","zIndex"].includes(p)||t.includes(p))&&(a[p]=u),a),{});return Mo.createElement(e,{...i,ref:n})});return o.displayName=`WithDecorator(${e.displayName||e.name||"Component"})`,Ei(o)`
${({display:r})=>r!==void 0?`display: ${r};`:""}
${({overflow:r})=>r!==void 0?`overflow: ${r};`:""}
${({theme:r,font:n})=>n!==void 0?`font-size: ${Mi(r,n)};`:""}
${({cursor:r})=>r!==void 0?`cursor: ${r};`:""}
${({pointerEvents:r})=>r!==void 0?`pointer-events: ${r};`:""}
${({userSelect:r})=>r!==void 0?`user-select: ${r};`:""}
${Lo}
${To}
${$o}
${wo}
${So}
${Eo}
`};var Lo=Li`
${({theme:e,width:t,w:o})=>t!==void 0||o!==void 0?`width: ${k(e,t||o)};`:""}
${({theme:e,height:t,h:o})=>t!==void 0||o!==void 0?`height: ${k(e,t||o)};`:""}
${({theme:e,minWidth:t,minW:o})=>t!==void 0||o!==void 0?`min-width: ${k(e,t||o)};`:""}
${({theme:e,minHeight:t,minH:o})=>t!==void 0||o!==void 0?`min-height: ${k(e,t||o)};`:""}
${({theme:e,maxWidth:t,maxW:o})=>t!==void 0||o!==void 0?`max-width: ${k(e,t||o)};`:""}
${({theme:e,maxHeight:t,maxH:o})=>t!==void 0||o!==void 0?`max-height: ${k(e,t||o)};`:""}
`;import{useTheme as Ii}from"styled-components";import Io from"react";function Qe(e){let t=i=>typeof window<"u"?window.matchMedia(i).matches:!1,[o,r]=Io.useState(t(e));function n(){r(t(e))}return Io.useEffect(()=>{let i=window.matchMedia(e);return n(),i.addListener?i.addListener(n):i.addEventListener("change",n),()=>{i.removeListener?i.removeListener(n):i.removeEventListener("change",n)}},[e]),o}var ge=()=>{let e=Ii();return{isMobile:Qe(`(max-width: ${e.breakpoint.mobile})`),isTablet:Qe(`(max-width: ${e.breakpoint.tablet})`),isLaptop:Qe(`(max-width: ${e.breakpoint.laptop})`),isDesktop:Qe(`(max-width: ${e.breakpoint.desktop})`)}};import Ri from"react";var Am=(e=!1)=>{let[t,o]=Ri.useState(e);return[t,()=>o(n=>!n)]};import Di from"react";var pt=e=>{Di.useEffect(()=>{let t=o=>e(o);return document.addEventListener("click",t),()=>document.removeEventListener("click",t)},[e])};import Ot from"react";var Ro=(e,t)=>{let o=Ot.useRef(t);Ot.useEffect(()=>{o.current=t},[t]),Ot.useEffect(()=>{let r=n=>{let i=e.current;!n||!i||i.contains(n.target)||o.current(n)};return document.addEventListener("click",r),()=>document.removeEventListener("click",r)},[e])};import Hi from"react";import zo from"react";import Do from"react";var mt=()=>!!(typeof window<"u"&&window.document&&window.document.createElement);var Ho=()=>{let[e,t]=Do.useState(!1);return Do.useEffect(()=>{t(mt())},[]),{isBrowser:e,isServer:!e}};var No=e=>document.createElement(e),_=(e=de(),t)=>{let o=`${ne}-portal-${e}`,{isBrowser:r}=Ho(),[n,i]=zo.useState(r?No(o):null);return zo.useEffect(()=>{let p=(t?t():null)||document.body,u=p.querySelector(o),l=u||No(o);u||p.appendChild(l),i(l)},[t,o]),n};var Bo={},Ne=(e,t)=>{let o=t?` [${t}]`:" ",r=`[${bo}]${o}: ${e}`;typeof console>"u"||Bo[r]||(Bo[r]=!0,console.warn(r))};var zi={onError:()=>Ne("Failed to copy.","useClipboard")},Ao=(e=zi)=>{let t=_("clipboard"),o=(n,i)=>{if(!n||!i)return;let a=window.getSelection();if(!a)return;n.style.whiteSpace="pre",n.textContent=i;let p=window.document.createRange();a.removeAllRanges(),p.selectNode(n),a.addRange(p);try{window.document.execCommand("copy")}catch{e.onError&&e.onError()}a.removeAllRanges(),n&&(n.textContent="")};return{copy:Hi.useCallback(n=>{o(t,n)},[t])}};import Ai from"react";import Ni from"react";var Bi={visible:!1},dt=Ni.createContext(Bi);var ut=()=>Ai.useContext(dt);import _t from"react";var Ee=e=>{let[t,o]=_t.useState(()=>typeof e=="function"?e():e),r=_t.useRef(e);return _t.useEffect(()=>{r.current=t},[t]),[t,i=>{let a=typeof i=="function"?i(r.current):i;r.current=a,o(a)},r]};import Fi from"react";var Fo=(e,t=()=>{})=>{let o={attributes:!1,childList:!0,subtree:!0};Fi.useEffect(()=>{if(!e||!e.current)return;let r=!1,n=(...a)=>{r||t(...a)},i=new MutationObserver(n);return i.observe(e.current,o),()=>{r=!0,i.disconnect()}},[e])};import Oo from"react";var Gt=(s=>(s[s.Unknown=0]="Unknown",s[s.Backspace=8]="Backspace",s[s.Tab=9]="Tab",s[s.Enter=13]="Enter",s[s.Shift=16]="Shift",s[s.Ctrl=17]="Ctrl",s[s.Alt=18]="Alt",s[s.PauseBreak=19]="PauseBreak",s[s.CapsLock=20]="CapsLock",s[s.Escape=27]="Escape",s[s.Space=32]="Space",s[s.PageUp=33]="PageUp",s[s.PageDown=34]="PageDown",s[s.End=35]="End",s[s.Home=36]="Home",s[s.LeftArrow=37]="LeftArrow",s[s.UpArrow=38]="UpArrow",s[s.RightArrow=39]="RightArrow",s[s.DownArrow=40]="DownArrow",s[s.Insert=45]="Insert",s[s.Delete=46]="Delete",s[s.KEY_0=48]="KEY_0",s[s.KEY_1=49]="KEY_1",s[s.KEY_2=50]="KEY_2",s[s.KEY_3=51]="KEY_3",s[s.KEY_4=52]="KEY_4",s[s.KEY_5=53]="KEY_5",s[s.KEY_6=54]="KEY_6",s[s.KEY_7=55]="KEY_7",s[s.KEY_8=56]="KEY_8",s[s.KEY_9=57]="KEY_9",s[s.KEY_A=65]="KEY_A",s[s.KEY_B=66]="KEY_B",s[s.KEY_C=67]="KEY_C",s[s.KEY_D=68]="KEY_D",s[s.KEY_E=69]="KEY_E",s[s.KEY_F=70]="KEY_F",s[s.KEY_G=71]="KEY_G",s[s.KEY_H=72]="KEY_H",s[s.KEY_I=73]="KEY_I",s[s.KEY_J=74]="KEY_J",s[s.KEY_K=75]="KEY_K",s[s.KEY_L=76]="KEY_L",s[s.KEY_M=77]="KEY_M",s[s.KEY_N=78]="KEY_N",s[s.KEY_O=79]="KEY_O",s[s.KEY_P=80]="KEY_P",s[s.KEY_Q=81]="KEY_Q",s[s.KEY_R=82]="KEY_R",s[s.KEY_S=83]="KEY_S",s[s.KEY_T=84]="KEY_T",s[s.KEY_U=85]="KEY_U",s[s.KEY_V=86]="KEY_V",s[s.KEY_W=87]="KEY_W",s[s.KEY_X=88]="KEY_X",s[s.KEY_Y=89]="KEY_Y",s[s.KEY_Z=90]="KEY_Z",s[s.Meta=91]="Meta",s[s.F1=112]="F1",s[s.F2=113]="F2",s[s.F3=114]="F3",s[s.F4=115]="F4",s[s.F5=116]="F5",s[s.F6=117]="F6",s[s.F7=118]="F7",s[s.F8=119]="F8",s[s.F9=120]="F9",s[s.F10=121]="F10",s[s.F11=122]="F11",s[s.F12=123]="F12",s[s.NumLock=144]="NumLock",s[s.ScrollLock=145]="ScrollLock",s[s.Equal=187]="Equal",s[s.Minus=189]="Minus",s[s.Backquote=192]="Backquote",s[s.Backslash=220]="Backslash",s))(Gt||{}),Be=(n=>(n[n.CtrlCmd=2048]="CtrlCmd",n[n.Shift=1024]="Shift",n[n.Alt=512]="Alt",n[n.WinCtrl=256]="WinCtrl",n))(Be||{});var Wo=e=>{let t=e.filter(r=>!!Be[r]),o={CtrlCmd:!1,Shift:!1,Alt:!1,WinCtrl:!1};return t.forEach(r=>{let n=Be[r];o[n]=!0}),o};var Vt=()=>mt()?navigator.platform.toUpperCase().indexOf("MAC")>=0:!1;var Ko=()=>({CtrlCmd:Vt()?"metaKey":"ctrlKey",WinCtrl:Vt()?"ctrlKey":"metaKey"});var ft=(e,t,o={})=>{let r=Array.isArray(t)?t:[t],{disableGlobalEvent:n=!1,capture:i=!1,stopPropagation:a=!1,preventDefault:p=!0,event:u="keydown"}=o,l=Wo(r),m=r.filter(h=>!Be[h]),{CtrlCmd:f,WinCtrl:g}=Ko(),d=Oo.useCallback(h=>{if(l.Shift&&!h.shiftKey||l.Alt&&!h.altKey||l.CtrlCmd&&!h[f]||l.WinCtrl&&!h[g])return;let x=m.find(P=>P===h.keyCode);m&&!x||(a&&h.stopPropagation(),p&&h.preventDefault(),e&&e(h))},[l,f,g,m,e,p,a]);Oo.useEffect(()=>(n||document.addEventListener(u,d),()=>{document.removeEventListener(u,d)}),[n,u,d]);let b=(h,x=!1)=>h!==u?()=>null:x!==i?()=>null:P=>d(P);return{bindings:{onKeyDown:b("keydown"),onKeyDownCapture:b("keydown",!0),onKeyPress:b("keypress"),onKeyPressCapture:b("keypress",!0),onKeyUp:b("keyup"),onKeyUpCapture:b("keyup",!0)}}};import jt from"react";var Dd=()=>{let[e,t]=jt.useState(!1),o=jt.useCallback(()=>t(!0),[]),r=jt.useCallback(()=>t(!1),[]);return[e,o,r]};import _o from"react";var Go=e=>{let t=_o.useRef(null);return _o.useEffect(()=>{t.current=e}),t?t.current:null};import Wi from"react";var Vo=e=>{if(!e)return{top:0,left:0};let{top:t,left:o}=e.getBoundingClientRect();return{top:t,left:o}};var Ae={top:-1e3,left:-1e3,right:-1e3,width:0,height:0,elementTop:-1e3},jo=(e,t)=>{if(!e)return Ae;let o=t?t():null,r=o||document.documentElement,{top:n,left:i}=Vo(o);return{...e,width:e.width||e.right-e.left,height:e.height||e.top-e.bottom,top:e.bottom+r.scrollTop-n,left:e.left+r.scrollLeft-i,elementTop:e.top+r.scrollTop-n}},gt=(e,t)=>{if(!e||!e.current)return Ae;let o=e.current.getBoundingClientRect();return jo(o,t)},Ki=(e,t)=>{let o=e?.currentTarget?.getBoundingClientRect();return o?jo(o,t):Ae},Uo=e=>e?e.top===Ae.top&&e.left===Ae.left:!0,Fe=e=>{let[t,o]=Wi.useState(e||Ae);return{rect:t,setRect:(i,a)=>{o(Ki(i,a))},setRectWithRef:(i,a)=>{o(gt(i,a))}}};import Oi from"react";var ht=(e,t=!0)=>{Oi.useEffect(()=>{let o=()=>e();return t&&o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[])};import _i from"react";var qo=()=>({..._i.useContext(Wt)});import Gi from"react";var Yo={delay:2e3,type:"primary"},Xo=e=>{let{updateToasts:t,toasts:o,updateToastLayout:r,updateLastToastId:n}=ct();Gi.useEffect(()=>{e&&r(()=>e?{...ze,...e}:ze)},[]);let i=m=>{t(f=>f.map(g=>g._internalIdent!==m?g:(g._timeout&&window.clearTimeout(g._timeout),{...g,visible:!1,_timeout:null}))),n(()=>m)};return{toasts:o,setToast:m=>{let f=`toast-${de()}`;if(m.id&&o.find(P=>P.id===m.id))throw new Error('Toast: Already have the same key: "ident"');let g=m.actions?.some(x=>!x.passive)??!1,d=m.preserve??g??!1,b=m.delay||(d?0:Yo.delay),h=x=>window.setTimeout(()=>{i(x)},b);t(x=>{let P={delay:b,text:m.text,visible:!0,type:m.type||Yo.type,id:m.id||f,actions:m.actions?.map(T=>({...T,handler:($,H)=>{T.handler($,H),!T.passive&&!m.preserve&&P._timeout===null&&(P._timeout=h(f))}}))||[],preserve:d,_internalIdent:f,_timeout:d?null:h(f),cancel:()=>i(f)};return[...x,P]})},removeAll:()=>{t(m=>m.map(f=>(f._timeout&&window.clearTimeout(f._timeout),{...f,visible:!1,_timeout:null})))},findOneToastByID:m=>o.find(f=>f.id===m),removeOneToastByID:m=>{t(f=>f.map(g=>g.id!==m?g:(g._timeout&&window.clearTimeout(g._timeout),{...g,visible:!1,_timeout:null})))}}};import Vi from"react";import ji from"styled-components";var Jo=ji(({children:e,...t})=>Vi.createElement("span",{role:"status","aria-live":"polite",...t},e&&fe(e)?ue(e):e))`
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
user-select: none;
white-space: nowrap;
padding: 0 10px;
font-weight: ${({bold:e,theme:t})=>e?t.weight.bold:t.weight.medium};
border-radius: 8px;
padding: ${e=>{switch(e.size){case"small":return"2px 4px";case"large":return"8px 12px";case"normal":default:return"4px 8px"}}};
font-size: ${e=>{switch(e.size){case"small":return e.theme.size.tiny;case"large":return e.theme.size.normal;case"normal":default:return e.theme.size.small}}};
color: ${({theme:e,type:t})=>{switch(t){case"danger":case"warning":case"info":case"success":case"secondary":return e.colors.accent.light;case"primary":default:return e.colors.text.lightest}}};
background-color: ${({theme:e,type:t})=>{switch(t){case"danger":return e.colors.accent.danger;case"warning":return e.colors.accent.warning;case"info":return e.colors.accent.info;case"success":return e.colors.accent.success;case"secondary":return e.colors.layout.light;case"primary":default:return e.colors.layout.darker}}};
`;Jo.displayName="KitchnBadge";var Ui=c(Jo),Zo=Ui;import Qo from"react";import qi from"styled-components";var er=Qo.forwardRef(({children:e,header:t,section:o,form:r,label:n,footer:i,nav:a,aside:p,main:u,row:l,gap:m,...f},g)=>Qo.createElement(t?"header":o?"section":r?"form":n?"label":i?"footer":a?"nav":p?"aside":u?"main":"div",{ref:g,role:t?"banner":o?"region":void 0,...f},e));er.displayName="Container";var tr=qi(er)`
display: flex;
flex-direction: ${e=>e.direction&&e.direction[e.direction.length-1]||(e.row?"row":"column")};
${e=>e.flex&&`flex: ${e.flex};`}
justify-content: ${e=>e.justify||"flex-start"};
align-items: ${e=>e.align||"stretch"};
${e=>e.wrap&&`flex-wrap: ${e.wrap};`}
${e=>e.transform&&`transform: ${e.transform};`}
${e=>e.gap&&`gap: ${e.theme.gap[e.gap]||`${e.gap}px`};`}
@media (max-width: ${e=>e.theme.breakpoint.laptop}) {
${e=>e.direction&&e.direction[2]&&`flex-direction: ${e.direction[2]};`}
}
@media (max-width: ${e=>e.theme.breakpoint.tablet}) {
${e=>e.direction&&e.direction[1]&&`flex-direction: ${e.direction[1]};`}
}
@media (max-width: ${e=>e.theme.breakpoint.mobile}) {
${e=>e.direction&&e.direction[0]&&`flex-direction: ${e.direction[0]};`}
}
`;tr.displayName="KitchnContainer";var et=c(tr),C=et;import{createGlobalStyle as Qi}from"styled-components";import{css as Yi}from"styled-components";var or=Yi`
body {
font-family:
-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Fira Sans",
Avenir, "Helvetica Neue", "Lucida Grande", sans-serif;
background-color: ${({theme:e})=>e.colors.layout.darkest};
}
option {
background-color: ${({theme:e})=>e.colors.layout.darkest};
}
/* scrollbar */
html,
body {
scrollbar-color: ${({theme:e})=>e.colors.layout.dark}
${({theme:e})=>e.colors.layout.darkest};
}
::-webkit-scrollbar {
width: 5px;
/* for vertical scrollbars */
height: 5px;
/* for horizontal scrollbars */
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: ${({theme:e})=>e.colors.layout.dark};
height: 5px;
border-radius: 5px;
}
::-webkit-scrollbar-track-piece {
height: 30px;
}
/* fonts */
body,
input,
button,
textarea,
select,
option {
font-family: ${({theme:e})=>e.family.primary};
font-size: ${({theme:e})=>e.size.normal};
font-weight: ${({theme:e})=>e.weight.regular};
text-align: left;
color: ${({theme:e})=>e.colors.text.lightest};
line-height: 1.25;
}
span {
line-height: 1;
}
strong,
b {
font-weight: ${e=>e.theme.weight.bold};
}
a {
text-decoration: none;
color: inherit;
cursor: pointer;
&:hover {
filter: brightness(0.8);
}
}
pre,
code {
font-family: ${({theme:e})=>e.family.monospace};
span {
font-family: ${({theme:e})=>e.family.monospace};
}
}
`;import{css as Xi}from"styled-components";var rr=Xi`
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote::before,
blockquote:after,
q::before,
q::after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
`;import{css as Ji}from"styled-components";var Zi=(e,t,o)=>(o=o.trim(),`
${e==="class"?`:root.${o}`:`[${e}="${o}"]`} {
${lt(t[o],ne)}
}
`),nr=Ji`
${({staticThemes:e,attribute:t})=>`
:root {
${lt(e.light,ne)}
}
${Object.keys(e).filter(o=>o!=="light").map(o=>Zi(t,e,o))}
`}
`;var ea=Qi`
${rr}
${nr}
${or}
`;var ir=ea;import ta from"react";import oa from"styled-components";var ar=oa(({children:e,truncate:t,size:o,weight:r,color:n,accent:i,align:a,transform:p,decoration:u,lineHeight:l,wrap:m,monospace:f,h1:g,h2:d,h3:b,h4:h,h5:x,h6:P,b:T,i:$,span:H,em:E,pre:w,...N})=>ta.createElement(g?"h1":d?"h2":b?"h3":h?"h4":x?"h5":P?"h6":T?"b":$?"i":H?"span":E?"em":w?"pre":"p",{role:"text",...N},e))`
font-size: ${e=>e.size!==void 0?e.theme.size[e.size]||q(e.size):e.theme.size.normal};
font-weight: ${e=>e.weight?e.theme.weight[e.weight]||e.weight:e.b?e.theme.weight.bold:e.theme.weight.regular};
color: ${e=>e.theme.colors.accent[e.accent]||e.theme.colors.text[e.color]||e.color||e.theme.colors.text.lightest};
text-align: ${e=>e.align||"left"};
text-transform: ${e=>e.transform||"initial"};
text-decoration: ${e=>e.decoration||"none"};
line-height: ${e=>e.lineHeight||1.25};
white-space: ${e=>e.wrap!==void 0?e.wrap?"normal":"nowrap":"normal"};
font-family: ${e=>e.monospace&&e.theme.family.monospace?"monospace":e.theme.family.primary};
${e=>e.truncate&&`
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
${Number(e.truncate)>1?`
display: -webkit-box;
-webkit-line-clamp: ${e.truncate};
-webkit-box-orient: vertical;
white-space: normal;
`:""}
`}
span {
line-height: ${e=>e.lineHeight||1};
}
em {
font-style: italic;
}
`;ar.displayName="KitchnText";var tt=c(ar),v=tt;import bt,{useMemo as sr}from"react";import{createPortal as ra}from"react-dom";import na from"styled-components";var lr=na(e=>{let t=_("toast"),[,o,r]=Ee(!1),{toasts:n,updateToasts:i,toastLayout:a,lastUpdateToastId:p}=ct(),u=sr(()=>a,[a]),l=sr(()=>n.map(f=>bt.createElement(pr,{toast:f,layout:u,key:f._internalIdent})),[n,u]),m=f=>{if(o(f),f)return i(g=>g.map(d=>d.visible?(d._timeout&&window.clearTimeout(d._timeout),{...d,timeout:null}):d));i(g=>g.map((d,b)=>d.visible?(d._timeout&&window.clearTimeout(d._timeout),{...d,_timeout:(()=>{let h=window.setTimeout(()=>{d.cancel(),window.clearTimeout(h)},d.delay+b*100);return h})()}):d))};return bt.useEffect(()=>{let f=n.findIndex(b=>b._internalIdent===p),g=n[f];!g||g.visible||!r.current||n.find((b,h)=>h<f&&b.visible)||!r.current||m(!1)},[n,p]),bt.useEffect(()=>{let f=null,g=window.setInterval(()=>{n.length!==0&&(f=window.setTimeout(()=>{!n.find(b=>b.visible)&&i(()=>[]),f&&clearTimeout(f)},350))},5e3);return()=>{g&&clearInterval(g),f&&clearTimeout(f)}},[n]),!t||!n||n.length===0?null:ra(bt.createElement("div",{onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),...e},l),t)})`
position: fixed;
width: auto;
max-width: 100%;
right: ${({theme:e})=>e.gap.normal};
bottom: ${({theme:e})=>e.gap.normal};
z-index: 2000;
transition: all 400ms ease;
box-sizing: border-box;
display: flex;
flex-direction: column;
`;lr.displayName="KitchnToastContainer";var ia=c(lr),cr=ia;var ca=({show:e})=>{let[t,o]=z.useState(!1),{isMobile:r,isTablet:n,isLaptop:i,isDesktop:a}=ge();if(z.useEffect(()=>{o(!0)},[]),!t||!e||!fo())return null;let p="unknown";return r?p="mobile":n?p="tablet":i?p="laptop":a&&(p="desktop"),z.createElement(C,{position:"fixed",bottom:"small",left:"small",zIndex:1e3},z.createElement(Zo,{type:"primary"},z.createElement(v,{size:"inherit",color:"inherit",span:!0},p)))},mr=({children:e,enableSystem:t=!0,defaultTheme:o=t?"system":"dark",themes:r={},forcedTheme:n,attribute:i="data-theme",dangerouslyDisableNextThemeProvider:a,showBreakpointBadge:p=!0})=>{let u={...Je,...r},l=z.useMemo(()=>Po(u),[r]),[m,f]=z.useState(null),[g,d,b]=Ee([]),[h,x,P]=Ee(ze),T=w=>{let N=w(b.current);d(N)},$=w=>{let N=w(P.current);x(N)},H=w=>{f(w())},E=z.useMemo(()=>({toasts:g,toastLayout:h,updateToasts:T,lastUpdateToastId:m,updateToastLayout:$,updateLastToastId:H}),[g,h,m]);return z.createElement(ma,{storageKey:`${ne}-theme`,defaultTheme:o,enableSystem:t,themes:Object.keys(l).map(w=>w.toString()),forcedTheme:n,dangerouslyDisableNextThemeProvider:a,attribute:i},z.createElement(la,{shouldForwardProp:pa,enableVendorPrefixes:!0},z.createElement(Co,{themes:l},z.createElement(ir,{staticThemes:u,attribute:i}),z.createElement(Kt.Provider,{value:E},e,z.createElement(cr,null),z.createElement(ca,{show:p})))))},pa=(e,t)=>typeof t=="string"?aa(e):!0,ma=({children:e,dangerouslyDisableNextThemeProvider:t,...o})=>t?z.createElement(z.Fragment,null,e):z.createElement(sa,{...o},e);mr.displayName="KitchnProvider";var Tf=c(mr);import Ut from"react";import dr from"styled-components";var ur=dr(({size:e=30,src:t,text:o,shape:r,username:n,...i})=>Ut.createElement("div",{role:"img","aria-label":o||"Avatar",...i},o&&!t&&Ut.createElement(v,{size:"0.4em"},go(o)),t&&Ut.createElement(da,{src:n?`https://tonightpass.com/@${n}.png`:t,shape:r,alt:"Avatar",width:e,height:e,draggable:!1})))`
width: ${({size:e})=>q(e||30)};
height: ${({size:e})=>q(e||30)};
border-radius: ${({shape:e,theme:t})=>e==="square"?t.radius.square:t.radius.round};
border: 1px solid ${({theme:e})=>e.colors.layout.dark};
font-size: ${({size:e})=>q(e||30)};
display: flex;
align-items: center;
justify-content: center;
text-align: center;
user-select: none;
background-color: ${({theme:e})=>e.colors.layout.darker};
transition: all 0.2s;
overflow: hidden;
`,da=dr.img`
width: 100%;
height: 100%;
object-fit: cover;
border-radius: ${({shape:e,theme:t})=>e==="square"?t.radius.square:t.radius.round};
`;ur.displayName="KitchnAvatar";var ua=c(ur),xt=ua;import qt from"react";import fa from"styled-components";var fr=fa(({members:e,size:t,limit:o,...r})=>qt.createElement("div",{role:"group","aria-label":"Avatar Group",...r},e.slice(0,o||e.length).map((n,i)=>qt.createElement(xt,{key:i,size:t,...n})),o&&e.length>o&&qt.createElement(v,{size:"small"},"+",e.length-o)))`
display: flex;
align-items: center;
${v} {
margin-left: ${({theme:e})=>e.gap.tiny};
}
${xt} {
margin-left: -10px;
${v} {
margin-left: 0;
}
&:first-child {
margin-left: 0;
}
}
&:hover {
${xt} {
margin-left: 0;
}
}
`;fr.displayName="KitchnAvatarGroup";var Bf=c(fr);import We from"react";import Pt,{useTheme as ba}from"styled-components";import yt from"react";import ga from"styled-components";import{keyframes as Y}from"styled-components";var Wf=Y`
0% {
opacity: 0;
}
to {
opacity: 1;
}
`,Kf=Y`
0% {
opacity: 1;
}
to {
opacity: 0;
}
`,gr=Y`
from {
opacity: 0;
transform: translate3d(0, -70%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
`,hr=Y`
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -70%, 0);
}
`,Of=Y`
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-10px);
}
100% {
transform: translatey(0px);
}
`,_f=Y`
0% {
background-position: 0% 0;
}
50% {
background-position: 100% 0;
}
100% {
background-position: 0% 0;
}
`,Gf=Y`
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
`,br=Y`
0%,
80%,
100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
`,Vf=Y`
0% {
background-position: 200% 0;
}
to {
background-position: -200% 0;
}
`,xr=Y`
0% {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
`,yr=Y`
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
`;var Pr=ga(({...e})=>yt.createElement("div",{role:"status","aria-label":"Loading",...e},yt.createElement("div",{className:"bounce1"}),yt.createElement("div",{className:"bounce2"}),yt.createElement("div",{className:"bounce3"})))`
display: flex;
align-items: center;
justify-content: center;
width: ${({size:e})=>e||50}px;
height: ${({size:e})=>e||50}px;
text-align: center;
div {
width: 25%;
height: 25%;
background-color: ${({color:e,theme:t})=>e||t.colors.accent.light};
border-radius: 100%;
display: inline-block;
animation: ${br} 1.4s infinite ease-in-out both;
}
.bounce1 {
animation-delay: -0.32s;
}
.bounce2 {
animation-delay: -0.16s;
}
`;Pr.displayName="KitchnSpinner";var ha=c(Pr),Cr=ha;var vr=We.forwardRef(({as:e="button",children:t,loading:o,size:r,width:n,prefix:i,suffix:a,type:p,htmlType:u="button",...l},m)=>{let f=ba();return We.createElement(e,{ref:m,"aria-label":t?void 0:"Button","aria-busy":o?"true":void 0,"aria-disabled":l.disabled?"true":void 0,role:"button",type:u,...l},(i||o)&&We.createElement(ya,{hasContent:t!==void 0},o?We.createElement(Cr,{size:r?r==="small"?12:r==="large"?20:16:16,color:f.colors.text.dark}):i),We.createElement(xa,{width:n},t),a&&We.createElement(Pa,null,a))});vr.displayName="Button";var Tr=Pt(vr)`
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
outline: none;
transition: all 0.2s;
line-height: 1;
user-select: none;
font-weight: ${({theme:e})=>e.weight.bold};
font-family: ${({theme:e})=>e.family.primary};
cursor: ${e=>e.disabled||e.loading?"not-allowed":"pointer"};
border-radius: ${({shape:e})=>e==="round"?"99999px":"8px"};
width: ${({width:e})=>e?Z(e)?`${e}px`:e:"auto"};
padding: ${e=>{switch(e.size){case"small":return"6px 8px";case"large":return"12px 16px";case"normal":default:return"8px 12px"}}};
color: ${e=>{if(e.loading||e.disabled)return`${e.theme.colors.text.light}`;if(e.variant==="ghost")switch(e.type){case"light":return e.theme.colors.text.lightest;case"dark":return e.theme.colors.text.light;case"info":return e.theme.colors.accent.info;case"success":return e.theme.colors.accent.success;case"warning":return e.theme.colors.accent.warning;case"danger":return e.theme.colors.accent.danger;case"secondary":return e.theme.colors.accent.secondary;case"primary":return e.theme.colors.accent.primary}switch(e.type){case"light":return e.theme.colors.text.darkest;case"dark":return e.theme.colors.text.lightest;default:return e.theme.colors.accent.light}}};
background: ${e=>{if(e.loading||e.disabled)return`${e.theme.colors.layout.darker}`;if(e.variant==="ghost")return"transparent";switch(e.type){case"dark":return e.theme.colors.layout.darkest;case"light":return e.theme.colors.layout.lightest;case"info":return e.theme.colors.accent.info;case"success":return e.theme.colors.accent.success;case"warning":return e.theme.colors.accent.warning;case"danger":return e.theme.colors.accent.danger;case"secondary":return e.theme.colors.accent.secondary;case"primary":default:return e.theme.colors.accent.primary}}};
border: ${e=>{if(e.loading||e.disabled)return`1px solid ${e.theme.colors.layout.dark}`;if(e.variant==="ghost")return"1px solid transparent";switch(e.type){case"dark":return`1px solid ${e.theme.colors.layout.dark}`;case"light":return`1px solid ${e.theme.colors.layout.lightest}`;case"info":return`1px solid ${e.theme.colors.accent.info}`;case"success":return`1px solid ${e.theme.colors.accent.success}`;case"warning":return`1px solid ${e.theme.colors.accent.warning}`;case"danger":return`1px solid ${e.theme.colors.accent.danger}`;case"secondary":return`1px solid ${e.theme.colors.accent.secondary}`;case"primary":default:return`1px solid ${e.theme.colors.accent.secondary}`}}};
font-size: ${e=>{switch(e.size){case"small":return e.theme.size.small;case"large":return e.theme.size.medium;case"normal":default:return e.theme.size.normal}}};
&:hover {
${e=>e.hover?.background&&`background: ${e.hover.background}`};
${e=>e.hover?.color&&`color: ${e.hover.background}`};
background: ${e=>{if(e.variant==="ghost")switch(e.type){case"light":return y(e.theme.colors.layout.lightest,.25);case"dark":return y(e.theme.colors.layout.light,.25);case"info":return y(e.theme.colors.accent.info,.25);case"success":return y(e.theme.colors.accent.success,.25);case"warning":return y(e.theme.colors.accent.warning,.25);case"danger":return y(e.theme.colors.accent.danger,.25);case"secondary":return y(e.theme.colors.accent.secondary,.25);case"primary":return y(e.theme.colors.accent.primary,.25)}return""}};
border: ${e=>{if(e.loading||e.disabled)return`1px solid ${e.theme.colors.layout.dark}`;if(e.variant==="ghost")return`1px solid ${y(e.theme.colors.accent.light,.25)}`;switch(e.type){case"dark":return`1px solid ${e.theme.colors.layout.light}`;case"light":case"info":case"success":case"warning":case"danger":case"secondary":return`1px solid ${y(e.theme.colors.accent.light,.25)}`;case"primary":default:return`1px solid ${e.theme.colors.accent.secondary}`}}};
&:focus {
filter: brightness(
${e=>e.disabled||e.loading?"1":"0.8"}
);
}
}
`,xa=Pt.span`
font-weight: ${({theme:e})=>e.weight.semiBold};
font-size: inherit;
font-family: inherit;
color: inherit;
${({width:e})=>e&&"text-overflow: ellipsis; overflow: hidden; white-space: nowrap;"};
`,ya=Pt.span`
font-size: inherit;
color: inherit;
${({hasContent:e})=>e&&"margin-right: 7px;"}
`,Pa=Pt.span`
font-size: inherit;
margin-left: 7px;
color: inherit;
`;Tr.displayName="KitchnButton";var Ca=c(Tr),he=Ca;import{isSameDay as us,isSameMonth as jr,isValid as Ur}from"date-fns";import M from"react";import{DayPicker as fs,isDateRange as gs}from"react-day-picker";import{RiCalendarLine as hs}from"react-icons/ri";import qr,{css as bs}from"styled-components";var lg=e=>(Ne("withBox is deprecated, please use withDecorator instead."),c(e));var ug=e=>(Ne("withScale is deprecated, please use withDecorator instead."),c(e));import wr from"react";import $a,{useTheme as wa}from"styled-components";import va from"react";import Ta from"styled-components";var kr=Ta(({src:e,alt:t,htmlWidth:o,htmlHeight:r,width:n,height:i,...a})=>va.createElement("img",{src:e,alt:t,width:o,height:r,draggable:!1,...a}))`
${({objectFit:e})=>e&&`object-fit: ${e};`}
`;kr.displayName="KitchnImage";var ka=c(kr),$r=ka;var Sr=$a(({size:e,src:t,icon:o,clickable:r,...n})=>{let i=wa();return t?wr.createElement($r,{src:t,height:i.size[e]||e||i.size.normal,width:i.size[e]||e||i.size.normal,...n}):o?wr.createElement(o,{role:"img",size:i.size[e]||e||i.size.normal,height:i.size[e]||e||i.size.normal,width:i.size[e]||e||i.size.normal,...n}):null})`
user-select: none;
color: ${e=>e.theme.colors.accent[e.accent]||e.theme.colors.text[e.color]||e.color||e.theme.colors.text.lightest};
vertical-align: ${({align:e})=>{switch(e){case"top":return"text-top";case"middle":return"middle";case"bottom":return"text-bottom";default:return"middle"}}};
cursor: ${({clickable:e})=>e?"pointer":"default"};
pointer-events: ${({clickable:e})=>e?"auto":"none"};
`;Sr.displayName="KitchnIcon";var Sa=c(Sr),S=Sa;import R,{forwardRef as Aa,useImperativeHandle as Fa}from"react";import{RiCloseLine as Wa}from"react-icons/ri";import Q from"styled-components";import ie from"react";import{RiErrorWarningLine as Ea,RiExternalLinkLine as Ma}from"react-icons/ri";import be from"styled-components";var Er=be(({label:e=!0,size:t,error:o,children:r,...n})=>ie.createElement("div",{role:"alert","aria-live":"assertive",...n},ie.createElement(La,null,ie.createElement(S,{icon:Ea,accent:"danger",size:t==="small"?15:t==="large"?20:18,align:"bottom"})),ie.createElement(Ia,null,ie.createElement(Ra,{size:t,accent:"danger"},e&&ie.createElement(Da,null,typeof e=="string"?e:"Error",e?": ":""),ie.createElement(Ha,null,o?o.message:r),o&&ie.createElement(za,{href:o.link,target:"_blank",rel:"noopener noreferrer"},o.action,ie.createElement(Na,{accent:"danger",icon:Ma,size:t}))))))`
display: flex;
line-height: 1;
*,
*::before,
*::after {
box-sizing: inherit;
}
`,La=be.div``,Ia=be.div`
margin-left: 8px;
`,Ra=be(v)`
font-size: ${e=>{switch(e.size){case"small":return e.theme.size.tiny;case"large":return e.theme.size.normal;case"normal":default:return e.theme.size.small}}};
word-break: break-word;
`,Da=be.b`
font-size: inherit;
font-weight: ${({theme:e})=>e.weight.semiBold};
color: ${({theme:e})=>e.colors.accent.danger};
`,Ha=be.span`
font-size: inherit;
font-family: inherit;
color: ${({theme:e})=>e.colors.accent.danger};
`,za=be.a`
display: inline-flex;
font-size: inherit;
color: inherit;
margin-left: ${({theme:e})=>e.gap.tiny};
background-image: linear-gradient(currentColor, currentColor);
background-size: 100% 1px;
background-position: 0 100%;
background-repeat: no-repeat;
`,Na=be(S)`
margin-left: ${({theme:e})=>e.gap.tiny};
`;Er.displayName="KitchnError";var Ba=c(Er),Mr=Ba;var Ka=(e,t)=>({...t,target:e,currentTarget:e}),Lr=Aa(({size:e="normal",prefix:t,suffix:o,suffixIcon:r,onIconClick:n,clickableIcon:i,disabled:a=!1,prefixContainer:p=!0,suffixContainer:u=!0,prefixStyling:l=!0,suffixStyling:m=!0,clearable:f=!1,value:g,initialValue:d="",readOnly:b=!1,onChange:h,width:x,w:P,onClearClick:T,onFocus:$,onBlur:H,error:E,type:w,label:N,htmlType:I,...X},J)=>{let F=R.useRef(null),[re,Xe]=R.useState(d),[we,at]=R.useState(!1),[Nt,st]=R.useState(!1),Se=R.useMemo(()=>g!==void 0,[g]);Fa(J,()=>F.current);let Bt=N?Oa:R.Fragment,At={...X,...Se?{value:re}:{defaultValue:d}},mi=U=>{a||b||(at(!0),$&&$(U))},di=U=>{a||b||(Xe(U.target.value),h&&h(U))},ui=U=>{a||b||(at(!1),H&&H(U))},fi=()=>{a||b||st(!0)},gi=()=>{a||b||st(!1)},hi=U=>{if(a||b||(Xe(""),T&&T(U),!F.current))return;let po=Ka(F.current,U);po.target.value="",h&&h(po),F.current.focus()},co=U=>{a||n&&n(U)},bi=R.useMemo(()=>({clickable:i,onClick:co}),[i,co]);return R.useEffect(()=>{Se&&Xe(g)},[Se,g]),R.createElement(Bt,null,N&&R.createElement(Ya,null,N),R.createElement(_a,{disabled:a,width:x||P,size:e},t&&p&&R.createElement(Va,{size:e,disabled:a,prefixStyling:l,focus:we,error:E,type:w},t),R.createElement(Ga,{ref:F,size:e,prefix:t,suffix:o,prefixContainer:p,suffixContainer:u,suffixIcon:r,prefixStyling:l,suffixStyling:m,disabled:a,clearable:f,value:g,onChange:di,error:E,onFocus:mi,onBlur:ui,focus:we,$type:w,type:I,...At}),f&&g!==void 0&&R.createElement(Ua,{size:e,disabled:a,suffix:o,suffixContainer:u,suffixStyling:m,error:E,focus:we,type:w,visible:!!(F.current&&F.current.value!==""),lastItem:!r},R.createElement(S,{icon:Wa,onMouseEnter:fi,onMouseLeave:gi,onClick:hi,color:Nt&&!a&&!b?"lightest":"light",size:e==="small"?16:e==="large"?24:20})),r&&R.createElement(Rr,{size:e,disabled:a,suffix:o,suffixContainer:u,suffixStyling:m,error:E,focus:we,type:w,lastItem:!0},R.createElement(S,{icon:r,color:!a&&!b?"lightest":"light",size:e==="small"?16:e==="large"?24:20,...bi})),o&&u&&R.createElement(ja,{size:e,disabled:a,suffixStyling:m,focus:we,error:E,type:w},o)),E&&R.createElement(qa,{size:e,width:x||P},E))});Lr.displayName="Input";var Oa=Q(e=>R.createElement(C,{label:!0,...e}))``,Ir=Q(Lr)`
font: inherit;
width: 100%;
min-width: 0;
display: inline-flex;
appearance: none;
line-height: normal;
outline: none;
transition: border-color 0.2s ease-in-out;
-webkit-tap-highlight-color: transparent;
border-radius: ${({theme:e})=>e.radius.square};
color: ${({theme:e,error:t,type:o})=>t?e.colors.accent.danger:o?e.colors.accent[o]:e.colors.text.lightest};
background-color: ${({theme:e,disabled:t})=>t?e.colors.layout.darker:e.colors.layout.darkest};
${({disabled:e})=>e&&"cursor: not-allowed;"}
::placeholder {
color: ${({theme:e,error:t,type:o})=>t?y(e.colors.accent.danger,.5):o?y(e.colors.accent[o],.5):e.colors.text.light};
font-weight: ${({theme:e})=>e.weight.semiBold};
}
`,_a=Q.div`
display: flex;
align-items: center;
width: ${({width:e})=>e?Z(e)?`${e}px`:e:"100%"};
max-width: 100%;
font-size: ${({size:e,theme:t})=>{switch(e){case"small":return t.size.compact;case"large":return t.size.normal;case"normal":default:return t.size.small}}};
border-radius: ${({theme:e})=>e.radius.square};
${({disabled:e})=>e&&"cursor: not-allowed;"}
`,Ga=Q.input`
padding: 0 ${({theme:e})=>e.gap.small};
height: ${e=>{switch(e.size){case"small":return"30px";case"large":return"50px";case"normal":default:return"40px"}}};
font-size: inherit;
border: 1px solid
${({theme:e,error:t,focus:o,$type:r})=>t?e.colors.accent.danger:r?e.colors.accent[r]:o?e.colors.layout.lighter:e.colors.layout.dark};
${({prefix:e,prefixContainer:t})=>e&&t&&`
border-top-left-radius: 0;
border-bottom-left-radius: 0;
`}
${({suffix:e,suffixContainer:t,suffixIcon:o,clearable:r,value:n})=>(e&&t||o||r&&n!==void 0)&&`
border-top-right-radius: 0;
border-bottom-right-radius: 0;
`}
${({prefix:e,prefixContainer:t,prefixStyling:o})=>e&&t&&!o&&"border-left: none;"}
${({suffix:e,suffixContainer:t,suffixIcon:o,suffixStyling:r,clearable:n,value:i})=>(e&&t&&!r||o||n&&i!==void 0)&&"border-right: none;"}
`,Va=Q.span`
display: flex;
align-items: center;
flex-shrink: 0;
color: ${({theme:e})=>e.colors.text.light};
border: 1px solid
${({theme:e,error:t,focus:o,prefixStyling:r,type:n})=>t&&!r?e.colors.accent.danger:n&&!r?e.colors.accent[n]:o&&!r?e.colors.layout.lighter:e.colors.layout.dark};
border-right: none;
font-size: inherit;
transition: border-color 0.2s ease-in-out;
border-radius: ${({theme:e})=>e.radius.square} 0 0
${({theme:e})=>e.radius.square};
padding: 0 ${({theme:e})=>e.gap.small};
background-color: ${({theme:e,prefixStyling:t,disabled:o})=>t||o?e.colors.layout.darker:e.colors.layout.darkest};
height: ${e=>{switch(e.size){case"small":return"30px";case"large":return"50px";case"normal":default:return"40px"}}};
svg {
width: ${({size:e})=>e==="small"?16:e==="large"?24:20}px;
height: ${({size:e})=>e==="small"?16:e==="large"?24:20}px;
}
`,ja=Q.span`
flex-shrink: 0;
display: flex;
align-items: center;
flex-shrink: 0;
color: ${({theme:e})=>e.colors.text.light};
border: 1px solid
${({theme:e,error:t,focus:o,suffixStyling:r,type:n})=>t&&!r?e.colors.accent.danger:n&&!r?e.colors.accent[n]:o&&!r?e.colors.layout.lighter:e.colors.layout.dark};
border-left: none;
font-size: inherit;
transition: border-color 0.2s ease-in-out;
border-radius: 0 ${({theme:e})=>e.radius.square}
${({theme:e})=>e.radius.square} 0;
padding: 0 ${({theme:e})=>e.gap.small};
background-color: ${({theme:e,suffixStyling:t,disabled:o})=>t||o?e.colors.layout.darker:e.colors.layout.darkest};
height: ${e=>{switch(e.size){case"small":return"30px";case"large":return"50px";case"normal":default:return"40px"}}};
svg {
width: ${({size:e})=>e==="small"?16:e==="large"?24:20}px;
height: ${({size:e})=>e==="small"?16:e==="large"?24:20}px;
}
`,Rr=Q.span`
display: flex;
align-items: center;
flex-shrink: 0;
transition: border-color 0.2s ease-in-out;
color: ${({theme:e})=>e.colors.text.light};
border: 1px solid
${({theme:e,error:t,focus:o,type:r})=>t?e.colors.accent.danger:r?e.colors.accent[r]:o?e.colors.layout.lighter:e.colors.layout.dark};
border-left: none;
padding-right: ${({theme:e,lastItem:t})=>t?e.gap.small:e.gap.tiny};
${({theme:e,disabled:t})=>t&&`background-color: ${e.colors.layout.darker};`};
${({theme:e,suffix:t,suffixContainer:o})=>t&&o?`
border-top-right-radius: 0;
border-bottom-right-radius: 0;
`:`
border-radius: 0 ${e.radius.square}
${e.radius.square} 0;
`}
${({suffix:e,suffixContainer:t,suffixStyling:o,lastItem:r})=>(e&&t&&!o||!r)&&"border-right: none;"}
height: ${e=>{switch(e.size){case"small":return"30px";case"large":return"50px";case"normal":default:return"40px"}}};
${S} {
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
}
`,Ua=Q(Rr)`
${S} {
transition:
color,
opacity 0.2s ease-in-out;
opacity: ${({visible:e})=>e?1:0};
pointer-events: ${({visible:e})=>e?"auto":"none"};
}
`,qa=Q(Mr)`
margin-top: ${({theme:e})=>e.gap.tiny};
width: ${({width:e})=>e?Z(e)?`${e}px`:e:"auto"};
`,Ya=Q(e=>R.createElement(v,{size:"compact",weight:"medium",mb:"tiny",color:"light",span:!0,...e}))``;Ir.displayName="KitchnInput";var Xa=c(Ir),W=Xa;import ae,{Children as Or}from"react";import Oe,{css as Xt}from"styled-components";import ot from"react";import Ja from"styled-components";var Dr=Ja(({as:e="a",href:t,className:o,disabled:r,onClick:n,variant:i,children:a,...p})=>{let[u,l]=ot.useState(null);ot.useEffect(()=>{(async()=>{try{let{default:g}=await import("next/link");l(g)}catch{}})()},[]),r=r||!n&&!t;let m=f=>{if(r)return f.preventDefault();n&&n(f)};return fe(t)&&!t.match(/^(\/(?!\/)[^#]*|#.*)$/)?ot.createElement(e,{"aria-disabled":r,href:t,className:o,target:"_blank",rel:"noopener noreferrer",onClick:m,...p},a):t&&u?ot.createElement(u,{"aria-disabled":r,href:t,className:o,onClick:m,...p},a):ot.createElement(e,{"aria-disabled":r,className:o,onClick:m,href:t,variant:i,...p},a)})`
box-sizing: border-box;
display: inline-flex;
font-weight: ${({theme:e,variant:t})=>t==="blend"&&e.weight.medium};
text-decoration: none;
transition:
opacity 0.2s ease-in-out,
filter 0.2s ease-in-out;
line-height: 1.25;
${({variant:e})=>e==="blend"&&`
background-image: linear-gradient(currentColor, currentColor);
background-size: 100% 1px;
background-position: 0 100%;
background-repeat: no-repeat;`};
color: ${({theme:e,variant:t})=>t==="highlight"?e.colors.accent.primary:t==="blend"?"inherit":t==="secondary"?e.colors.text.lighter:"inherit"};
&:hover {
${({theme:e,disabled:t,variant:o,onClick:r,href:n})=>(t=t||!r&&!n,`
cursor: ${t?"default":"pointer"};
filter: ${o&&o!=="blend"||t?"none":"brightness(0.8)"};
${o==="secondary"?`
background-image: linear-gradient(currentColor, currentColor);
background-size: 100% 1px;
background-position: 0 100%;
background-repeat: no-repeat;
color: ${e.colors.text.lightest};`:""};
`)}
}
`;Dr.displayName="KitchnLink";var Za=c(Dr),Me=Za;import Ie from"react";import is,{css as as}from"styled-components";import Ke from"react";import{createPortal as os}from"react-dom";import Yt from"styled-components";var Hr=e=>{let t={topLeft:"translate(-60px, -60px)",topRight:"translate(60px, -60px)",bottomLeft:"translate(-60px, 60px)",bottomRight:"translate(60px, 60px)"},o={topLeft:"translate(-50px, 15px) scale(0.85)",topRight:"translate(50px, 15px) scale(0.85)",bottomLeft:"translate(-50px, -15px) scale(0.85)",bottomRight:"translate(50px, -15px) scale(0.85)"};return{enter:t[e],leave:o[e]}};var th=e=>!!e?.current;var zr={top:"-1000px",left:"-1000px",transform:"none"},Qa={top:-1e3,left:-1e3,right:-1e3,bottom:-1e3,width:0,height:0},Ct=e=>{if(!e||!e.current)return Qa;let t=e.current.getBoundingClientRect();return{...t,width:t.width||t.right-t.left,height:t.height||t.bottom-t.top,top:t.top+document.documentElement.scrollTop,bottom:t.bottom+document.documentElement.scrollTop,left:t.left+document.documentElement.scrollLeft,right:t.right+document.documentElement.scrollLeft}},Nr=(e,t,o)=>{let r={top:{top:`${t.top-o}px`,left:`${t.left+t.width/2}px`,transform:"translate(-50%, -100%)"},topStart:{top:`${t.top-o}px`,left:`${t.left}px`,transform:"translate(0, -100%)"},topEnd:{top:`${t.top-o}px`,left:`${t.left+t.width}px`,transform:"translate(-100%, -100%)"},bottom:{top:`${t.bottom+o}px`,left:`${t.left+t.width/2}px`,transform:"translate(-50%, 0)"},bottomStart:{top:`${t.bottom+o}px`,left:`${t.left}px`,transform:"translate(0, 0)"},bottomEnd:{top:`${t.bottom+o}px`,left:`${t.left+t.width}px`,transform:"translate(-100%, 0)"},left:{top:`${t.top+t.height/2}px`,left:`${t.left-o}px`,transform:"translate(-100%, -50%)"},leftStart:{top:`${t.top}px`,left:`${t.left-o}px`,transform:"translate(-100%, 0)"},leftEnd:{top:`${t.top+t.height}px`,left:`${t.left-o}px`,transform:"translate(-100%, -100%)"},right:{top:`${t.top+t.height/2}px`,left:`${t.right+o}px`,transform:"translate(0, -50%)"},rightStart:{top:`${t.top}px`,left:`${t.right+o}px`,transform:"translate(0, 0)"},rightEnd:{top:`${t.top+t.height}px`,left:`${t.right+o}px`,transform:"translate(0, -100%)"}};return r[e]||r.top},Br=(e,t,o,r="3px")=>{let n={top:{top:"auto",right:"auto",left:"50%",bottom:`${r}`,transform:"translate(-50%, 100%) rotate(-90deg)"},topStart:{top:"auto",right:"auto",left:`${t}`,bottom:`${r}`,transform:"translate(0, 100%) rotate(-90deg)"},topEnd:{top:"auto",right:`${t}`,left:"auto",bottom:`${r}`,transform:"translate(0, 100%) rotate(-90deg)"},bottom:{top:`${r}`,right:"auto",left: