kitchn
Version:
Tonight Pass delicious React styled-components UI kit
723 lines (664 loc) • 146 kB
JavaScript
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client"
var _chunkDNEPB34Ecjsjs = require('./chunk-DNEPB34E.cjs.js');var _chunk6WCWBCQVcjsjs = require('./chunk-6WCWBCQV.cjs.js');var _styledcomponents = require('styled-components'); var _styledcomponents2 = _interopRequireDefault(_styledcomponents);var _deepmergets = require('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=>_deepmergets.deepmerge.call(void 0, ho,e),Je= exports.defaultThemes ={dark:xo(_chunkDNEPB34Ecjsjs.a),light:xo(_chunkDNEPB34Ecjsjs.b)},yi= exports.excludedProperties =["name","size","breakpoint","gap","radius"],yo= exports.createThemeVariables =(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= exports.convertThemeToCssVariables =(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= exports.generateThemes =e=>{let t={};for(let o in e)t[o]=yo(e[o],ne);return t};var _ispropvalid = require('@emotion/is-prop-valid'); var _ispropvalid2 = _interopRequireDefault(_ispropvalid);var _nextthemes = require('next-themes');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var Wt=_react2.default.createContext({theme:Je.dark,setTheme:e=>{},setThemeStyle:e=>{},resolvedTheme:"system",systemTheme:"system",forcedTheme:void 0,themes:Je}),Co= exports.ThemeProvider =({children:e,themes:t,...o})=>{let r=_nextthemes.useTheme.call(void 0, ),[n,i]=_react2.default.useState(t[r.resolvedTheme]||t.dark);return _react2.default.useEffect(()=>{i(t[r.resolvedTheme]||t.dark)},[r.resolvedTheme,i]),_react2.default.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},_react2.default.createElement(_styledcomponents.ThemeProvider,{theme:n},e))};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= exports.ToastsContent =_react2.default.createContext(vi),ct= exports.useToastsContext =()=>_react2.default.useContext(Kt);var To=_styledcomponents.css`
${({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};`}
`;var ko=(e,t)=>e.radius[t]||q(t),$o= exports.borderCss =_styledcomponents.css`
${({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(`
`)}
`;var wo=_styledcomponents.css`
${({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)};`:""}
`;var So=_styledcomponents.css`
${({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)};`:""}
`;var Eo=_styledcomponents.css`
${({position:e,pos:t})=>(_nullishCoalesce(e, () => (t)))!==void 0?`position: ${_nullishCoalesce(e, () => (t))};`:""}
${({zIndex:e,zi:t})=>(_nullishCoalesce(e, () => (t)))!==void 0?`z-index: ${_nullishCoalesce(e, () => (t))};`:""}
${({theme:e,left:t,l:o})=>(_nullishCoalesce(t, () => (o)))!==void 0?`left: ${k(e,_nullishCoalesce(t, () => (o)))};`:""}
${({theme:e,right:t,r:o})=>(_nullishCoalesce(t, () => (o)))!==void 0?`right: ${k(e,_nullishCoalesce(t, () => (o)))};`:""}
${({theme:e,top:t,t:o})=>(_nullishCoalesce(t, () => (o)))!==void 0?`top: ${k(e,_nullishCoalesce(t, () => (o)))};`:""}
${({theme:e,bottom:t,b:o})=>(_nullishCoalesce(t, () => (o)))!==void 0?`bottom: ${k(e,_nullishCoalesce(t, () => (o)))};`:""}
`;var q=e=>_chunkDNEPB34Ecjsjs.d.call(void 0, e)?`${e}px`:e,k= exports.handleValue =(e,t)=>e.gap[t]||e.breakpoint[t]||q(t),Mi= exports.handleFont =(e,t)=>e.size[t]||q(t),c= exports.withDecorator =(e,t=[])=>{let o=_react2.default.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 _react2.default.createElement(e,{...i,ref:n})});return o.displayName=`WithDecorator(${e.displayName||e.name||"Component"})`,_styledcomponents2.default.call(void 0, 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=_styledcomponents.css`
${({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)};`:""}
`;function Qe(e){let t=i=>typeof window<"u"?window.matchMedia(i).matches:!1,[o,r]=_react2.default.useState(t(e));function n(){r(t(e))}return _react2.default.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=_styledcomponents.useTheme.call(void 0, );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})`)}};var Am=(e=!1)=>{let[t,o]=_react2.default.useState(e);return[t,()=>o(n=>!n)]};var pt=e=>{_react2.default.useEffect(()=>{let t=o=>e(o);return document.addEventListener("click",t),()=>document.removeEventListener("click",t)},[e])};var Ro=(e,t)=>{let o=_react2.default.useRef(t);_react2.default.useEffect(()=>{o.current=t},[t]),_react2.default.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])};var mt=()=>!!(typeof window<"u"&&window.document&&window.document.createElement);var Ho=()=>{let[e,t]=_react2.default.useState(!1);return _react2.default.useEffect(()=>{t(mt())},[]),{isBrowser:e,isServer:!e}};var No=e=>document.createElement(e),_= exports.usePortal =(e=_chunkDNEPB34Ecjsjs.e.call(void 0, ),t)=>{let o=`${ne}-portal-${e}`,{isBrowser:r}=Ho(),[n,i]=_react2.default.useState(r?No(o):null);return _react2.default.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= exports.useWarning =(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= exports.useClipboard =(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 (e2){e.onError&&e.onError()}a.removeAllRanges(),n&&(n.textContent="")};return{copy:_react2.default.useCallback(n=>{o(t,n)},[t])}};var Bi={visible:!1},dt= exports.ComboboxContext =_react2.default.createContext(Bi);var ut=()=>_react2.default.useContext(dt);var Ee=e=>{let[t,o]=_react2.default.useState(()=>typeof e=="function"?e():e),r=_react2.default.useRef(e);return _react2.default.useEffect(()=>{r.current=t},[t]),[t,i=>{let a=typeof i=="function"?i(r.current):i;r.current=a,o(a)},r]};var Fo=(e,t=()=>{})=>{let o={attributes:!1,childList:!0,subtree:!0};_react2.default.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])};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= exports.KeyMod =(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=_react2.default.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]);_react2.default.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)}}};var Dd=()=>{let[e,t]=_react2.default.useState(!1),o=_react2.default.useCallback(()=>t(!0),[]),r=_react2.default.useCallback(()=>t(!1),[]);return[e,o,r]};var Go=e=>{let t=_react2.default.useRef(null);return _react2.default.useEffect(()=>{t.current=e}),t?t.current:null};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= exports.getRefRect =(e,t)=>{if(!e||!e.current)return Ae;let o=e.current.getBoundingClientRect();return jo(o,t)},Ki= exports.getEventRect =(e,t)=>{let o=_optionalChain([e, 'optionalAccess', _2 => _2.currentTarget, 'optionalAccess', _3 => _3.getBoundingClientRect, 'call', _4 => _4()]);return o?jo(o,t):Ae},Uo= exports.isUnplacedRect =e=>e?e.top===Ae.top&&e.left===Ae.left:!0,Fe= exports.useRect =e=>{let[t,o]=_react2.default.useState(e||Ae);return{rect:t,setRect:(i,a)=>{o(Ki(i,a))},setRectWithRef:(i,a)=>{o(gt(i,a))}}};var ht=(e,t=!0)=>{_react2.default.useEffect(()=>{let o=()=>e();return t&&o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[])};var qo=()=>({..._react2.default.useContext(Wt)});var Yo={delay:2e3,type:"primary"},Xo= exports.useToasts =e=>{let{updateToasts:t,toasts:o,updateToastLayout:r,updateLastToastId:n}=ct();_react2.default.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-${_chunkDNEPB34Ecjsjs.e.call(void 0, )}`;if(m.id&&o.find(P=>P.id===m.id))throw new Error('Toast: Already have the same key: "ident"');let g=_nullishCoalesce(_optionalChain([m, 'access', _5 => _5.actions, 'optionalAccess', _6 => _6.some, 'call', _7 => _7(x=>!x.passive)]), () => (!1)),d=_nullishCoalesce(_nullishCoalesce(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:_optionalChain([m, 'access', _8 => _8.actions, 'optionalAccess', _9 => _9.map, 'call', _10 => _10(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})))}}};var Jo=_styledcomponents2.default.call(void 0, ({children:e,...t})=>_react2.default.createElement("span",{role:"status","aria-live":"polite",...t},e&&_chunkDNEPB34Ecjsjs.j.call(void 0, e)?_chunkDNEPB34Ecjsjs.g.call(void 0, 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;var er=_react2.default.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)=>_react2.default.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=_styledcomponents2.default.call(void 0, 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;var or=_styledcomponents.css`
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};
}
}
`;var rr=_styledcomponents.css`
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;
}
`;var Zi=(e,t,o)=>(o=o.trim(),`
${e==="class"?`:root.${o}`:`[${e}="${o}"]`} {
${lt(t[o],ne)}
}
`),nr= exports.themeCss =_styledcomponents.css`
${({staticThemes:e,attribute:t})=>`
:root {
${lt(e.light,ne)}
}
${Object.keys(e).filter(o=>o!=="light").map(o=>Zi(t,e,o))}
`}
`;var ea=_styledcomponents.createGlobalStyle`
${rr}
${nr}
${or}
`;var ir=ea;var ar=_styledcomponents2.default.call(void 0, ({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})=>_react2.default.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;var _reactdom = require('react-dom');var lr=_styledcomponents2.default.call(void 0, e=>{let t=_("toast"),[,o,r]=Ee(!1),{toasts:n,updateToasts:i,toastLayout:a,lastUpdateToastId:p}=ct(),u=_react.useMemo.call(void 0, ()=>a,[a]),l=_react.useMemo.call(void 0, ()=>n.map(f=>_react2.default.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 _react2.default.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]),_react2.default.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:_reactdom.createPortal.call(void 0, _react2.default.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]=_react2.default.useState(!1),{isMobile:r,isTablet:n,isLaptop:i,isDesktop:a}=ge();if(_react2.default.useEffect(()=>{o(!0)},[]),!t||!e||!_chunkDNEPB34Ecjsjs.f.call(void 0, ))return null;let p="unknown";return r?p="mobile":n?p="tablet":i?p="laptop":a&&(p="desktop"),_react2.default.createElement(C,{position:"fixed",bottom:"small",left:"small",zIndex:1e3},_react2.default.createElement(Zo,{type:"primary"},_react2.default.createElement(v,{size:"inherit",color:"inherit",span:!0},p)))},mr= exports.KitchnProviderComponent =({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=_react2.default.useMemo(()=>Po(u),[r]),[m,f]=_react2.default.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=_react2.default.useMemo(()=>({toasts:g,toastLayout:h,updateToasts:T,lastUpdateToastId:m,updateToastLayout:$,updateLastToastId:H}),[g,h,m]);return _react2.default.createElement(ma,{storageKey:`${ne}-theme`,defaultTheme:o,enableSystem:t,themes:Object.keys(l).map(w=>w.toString()),forcedTheme:n,dangerouslyDisableNextThemeProvider:a,attribute:i},_react2.default.createElement(_styledcomponents.StyleSheetManager,{shouldForwardProp:pa,enableVendorPrefixes:!0},_react2.default.createElement(Co,{themes:l},_react2.default.createElement(ir,{staticThemes:u,attribute:i}),_react2.default.createElement(Kt.Provider,{value:E},e,_react2.default.createElement(cr,null),_react2.default.createElement(ca,{show:p})))))},pa= exports.shouldForwardProp =(e,t)=>typeof t=="string"?_ispropvalid2.default.call(void 0, e):!0,ma= exports.NextThemeProviderWrapper =({children:e,dangerouslyDisableNextThemeProvider:t,...o})=>t?_react2.default.createElement(_react2.default.Fragment,null,e):_react2.default.createElement(_nextthemes.ThemeProvider,{...o},e);mr.displayName="KitchnProvider";var Tf=c(mr);var ur=_styledcomponents2.default.call(void 0, ({size:e=30,src:t,text:o,shape:r,username:n,...i})=>_react2.default.createElement("div",{role:"img","aria-label":o||"Avatar",...i},o&&!t&&_react2.default.createElement(v,{size:"0.4em"},_chunkDNEPB34Ecjsjs.h.call(void 0, o)),t&&_react2.default.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= exports.AvatarImage =_styledcomponents2.default.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;var fr=_styledcomponents2.default.call(void 0, ({members:e,size:t,limit:o,...r})=>_react2.default.createElement("div",{role:"group","aria-label":"Avatar Group",...r},e.slice(0,o||e.length).map((n,i)=>_react2.default.createElement(xt,{key:i,size:t,...n})),o&&e.length>o&&_react2.default.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);var Wf=_styledcomponents.keyframes`
0% {
opacity: 0;
}
to {
opacity: 1;
}
`,Kf= exports.fadeOut =_styledcomponents.keyframes`
0% {
opacity: 1;
}
to {
opacity: 0;
}
`,gr= exports.fadeInDown =_styledcomponents.keyframes`
from {
opacity: 0;
transform: translate3d(0, -70%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
`,hr= exports.fadeOutUp =_styledcomponents.keyframes`
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -70%, 0);
}
`,Of= exports.float =_styledcomponents.keyframes`
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-10px);
}
100% {
transform: translatey(0px);
}
`,_f= exports.loading =_styledcomponents.keyframes`
0% {
background-position: 0% 0;
}
50% {
background-position: 100% 0;
}
100% {
background-position: 0% 0;
}
`,Gf= exports.rotate =_styledcomponents.keyframes`
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
`,br= exports.skBouncedelay =_styledcomponents.keyframes`
0%,
80%,
100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
`,Vf= exports.skeleton =_styledcomponents.keyframes`
0% {
background-position: 200% 0;
}
to {
background-position: -200% 0;
}
`,xr= exports.slideInUp =_styledcomponents.keyframes`
0% {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
`,yr= exports.slideOutDown =_styledcomponents.keyframes`
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
`;var Pr=_styledcomponents2.default.call(void 0, ({...e})=>_react2.default.createElement("div",{role:"status","aria-label":"Loading",...e},_react2.default.createElement("div",{className:"bounce1"}),_react2.default.createElement("div",{className:"bounce2"}),_react2.default.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=_react2.default.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=_styledcomponents.useTheme.call(void 0, );return _react2.default.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)&&_react2.default.createElement(ya,{hasContent:t!==void 0},o?_react2.default.createElement(Cr,{size:r?r==="small"?12:r==="large"?20:16:16,color:f.colors.text.dark}):i),_react2.default.createElement(xa,{width:n},t),a&&_react2.default.createElement(Pa,null,a))});vr.displayName="Button";var Tr=_styledcomponents2.default.call(void 0, 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?_chunkDNEPB34Ecjsjs.d.call(void 0, 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=>_optionalChain([e, 'access', _11 => _11.hover, 'optionalAccess', _12 => _12.background])&&`background: ${e.hover.background}`};
${e=>_optionalChain([e, 'access', _13 => _13.hover, 'optionalAccess', _14 => _14.color])&&`color: ${e.hover.background}`};
background: ${e=>{if(e.variant==="ghost")switch(e.type){case"light":return _chunkDNEPB34Ecjsjs.i.call(void 0, e.theme.colors.layout.lightest,.25);case"dark":return _chunkDNEPB34Ecjsjs.i.call(void 0, e.theme.colors.layout.light,.25);case"info":return _chunkDNEPB34Ecjsjs.i.call(void 0, e.theme.colors.accent.info,.25);case"success":return _chunkDNEPB34Ecjsjs.i.call(void 0, e.theme.colors.accent.success,.25);case"warning":return _chunkDNEPB34Ecjsjs.i.call(void 0, e.theme.colors.accent.warning,.25);case"danger":return _chunkDNEPB34Ecjsjs.i.call(void 0, e.theme.colors.accent.danger,.25);case"secondary":return _chunkDNEPB34Ecjsjs.i.call(void 0, e.theme.colors.accent.secondary,.25);case"primary":return _chunkDNEPB34Ecjsjs.i.call(void 0, 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 ${_chunkDNEPB34Ecjsjs.i.call(void 0, 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 ${_chunkDNEPB34Ecjsjs.i.call(void 0, 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= exports.ButtonContent =_styledcomponents2.default.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= exports.ButtonPrefix =_styledcomponents2.default.span`
font-size: inherit;
color: inherit;
${({hasContent:e})=>e&&"margin-right: 7px;"}
`,Pa= exports.ButtonSuffix =_styledcomponents2.default.span`
font-size: inherit;
margin-left: 7px;
color: inherit;
`;Tr.displayName="KitchnButton";var Ca=c(Tr),he=Ca;var _datefns = require('date-fns');var _reactdaypicker = require('react-day-picker');var _ri = require('react-icons/ri');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));var kr=_styledcomponents2.default.call(void 0, ({src:e,alt:t,htmlWidth:o,htmlHeight:r,width:n,height:i,...a})=>_react2.default.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=_styledcomponents2.default.call(void 0, ({size:e,src:t,icon:o,clickable:r,...n})=>{let i=_styledcomponents.useTheme.call(void 0, );return t?_react2.default.createElement($r,{src:t,height:i.size[e]||e||i.size.normal,width:i.size[e]||e||i.size.normal,...n}):o?_react2.default.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;var Er=_styledcomponents2.default.call(void 0, ({label:e=!0,size:t,error:o,children:r,...n})=>_react2.default.createElement("div",{role:"alert","aria-live":"assertive",...n},_react2.default.createElement(La,null,_react2.default.createElement(S,{icon:_ri.RiErrorWarningLine,accent:"danger",size:t==="small"?15:t==="large"?20:18,align:"bottom"})),_react2.default.createElement(Ia,null,_react2.default.createElement(Ra,{size:t,accent:"danger"},e&&_react2.default.createElement(Da,null,typeof e=="string"?e:"Error",e?": ":""),_react2.default.createElement(Ha,null,o?o.message:r),o&&_react2.default.createElement(za,{href:o.link,target:"_blank",rel:"noopener noreferrer"},o.action,_react2.default.createElement(Na,{accent:"danger",icon:_ri.RiExternalLinkLine,size:t}))))))`
display: flex;
line-height: 1;
*,
*::before,
*::after {
box-sizing: inherit;
}
`,La= exports.ErrorIconContainer =_styledcomponents2.default.div``,Ia= exports.ErrorTextContainer =_styledcomponents2.default.div`
margin-left: 8px;
`,Ra= exports.ErrorText =_styledcomponents2.default.call(void 0, 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= exports.ErrorLabel =_styledcomponents2.default.b`
font-size: inherit;
font-weight: ${({theme:e})=>e.weight.semiBold};
color: ${({theme:e})=>e.colors.accent.danger};
`,Ha= exports.ErrorContent =_styledcomponents2.default.span`
font-size: inherit;
font-family: inherit;
color: ${({theme:e})=>e.colors.accent.danger};
`,za= exports.ErrorAction =_styledcomponents2.default.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= exports.ErrorActionIcon =_styledcomponents2.default.call(void 0, 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=_react.forwardRef.call(void 0, ({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=_react2.default.useRef(null),[re,Xe]=_react2.default.useState(d),[we,at]=_react2.default.useState(!1),[Nt,st]=_react2.default.useState(!1),Se=_react2.default.useMemo(()=>g!==void 0,[g]);_react.useImperativeHandle.call(void 0, J,()=>F.current);let Bt=N?Oa:_react2.default.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=_react2.default.useMemo(()=>({clickable:i,onClick:co}),[i,co]);return _react2.default.useEffect(()=>{Se&&Xe(g)},[Se,g]),_react2.default.createElement(Bt,null,N&&_react2.default.createElement(Ya,null,N),_react2.default.createElement(_a,{disabled:a,width:x||P,size:e},t&&p&&_react2.default.createElement(Va,{size:e,disabled:a,prefixStyling:l,focus:we,error:E,type:w},t),_react2.default.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&&_react2.default.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},_react2.default.createElement(S,{icon:_ri.RiCloseLine,onMouseEnter:fi,onMouseLeave:gi,onClick:hi,color:Nt&&!a&&!b?"lightest":"light",size:e==="small"?16:e==="large"?24:20})),r&&_react2.default.createElement(Rr,{size:e,disabled:a,suffix:o,suffixContainer:u,suffixStyling:m,error:E,focus:we,type:w,lastItem:!0},_react2.default.createElement(S,{icon:r,color:!a&&!b?"lightest":"light",size:e==="small"?16:e==="large"?24:20,...bi})),o&&u&&_react2.default.createElement(ja,{size:e,disabled:a,suffixStyling:m,focus:we,error:E,type:w},o)),E&&_react2.default.createElement(qa,{size:e,width:x||P},E))});Lr.displayName="Input";var Oa=_styledcomponents2.default.call(void 0, e=>_react2.default.createElement(C,{label:!0,...e}))``,Ir=_styledcomponents2.default.call(void 0, 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?_chunkDNEPB34Ecjsjs.i.call(void 0, e.colors.accent.danger,.5):o?_chunkDNEPB34Ecjsjs.i.call(void 0, e.colors.accent[o],.5):e.colors.text.light};
font-weight: ${({theme:e})=>e.weight.semiBold};
}
`,_a= exports.InputContainer =_styledcomponents2.default.div`
display: flex;
align-items: center;
width: ${({width:e})=>e?_chunkDNEPB34Ecjsjs.d.call(void 0, 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= exports.InputField =_styledcomponents2.default.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= exports.InputPrefix =_styledcomponents2.default.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= exports.InputSuffix =_styledcomponents2.default.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= exports.InputSuffixPart =_styledcomponents2.default.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: