@brainfish-ai/components 0.33.1 → 0.34.1

package/dist/esm/chunks/header-nav.DmlIUqml.js

@@ -1,14 +0,0 @@
-import*as e from"react";import{Crown as t,Copy as a,SidebarSimple as l,Lightning as r,Question as n}from"@phosphor-icons/react";import{L as o}from"./logo.DtwFGMBj.js";import{B as s}from"./button.D_2SonNs.js";import{DropdownMenu as i,DropdownMenuTrigger as c,DropdownMenuContent as m,DropdownMenuSeparator as d,DropdownMenuGroup as p,DropdownMenuSub as u,DropdownMenuSubTrigger as f,DropdownMenuPortal as g,DropdownMenuSubContent as E,DropdownMenuRadioGroup as h,DropdownMenuRadioItem as b,DropdownMenuShortcut as x,DropdownMenuItem as v}from"../components/ui/dropdown-menu.js";import{Avatar as C,AvatarImage as k,AvatarFallback as w,AvatarBadge as y}from"../components/ui/avatar.js";import{c as N}from"./utils.C6Qu-kwd.js";import{u as _}from"./feature-flags.DOcVlPHk.js";import{A as B}from"./ai-logo.Bh2bhNcG.js";const A=e.forwardRef(({children:t,size:a=48,className:l,...r},n)=>{const o=e.useId(),s=e.useId();/* @__PURE__ */
-return e.createElement("div",{ref:n,className:N("relative shrink-0",l),style:{width:a,height:a},...r},/* @__PURE__ */e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",style:{position:"absolute",inset:0,width:"100%",height:"100%"},viewBox:"0 0 25.2 25.2",fill:"none","aria-hidden":"true"},
-/* @__PURE__ */e.createElement("path",{d:"M1.1687 5.09221C1.44983 3.03551 3.03409 1.43747 5.09056 1.15464C7.11115 0.876739 9.82098 0.6 12.6 0.6C15.3637 0.6 18.059 0.873703 20.076 1.15005C22.1498 1.43417 23.7418 3.05368 24.0222 5.12794C24.3077 7.23947 24.6 10.0294 24.6 12.6C24.6 15.1875 24.3038 17.9971 24.0166 20.1135C23.7379 22.1667 22.1732 23.7746 20.1207 24.0584C18.1434 24.3319 15.4723 24.6 12.6 24.6C9.71155 24.6 7.02648 24.3288 5.04597 24.0538C3.01073 23.7712 1.45383 22.185 1.17438 20.1493C0.890004 18.0777 0.6 15.3026 0.6 12.6C0.6 9.9154 0.886154 7.15926 1.1687 5.09221Z",fill:`url(#${o})`,stroke:`url(#${s})`,strokeOpacity:"0.7",strokeWidth:"1.2"}),
-/* @__PURE__ */e.createElement("defs",null,/* @__PURE__ */e.createElement("linearGradient",{id:o,x1:"2.3931",y1:"0.6",x2:"17.282",y2:"22.5523",gradientUnits:"userSpaceOnUse"},/* @__PURE__ */e.createElement("stop",{offset:"0.0544031",stopColor:"#1868DB"}),/* @__PURE__ */e.createElement("stop",{offset:"0.5",stopColor:"#357DE8"}),/* @__PURE__ */e.createElement("stop",{offset:"0.802885",stopColor:"#7EE2B8"}),/* @__PURE__ */e.createElement("stop",{offset:"1",stopColor:"#B4EE2B"})),/* @__PURE__ */e.createElement("linearGradient",{id:s,x1:"2.3931",y1:"0.6",x2:"17.282",y2:"22.5523",gradientUnits:"userSpaceOnUse"},/* @__PURE__ */e.createElement("stop",{stopColor:"#B4EE2B"}),/* @__PURE__ */e.createElement("stop",{offset:"0.266033",stopColor:"#7EE2B8"}),/* @__PURE__ */e.createElement("stop",{offset:"0.740217",stopColor:"#357DE8"}),/* @__PURE__ */e.createElement("stop",{offset:"0.945597",stopColor:"#1868DB"})))),/* @__PURE__ */e.createElement("span",{className:"absolute inset-[20%] [&>*]:h-full [&>*]:w-full",style:{filter:`drop-shadow(0px ${(.04*a).toFixed(2)}px ${(.05*a).toFixed(2)}px rgba(22,27,53,0.55))`}},t??/* @__PURE__ */e.createElement(B,{variant:"light"})))});function z({accountPhoto:l,accountName:r,accountDropdownItems:n,teams:o,side:_="bottom",align:B="end",isSuperAdmin:A=!1,...z}){const S=o?.length>1||A,D=S&&o?.find(e=>e.isCurrent)?.name||"",j=r[0],I=Array.isArray(n[0])?n:[n],O=e.useCallback((e,t)=>a=>{a.stopPropagation(),t?t(e):navigator.clipboard.writeText(e)},[]),T=(t,l,r)=>t&&/* @__PURE__ */e.createElement("div",{className:"flex w-full items-center gap-1 text-xs text-subtlest ml-7"},t,null!=l&&/* @__PURE__ */e.createElement(s,{variant:"ghost",size:"icon",className:"size-4 shrink-0 p-0 [&>svg]:!size-3",onClick:O(l,r),"aria-label":"Copy ID"},
-/* @__PURE__ */e.createElement(a,{className:"size-3"})));/* @__PURE__ */
-return e.createElement(i,{...z},/* @__PURE__ */e.createElement(c,{asChild:!0},/* @__PURE__ */e.createElement(s,{size:"default",variant:"ghost",className:"rounded-full p-[1px] border border-dark-300 relative","aria-label":"Toggle account dropdown"},
-/* @__PURE__ */e.createElement(C,null,/* @__PURE__ */e.createElement(k,{src:l,alt:`${r}'s account`,className:N("block rounded-full border border-background",A&&"border-2 border-solid border-red-700 inset-1")}),/* @__PURE__ */e.createElement(w,null,j),A&&/* @__PURE__ */e.createElement(y,{className:"bg-red-700 text-white"},/* @__PURE__ */e.createElement(t,null))),S&&/* @__PURE__ */e.createElement("span",{className:"text-xs text-default font-semibold pr-1"},D))),/* @__PURE__ */e.createElement(m,{side:_,align:B,className:"border-none shadow-[2px_4px_12px_0px_rgba(0,0,0,0.14)] dark:shadow-[2px_4px_12px_0px_rgba(255,255,255,0.14)]"},I.map((t,a)=>/* @__PURE__ */e.createElement(e.Fragment,{key:a},a>0&&/* @__PURE__ */e.createElement(d,null),/* @__PURE__ */e.createElement(p,null,t.map(t=>"submenu"===t.type?/* @__PURE__ */e.createElement(u,{key:t.id},/* @__PURE__ */e.createElement(f,{secondaryRow:T(t.secondaryLabel,t.copyValue,t.onCopy)},t.icon,t.label),/* @__PURE__ */e.createElement(g,null,/* @__PURE__ */e.createElement(E,{className:"border-none shadow-[2px_4px_12px_0px_rgba(0,0,0,0.14)] dark:shadow-[2px_4px_12px_0px_rgba(255,255,255,0.14)]"},null!=t.value&&t.onValueChange?/* @__PURE__ */e.createElement(h,{value:t.value,onValueChange:t.onValueChange},t.items.map(t=>/* @__PURE__ */e.createElement(b,{key:t.id,value:t.value},t.icon,t.label,null!=t.shortcut&&/* @__PURE__ */e.createElement(x,null,t.shortcut)))):t.items.map(t=>/* @__PURE__ */e.createElement(v,{key:t.id,onClick:t.onClick},t.icon,t.label,null!=t.shortcut&&/* @__PURE__ */e.createElement(x,null,t.shortcut)))))):/* @__PURE__ */e.createElement(v,{key:t.id,onClick:t.onClick,secondaryRow:T(t.secondaryLabel,t.copyValue,t.onCopy)},t.icon,t.label,null!=t.shortcut&&/* @__PURE__ */e.createElement(x,null,t.shortcut))))))))}A.displayName="AIBadge";const S=60,D=e.forwardRef(function({className:t,isSideNavOpen:a=!1,onSideNavigationToggle:i,onHelpClick:c,onBrainfishNativeClick:m,accountName:d,accountPhoto:p,accountDropdownItems:u,teams:f,side:g,align:E,showSuggestionAction:h,suggestionAction:b,onSuggestionActionClick:x,onLogoNav:v,isHomePath:C=!1,showSidebarToggle:k=!0,sidebarToggleRef:w,isSuperAdmin:y,isViewer:B,...S},D){const j=h&&!!b&&!!x,I=_("platform.brainfish-native.enabled",!1),O=!B;/* @__PURE__ */
-return e.createElement("header",{ref:D,...S,className:N("px-4 py-3 relative",t)},/* @__PURE__ */e.createElement("nav",{"aria-label":"Account navigation",className:"flex justify-between items-center"},/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-2"},/* @__PURE__ */e.createElement("a",{href:"/",onClick:e=>{!(0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)&&(e.preventDefault(),v())},"aria-current":C?"page":void 0},
-/* @__PURE__ */e.createElement(o,{variant:"full",color:C?"fill":"outline",width:130,height:20,className:"hidden md:block"}),
-/* @__PURE__ */e.createElement(o,{variant:"mark",color:C?"fill":"outline",width:37,height:20,className:"block md:hidden"})),k&&/* @__PURE__ */e.createElement(s,{ref:w,size:"icon",variant:"ghost","aria-label":"Toggle side navigation",className:"[&_svg]:size-6",onClick:i},
-/* @__PURE__ */e.createElement(l,{"aria-hidden":"true",weight:a?"fill":"regular"}))),/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-4"},j&&/* @__PURE__ */e.createElement(s,{variant:"suggestion",onClick:x},/* @__PURE__ */e.createElement(r,{weight:"fill","aria-hidden":"true"})," ",b),I&&/* @__PURE__ */e.createElement("button",{type:"button","aria-label":"Open Ask Brainfish",className:"flex items-center gap-2 rounded border border-dark-300 bg-surface py-1 pl-1 pr-1.5 cursor-pointer hover:bg-dark-200 active:bg-dark-400 focus-visible:outline-none",onClick:m},
-/* @__PURE__ */e.createElement(A,{size:24}),
-/* @__PURE__ */e.createElement("span",{className:"text-xs font-normal text-dark-900 whitespace-nowrap"},"Ask Brainfish")),/* @__PURE__ */e.createElement(z,{accountName:d,accountPhoto:p,accountDropdownItems:u,teams:f,side:g,align:E,isSuperAdmin:y}),O&&/* @__PURE__ */e.createElement(s,{size:"icon",variant:"ghost","aria-label":"Open help",className:"[&_svg]:size-6 fixed z-10 bottom-1 left-1",onClick:c},/* @__PURE__ */e.createElement(n,{"aria-hidden":"true"})))))});export{S as H,D as a};
-//# sourceMappingURL=header-nav.DmlIUqml.js.map

