https://posthog.com/component---src-pages-art-library-tsx-8f4b4202a0cd0fc6d12a.js

1"use strict";(self.webpackChunkposthog_com=self.webpackChunkposthog_com||[]).push([[3020],{517:function(e,r,t){t.d(r,{A:function(){return b}});var a=t(19371),l=t(30758),s=t(59527),n=t(1350),i=t(63629),o=t(14038),c=t(2362),d=t(5356),h=t(4856),m=t(59145),u=t(86070);function p(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,a)}return t}function x(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?p(Object(t),!0).forEach(function(r){(0,a.A)(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):p(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}const f=e=>{let{content:r}=e;return r?Array.isArray(r)?(0,u.jsx)(u.Fragment,{children:r.map((e,r)=>(0,u.jsx)(c.nD,{"data-scheme":"primary",className:"",defaultValue:"item-0",items:[{trigger:e.title,content:e.content}]},r))}):(0,u.jsx)(u.Fragment,{children:r}):null},g=300;function b(e){var r,t;let{template:a,slug:c,title:p,accentImage:b,leftSidebarContent:y,rightSidebarContent:j,children:v,fullScreen:w=!1,transparent:N=!1,showTitle:O=!0,padding:A=!0,headerBarOptions:C,selectOptions:S=[],onCategoryChange:P,selectedCategory:k,rightSidebarPanel:F,isRightSidebarOpen:D=!1,onRightSidebarClose:V,doubleClickToOpen:_=!1,rightActionButtons:z,onSearch:B,viewportClasses:E="",showAddressBar:M=!0,className:R=""}=e;const{appWindow:T}=(0,d.ox)(),W=(null==T||null===(r=T.path)||void 0===r?void 0:r.replace(/^\//,""))||"",I=(0,l.useRef)(null),{0:L,1:H}=(0,l.useState)(g),J=null==T||null===(t=T.size)||void 0===t?void 0:t.width,q=(0,l.useMemo)(()=>{const e=e=>{let{children:r}=e;return J&&J<=768?(0,u.jsx)(o.A,{viewportClasses:"[&>div]:h-full "+E,children:r}):(0,u.jsx)(u.Fragment,{children:r})};return e.displayName="ContentWrapper",e},[J,E]);return(0,u.jsxs)("div",{className:"@container w-full h-full flex flex-col min-h-1 "+R,children:[(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(n.A,x(x({},(()=>{const e={};return C?C.forEach(r=>{e[r]=!0}):(e.showBack=!0,e.showForward=!0,e.showSearch=!0),e})()),{},{searchContentRef:I,rightActionButtons:z,onSearch:B,className:M?"":"border-b border-primary"})),M&&(0,u.jsx)(m.A,{selectOptions:S,currentPath:W,handleValueChange:e=>{P?P(e):(0,i.navigate)("/"+e)},selectedCategory:k})]}),(0,u.jsx)(q,{children:(0,u.jsxs)("div",{"data-scheme":"secondary",className:"flex flex-col @3xl:flex-row-reverse flex-grow min-h-0 "+(w?" ":"h-full"),children:[j&&(0,u.jsx)("aside",{"data-scheme":"secondary",className:"not-prose w-96 bg-primary border-l border-primary h-full text-primary",children:(0,u.jsx)("div",{className:"h-full flex flex-col",children:(0,u.jsx)("div",{className:"flex-1 overflow-auto",children:(0,u.jsx)(f,{content:j})})})}),F&&D&&(0,u.jsxs)("aside",{"data-scheme":"secondary",className:"not-prose bg-primary border-l border-primary h-full text-primary relative @3xl:block hidden",style:{width:L},children:[(0,u.jsx)("div",{className:"h-full flex flex-col",children:(0,u.jsx)("div",{className:"flex-1 overflow-auto",children:F})}),(0,u.jsx)(s.P.div,{"data-scheme":"tertiary",className:"w-1.5 cursor-ew-resize top-0 left-0 !transform-none absolute z-20 h-full hover:bg-accent active:bg-accent",drag:"x",dragMomentum:!1,dragConstraints:{left:0,right:0},onDrag:(e,r)=>{var t;const a=Math.max(Math.min(L-r.delta.x,((null==T||null===(t=T.size)||void 0===t?void 0:t.width)||0)/2),g);H(a)}})]}),(0,u.jsx)("main",{"data-app":"Explorer","data-scheme":"primary",className:"@container flex-1 relative h-full "+(N?"":"bg-primary"),children:w?v:(0,u.jsxs)(o.A,{className:"h-full",children:[b&&(0,u.jsx)("div",{className:"absolute right-0 top-6",children:(0,u.jsxs)("div",{className:"relative max-w-md @4xl:max-w-lg @5xl:max-w-xl @6xl:max-w-2xl transition-all duration-700 ease-out opacity-25 @xl:opacity-50",children:[b,(0,u.jsx)("div",{className:"absolute left-0 top-0 w-1/2 h-full bg-gradient-to-r from-[rgb(var(--bg))] to-[color-mix(in_srgb,rgb(var(--bg))_0%,transparent)]"}),(0,u.jsx)("div",{className:"absolute bottom-0 left-0 h-1/2 w-full bg-gradient-to-b from-[color-mix(in_srgb,rgb(var(--bg))_0%,transparent)] to-[rgb(var(--bg))]"})]})}),(0,u.jsxs)("div",{ref:I,className:(0,h.WN)()+" max-w-none h-full "+(A?"relative @md:p-4":"")+" ",children:[!w&&O&&(0,u.jsx)("h1",{children:p}),v]})]})}),y&&(0,u.jsx)("aside",{"data-scheme":"secondary",className:"@3xl:w-64 bg-primary border-t @3xl:border-t-0 @3xl:border-r border-primary prose prose-sm dark:prose-invert h-full",children:(0,u.jsx)(o.A,{className:"p-2",children:(0,u.jsx)("div",{className:"space-y-3",children:(0,u.jsx)(f,{content:y})})})})]})})]})}},56874:function(e,r,t){t.r(r),t.d(r,{default:function(){return d}});

1var a=t(517),l=t(39106),s=t(14038),n=t(83795),i=t(8275),o=t(8462),c=t(86070);function d(){const{isModerator:e,user:r,isValidating:t}=(0,n.Jd)(),{openSignIn:d}=(0,i.nm)();return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(o.Ay,{title:"Art library",description:"PostHog is the only developer platform built to natively work with Session Replay, Feature Flags, Experiments, and Surveys.",image:"/images/og/default.png"}),(0,c.jsx)(a.A,{template:"generic",slug:"art-library",title:"Art library",fullScreen:!0,children:t?(0,c.jsx)("div",{"data-scheme":"secondary",className:"h-full bg-primary flex items-center justify-center",children:(0,c.jsx)("div",{className:"animate-pulse text-secondary text-sm",children:"Loading..."})}):e?(0,c.jsx)("iframe",{src:"https://posthog-art-library.vercel.app",className:"w-full h-full border-0"}):(0,c.jsx)(s.A,{className:"min-h-0 h-full",children:(0,c.jsxs)("div",{"data-scheme":"primary",className:"mx-auto max-w-md px-4 py-16 text-center h-full flex flex-col items-center justify-center",children:[(0,c.jsx)("h1",{className:"text-2xl font-bold mb-2",children:"Art library"}),(0,c.jsx)("p",{className:"text-secondary mb-6",children:r?"This page is only available to moderators.":"Sign in to the community to access the art library."}),!r&&(0,c.jsx)(l.A,{variant:"primary",size:"lg",onClick:()=>d(),children:"Sign in to the community"})]})})})]})}},59145:function(e,r,t){t.d(r,{A:function(){return s}});var a=t(96549),l=t(86070);function s(e){let{selectOptions:r,currentPath:t,handleValueChange:s,selectedCategory:n}=e;return(0,l.jsx)("div",{"data-scheme":"secondary",className:"bg-primary px-2 pb-2 border-b border-primary",children:(0,l.jsx)(a.l,{groups:r,placeholder:"Select...",ariaLabel:"Products",defaultValue:n||t,onValueChange:s,className:"w-full",dataScheme:"primary"})})}}}]);
2//# sourceMappingURL=component---src-pages-art-library-tsx-8f4b4202a0cd0fc6d12a.js.map