package/dist/esm/chunks/header-nav.DmlIUqml.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-nav.DmlIUqml.js","sources":["../../../src/components/ai-button/ai-badge.tsx","../../../src/layouts/header-nav/account-dropdown.tsx","../../../src/layouts/header-nav/header-nav.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { AILogo } from '@/components/logo/ai-logo';\n\nconst SQUIRCLE_PATH =\n  'M1.1687 5.09221C1.44983 3.03551 3.03409 1.43747 5.09056 1.15464C7.11115 0.876739 9.82098 0.6 12.6 0.6C15.3637 0.6 18.059 0.873703 20.076 1.15005C22.1498 1.43417 23.7418 3.05368 24.0222 5.12794C24.3077 7.23947 24.6 10.0294 24.6 12.6C24.6 15.1875 24.3038 17.9971 24.0166 20.1135C23.7379 22.1667 22.1732 23.7746 20.1207 24.0584C18.1434 24.3319 15.4723 24.6 12.6 24.6C9.71155 24.6 7.02648 24.3288 5.04597 24.0538C3.01073 23.7712 1.45383 22.185 1.17438 20.1493C0.890004 18.0777 0.6 15.3026 0.6 12.6C0.6 9.9154 0.886154 7.15926 1.1687 5.09221Z';\n\nexport interface AIBadgeProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n  size?: number;\n}\n\nexport const AIBadge = React.forwardRef<HTMLDivElement, AIBadgeProps>(\n  ({ children, size = 48, className, ...props }, ref) => {\n    const fillId = React.useId();\n    const strokeId = React.useId();\n\n    return (\n      <div ref={ref} className={cn('relative shrink-0', className)} style={{ width: size, height: size }} {...props}>\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          style={{ position: 'absolute', inset: 0, width: '100%', height: '100%' }}\n          viewBox=\"0 0 25.2 25.2\"\n          fill=\"none\"\n          aria-hidden=\"true\"\n        >\n          <path\n            d={SQUIRCLE_PATH}\n            fill={`url(#${fillId})`}\n            stroke={`url(#${strokeId})`}\n            strokeOpacity=\"0.7\"\n            strokeWidth=\"1.2\"\n          />\n          <defs>\n            <linearGradient id={fillId} x1=\"2.3931\" y1=\"0.6\" x2=\"17.282\" y2=\"22.5523\" gradientUnits=\"userSpaceOnUse\">\n              <stop offset=\"0.0544031\" stopColor=\"#1868DB\" />\n              <stop offset=\"0.5\" stopColor=\"#357DE8\" />\n              <stop offset=\"0.802885\" stopColor=\"#7EE2B8\" />\n              <stop offset=\"1\" stopColor=\"#B4EE2B\" />\n            </linearGradient>\n            <linearGradient id={strokeId} x1=\"2.3931\" y1=\"0.6\" x2=\"17.282\" y2=\"22.5523\" gradientUnits=\"userSpaceOnUse\">\n              <stop stopColor=\"#B4EE2B\" />\n              <stop offset=\"0.266033\" stopColor=\"#7EE2B8\" />\n              <stop offset=\"0.740217\" stopColor=\"#357DE8\" />\n              <stop offset=\"0.945597\" stopColor=\"#1868DB\" />\n            </linearGradient>\n          </defs>\n        </svg>\n        <span\n          className=\"absolute inset-[20%] [&>*]:h-full [&>*]:w-full\"\n          style={{\n            filter: `drop-shadow(0px ${(size * 0.04).toFixed(2)}px ${(size * 0.05).toFixed(2)}px rgba(22,27,53,0.55))`,\n          }}\n        >\n          {children ?? <AILogo variant=\"light\" />}\n        </span>\n      </div>\n    );\n  },\n);\n\nAIBadge.displayName = 'AIBadge';\n","import * as React from 'react';\nimport { Copy, Crown } from '@phosphor-icons/react';\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from '../../components/ui/dropdown-menu';\nimport { Avatar, AvatarFallback, AvatarImage, AvatarBadge } from '../../components/ui/avatar';\nimport { Button } from '../../components/ui/button';\n\nimport { cn } from '@/lib/utils';\n\nexport type AccountDropdownActionItem = {\n  type?: 'action';\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  onClick: () => void;\n  /** Second line (e.g. \"ID: xyz\"); copy button shown when copyValue is set. */\n  secondaryLabel?: React.ReactNode;\n  copyValue?: string;\n  onCopy?: (value: string) => void;\n  /** Keyboard shortcut hint (e.g. \"⌘K\") shown on the right. */\n  shortcut?: string;\n};\n\nexport type AccountDropdownSubOption = {\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  /** Required for radio mode. */\n  value?: string;\n  /** Used in plain (non-radio) mode. */\n  onClick?: () => void;\n  /** Keyboard shortcut hint (e.g. \"⌘K\") shown on the right. */\n  shortcut?: string;\n};\n\n/** Sub-option with a required `value`, used in radio-mode submenus. */\nexport type AccountDropdownRadioSubOption = Omit<AccountDropdownSubOption, 'value' | 'onClick'> & {\n  value: string;\n};\n\ntype AccountDropdownSubmenuBase = {\n  type: 'submenu';\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  /** Second line on the submenu trigger (e.g. \"ID: xyz\"); copy button when copyValue is set. */\n  secondaryLabel?: React.ReactNode;\n  copyValue?: string;\n  onCopy?: (value: string) => void;\n};\n\nexport type AccountDropdownSubmenuItem = AccountDropdownSubmenuBase &\n  (\n    | {\n        /** The currently selected value. When provided with onValueChange, renders items as a radio group with selection indicators. */\n        value: string;\n        onValueChange: (value: string) => void;\n        items: AccountDropdownRadioSubOption[];\n      }\n    | {\n        value?: never;\n        onValueChange?: never;\n        items: AccountDropdownSubOption[];\n      }\n  );\n\nexport type AccountDropdownItem = AccountDropdownActionItem | AccountDropdownSubmenuItem;\n\nexport type AccountDropdownTeam = {\n  id: string;\n  name: string;\n  isCurrent: boolean;\n  logoUrl?: string;\n};\n\nexport interface AccountDropdownProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu> {\n  accountPhoto: string;\n  accountName: string;\n  /** Pass a flat array for a single group, or an array of arrays for multiple groups separated by dividers. */\n  accountDropdownItems: AccountDropdownItem[] | AccountDropdownItem[][];\n  teams: AccountDropdownTeam[];\n  /** Side the dropdown opens on relative to the trigger. Defaults to 'bottom'. */\n  side?: React.ComponentPropsWithoutRef<typeof DropdownMenuContent>['side'];\n  /** Alignment of the dropdown relative to the trigger. Defaults to 'end'. */\n  align?: React.ComponentPropsWithoutRef<typeof DropdownMenuContent>['align'];\n  isSuperAdmin?: boolean;\n}\n\nexport function AccountDropdown({\n  accountPhoto,\n  accountName,\n  accountDropdownItems,\n  teams,\n  side = 'bottom',\n  align = 'end',\n  isSuperAdmin = false,\n  ...props\n}: AccountDropdownProps) {\n  const showTeamName = teams?.length > 1 || isSuperAdmin;\n  const currentTeamName = (showTeamName && teams?.find((el) => el.isCurrent)?.name) || '';\n  const initial = accountName[0];\n\n  const groups: AccountDropdownItem[][] = Array.isArray(accountDropdownItems[0])\n    ? (accountDropdownItems as AccountDropdownItem[][])\n    : [accountDropdownItems as AccountDropdownItem[]];\n\n  const handleCopy = React.useCallback((value: string, onCopy?: (value: string) => void) => {\n    return (e: React.MouseEvent) => {\n      e.stopPropagation();\n      if (onCopy) onCopy(value);\n      else navigator.clipboard.writeText(value);\n    };\n  }, []);\n\n  const renderCopyRow = (\n    secondaryLabel: React.ReactNode,\n    copyValue: string | undefined,\n    onCopy?: (value: string) => void,\n  ) =>\n    secondaryLabel && (\n      <div className=\"flex w-full items-center gap-1 text-xs text-subtlest ml-7\">\n        {secondaryLabel}\n        {copyValue != null && (\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"size-4 shrink-0 p-0 [&>svg]:!size-3\"\n            onClick={handleCopy(copyValue, onCopy)}\n            aria-label=\"Copy ID\"\n          >\n            <Copy className=\"size-3\" />\n          </Button>\n        )}\n      </div>\n    );\n\n  return (\n    <DropdownMenu {...props}>\n      <DropdownMenuTrigger asChild>\n        <Button\n          size=\"default\"\n          variant=\"ghost\"\n          className=\"rounded-full p-[1px] border border-dark-300 relative\"\n          aria-label=\"Toggle account dropdown\"\n        >\n          <Avatar>\n            <AvatarImage\n              src={accountPhoto}\n              alt={`${accountName}'s account`}\n              className={cn(\n                'block rounded-full border border-background',\n                isSuperAdmin && 'border-2 border-solid border-red-700 inset-1',\n              )}\n            />\n            <AvatarFallback>{initial}</AvatarFallback>\n            {isSuperAdmin && (\n              <AvatarBadge className=\"bg-red-700 text-white\">\n                <Crown />\n              </AvatarBadge>\n            )}\n          </Avatar>\n          {showTeamName && <span className=\"text-xs text-default font-semibold pr-1\">{currentTeamName}</span>}\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        side={side}\n        align={align}\n        className=\"border-none shadow-[2px_4px_12px_0px_rgba(0,0,0,0.14)] dark:shadow-[2px_4px_12px_0px_rgba(255,255,255,0.14)]\"\n      >\n        {groups.map((group, groupIndex) => (\n          <React.Fragment key={groupIndex}>\n            {groupIndex > 0 && <DropdownMenuSeparator />}\n            <DropdownMenuGroup>\n              {group.map((item) =>\n                item.type === 'submenu' ? (\n                  <DropdownMenuSub key={item.id}>\n                    <DropdownMenuSubTrigger\n                      secondaryRow={renderCopyRow(item.secondaryLabel, item.copyValue, item.onCopy)}\n                    >\n                      {item.icon}\n                      {item.label}\n                    </DropdownMenuSubTrigger>\n                    <DropdownMenuPortal>\n                      <DropdownMenuSubContent className=\"border-none shadow-[2px_4px_12px_0px_rgba(0,0,0,0.14)] dark:shadow-[2px_4px_12px_0px_rgba(255,255,255,0.14)]\">\n                        {item.value != null && item.onValueChange ? (\n                          <DropdownMenuRadioGroup value={item.value} onValueChange={item.onValueChange}>\n                            {item.items.map((option) => (\n                              <DropdownMenuRadioItem key={option.id} value={option.value}>\n                                {option.icon}\n                                {option.label}\n                                {option.shortcut != null && (\n                                  <DropdownMenuShortcut>{option.shortcut}</DropdownMenuShortcut>\n                                )}\n                              </DropdownMenuRadioItem>\n                            ))}\n                          </DropdownMenuRadioGroup>\n                        ) : (\n                          item.items.map((option) => (\n                            <DropdownMenuItem key={option.id} onClick={option.onClick}>\n                              {option.icon}\n                              {option.label}\n                              {option.shortcut != null && (\n                                <DropdownMenuShortcut>{option.shortcut}</DropdownMenuShortcut>\n                              )}\n                            </DropdownMenuItem>\n                          ))\n                        )}\n                      </DropdownMenuSubContent>\n                    </DropdownMenuPortal>\n                  </DropdownMenuSub>\n                ) : (\n                  <DropdownMenuItem\n                    key={item.id}\n                    onClick={item.onClick}\n                    secondaryRow={renderCopyRow(item.secondaryLabel, item.copyValue, item.onCopy)}\n                  >\n                    {item.icon}\n                    {item.label}\n                    {item.shortcut != null && <DropdownMenuShortcut>{item.shortcut}</DropdownMenuShortcut>}\n                  </DropdownMenuItem>\n                ),\n              )}\n            </DropdownMenuGroup>\n          </React.Fragment>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n","import * as React from 'react';\nimport { Question, SidebarSimple, Lightning } from '@phosphor-icons/react';\n\nimport { Logo } from '../../components/logo';\nimport { AIBadge } from '../../components/ai-button';\nimport { Button } from '../../components/ui/button';\nimport { AccountDropdown, AccountDropdownProps } from './account-dropdown';\n\nimport { cn } from '@/lib/utils';\nimport { useBooleanFlagValue } from '@/lib/feature-flags';\n\ninterface HeaderNavProps extends React.ComponentPropsWithoutRef<'header'>, Omit<AccountDropdownProps, 'dir'> {\n  isSideNavOpen?: boolean;\n  onSideNavigationToggle: () => void;\n  onHelpClick: () => void;\n  onBrainfishNativeClick: () => void;\n  onLogoNav: () => void;\n  isHomePath?: boolean;\n  showSuggestionAction?: boolean;\n  suggestionAction?: React.ReactNode;\n  onSuggestionActionClick?: () => void;\n  showSidebarToggle?: boolean;\n  isSuperAdmin?: boolean;\n  isViewer?: boolean;\n  /** Ref for the sidebar toggle button; used by layout to move focus here when sidebar is collapsed. */\n  sidebarToggleRef?: React.Ref<HTMLButtonElement>;\n}\n\nexport const HEADER_NAV_HEIGHT = 60;\n\nexport const HeaderNav = React.forwardRef<HTMLElement, HeaderNavProps>(function HeaderNav(\n  {\n    className,\n    isSideNavOpen = false,\n    onSideNavigationToggle,\n    onHelpClick,\n    onBrainfishNativeClick,\n    accountName,\n    accountPhoto,\n    accountDropdownItems,\n    teams,\n    side,\n    align,\n    showSuggestionAction,\n    suggestionAction,\n    onSuggestionActionClick,\n    onLogoNav,\n    isHomePath = false,\n    showSidebarToggle = true,\n    sidebarToggleRef,\n    isSuperAdmin,\n    isViewer,\n    ...props\n  },\n  ref,\n) {\n  const hasSuggestionAction = showSuggestionAction && !!suggestionAction && !!onSuggestionActionClick;\n  const brainfishNativeEnabled = useBooleanFlagValue('platform.brainfish-native.enabled', false);\n  const isHelpButtonEnabled = !isViewer;\n\n  return (\n    <header ref={ref} {...props} className={cn('px-4 py-3 relative', className)}>\n      <nav aria-label=\"Account navigation\" className=\"flex justify-between items-center\">\n        <div className=\"flex items-center gap-2\">\n          <a\n            href=\"/\"\n            onClick={(e) => {\n              const isPlainLeftClick = e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey;\n\n              if (isPlainLeftClick) {\n                e.preventDefault();\n                onLogoNav();\n              }\n            }}\n            aria-current={isHomePath ? 'page' : undefined}\n          >\n            <Logo\n              variant=\"full\"\n              color={isHomePath ? 'fill' : 'outline'}\n              width={130}\n              height={20}\n              className=\"hidden md:block\"\n            />\n            <Logo\n              variant=\"mark\"\n              color={isHomePath ? 'fill' : 'outline'}\n              width={37}\n              height={20}\n              className=\"block md:hidden\"\n            />\n          </a>\n          {showSidebarToggle && (\n            <Button\n              ref={sidebarToggleRef}\n              size=\"icon\"\n              variant=\"ghost\"\n              aria-label=\"Toggle side navigation\"\n              className=\"[&_svg]:size-6\"\n              onClick={onSideNavigationToggle}\n            >\n              <SidebarSimple aria-hidden=\"true\" weight={isSideNavOpen ? 'fill' : 'regular'} />\n            </Button>\n          )}\n        </div>\n        <div className=\"flex items-center gap-4\">\n          {hasSuggestionAction && (\n            <Button variant=\"suggestion\" onClick={onSuggestionActionClick}>\n              <Lightning weight=\"fill\" aria-hidden=\"true\" /> {suggestionAction}\n            </Button>\n          )}\n          {brainfishNativeEnabled && (\n            <button\n              type=\"button\"\n              aria-label=\"Open Ask Brainfish\"\n              className=\"flex items-center gap-2 rounded border border-dark-300 bg-surface py-1 pl-1 pr-1.5 cursor-pointer hover:bg-dark-200 active:bg-dark-400 focus-visible:outline-none\"\n              onClick={onBrainfishNativeClick}\n            >\n              <AIBadge size={24} />\n              <span className=\"text-xs font-normal text-dark-900 whitespace-nowrap\">Ask Brainfish</span>\n            </button>\n          )}\n          <AccountDropdown\n            accountName={accountName}\n            accountPhoto={accountPhoto}\n            accountDropdownItems={accountDropdownItems}\n            teams={teams}\n            side={side}\n            align={align}\n            isSuperAdmin={isSuperAdmin}\n          />\n          {isHelpButtonEnabled && (\n            <Button size=\"icon\" variant=\"ghost\" aria-label=\"Open help\" className=\"[&_svg]:size-6 fixed z-10 bottom-1 left-1\" onClick={onHelpClick}>\n              <Question aria-hidden=\"true\" />\n            </Button>\n          )}\n        </div>\n      </nav>\n    </header>\n  );\n});\n"],"names":["AIBadge","React","forwardRef","children","size","className","props","ref","fillId","useId","strokeId","cn","style","width","height","createElement","xmlns","position","inset","viewBox","fill","d","stroke","strokeOpacity","strokeWidth","id","x1","y1","x2","y2","gradientUnits","offset","stopColor","filter","toFixed","AILogo","variant","AccountDropdown","accountPhoto","accountName","accountDropdownItems","teams","side","align","isSuperAdmin","showTeamName","length","currentTeamName","find","el","isCurrent","name","initial","groups","Array","isArray","handleCopy","useCallback","value","onCopy","e","stopPropagation","navigator","clipboard","writeText","renderCopyRow","secondaryLabel","copyValue","Button","onClick","Copy","DropdownMenu","DropdownMenuTrigger","asChild","Avatar","AvatarImage","src","alt","AvatarFallback","AvatarBadge","Crown","DropdownMenuContent","map","group","groupIndex","Fragment","key","DropdownMenuSeparator","DropdownMenuGroup","item","type","DropdownMenuSub","DropdownMenuSubTrigger","secondaryRow","icon","label","DropdownMenuPortal","DropdownMenuSubContent","onValueChange","DropdownMenuRadioGroup","items","option","DropdownMenuRadioItem","shortcut","DropdownMenuShortcut","DropdownMenuItem","displayName","HEADER_NAV_HEIGHT","HeaderNav","isSideNavOpen","onSideNavigationToggle","onHelpClick","onBrainfishNativeClick","showSuggestionAction","suggestionAction","onSuggestionActionClick","onLogoNav","isHomePath","showSidebarToggle","sidebarToggleRef","isViewer","hasSuggestionAction","brainfishNativeEnabled","useBooleanFlagValue","isHelpButtonEnabled","href","button","metaKey","ctrlKey","shiftKey","altKey","preventDefault","Logo","color","SidebarSimple","weight","Lightning","Question"],"mappings":"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"}

package/dist/esm/chunks/header-pane.eU7f_pim.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-pane.eU7f_pim.js","sources":["../../../src/layouts/full-layout/context.tsx","../../../src/layouts/full-layout/components/main-area.tsx","../../../src/layouts/full-layout/components/body.tsx","../../../src/layouts/full-layout/components/header.tsx","../../../src/layouts/full-layout/left-sidebar-pane.tsx","../../../src/layouts/full-layout/components/left-sidebar.tsx","../../../src/layouts/full-layout/components/main.tsx","../../../src/layouts/full-layout/right-sidebar-pane.tsx","../../../src/layouts/full-layout/components/right-sidebar.tsx","../../../src/layouts/full-layout/blurry-blob.tsx","../../../src/layouts/full-layout/layout.tsx","../../../src/layouts/full-layout/header-pane.tsx"],"sourcesContent":["import React from 'react';\n\n/** Nav state derived from route (e.g. active ids). Provided by Platform; when null, layout uses props only. */\nexport interface FullLayoutNavState {\n  appNavActiveId?: string;\n  sectionNavActiveId?: string;\n  activeArticleId?: string;\n}\n\nconst FullLayoutNavStateContext = React.createContext<FullLayoutNavState | null>(null);\n\nexport { FullLayoutNavStateContext };\n\nexport interface FullLayoutContextValue {\n  isSideNavOpen: boolean;\n  isRightSidebarOpen: boolean;\n  toggleSidebar: () => void;\n  openRightSidebar: () => void;\n  closeRightSidebar: () => void;\n  toggleRightSidebar: () => void;\n  showSidenav: () => void;\n  disableLeftSideNav: boolean;\n  leftNavWidth: number;\n  isMobile: boolean;\n  sideNavRef: React.RefObject<HTMLDivElement | null>;\n  rightSidebarRef: React.RefObject<HTMLElement | null>;\n  sidebarToggleRef: React.RefObject<HTMLButtonElement | null>;\n  handleResizeStart: (e: React.MouseEvent) => void;\n  handleResizeKeyDown: (e: React.KeyboardEvent) => void;\n  ariaValuenow: number;\n  ariaValuemin: number;\n  ariaValuemax: number;\n  /** Mirrors `FullLayout` prop; `FullLayout.Main` uses it for viewport height when Radix ScrollArea is off. */\n  disableMainScrollArea: boolean;\n}\n\nconst FullLayoutContext = React.createContext<FullLayoutContextValue | null>(null);\n\nexport interface FullLayoutProviderProps {\n  value: FullLayoutContextValue;\n  children: React.ReactNode;\n}\n\nexport function FullLayoutProvider({ value, children }: FullLayoutProviderProps) {\n  return <FullLayoutContext.Provider value={value}>{children}</FullLayoutContext.Provider>;\n}\n\nexport function useFullLayoutContext(): FullLayoutContextValue | null {\n  return React.useContext(FullLayoutContext);\n}\n\nexport interface UseRightSidebarReturn {\n  /** Whether the right sidebar is currently open. */\n  isOpen: boolean;\n  /** Open the right sidebar (no-op if already open). */\n  open: () => void;\n  /** Close the right sidebar (no-op if already closed). */\n  close: () => void;\n  /** Toggle the right sidebar open/closed. */\n  toggle: () => void;\n}\n\n/**\n * Convenience hook for programmatically controlling the right sidebar.\n *\n * Must be used inside a `<FullLayout>` tree.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const rightSidebar = useRightSidebar();\n *   return <button onClick={rightSidebar.open}>Open sidebar</button>;\n * }\n * ```\n */\nexport function useRightSidebar(): UseRightSidebarReturn {\n  const ctx = React.useContext(FullLayoutContext);\n  if (!ctx) {\n    throw new Error('useRightSidebar must be used within a <FullLayout> component.');\n  }\n\n  return {\n    isOpen: ctx.isRightSidebarOpen,\n    open: ctx.openRightSidebar,\n    close: ctx.closeRightSidebar,\n    toggle: ctx.toggleRightSidebar,\n  };\n}\n","import React from 'react';\n\nexport function MainArea({ children }: { children?: React.ReactNode }) {\n  return <>{children}</>;\n}\nMainArea.displayName = 'FullLayout.MainArea';\n","import React from 'react';\n\nexport function Body({ children }: { children?: React.ReactNode }) {\n  return <>{children}</>;\n}\nBody.displayName = 'FullLayout.Body';\n","import React, { ComponentProps } from 'react';\n\nimport { HeaderNav } from '../../header-nav';\nimport { useFullLayoutContext } from '../context';\n\nexport function Header(props: ComponentProps<typeof HeaderNav>) {\n  const { onBrainfishNativeClick, ...rest } = props;\n  const ctx = useFullLayoutContext();\n  if (!ctx) return null;\n\n  const handleNativeClick = () => {\n    ctx.toggleRightSidebar();\n    onBrainfishNativeClick?.();\n  };\n\n  return (\n    <HeaderNav\n      {...rest}\n      showSidebarToggle={!ctx.disableLeftSideNav}\n      isSideNavOpen={ctx.isSideNavOpen}\n      onSideNavigationToggle={ctx.toggleSidebar}\n      onBrainfishNativeClick={handleNativeClick}\n      sidebarToggleRef={ctx.sidebarToggleRef as React.Ref<HTMLButtonElement>}\n    />\n  );\n}\nHeader.displayName = 'FullLayout.Header';\n","import React, { ComponentProps } from 'react';\n\nimport { Sidebar } from '../sidebar';\n\nimport { cn } from '@/lib/utils';\n\nexport interface FullLayoutLeftSidebarProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n  open: boolean;\n  widthPx: number;\n  onResizeStart: (e: React.MouseEvent) => void;\n  onResizeKeyDown: (e: React.KeyboardEvent) => void;\n  ariaValuenow: number;\n  ariaValuemin: number;\n  ariaValuemax: number;\n  sidebarProps: ComponentProps<typeof Sidebar>;\n}\n\nconst FullLayoutLeftSidebar = React.forwardRef<HTMLDivElement, FullLayoutLeftSidebarProps>(\n  (\n    {\n      open,\n      widthPx,\n      onResizeStart,\n      onResizeKeyDown,\n      ariaValuenow,\n      ariaValuemin,\n      ariaValuemax,\n      sidebarProps,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        id=\"left-sidebar-pane\"\n        data-slot=\"full-layout-left-sidebar\"\n        tabIndex={-1}\n        data-state={open ? 'open' : 'closed'}\n        className={cn(\n          'min-w-0 overflow-hidden flex flex-col relative transition-[width] data-[state=closed]:w-0 data-[state=closed]:pointer-events-none data-[state=open]:w-full md:data-[state=open]:w-[var(--left-nav-width)]',\n          className,\n        )}\n        style={{\n          ['--left-nav-width' as string]: `${widthPx}px`,\n        }}\n        {...props}\n      >\n        <Sidebar\n          {...sidebarProps}\n          collapsed={!open}\n          className=\"transition-[width] w-[var(--left-nav-width)] h-[calc(100dvh-var(--header-nav-height,0))]\"\n        />\n\n        {/* Window Splitter per APG: https://www.w3.org/ARIA/apg/patterns/windowsplitter/ */}\n        {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- focusable separator per APG Window Splitter pattern */}\n        <div\n          role=\"separator\"\n          aria-orientation=\"vertical\"\n          aria-valuenow={ariaValuenow}\n          aria-valuemin={ariaValuemin}\n          aria-valuemax={ariaValuemax}\n          aria-label=\"Resize left sidebar\"\n          aria-controls=\"left-sidebar-pane\"\n          data-slot=\"full-layout-left-sidebar-resize-handle\"\n          /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- focusable separator per APG Window Splitter pattern */\n          tabIndex={0}\n          onMouseDown={onResizeStart}\n          onKeyDown={onResizeKeyDown}\n          className=\"hidden lg:block absolute top-0 right-0 bottom-0 w-1 bg-transparent hover:bg-blue-500 cursor-ew-resize shrink-0 [&>div]:pointer-events-none\"\n        >\n          <div className=\"absolute inset-y-0 -right-1 w-3\" />\n        </div>\n      </div>\n    );\n  },\n);\n\nFullLayoutLeftSidebar.displayName = 'FullLayoutLeftSidebar';\n\nexport { FullLayoutLeftSidebar };\n","import React, { ComponentProps, useContext } from 'react';\n\nimport { Sidebar } from '../../sidebar';\nimport { FullLayoutNavStateContext, useFullLayoutContext } from '../context';\nimport { FullLayoutLeftSidebar } from '../left-sidebar-pane';\n\nexport function LeftSidebar(props: ComponentProps<typeof Sidebar>) {\n  const ctx = useFullLayoutContext();\n  const navState = useContext(FullLayoutNavStateContext);\n  if (!ctx) return null;\n  if (ctx.disableLeftSideNav) return null;\n\n  const sidebarProps: ComponentProps<typeof Sidebar> =\n    navState != null\n      ? {\n          ...props,\n          appNavActiveId: navState.appNavActiveId ?? props.appNavActiveId,\n          sectionNavActiveId: navState.sectionNavActiveId ?? props.sectionNavActiveId,\n          activeArticleId: navState.activeArticleId ?? props.activeArticleId,\n        }\n      : props;\n\n  return (\n    <FullLayoutLeftSidebar\n      ref={ctx.sideNavRef as React.Ref<HTMLDivElement>}\n      open={ctx.isSideNavOpen}\n      widthPx={ctx.leftNavWidth}\n      onResizeStart={ctx.handleResizeStart}\n      onResizeKeyDown={ctx.handleResizeKeyDown}\n      ariaValuenow={ctx.ariaValuenow}\n      ariaValuemin={ctx.ariaValuemin}\n      ariaValuemax={ctx.ariaValuemax}\n      sidebarProps={sidebarProps}\n    />\n  );\n}\nLeftSidebar.displayName = 'FullLayout.LeftSidebar';\n","import React from 'react';\n\nimport { useFullLayoutContext } from '../context';\n\nimport { Item } from '@/components/ui/item';\nimport { cn } from '@/lib/utils';\n\nexport function Main({ children, className }: { children?: React.ReactNode; className?: string }) {\n  const ctx = useFullLayoutContext();\n  const mainIsScrollContainer = ctx?.disableMainScrollArea ?? false;\n\n  return (\n    <Item\n      className={cn(\n        'p-0',\n        mainIsScrollContainer &&\n          'h-[calc(100dvh-var(--header-nav-height))] md:h-[calc(100dvh-var(--header-nav-height)-1rem)] min-h-0 overflow-y-auto p-4 md:p-8',\n        className,\n      )}\n    >\n      {children}\n    </Item>\n  );\n}\nMain.displayName = 'FullLayout.Main';\n","import React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { ScrollArea } from '@/components/ui/scroll-area';\n\nexport interface FullLayoutRightSidebarProps extends Omit<React.ComponentPropsWithoutRef<'aside'>, 'children'> {\n  open: boolean;\n  children: React.ReactNode;\n  scrollable?: boolean;\n}\n\nconst FullLayoutRightSidebar = React.forwardRef<HTMLElement, FullLayoutRightSidebarProps>(\n  ({ open, scrollable = true, className, children, ...props }, ref) => {\n    return (\n      <aside\n        ref={ref as React.Ref<HTMLDivElement>}\n        data-slot=\"full-layout-right-sidebar\"\n        data-state={open ? 'open' : 'closed'}\n        className={cn(\n          'bg-background shadow-lg flex flex-col',\n          'fixed h-[calc(100dvh-var(--header-nav-height))] z-10 w-screen transition-transform duration-300 ease-in-out data-[state=closed]:translate-x-full data-[state=open]:translate-x-0',\n          'md:relative md:h-dvh md:w-96 md:top-0',\n          'border-dark-300 border-l border-r-0 border-t-0 border-b-0',\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"flex flex-col flex-1 min-h-0 overflow-hidden\" data-slot=\"full-layout-right-sidebar-content\">\n          {scrollable ? (\n            <ScrollArea className=\"h-[calc(100dvh-var(--header-nav-height))] md:h-dvh\">{children}</ScrollArea>\n          ) : (\n            children\n          )}\n        </div>\n      </aside>\n    );\n  },\n);\n\nFullLayoutRightSidebar.displayName = 'FullLayoutRightSidebar';\n\nexport { FullLayoutRightSidebar };\n","import React from 'react';\n\nimport { useFullLayoutContext } from '../context';\nimport { FullLayoutRightSidebar } from '../right-sidebar-pane';\n\nexport function RightSidebar({ children, scrollable }: { children?: React.ReactNode; scrollable?: boolean }) {\n  const ctx = useFullLayoutContext();\n  if (!ctx) return null;\n\n  return (\n    <FullLayoutRightSidebar\n      ref={ctx.rightSidebarRef as React.Ref<HTMLElement>}\n      open={ctx.isRightSidebarOpen}\n      scrollable={scrollable}\n      className=\"top-[var(--header-nav-height)]\"\n    >\n      {children}\n    </FullLayoutRightSidebar>\n  );\n}\nRightSidebar.displayName = 'FullLayout.RightSidebar';\n","import React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nconst blurryBlob = cva('blurry-blob', {\n  variants: {\n    variant: {\n      topLeft: '',\n      bottomRight: '!top-auto !left-auto !-bottom-[10%] !right-0 rotate-180',\n    },\n  },\n  defaultVariants: {\n    variant: 'topLeft',\n  },\n});\n\ninterface BlurryBlobProps extends VariantProps<typeof blurryBlob> {\n  className?: string;\n}\n\nexport const GooFilter = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"fixed top-0 left-0 w-0 h-0\">\n    <defs>\n      <filter id=\"goo\">\n        <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"10\" result=\"blur\" />\n        <feColorMatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8\" result=\"goo\" />\n        <feBlend in=\"SourceGraphic\" in2=\"goo\" />\n      </filter>\n    </defs>\n  </svg>\n);\n\nconst BlurryBlob = ({ className, variant }: BlurryBlobProps) => {\n  return (\n    <div className={cn(blurryBlob({ variant }), className)}>\n      <div className=\"gradients-container\">\n        <div className=\"g1\" />\n        <div className=\"g2\" />\n        <div className=\"g3\" />\n        <div className=\"g4\" />\n      </div>\n    </div>\n  );\n};\n\nexport default BlurryBlob;\n","import React, { useState, useRef, useEffect, useCallback, isValidElement, useMemo } from 'react';\nimport { useMediaQuery } from 'usehooks-ts';\n\nimport { FullLayoutProvider } from './context';\nimport { HEADER_NAV_HEIGHT } from '../header-nav';\nimport * as Compounds from './components';\nimport BlurryBlob, { GooFilter } from './blurry-blob';\n\nimport { ScrollArea } from '@/components/ui/scroll-area';\nimport { FeatureFlagProvider } from '@/lib/feature-flags';\nimport type { FeatureFlags } from '@/lib/feature-flags';\nimport { cn } from '@/lib/utils';\n\nconst MIN_SIDENAV_WIDTH = 260;\nconst CLOSE_SIDENAV_THRESHOLD = MIN_SIDENAV_WIDTH - 32;\nconst MAX_SIDENAV_WIDTH = 600;\nconst RIGHT_SIDEBAR_WIDTH = 384;\n\nexport interface FullLayoutRootProps {\n  children?: React.ReactNode;\n  disableLeftSideNav?: boolean;\n  /** When true, main column uses a plain div (no Radix ScrollArea); viewport height is applied on `FullLayout.Main`. */\n  disableMainScrollArea?: boolean;\n  className?: string;\n  /** When true, the right sidebar is always open and cannot be toggled. */\n  forceRightSidebarOpen?: boolean;\n}\n\n// Helper function to extract slots from children\nfunction extractSlots<T extends Record<string, React.ComponentType<any>>>(\n  children: React.ReactNode,\n  refs: T,\n): { [K in keyof T]: React.ReactElement | null } {\n  const out = {} as { [K in keyof T]: React.ReactElement | null };\n  const arr = React.Children.toArray(children);\n  for (const key of Object.keys(refs) as (keyof T)[]) {\n    const match = arr.find((c): c is React.ReactElement => isValidElement(c) && c.type === refs[key]);\n    out[key] = match ?? null;\n  }\n\n  return out;\n}\n\n// --- Root component ---\n\nfunction FullLayoutRoot({\n  children,\n  disableLeftSideNav = false,\n  disableMainScrollArea = false,\n  className,\n  forceRightSidebarOpen = false,\n}: FullLayoutRootProps) {\n  // Match isMobile breakpoint (max-width: 767px) so no flash on 768–1023px\n  const [isSideNavOpen, setIsSideNavOpen] = useState(() => typeof window !== 'undefined' && window.innerWidth > 767);\n  const [isRightSidebarOpen, setIsRightSidebarOpen] = useState(forceRightSidebarOpen);\n  const [isResizing, setIsResizing] = useState(false);\n  const [gridWidth, setGridWidth] = useState(() => (typeof window !== 'undefined' ? window.innerWidth : 0));\n\n  const newMinNavWidth = useMemo(\n    () =>\n      gridWidth > 0\n        ? Math.max(MIN_SIDENAV_WIDTH, Math.min(MAX_SIDENAV_WIDTH, Math.round(gridWidth * 0.18)))\n        : MIN_SIDENAV_WIDTH,\n    [gridWidth],\n  );\n  const [leftNavWidth, setLeftNavWidth] = useState(newMinNavWidth);\n\n  const sideNavRef = useRef<HTMLDivElement>(null);\n  const rightSidebarRef = useRef<HTMLElement>(null);\n  const sidebarToggleRef = useRef<HTMLButtonElement>(null);\n  const gridRef = useRef<HTMLDivElement>(null);\n  const prevSideNavOpenRef = useRef(isSideNavOpen);\n  const resizeAcRef = useRef<AbortController | null>(null);\n  const isMobile = useMediaQuery('(max-width: 767px)');\n  const isWideDesktop = useMediaQuery('(min-width: 1280px)');\n\n  // Prevent native scrollbar from appearing\n  useEffect(() => {\n    if (!document.body.querySelector('.sbdocs')) {\n      document.body.style.overflow = 'hidden';\n    }\n\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, []);\n\n  // Handle grid width changes\n  useEffect(() => {\n    const el = gridRef.current;\n    if (!el) return;\n\n    const ro = new ResizeObserver(([entry]) => {\n      setGridWidth(entry.contentRect.width);\n    });\n    ro.observe(el);\n\n    return () => ro.disconnect();\n  }, []);\n\n  // Close other sidebar if opening a new one on wide desktop\n  const closeOtherSidebar = useCallback(\n    (opening: 'left' | 'right') => {\n      if (isWideDesktop) return;\n      if (opening === 'left') setIsRightSidebarOpen(false);\n      else setIsSideNavOpen(false);\n    },\n    [isWideDesktop],\n  );\n\n  // Show left sidebar\n  const showSidenav = useCallback(() => {\n    closeOtherSidebar('left');\n    setIsSideNavOpen(true);\n    setLeftNavWidth(newMinNavWidth);\n    sideNavRef.current?.focus();\n  }, [closeOtherSidebar, newMinNavWidth]);\n\n  // Toggle left sidebar\n  const toggleSidebar = useCallback(() => {\n    closeOtherSidebar('left');\n    setIsSideNavOpen((prev) => !prev);\n  }, [closeOtherSidebar]);\n\n  // Open right sidebar (no-op if already open)\n  const openRightSidebar = useCallback(() => {\n    closeOtherSidebar('right');\n    setIsRightSidebarOpen(true);\n  }, [closeOtherSidebar]);\n\n  // Close right sidebar (no-op if already closed)\n  const closeRightSidebar = useCallback(() => {\n    setIsRightSidebarOpen(false);\n  }, []);\n\n  // Toggle right sidebar\n  const toggleRightSidebar = useCallback(() => {\n    if (forceRightSidebarOpen) return;\n    closeOtherSidebar('right');\n    setIsRightSidebarOpen((prev) => !prev);\n  }, [closeOtherSidebar, forceRightSidebarOpen]);\n\n  // Apply left nav width - used for resizing left sidebar\n  const applyLeftNavWidth = useCallback(\n    (newWidth: number): boolean => {\n      if (newWidth < CLOSE_SIDENAV_THRESHOLD) {\n        setLeftNavWidth(newMinNavWidth);\n        setIsSideNavOpen(false);\n\n        return true;\n      } else {\n        // clamp to MAX_SIDENAV_WIDTH\n        setLeftNavWidth(Math.min(MAX_SIDENAV_WIDTH, newWidth));\n\n        return false;\n      }\n    },\n    [newMinNavWidth],\n  );\n\n  // Handle resize start\n  const handleResizeStart = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    resizeAcRef.current = new AbortController();\n    setIsResizing(true);\n  }, []);\n\n  // Handle resize end\n  const endResize = useCallback(() => {\n    setIsResizing(false);\n    document.body.style.cursor = '';\n    document.body.style.userSelect = '';\n  }, []);\n\n  // Handle mouse move during resize\n  const handleMouseMove = useCallback(\n    (e: MouseEvent) => {\n      if (!isResizing) return;\n      if (applyLeftNavWidth(e.clientX)) {\n        endResize();\n      }\n    },\n    [isResizing, applyLeftNavWidth, endResize],\n  );\n\n  // Handle mouse up during resize\n  const handleMouseUp = useCallback(() => endResize(), [endResize]);\n\n  // Set inert attribute on side nav and right sidebar - disables tabbing to elements inside when sidebar is closed\n  const setInert = useCallback((el: HTMLElement | null, open: boolean) => {\n    if (!el) return;\n    if (open) el.removeAttribute('inert');\n    else el.setAttribute('inert', '');\n  }, []);\n\n  useEffect(() => {\n    setInert(sideNavRef.current, isSideNavOpen);\n    setInert(rightSidebarRef.current, isRightSidebarOpen);\n  }, [isSideNavOpen, isRightSidebarOpen]);\n\n  // Attach resize listeners when isResizing becomes true (controller already set in handleResizeStart)\n  useEffect(() => {\n    if (!isResizing || !resizeAcRef.current) return;\n\n    const { signal } = resizeAcRef.current;\n    document.body.style.cursor = 'ew-resize';\n    document.body.style.userSelect = 'none';\n    document.addEventListener('mousemove', handleMouseMove, { signal });\n    document.addEventListener('mouseup', handleMouseUp, { signal });\n    window.addEventListener('mouseup', handleMouseUp, { signal });\n    setInert(sideNavRef.current, false);\n\n    return () => {\n      resizeAcRef.current?.abort();\n      resizeAcRef.current = null;\n      document.body.style.cursor = '';\n      document.body.style.userSelect = '';\n      setInert(sideNavRef.current, true);\n    };\n  }, [isResizing]);\n\n  // Handle resize key down\n  const handleResizeKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const step = 16;\n      if (e.key === 'ArrowLeft') {\n        e.preventDefault();\n        applyLeftNavWidth(leftNavWidth - step);\n      } else if (e.key === 'ArrowRight') {\n        e.preventDefault();\n        applyLeftNavWidth(Math.min(MAX_SIDENAV_WIDTH, leftNavWidth + step));\n      }\n    },\n    [leftNavWidth, applyLeftNavWidth],\n  );\n\n  const leftCol = disableLeftSideNav ? 0 : isSideNavOpen ? (isMobile ? gridWidth : leftNavWidth) : 0;\n  const rightCol = isMobile ? 0 : isRightSidebarOpen ? RIGHT_SIDEBAR_WIDTH : 0;\n\n  // Set left sidebar open state based on mobile\n  useEffect(() => {\n    setIsSideNavOpen(isMobile ? false : true);\n  }, [isMobile]);\n\n  // Focus sidebar toggle when left sidebar is closed\n  useEffect(() => {\n    if (prevSideNavOpenRef.current && !isSideNavOpen) {\n      sidebarToggleRef.current?.focus();\n    }\n    prevSideNavOpenRef.current = isSideNavOpen;\n  }, [isSideNavOpen]);\n\n  const ariaRange = MAX_SIDENAV_WIDTH - newMinNavWidth;\n  const ariaValuenow = ariaRange === 0 ? 100 : Math.round(((leftNavWidth - newMinNavWidth) / ariaRange) * 100);\n\n  const layoutContextValue = useMemo(\n    () => ({\n      isSideNavOpen,\n      isRightSidebarOpen,\n      toggleSidebar,\n      openRightSidebar,\n      closeRightSidebar,\n      toggleRightSidebar,\n      showSidenav,\n      disableLeftSideNav: disableLeftSideNav ?? false,\n      leftNavWidth,\n      isMobile,\n      sideNavRef,\n      rightSidebarRef,\n      sidebarToggleRef,\n      handleResizeStart,\n      handleResizeKeyDown,\n      ariaValuenow,\n      ariaValuemin: 0,\n      ariaValuemax: 100,\n      disableMainScrollArea,\n    }),\n    [\n      isSideNavOpen,\n      isRightSidebarOpen,\n      toggleSidebar,\n      openRightSidebar,\n      closeRightSidebar,\n      toggleRightSidebar,\n      showSidenav,\n      leftNavWidth,\n      isMobile,\n      disableLeftSideNav,\n      disableMainScrollArea,\n      handleResizeStart,\n      handleResizeKeyDown,\n      ariaValuenow,\n    ],\n  );\n\n  // --- Extract slots from children ---\n  const { MainArea: mainArea, RightSidebar: rightSidebar } = extractSlots(children, {\n    MainArea: Compounds.MainArea,\n    RightSidebar: Compounds.RightSidebar,\n  });\n  const mainAreaChildren = isValidElement(mainArea)\n    ? (mainArea.props as { children?: React.ReactNode }).children\n    : null;\n  const { Header: header, Body: body } = extractSlots(mainAreaChildren ?? null, {\n    Header: Compounds.Header,\n    Body: Compounds.Body,\n  });\n  const bodyChildren = isValidElement(body) ? (body.props as { children?: React.ReactNode }).children : null;\n  const { LeftSidebar: leftSidebar, Main: main } = extractSlots(bodyChildren ?? null, {\n    LeftSidebar: Compounds.LeftSidebar,\n    Main: Compounds.Main,\n  });\n\n  const hasRightSidebar = rightSidebar != null;\n  const mainPanelClasses =\n    'md:shadow-[2px_4px_12px_0_rgba(0,0,0,0.14)] md:dark:shadow-[2px_4px_12px_0_rgba(255,255,255,0.14)] md:rounded-lg';\n\n  // --- Render the layout ---\n  return (\n    <FullLayoutProvider value={layoutContextValue}>\n      <GooFilter />\n      <BlurryBlob variant=\"topLeft\" />\n      <BlurryBlob variant=\"bottomRight\" />\n      <div\n        className={cn(\n          'min-h-screen w-screen bg-background grid transition-[grid-template-columns] duration-300 ease-in-out',\n          className,\n        )}\n        style={{\n          gridTemplateColumns: hasRightSidebar ? 'minmax(0, 1fr) var(--right-col)' : 'minmax(0, 1fr)',\n          ['--right-col' as string]: hasRightSidebar ? `${rightCol}px` : '0px',\n          ['--header-nav-height' as string]: `${HEADER_NAV_HEIGHT}px`,\n        }}\n      >\n        <div className=\"min-w-0 grid grid-rows-[auto_1fr]\">\n          {header}\n\n          <div\n            ref={gridRef}\n            data-sidenav-state={isSideNavOpen ? 'open' : 'closed'}\n            data-right-sidebar-state={isRightSidebarOpen ? 'open' : 'closed'}\n            className={cn(\n              'group/sidenav group/rightsidebar min-h-0 min-w-0 grid transition-[grid-template-columns] ease-linear',\n            )}\n            style={{\n              gridTemplateColumns: `var(--left-col) minmax(0, 1fr)`,\n              ['--left-col' as string]: `${leftCol}px`,\n            }}\n          >\n            {disableLeftSideNav ? <div className=\"w-0\" /> : leftSidebar}\n            <div className={cn('relative md:mr-4', { 'md:mx-4': !isSideNavOpen || disableLeftSideNav })}>\n              {disableMainScrollArea ? (\n                <div className={cn('bg-surface', mainPanelClasses)}>\n                  <main className=\"min-w-0 relative\">{main}</main>\n                </div>\n              ) : (\n                <>\n                  <ScrollArea\n                    className={cn(\n                      'bg-surface h-[calc(100dvh-var(--header-nav-height))] md:h-[calc(100dvh-var(--header-nav-height)-1rem)]',\n                      mainPanelClasses,\n                    )}\n                  >\n                    <div className=\"min-h-full\">\n                      <main className={cn('min-w-0 overflow-visible relative p-4 md:p-8')}>{main}</main>\n                    </div>\n                  </ScrollArea>\n                  <div\n                    aria-hidden\n                    className=\"main-scroll-fade pointer-events-none sticky bottom-4 left-0 right-0 h-16 bg-gradient-to-t from-surface to-transparent md:rounded-b-lg\"\n                  />\n                </>\n              )}\n            </div>\n          </div>\n        </div>\n\n        {hasRightSidebar ? rightSidebar : null}\n      </div>\n    </FullLayoutProvider>\n  );\n}\n\n/**\n * Custom memo comparator: re-render only when these props change by reference/value.\n * Use this so changing other props (e.g. from a parent) does not force the layout shell to re-render.\n */\nfunction fullLayoutRootPropsAreEqual(prev: FullLayoutRootProps, next: FullLayoutRootProps): boolean {\n  return (\n    prev.children === next.children &&\n    prev.className === next.className &&\n    prev.disableLeftSideNav === next.disableLeftSideNav &&\n    prev.disableMainScrollArea === next.disableMainScrollArea\n  );\n}\n\nconst FullLayoutRootMemo = React.memo(FullLayoutRoot, fullLayoutRootPropsAreEqual);\n\nexport interface FullLayoutProps extends FullLayoutRootProps {\n  /** Feature flags for layout/header (e.g. platform.brainfish-native.enabled). Passed through to FeatureFlagProvider. */\n  featureFlags?: FeatureFlags;\n}\n\nfunction FullLayoutWithFlags(props: FullLayoutProps) {\n  const { featureFlags, ...layoutProps } = props;\n\n  return (\n    <FeatureFlagProvider flags={featureFlags}>\n      <FullLayoutRootMemo {...layoutProps} />\n    </FeatureFlagProvider>\n  );\n}\n\ntype FullLayoutCompound = typeof FullLayoutWithFlags & {\n  MainArea: typeof Compounds.MainArea;\n  Body: typeof Compounds.Body;\n  Header: typeof Compounds.Header;\n  LeftSidebar: typeof Compounds.LeftSidebar;\n  Main: typeof Compounds.Main;\n  RightSidebar: typeof Compounds.RightSidebar;\n};\n\nconst FullLayout: FullLayoutCompound = Object.assign(FullLayoutWithFlags, {\n  MainArea: Compounds.MainArea,\n  Body: Compounds.Body,\n  Header: Compounds.Header,\n  LeftSidebar: Compounds.LeftSidebar,\n  Main: Compounds.Main,\n  RightSidebar: Compounds.RightSidebar,\n});\n\nexport default FullLayout;\n","import React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface FullLayoutHeaderProps extends React.ComponentPropsWithoutRef<'header'> {\n  onOpenLeft?: () => void;\n  onOpenRight?: () => void;\n}\n\nconst FullLayoutHeader = React.forwardRef<HTMLElement, FullLayoutHeaderProps>(\n  ({ onOpenLeft, onOpenRight, className, children, ...props }, ref) => {\n    return (\n      <header\n        ref={ref as React.Ref<HTMLHeadingElement>}\n        data-slot=\"full-layout-header\"\n        className={cn('h-16 bg-white shadow-md flex items-center px-4 shrink-0 sticky top-0 z-20', className)}\n        {...props}\n      >\n        {onOpenLeft != null && (\n          <button\n            data-slot=\"full-layout-header-trigger-left\"\n            type=\"button\"\n            onClick={onOpenLeft}\n            className=\"p-2 hover:bg-gray-100 rounded-lg transition-colors mr-4 lg:hidden\"\n            aria-label=\"Toggle menu\"\n          >\n            <svg className=\"size-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M4 6h16M4 12h16M4 18h16\" />\n            </svg>\n          </button>\n        )}\n        <div data-slot=\"full-layout-header-center\" className=\"flex-1 min-w-0\">\n          {children}\n        </div>\n        {onOpenRight != null && (\n          <div data-slot=\"full-layout-header-trigger-right\" className=\"ml-auto\">\n            <button\n              type=\"button\"\n              onClick={onOpenRight}\n              className=\"p-2 hover:bg-gray-100 rounded-lg transition-colors\"\n              aria-label=\"Toggle chat\"\n            >\n              <svg className=\"size-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z\"\n                />\n              </svg>\n            </button>\n          </div>\n        )}\n      </header>\n    );\n  },\n);\n\nFullLayoutHeader.displayName = 'FullLayoutHeader';\n\nexport { FullLayoutHeader };\n"],"names":["FullLayoutNavStateContext","React","createContext","FullLayoutContext","FullLayoutProvider","value","children","createElement","Provider","useFullLayoutContext","useContext","useRightSidebar","ctx","Error","isOpen","isRightSidebarOpen","open","openRightSidebar","close","closeRightSidebar","toggle","toggleRightSidebar","MainArea","Body","Header","props","onBrainfishNativeClick","rest","HeaderNav","showSidebarToggle","disableLeftSideNav","isSideNavOpen","onSideNavigationToggle","toggleSidebar","sidebarToggleRef","displayName","FullLayoutLeftSidebar","forwardRef","widthPx","onResizeStart","onResizeKeyDown","ariaValuenow","ariaValuemin","ariaValuemax","sidebarProps","className","ref","id","tabIndex","cn","style","Sidebar","collapsed","role","onMouseDown","onKeyDown","LeftSidebar","navState","appNavActiveId","sectionNavActiveId","activeArticleId","sideNavRef","leftNavWidth","handleResizeStart","handleResizeKeyDown","Main","mainIsScrollContainer","disableMainScrollArea","Item","FullLayoutRightSidebar","scrollable","ScrollArea","RightSidebar","rightSidebarRef","blurryBlob","cva","variants","variant","topLeft","bottomRight","defaultVariants","GooFilter","xmlns","in","stdDeviation","result","mode","values","in2","BlurryBlob","MAX_SIDENAV_WIDTH","extractSlots","refs","out","arr","Children","toArray","key","Object","keys","match","find","c","isValidElement","type","FullLayoutRootMemo","memo","forceRightSidebarOpen","setIsSideNavOpen","useState","window","innerWidth","setIsRightSidebarOpen","isResizing","setIsResizing","gridWidth","setGridWidth","newMinNavWidth","useMemo","Math","max","min","round","setLeftNavWidth","useRef","gridRef","prevSideNavOpenRef","resizeAcRef","isMobile","useMediaQuery","isWideDesktop","useEffect","document","body","querySelector","overflow","el","current","ro","ResizeObserver","entry","contentRect","width","observe","disconnect","closeOtherSidebar","useCallback","opening","showSidenav","focus","prev","applyLeftNavWidth","newWidth","MIN_SIDENAV_WIDTH","e","preventDefault","AbortController","endResize","cursor","userSelect","handleMouseMove","clientX","handleMouseUp","setInert","removeAttribute","setAttribute","signal","addEventListener","abort","leftCol","rightCol","ariaRange","layoutContextValue","mainArea","rightSidebar","Compounds.MainArea","Compounds.RightSidebar","mainAreaChildren","header","Compounds.Header","Compounds.Body","bodyChildren","leftSidebar","main","Compounds.LeftSidebar","Compounds.Main","hasRightSidebar","mainPanelClasses","gridTemplateColumns","HEADER_NAV_HEIGHT","Fragment","next","FullLayout","assign","featureFlags","layoutProps","FeatureFlagProvider","flags","FullLayoutHeader","onOpenLeft","onOpenRight","onClick","fill","stroke","viewBox","strokeLinecap","strokeLinejoin","strokeWidth","d"],"mappings":"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"}

package/dist/esm/chunks/index.uF4ME3WQ.js

@@ -1,4 +0,0 @@
-import*as n from"react";import{jsx as t}from"react/jsx-runtime";function e(n,t){if("function"==typeof n)return n(t);null!=n&&(n.current=t)}var r=Symbol.for("react.lazy"),o=n[" use ".trim().toString()];function i(n){return null!=n&&"object"==typeof n&&"$$typeof"in n&&n.$$typeof===r&&"_payload"in n&&("object"==typeof(t=n._payload)&&null!==t&&"then"in t);var t}function l(e){const r=/* @__PURE__ */f(e),l=n.forwardRef((e,l)=>{let{children:c,...f}=e;i(c)&&"function"==typeof o&&(c=o(c._payload));const a=n.Children.toArray(c),p=a.find(u);if(p){const e=p.props.children,o=a.map(t=>t===p?n.Children.count(e)>1?n.Children.only(null):n.isValidElement(e)?e.props.children:null:t);/* @__PURE__ */
-return t(r,{...f,ref:l,children:n.isValidElement(e)?n.cloneElement(e,void 0,o):null})}/* @__PURE__ */
-return t(r,{...f,ref:l,children:c})});return l.displayName=`${e}.Slot`,l}var c=/* @__PURE__ */l("Slot");function f(t){const r=n.forwardRef((t,r)=>{let{children:l,...c}=t;if(i(l)&&"function"==typeof o&&(l=o(l._payload)),n.isValidElement(l)){const t=function(n){let t=Object.getOwnPropertyDescriptor(n.props,"ref")?.get,e=t&&"isReactWarning"in t&&t.isReactWarning;if(e)return n.ref;if(t=Object.getOwnPropertyDescriptor(n,"ref")?.get,e=t&&"isReactWarning"in t&&t.isReactWarning,e)return n.props.ref;return n.props.ref||n.ref}(l),o=function(n,t){const e={...t};for(const r in t){const o=n[r],i=t[r];/^on[A-Z]/.test(r)?o&&i?e[r]=(...n)=>{const t=i(...n);return o(...n),t}:o&&(e[r]=o):"style"===r?e[r]={...o,...i}:"className"===r&&(e[r]=[o,i].filter(Boolean).join(" "))}return{...n,...e}}(c,l.props);return l.type!==n.Fragment&&(o.ref=r?function(...n){return t=>{let r=!1;const o=n.map(n=>{const o=e(n,t);return r||"function"!=typeof o||(r=!0),o});if(r)return()=>{for(let t=0;t<o.length;t++){const r=o[t];"function"==typeof r?r():e(n[t],null)}}}}(r,t):t),n.cloneElement(l,o)}return n.Children.count(l)>1?n.Children.only(null):null});return r.displayName=`${t}.SlotClone`,r}var a=Symbol("radix.slottable");function u(t){return n.isValidElement(t)&&"function"==typeof t.type&&"__radixId"in t.type&&t.type.__radixId===a}export{c as S};
-//# sourceMappingURL=index.uF4ME3WQ.js.map

package/dist/esm/chunks/index.uF4ME3WQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.uF4ME3WQ.js","sources":["../../../../../node_modules/@radix-ui/react-compose-refs/dist/index.mjs","../../../../../node_modules/@radix-ui/react-slot/dist/index.mjs"],"sourcesContent":["// packages/react/compose-refs/src/compose-refs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n  if (typeof ref === \"function\") {\n    return ref(value);\n  } else if (ref !== null && ref !== void 0) {\n    ref.current = value;\n  }\n}\nfunction composeRefs(...refs) {\n  return (node) => {\n    let hasCleanup = false;\n    const cleanups = refs.map((ref) => {\n      const cleanup = setRef(ref, node);\n      if (!hasCleanup && typeof cleanup == \"function\") {\n        hasCleanup = true;\n      }\n      return cleanup;\n    });\n    if (hasCleanup) {\n      return () => {\n        for (let i = 0; i < cleanups.length; i++) {\n          const cleanup = cleanups[i];\n          if (typeof cleanup == \"function\") {\n            cleanup();\n          } else {\n            setRef(refs[i], null);\n          }\n        }\n      };\n    }\n  };\n}\nfunction useComposedRefs(...refs) {\n  return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n  composeRefs,\n  useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n","// src/slot.tsx\nimport * as React from \"react\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { Fragment as Fragment2, jsx } from \"react/jsx-runtime\";\nvar REACT_LAZY_TYPE = Symbol.for(\"react.lazy\");\nvar use = React[\" use \".trim().toString()];\nfunction isPromiseLike(value) {\n  return typeof value === \"object\" && value !== null && \"then\" in value;\n}\nfunction isLazyComponent(element) {\n  return element != null && typeof element === \"object\" && \"$$typeof\" in element && element.$$typeof === REACT_LAZY_TYPE && \"_payload\" in element && isPromiseLike(element._payload);\n}\n// @__NO_SIDE_EFFECTS__\nfunction createSlot(ownerName) {\n  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);\n  const Slot2 = React.forwardRef((props, forwardedRef) => {\n    let { children, ...slotProps } = props;\n    if (isLazyComponent(children) && typeof use === \"function\") {\n      children = use(children._payload);\n    }\n    const childrenArray = React.Children.toArray(children);\n    const slottable = childrenArray.find(isSlottable);\n    if (slottable) {\n      const newElement = slottable.props.children;\n      const newChildren = childrenArray.map((child) => {\n        if (child === slottable) {\n          if (React.Children.count(newElement) > 1) return React.Children.only(null);\n          return React.isValidElement(newElement) ? newElement.props.children : null;\n        } else {\n          return child;\n        }\n      });\n      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });\n    }\n    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });\n  });\n  Slot2.displayName = `${ownerName}.Slot`;\n  return Slot2;\n}\nvar Slot = /* @__PURE__ */ createSlot(\"Slot\");\n// @__NO_SIDE_EFFECTS__\nfunction createSlotClone(ownerName) {\n  const SlotClone = React.forwardRef((props, forwardedRef) => {\n    let { children, ...slotProps } = props;\n    if (isLazyComponent(children) && typeof use === \"function\") {\n      children = use(children._payload);\n    }\n    if (React.isValidElement(children)) {\n      const childrenRef = getElementRef(children);\n      const props2 = mergeProps(slotProps, children.props);\n      if (children.type !== React.Fragment) {\n        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;\n      }\n      return React.cloneElement(children, props2);\n    }\n    return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n  });\n  SlotClone.displayName = `${ownerName}.SlotClone`;\n  return SlotClone;\n}\nvar SLOTTABLE_IDENTIFIER = Symbol(\"radix.slottable\");\n// @__NO_SIDE_EFFECTS__\nfunction createSlottable(ownerName) {\n  const Slottable2 = ({ children }) => {\n    return /* @__PURE__ */ jsx(Fragment2, { children });\n  };\n  Slottable2.displayName = `${ownerName}.Slottable`;\n  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;\n  return Slottable2;\n}\nvar Slottable = /* @__PURE__ */ createSlottable(\"Slottable\");\nfunction isSlottable(child) {\n  return React.isValidElement(child) && typeof child.type === \"function\" && \"__radixId\" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;\n}\nfunction mergeProps(slotProps, childProps) {\n  const overrideProps = { ...childProps };\n  for (const propName in childProps) {\n    const slotPropValue = slotProps[propName];\n    const childPropValue = childProps[propName];\n    const isHandler = /^on[A-Z]/.test(propName);\n    if (isHandler) {\n      if (slotPropValue && childPropValue) {\n        overrideProps[propName] = (...args) => {\n          const result = childPropValue(...args);\n          slotPropValue(...args);\n          return result;\n        };\n      } else if (slotPropValue) {\n        overrideProps[propName] = slotPropValue;\n      }\n    } else if (propName === \"style\") {\n      overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n    } else if (propName === \"className\") {\n      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n    }\n  }\n  return { ...slotProps, ...overrideProps };\n}\nfunction getElementRef(element) {\n  let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n  let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.ref;\n  }\n  getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n  mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.props.ref;\n  }\n  return element.props.ref || element.ref;\n}\nexport {\n  Slot as Root,\n  Slot,\n  Slottable,\n  createSlot,\n  createSlottable\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["setRef","ref","value","current","REACT_LAZY_TYPE","Symbol","for","use","React","trim","toString","isLazyComponent","element","$$typeof","_payload","createSlot","ownerName","SlotClone","createSlotClone","Slot2","forwardRef","props","forwardedRef","children","slotProps","childrenArray","Children","toArray","slottable","find","isSlottable","newElement","newChildren","map","child","count","only","isValidElement","jsx","cloneElement","displayName","Slot","childrenRef","getter","Object","getOwnPropertyDescriptor","get","mayWarn","isReactWarning","getElementRef","props2","childProps","overrideProps","propName","slotPropValue","childPropValue","test","args","result","filter","Boolean","join","mergeProps","type","Fragment","refs","node","hasCleanup","cleanups","cleanup","i","length","composeRefs","SLOTTABLE_IDENTIFIER","__radixId"],"mappings":"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","x_google_ignoreList":[0,1]}